:root {
	--yellow: #ffd600;
	--yellow-soft: #ffe770;
	--dark: #1a1a1a;
	--dark-2: #2a2a2a;
	--gray-1: #f5f5f5;
	--gray-2: #e8e8e8;
	--text-muted: #555;
	--radius-lg: 24px;
	--radius-md: 16px;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* Анимация заголовков: opacity 50% → 100% слева направо */
@property --reveal-pos {
	syntax: '<percentage>';
	inherits: false;
	initial-value: 0%;
}
.text-reveal {
	--reveal-pos: 0%;
	opacity: 0.3;
	-webkit-mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) var(--reveal-pos),
		rgba(0, 0, 0, 0.3) var(--reveal-pos)
	);
	mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 1) var(--reveal-pos),
		rgba(0, 0, 0, 0.3) var(--reveal-pos)
	);
}
.text-reveal.is-revealed {
	opacity: 1;
	animation: textRevealMask 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@keyframes textRevealMask {
	to {
		--reveal-pos: 100%;
	}
}

body {
	font-family: 'Inter', sans-serif;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 100vh;
	padding: 104px 20px 40px;
	gap: 120px;
}

.hero {
	position: relative;
	max-width: 1340px;
	width: 100%;
	display: grid;
	grid-template-columns: 610px 1fr;
	align-items: start;
}

/* === Левая жёлтая карточка === */
.hero__left {
	background: #ffd600;
	border-radius: 24px 24px 0 24px;
	padding: 52px 48px 100px;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	height: 500px;
}

.hero__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 47px;
	font-weight: 800;
	line-height: 1.15;
	color: #1a1a1a;
	margin-bottom: 11px;
	letter-spacing: -0.5px;
}

.hero__title span {
	color: #fff;
	font-style: italic;
	font-size: 44px;
	display: inline-block;
	position: relative;
	padding: 2px 10px;
	background: #1a1a1a;
	border-radius: 0;
	margin-top: 4px;
	line-height: 1.2;
	transform: rotate(-2deg);
}

/* === Подзаголовок — чёрная плашка под наклоном === */
.hero__subtitle {
	margin-top: 8px;
	margin-bottom: 4px;
}

.hero__subtitle span {
	display: inline-block;
	font-family: 'Unbounded', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: #1a1a1a;
	padding: 8px 18px;
	border-radius: 0;
	transform: rotate(-2deg);
	line-height: 1.2;
}

/* === Хайлайты — акцентные плашки === */
.hero__highlights {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 20px;
}

.hero__highlight {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	background: #fff;
	padding: 12px 20px;
	border-radius: 14px;
	align-self: flex-start;
}

.hero__highlight-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 28px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1;
}

.hero__highlight-text {
	font-size: 15px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.3;
}

.hero__highlight--accent {
	background: #fff;
	margin-top: 6px;
}

.hero__highlight--accent .hero__highlight-text {
	color: #1a1a1a;
	font-weight: 700;
}

/* === Жёлтая полка === */
.hero__shelf {
	position: absolute;
	bottom: -85px;
	left: 303px;
	right: 0;
	height: 85px;
	background: #ffd600;
	border-radius: 0 0 24px 24px;
}

/* Вогнутый угол — позиционируется от полки */
.hero__shelf::before {
	content: '';
	position: absolute;
	left: -34px;
	top: 0;
	width: 64px;
	height: 64px;
	background: #ffd600;
}

.hero__shelf::after {
	content: '';
	position: absolute;
	left: -34px;
	top: 0;
	width: 34px;
	height: 64px;
	background: #fff;
	border-top-right-radius: 48px;
}

/* === Кнопка === */
.hero__btn-area {
	position: absolute;
	bottom: -85px;
	left: 10px;
	z-index: 3;
}

.hero__btn-cutout {
	position: relative;
}

.hero__btn {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #2a2a2a;
	color: #fff;
	font-size: 19px;
	font-weight: 600;
	padding: 22px 44px;
	border-radius: 16px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s;
	white-space: nowrap;
	animation: btnNudge 4s ease-in-out infinite;
	overflow: hidden;
}
.hero__btn::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 60%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.15),
		transparent
	);
	animation: btnShine 4s ease-in-out infinite;
}

.hero__btn-cursor {
	position: absolute;
	bottom: -8px;
	right: 7px;
	font-size: 28px;
	animation: cursorTap 2s ease-in-out infinite;
	pointer-events: none;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
	z-index: 4;
}

@keyframes btnNudge {
	0%,
	85%,
	100% {
		transform: rotate(0) scale(1);
	}
	88% {
		transform: rotate(-2deg) scale(1.03);
	}
	91% {
		transform: rotate(2deg) scale(1.03);
	}
	94% {
		transform: rotate(-1.5deg) scale(1.02);
	}
	97% {
		transform: rotate(1deg) scale(1.01);
	}
}
@keyframes btnShine {
	0%,
	70% {
		left: -100%;
	}
	85% {
		left: 150%;
	}
	100% {
		left: 150%;
	}
}
@keyframes cursorTap {
	0%,
	100% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}
	40% {
		transform: translate(-5px, -3px) scale(0.9);
		opacity: 1;
	}
	50% {
		transform: translate(-5px, -3px) scale(0.85);
		opacity: 0.8;
	}
	60% {
		transform: translate(-5px, -3px) scale(0.9);
		opacity: 1;
	}
	80% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}
}

.hero__btn:hover::after {
	animation: none;
	opacity: 0;
}
.hero__btn:hover {
	background: #111;
}

/* === Правая часть === */
.hero__right {
	position: relative;
	padding-left: 16px;
}

.hero__photo {
	width: 704px;
	height: 471px;
	border-radius: 24px;
	overflow: hidden;
	position: relative;
}

.hero__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* === Play кнопка === */
.hero__play-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 115px;
	height: 115px;
	z-index: 5;
}

.hero__play-corner-svg {
	position: absolute;
	top: 0px;
	right: 10px;
	transform: rotate(90deg);
}

.hero__play {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 70px;
	height: 70px;
	background: #ffd600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform 0.2s;
	z-index: 1;
}

.hero__play:hover {
	transform: scale(1.05);
}

.hero__play svg {
	width: 25px;
	height: 25px;
	margin-left: 4px;
}

/* === Цитата — поверх обоих блоков === */
.hero__quote-wrap {
	position: absolute;
	bottom: -30px;
	left: 41%;
	z-index: 6;
	filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.05));
}

.hero__quote {
	width: 715px;
	background: #fff;
	border-radius: 16px;
	padding: 24px 28px;
}

.hero__checklist {
	display: flex;
	gap: 16px;
}

.hero__check {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
}

.hero__check-mark {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	background: #ffd600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 800;
	color: #1a1a1a;
}

.hero__check-text {
	font-size: 14px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.3;
}

/* ========================================
   Секция "Решаем задачи бизнеса"
   ======================================== */
.solutions {
	max-width: 1340px;
	width: 100%;
}

.solutions__wrap {
	display: grid;
	grid-template-columns: 480px 1fr;
	gap: 48px;
	align-items: center;
}

/* Видео */
.solutions__video {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.solutions__video-inner {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
}

.solutions__video-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.solutions__play-btn {
	width: 72px;
	height: 72px;
	background: #ffd600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 4px;
	transition: transform 0.2s;
}

.solutions__play-btn:hover {
	transform: scale(1.1);
}

.solutions__video-caption {
	font-size: 14px;
	color: #888;
	text-align: center;
}

/* Контент */
.solutions__content {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.solutions__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 36px;
	font-weight: 800;
	color: #1a1a1a;
	line-height: 1.2;
}

.solutions__groups {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px 32px;
}

.solutions__group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.solutions__group-title {
	font-family: 'Unbounded', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	display: flex;
	align-items: center;
	gap: 10px;
}

.solutions__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.solutions__dot--yellow {
	background: #ffd600;
}

.solutions__dot--dark {
	background: #1a1a1a;
}

.solutions__group-text {
	font-size: 15px;
	line-height: 1.55;
	color: #555;
}

/* ========================================
   Секция "Быстрая адаптация"
   ======================================== */
.timeline {
	max-width: 1340px;
	width: 100%;
}

.timeline__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 800;
	color: #25292d;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.timeline__subtitle {
	font-size: 25px;
	color: #25292d;
	margin-bottom: 48px;
}

.timeline__body {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* Карточки — сетка 4 колонки */
.timeline__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	min-height: 140px;
}

.timeline__cards--top {
	align-items: flex-end;
	padding-bottom: 16px;
}

.timeline__cards--bottom {
	align-items: flex-start;
	padding-top: 16px;
}

.timeline__card {
	position: relative;
	padding: 20px;
	z-index: 1;
}

.timeline__card-glow {
	position: absolute;
	inset: 0;
	z-index: -1;
}

/* Верхние карточки — градиент сверху вниз, скругление только сверху */

/* «Активное использование» — серый, покрывает ~40%, плавно тает */
.timeline__card-glow--gray {
	border-radius: 20px 20px 0 0;
	background: linear-gradient(
		to bottom,
		#e4e1e1 0%,
		#e4e1e1 30%,
		rgba(228, 225, 225, 0) 58%
	);
}

/* «CRM и аналитика» — жёлтый, покрывает ~35%, плавно тает */
.timeline__card-glow--yellow {
	border-radius: 20px 20px 0 0;
	background: linear-gradient(
		to bottom,
		#fdd300 0%,
		#fdd300 30%,
		rgba(253, 211, 0, 0) 55%
	);
}

/* Нижние карточки — градиент снизу вверх, скругление только снизу */

/* «Первые заказы» — лёгкий серый, покрывает ~35% снизу */
.timeline__card-glow--light-bottom {
	border-radius: 0 0 20px 20px;
	background: linear-gradient(
		to top,
		#f0f0f0 0%,
		#f0f0f0 25%,
		rgba(240, 240, 240, 0) 55%
	);
}

/* «Автоматизация» — тёплый жёлтый, покрывает ~40% снизу */
.timeline__card-glow--warm-bottom {
	border-radius: 0 0 20px 20px;
	background: linear-gradient(
		to top,
		#ffe770 0%,
		#ffe770 30%,
		rgba(255, 231, 112, 0) 60%
	);
}

.timeline__card-title {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 30px;
	margin-bottom: 4px;
}

.timeline__card-text {
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

/* Полоса таймлайна */
.timeline__bar {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 39px;
}

.timeline__segment {
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.timeline__segment--1 {
	background: #f0f0f0;
	border-radius: 60px 0 0 60px;
}

.timeline__segment--2 {
	background: #e4e1e1;
}

.timeline__segment--3 {
	background: #ffe770;
}

.timeline__segment--4 {
	background: #fdd300;
	border-radius: 0 60px 60px 0;
}

.timeline__period {
	font-size: 20px;
	color: #000;
	white-space: nowrap;
}

/* ========================================
   Секция "Быстрая адаптация" — вариант 2
   ======================================== */
.adapt {
	max-width: 1340px;
	width: 100%;
}

.adapt__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 800;
	color: #25292d;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.adapt__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 25px;
	color: #555;
	margin-bottom: 48px;
}

.adapt__track {
	position: relative;
	padding: 180px 0;
}

/* Точки на таймлайне */
.adapt__dots {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	padding: 0 60px;
	z-index: 3;
	pointer-events: none;
}

.adapt__dot {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	transform: translateY(-50%);
	box-shadow: 0 0 0 5px #fff;
	position: relative;
}

.adapt__dot--1 {
	background: #d0d0d0;
}
.adapt__dot--2 {
	background: #bbb;
}
.adapt__dot--3 {
	background: #ffe770;
}
.adapt__dot--4 {
	background: #fdd300;
}
.adapt__dot--5 {
	background: #fdd300;
	box-shadow:
		0 0 0 5px #fff,
		0 0 20px rgba(253, 211, 0, 0.4);
}

.adapt__dot span {
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translateX(-50%);
	font-size: 11px;
	font-weight: 700;
	color: #999;
	white-space: nowrap;
	background: #fff;
	padding: 2px 8px;
	border-radius: 8px;
	pointer-events: none;
}

/* Полоса прогресса */
.adapt__bar {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 6px;
	background: #eee;
	border-radius: 3px;
	transform: translateY(-50%);
	z-index: 1;
}

.adapt__bar-fill {
	height: 100%;
	width: 100%;
	border-radius: 3px;
	background: linear-gradient(
		to right,
		#e0e0e0 0%,
		#d0d0d0 20%,
		#ffe770 60%,
		#fdd300 100%
	);
}

/* Карточки — абсолютное позиционирование */
.adapt__cards {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.adapt__card {
	position: absolute;
	width: auto;
	min-width: 200px;
	max-width: 260px;
	background: #fff;
	border-radius: 16px;
	padding: 14px 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition:
		transform 0.2s,
		box-shadow 0.2s;
}

.adapt__card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

/* Верхние карточки */
.adapt__card--top {
	bottom: calc(50% + 30px);
}

/* Нижние карточки */
.adapt__card--bottom {
	top: calc(50% + 42px);
}

/* Позиции по горизонтали — 5 этапов */
.adapt__card--pos1 {
	left: 0;
}
.adapt__card--pos2 {
	left: 270px;
}
.adapt__card--pos3 {
	left: 600px;
}
.adapt__card--pos4 {
	left: 850px;
}
.adapt__card--pos5 {
	right: 0;
}

/* Стрелки-указатели */
.adapt__card-arrow {
	position: absolute;
	bottom: -10px;
	left: 40px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 3px;
	transform: rotate(45deg);
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.04);
}

.adapt__card-arrow--up {
	bottom: auto;
	top: -10px;
	box-shadow: -2px -2px 8px rgba(0, 0, 0, 0.04);
}

/* Акцентная карточка — финальный этап */
.adapt__card--accent {
	background: #1a1a1a;
	box-shadow: 0 8px 32px rgba(253, 211, 0, 0.2);
}

.adapt__card--accent .adapt__card-title {
	color: #ffd600;
}

.adapt__card--accent .adapt__card-text {
	color: rgba(255, 255, 255, 0.7);
}

/* Иконка info */
.adapt__card-info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	font-family: 'Inter', sans-serif;
	font-size: 12px;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	line-height: 1;
	margin-left: 6px;
	cursor: pointer;
	vertical-align: middle;
}

/* Всплывашка */
.adapt__card-tooltip {
	position: absolute;
	bottom: calc(100% + 30px);
	left: 50%;
	transform: translateX(-50%);
	background: #1a1a1a;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	padding: 14px 18px;
	border-radius: 12px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
	z-index: 20;
}

.adapt__card-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #1a1a1a;
}

.adapt__card--accent:hover .adapt__card-tooltip,
.career8__cp:hover .adapt__card-tooltip,
.career8__cp--lit:hover .adapt__card-tooltip {
	opacity: 1;
}

.adapt__card-label {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	background: #ffd600;
	color: #1a1a1a;
	font-family: 'Unbounded', sans-serif;
	font-size: 12px;
	font-weight: 700;
	padding: 6px 16px;
	border-radius: 20px;
	white-space: nowrap;
	z-index: 5;
}

.adapt__card--accent .adapt__card-result {
	background: #ffd600;
	color: #1a1a1a;
}

.adapt__card--accent .adapt__card-arrow {
	background: #1a1a1a;
}

.adapt__card-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: #ffd600;
	border-radius: 50%;
	font-family: 'Unbounded', sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #1a1a1a;
	margin-right: 6px;
	flex-shrink: 0;
}

.adapt__card--accent .adapt__card-num {
	background: #ffd600;
	color: #1a1a1a;
}

.adapt__card-title {
	font-family: 'Unbounded', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
	margin-bottom: 6px;
	white-space: nowrap;
}

.adapt__card-text {
	font-size: 13px;
	line-height: 1.45;
	color: #555;
	margin-bottom: 10px;
}

.adapt__card-list {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.adapt__card-list li {
	font-size: 13px;
	color: #555;
	line-height: 1.4;
	padding-left: 12px;
	position: relative;
}

.adapt__card-list li::before {
	content: '·';
	position: absolute;
	left: 0;
	font-weight: 800;
	color: #ffd600;
	font-size: 16px;
	line-height: 1;
}

.adapt__card--accent .adapt__card-list li {
	color: #fff;
}

.adapt__card-result {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	color: #1a1a1a;
	background: #f0f0f0;
	padding: 5px 10px;
	border-radius: 6px;
	line-height: 1.2;
}

/* ========================================
   Секция "Как это работает"
   ======================================== */
.steps {
	max-width: 1340px;
	width: 100%;
}

.steps__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 800;
	color: #25292d;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.steps__subtitle {
	font-size: 25px;
	color: #25292d;
	margin-bottom: 48px;
}

.steps__grid {
	display: grid;
	grid-template-columns: 235px 336px 434px 235px;
	gap: 32px;
	align-items: flex-end;
}

.steps__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.steps__num {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #fede40;
	line-height: 1;
}

.steps__text {
	font-size: 20px;
	color: #000;
	line-height: 30px;
	margin-bottom: 8px;
}

.steps__photo {
	width: 100%;
	border-radius: 30px;
	overflow: hidden;
	background: #f0f0f0;
}

.steps__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Общий центр фото: margin-bottom поднимает мелкие фото */
.steps__photo--sm {
	height: 197px;
	margin-bottom: 84px;
}

.steps__photo--md {
	height: 282px;
	margin-bottom: 41px;
}

.steps__photo--lg {
	height: 364px;
	margin-bottom: 0;
}

/* ========================================
   Секция "Кто с нами"
   ======================================== */
.partners {
	max-width: 1340px;
	width: 100%;
}

.partners__card {
	background: #fff;
	border-radius: 80px;
	border: 1px solid transparent;
	background-image:
		linear-gradient(#fff, #fff),
		linear-gradient(135deg, #fdd300, #ffe770, #25292d);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	padding: 48px 36px 56px;
}

.partners__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 800;
	color: #1a1a1a;
	margin-bottom: 8px;
}

.partners__subtitle {
	font-size: 18px;
	font-weight: 400;
	color: #1a1a1a;
	margin-bottom: 40px;
}

.partners__grid {
	display: flex;
	gap: 24px;
	padding-top: 120px;
	overflow-x: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab;
	user-select: none;
}

.partners__grid::-webkit-scrollbar {
	display: none;
}

.partners__grid.is-dragging {
	cursor: grabbing;
	scroll-behavior: auto;
}

.partners__item {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 295px;
}

.partners__photo {
	width: 295px;
	height: 173px;
	border-radius: 16px;
	background: #e8e8e8;
	position: relative;
	margin-bottom: 16px;
	overflow: visible;
}

.partners__photo img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 280px;
	width: auto;
	object-fit: contain;
	display: block;
}

.partners__name {
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 4px;
}

.partners__link-wrap {
	position: relative;
	display: inline-block;
}

.partners__link {
	font-size: 16px;
	font-weight: 700;
	font-style: italic;
	color: #1a1a1a;
	text-decoration: none;
	transition: color 0.2s;
	padding-bottom: 0;
	background-image: linear-gradient(#fdd300, #fdd300);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 100% 2px;
}

.partners__arrow {
	color: #fdd300;
}

.partners__link:hover {
	color: #000;
}

/* Жёлтый попап при наведении */
.partners__popup {
	position: absolute;
	bottom: calc(100% + 12px);
	left: 0;
	width: 320px;
	background: #ffd600;
	border-radius: 16px;
	padding: 20px 24px;
	font-size: 14px;
	line-height: 1.5;
	color: #1a1a1a;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition:
		opacity 0.25s,
		transform 0.25s,
		visibility 0.25s;
	z-index: 10;
	pointer-events: none;
}

.partners__popup p {
	margin-bottom: 8px;
}

.partners__popup ul {
	padding-left: 18px;
	margin: 0;
}

.partners__popup ul li {
	margin-bottom: 4px;
}

.partners__link-wrap:hover .partners__popup {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* === Пагинация полосой === */
.partners__pagination {
	margin-top: 32px;
}

.partners__pagination-track {
	width: 100%;
	height: 4px;
	background: #e8e8e8;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
}

.partners__pagination-thumb {
	height: 100%;
	background: #fdd300;
	border-radius: 2px;
	transition: transform 0.15s;
}

/* ========================================
   Секция "Система"
   ======================================== */
.system {
	max-width: 1340px;
	width: 100%;
	margin-top: 50px;
}

.system__line {
	width: 100%;
	height: 4px;
	background: #d9d9d9;
	border-radius: 2px;
	margin-bottom: 40px;
}

.system__line:last-child {
	margin-bottom: 0;
	margin-top: 25px;
}

.system__body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	border-radius: 24px;
	overflow: hidden;
}

/* --- Левая часть --- */
.system__left {
	padding: 0 48px 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 32px;
}

.system__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	line-height: 1.15;
	margin-top: 30px;
	margin-bottom: 32px;
	text-transform: uppercase;
}

.system__title span {
	color: #ffd600;
}

.system__title em {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	text-transform: none;
	font-weight: 400;
	font-size: 25px;
	color: #555;
}

/* «Проблема» — с декоративной линией */
.system__contrast {
	position: relative;
	background: #f0f0f0;
	border-radius: 16px;
	padding: 20px 24px;
	overflow: hidden;
}

.system__contrast p {
	font-size: 18px;
	color: #999;
	line-height: 1.5;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	position: relative;
	z-index: 1;
}

/* «Решение» — акцентный блок */
.system__yes {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: #25292d;
	border-radius: 20px;
	padding: 28px 28px;
	position: relative;
	overflow: hidden;
}

.system__yes-dot {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	background: #ffd600;
	border-radius: 50%;
	margin-top: 2px;
	position: relative;
	animation: system-pulse 2s ease-in-out infinite;
}

@keyframes system-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(255, 214, 0, 0.5);
	}
	50% {
		box-shadow: 0 0 0 10px rgba(255, 214, 0, 0);
	}
}

.system__yes-dot::after {
	content: '✓';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-weight: 700;
	color: #25292d;
}

.system__yes-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.system__yes p {
	font-size: 20px;
	color: #fff;
	line-height: 1.5;
	font-weight: 400;
}

.system__yes p.system__yes-label {
	font-family: 'Unbounded', sans-serif;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	color: #ffd600;
	letter-spacing: 2px;
}

.system__yes p strong {
	color: #ffd600;
	font-weight: 700;
}

/* --- Правая часть: путь --- */
.system__right {
	background: #ffd600;
	border-radius: 24px;
	padding: 48px 40px;
	display: flex;
	align-items: center;
}

.system__path {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
}

.system__path-line {
	position: absolute;
	left: 20px;
	top: 20px;
	bottom: 20px;
	width: 2px;
	background: rgba(0, 0, 0, 0.15);
}

.system__path-step {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	position: relative;
}

.system__path-dot {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	background: #1a1a1a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #ffd600;
	z-index: 1;
}

.system__path-dot--accent {
	background: #fff;
	color: #1a1a1a;
	width: 48px;
	height: 48px;
	font-size: 18px;
	margin-left: -4px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.system__path-content h3 {
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.3;
	margin-bottom: 4px;
}

.system__path-content p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.4;
}

.system__path-step--final .system__path-content h3 {
	font-size: 18px;
}

.system__path-step--final .system__path-content p {
	color: #1a1a1a;
	font-weight: 600;
}

/* ========================================
   Секция "Что ты получаешь"
   ======================================== */
.benefits {
	max-width: 1340px;
	width: 100%;
}

.benefits__inner {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	height: 650px;
}

.benefits__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.benefits__overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(
		ellipse 70% 70% at 50% 55%,
		rgba(4, 4, 4, 0) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	opacity: 0.3;
}

.benefits__title {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	z-index: 2;
}

.benefits__tags {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

.benefits__tag {
	position: absolute;
	background: #fff;
	color: #25292d;
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 400;
	padding: 0 27px;
	line-height: 45px;
	border-radius: 20px;
	white-space: nowrap;
	pointer-events: auto;
	animation: float1 5s ease-in-out infinite;
}

.benefits__tag:nth-child(1) {
	animation: float1 8s ease-in-out infinite;
	animation-delay: -0.5s;
}
.benefits__tag:nth-child(2) {
	animation: float2 9.5s ease-in-out infinite;
	animation-delay: -3.1s;
}
.benefits__tag:nth-child(3) {
	animation: float3 10s ease-in-out infinite;
	animation-delay: -5.7s;
}
.benefits__tag:nth-child(4) {
	animation: float2 8.8s ease-in-out infinite;
	animation-delay: -1.9s;
}
.benefits__tag:nth-child(5) {
	animation: float1 9.2s ease-in-out infinite;
	animation-delay: -6.2s;
}
.benefits__tag:nth-child(6) {
	animation: float3 8.5s ease-in-out infinite;
	animation-delay: -2.4s;
}

@keyframes float1 {
	0% {
		transform: translateY(0) translateX(0);
	}
	20% {
		transform: translateY(-4px) translateX(2px);
	}
	45% {
		transform: translateY(2px) translateX(-1px);
	}
	70% {
		transform: translateY(-3px) translateX(-2px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float2 {
	0% {
		transform: translateY(0) translateX(0);
	}
	15% {
		transform: translateY(3px) translateX(-2px);
	}
	40% {
		transform: translateY(-4px) translateX(1px);
	}
	65% {
		transform: translateY(1px) translateX(3px);
	}
	85% {
		transform: translateY(-2px) translateX(-1px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

@keyframes float3 {
	0% {
		transform: translateY(0) translateX(0);
	}
	18% {
		transform: translateY(-3px) translateX(-2px);
	}
	36% {
		transform: translateY(2px) translateX(2px);
	}
	54% {
		transform: translateY(-4px) translateX(1px);
	}
	72% {
		transform: translateY(1px) translateX(-3px);
	}
	90% {
		transform: translateY(-1px) translateX(1px);
	}
	100% {
		transform: translateY(0) translateX(0);
	}
}

.benefits__tag--yellow {
	background: #fdd300;
	color: #25292d;
}

/* Мобильный слайдер тегов — скрыт на десктопе */
.benefits__slider {
	display: none;
}

/* ========================================
   Секция "Начни зарабатывать, а не тратить"
   ======================================== */
.invest {
	max-width: 1340px;
	width: 100%;
}

.invest__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
}

.invest__title span {
	color: #ffd600;
}

.invest__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.invest__block {
	border-radius: 24px;
	padding: 40px 36px;
}

.invest__block--dark {
	background: #1a1a1a;
}

.invest__block--yellow {
	background: #ffd600;
}

.invest__subtitle {
	font-family: 'Unbounded', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 28px;
}

.invest__block--dark .invest__subtitle {
	color: #fff;
}

.invest__block--yellow .invest__subtitle {
	color: #1a1a1a;
}

/* Лейаут: круг + баблы */
.invest__zero-layout {
	display: flex;
	align-items: center;
	gap: 32px;
}

.invest__zero {
	flex-shrink: 0;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #ffd600;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
}

.invest__zero-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 72px;
	font-weight: 900;
	color: #1a1a1a;
	line-height: 1;
}

.invest__zero-text {
	font-family: 'Unbounded', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.invest__bubbles {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	flex: 1;
}

.invest__bubble {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 50px;
	white-space: nowrap;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

/* ========================================
   Секция "Зачем нам это?"
   ======================================== */
.why {
	max-width: 1340px;
	width: 100%;
}

.why__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
}

.why__title span {
	color: #ffd600;
}

/* --- Верх: заголовок + подводка --- */
.why__top {
	text-align: center;
	margin-bottom: 32px;
}

.why__lead {
	font-family: 'Unbounded', sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #555;
	line-height: 1.4;
	margin-top: 12px;
}

/* --- Бегущая строка --- */
.why__marquee {
	overflow: hidden;
	background: #1a1a1a;
	border-radius: 100px;
	padding: 18px 0;
	margin-bottom: 32px;
}

.why__marquee-track {
	display: flex;
	gap: 32px;
	white-space: nowrap;
	animation: marquee 40s linear infinite;
	width: max-content;
}

.why__marquee-item {
	font-family: 'Unbounded', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.4);
	flex-shrink: 0;
}

.why__marquee-item--accent {
	color: #ffd600;
	font-weight: 800;
}

@keyframes marquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* --- Общий фрейм 50/50 --- */
.why__frame {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 24px;
	overflow: hidden;
}

.why__half {
	padding: 40px 36px;
}

.why__half--dark {
	background: #1a1a1a;
}

.why__half--yellow {
	background: #ffd600;
}

.why__half-title {
	font-family: 'Unbounded', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 28px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.why__half--dark .why__half-title {
	color: #ffd600;
}

.why__half--yellow .why__half-title {
	color: #1a1a1a;
}

.why__half-items {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.why__half-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.why__half-dot {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	background: #ffd600;
	border-radius: 50%;
	margin-top: 6px;
}

.why__half--dark .why__half-item p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 1.45;
}

.why__half-check {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	background: #1a1a1a;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 800;
	color: #ffd600;
}

.why__half--yellow .why__half-item p {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.45;
}

/* ========================================
   Секция "Карьерная модель"
   ======================================== */
.career {
	max-width: 1340px;
	width: 100%;
}

.career__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
}

.career__title span {
	color: #ffd600;
}

.career__chart {
	position: relative;
	background: #1a1a1a;
	border-radius: 24px;
	height: 480px;
	overflow: hidden;
}

.career__svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.career__curve {
	stroke-dasharray: 2000;
	stroke-dashoffset: 2000;
	animation: drawCurve 2s ease-out forwards;
}

@keyframes drawCurve {
	to {
		stroke-dashoffset: 0;
	}
}

/* Подписи */
.career__labels {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.career__label {
	position: absolute;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.career__label--1 {
	left: 8%;
	bottom: 24%;
}

.career__label--2 {
	left: 33%;
	bottom: 50%;
}

.career__label--3 {
	left: 50%;
	bottom: 72%;
}

.career__label--4 {
	right: 3%;
	top: 12%;
}

.career__label-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 32px;
	font-weight: 900;
	color: rgba(255, 255, 255, 0.1);
	line-height: 1;
}

.career__label-num--accent {
	color: rgba(255, 214, 0, 0.3);
}

.career__label-tag {
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.4;
}

.career__label-tag--accent {
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #ffd600;
	line-height: 1.3;
}

/* Статистика 500+ */
.invest__stat {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 24px;
	background: #1a1a1a;
	border-radius: 16px;
	padding: 20px 24px;
}

.invest__stat-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 900;
	color: #ffd600;
	line-height: 1;
}

.invest__stat-text {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

/* Причины */
.invest__reasons {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.invest__reasons p {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	line-height: 1.45;
	padding-left: 20px;
	position: relative;
}

.invest__reasons p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 10px;
	height: 10px;
	background: #1a1a1a;
	border-radius: 50%;
}

/* ========================================
   Секция "Карьерная модель v2 — Гора"
   ======================================== */
.career2 {
	max-width: 1340px;
	width: 100%;
}

.career2__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}

.career2__title span {
	color: #ffd600;
}

.career2__mountain {
	position: relative;
	height: 520px;
	overflow: hidden;
	background: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
	border-radius: 24px;
}

.career2__svg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.career2__trail {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* Альпинисты на горе */
.career2__climbers {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.career2__climber {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 12px;
	pointer-events: auto;
}

.career2__climber--1 {
	left: 12%;
	bottom: 12%;
}

.career2__climber--2 {
	left: 30%;
	bottom: 36%;
}

.career2__climber--3 {
	left: 42%;
	bottom: 56%;
}

.career2__climber--4 {
	left: 46%;
	top: 4%;
}

.career2__climber-avatar {
	width: 44px;
	height: 44px;
	background: #ffd600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Unbounded', sans-serif;
	font-size: 18px;
	font-weight: 800;
	color: #1a1a1a;
	flex-shrink: 0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	animation: climberBounce 3s ease-in-out infinite;
}

.career2__climber--2 .career2__climber-avatar {
	animation-delay: 0.5s;
}
.career2__climber--3 .career2__climber-avatar {
	animation-delay: 1s;
}
.career2__climber--4 .career2__climber-avatar {
	animation-delay: 1.5s;
}

@keyframes climberBounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.career2__climber-avatar--top {
	width: 56px;
	height: 56px;
	font-size: 22px;
	background: #fff;
	color: #1a1a1a;
	box-shadow:
		0 0 0 4px #ffd600,
		0 8px 30px rgba(255, 214, 0, 0.4);
}

.career2__climber-info h3 {
	font-family: 'Unbounded', sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
}

.career2__climber--1 .career2__climber-info h3,
.career2__climber--2 .career2__climber-info h3 {
	color: #fff;
}

.career2__climber--3 .career2__climber-info h3 {
	color: #fff;
}

.career2__climber-info p {
	font-size: 11px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 2px;
}

.career2__climber-info--top h3 {
	font-size: 16px;
	color: #1a1a1a;
}

.career2__climber-info--top p {
	color: rgba(0, 0, 0, 0.4);
	font-size: 12px;
}

/* ========================================
   Секция "Карьерная модель v3 — Орбита"
   ======================================== */
.career3 {
	max-width: 1340px;
	width: 100%;
}

.career3__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}

.career3__title span {
	color: #ffd600;
}

.career3__orbit-wrap {
	position: relative;
	height: 600px;
	background: #1a1a1a;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Центр — ТЫ */
.career3__center {
	width: 80px;
	height: 80px;
	background: #ffd600;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	box-shadow: 0 0 60px rgba(255, 214, 0, 0.3);
}

.career3__center-text {
	font-family: 'Unbounded', sans-serif;
	font-size: 20px;
	font-weight: 900;
	color: #1a1a1a;
}

/* Кольца */
.career3__ring {
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.career3__ring--1 {
	width: 200px;
	height: 200px;
}
.career3__ring--2 {
	width: 320px;
	height: 320px;
}
.career3__ring--3 {
	width: 440px;
	height: 440px;
}
.career3__ring--4 {
	width: 560px;
	height: 560px;
	border-color: rgba(255, 214, 0, 0.15);
}

/* Планеты */
.career3__planet {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 3;
}

.career3__planet--1 {
	top: 50%;
	left: calc(50% + 100px);
	transform: translateY(-50%);
	animation: orbitFloat1 8s ease-in-out infinite;
}

.career3__planet--2 {
	top: calc(50% - 140px);
	left: calc(50% + 40px);
	animation: orbitFloat2 9s ease-in-out infinite;
}

.career3__planet--3 {
	top: calc(50% - 60px);
	right: calc(50% + 120px);
	flex-direction: row-reverse;
	animation: orbitFloat3 10s ease-in-out infinite;
}

.career3__planet--4 {
	top: calc(50% - 240px);
	left: 50%;
	transform: translateX(-50%);
	flex-direction: column;
	align-items: center;
	animation: orbitFloat4 7s ease-in-out infinite;
}

@keyframes orbitFloat1 {
	0%,
	100% {
		transform: translateY(-50%) translate(0, 0);
	}
	50% {
		transform: translateY(-50%) translate(5px, -8px);
	}
}
@keyframes orbitFloat2 {
	0%,
	100% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(-6px, 5px);
	}
}
@keyframes orbitFloat3 {
	0%,
	100% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(7px, -4px);
	}
}
@keyframes orbitFloat4 {
	0%,
	100% {
		transform: translateX(-50%) translateY(0);
	}
	50% {
		transform: translateX(-50%) translateY(-8px);
	}
}

.career3__planet-dot {
	width: 18px;
	height: 18px;
	background: #ffd600;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 0 20px rgba(255, 214, 0, 0.4);
}

.career3__planet-dot--big {
	width: 28px;
	height: 28px;
	box-shadow: 0 0 40px rgba(255, 214, 0, 0.5);
}

.career3__planet-label strong {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.career3__planet-label span {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
}

.career3__planet-label--accent strong {
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	color: #ffd600;
	margin-top: 8px;
}

/* ========================================
   Секция "Карьерная модель v4 — Лифт"
   ======================================== */
.career4 {
	max-width: 1340px;
	width: 100%;
}

.career4__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}

.career4__title span {
	color: #ffd600;
}

.career4__shaft {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0;
	border-radius: 24px;
	overflow: hidden;
}

.career4__floor {
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 28px 36px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.career4__floor--1 {
	background: #2a2a2a;
}
.career4__floor--2 {
	background: #222;
}
.career4__floor--3 {
	background: #1a1a1a;
}
.career4__floor--4 {
	background: #ffd600;
}

.career4__floor-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 48px;
	font-weight: 900;
	width: 70px;
	text-align: center;
	flex-shrink: 0;
}

.career4__floor--1 .career4__floor-num,
.career4__floor--2 .career4__floor-num,
.career4__floor--3 .career4__floor-num {
	color: rgba(255, 255, 255, 0.08);
}

.career4__floor--4 .career4__floor-num {
	color: rgba(0, 0, 0, 0.1);
}

.career4__floor-content {
	flex: 1;
}

.career4__floor-content h3 {
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 10px;
}

.career4__floor--1 h3,
.career4__floor--2 h3,
.career4__floor--3 h3 {
	color: #fff;
}

.career4__floor--4 h3 {
	color: #1a1a1a;
}

/* Прогресс-бар дохода */
.career4__floor-bar {
	height: 6px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	overflow: hidden;
	margin-bottom: 6px;
}

.career4__floor--4 .career4__floor-bar {
	background: rgba(0, 0, 0, 0.1);
}

.career4__floor-fill {
	height: 100%;
	border-radius: 3px;
}

.career4__floor-fill--1 {
	width: 25%;
	background: #555;
}
.career4__floor-fill--2 {
	width: 50%;
	background: #888;
}
.career4__floor-fill--3 {
	width: 75%;
	background: #ffd600;
}
.career4__floor-fill--4 {
	width: 100%;
	background: #1a1a1a;
}

.career4__floor-income {
	font-size: 13px;
	font-weight: 600;
}

.career4__floor--1 .career4__floor-income,
.career4__floor--2 .career4__floor-income,
.career4__floor--3 .career4__floor-income {
	color: rgba(255, 255, 255, 0.4);
}

.career4__floor--4 .career4__floor-income {
	color: rgba(0, 0, 0, 0.5);
}

/* Бейджи */
.career4__floor-badge {
	position: absolute;
	right: 36px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Unbounded', sans-serif;
	font-size: 11px;
	font-weight: 800;
	padding: 8px 16px;
	border-radius: 50px;
	letter-spacing: 1px;
	background: #ffd600;
	color: #1a1a1a;
}

.career4__floor-badge--start {
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.5);
}

/* Лифт */
.career4__elevator {
	position: absolute;
	left: 36px;
	top: 0;
	bottom: 0;
	width: 70px;
	pointer-events: none;
}

.career4__elevator-box {
	position: absolute;
	bottom: 28px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	background: #ffd600;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #1a1a1a;
	animation: liftUp 4s ease-in-out infinite;
	box-shadow: 0 4px 20px rgba(255, 214, 0, 0.4);
}

@keyframes liftUp {
	0% {
		bottom: 28px;
	}
	50% {
		bottom: calc(100% - 68px);
	}
	100% {
		bottom: 28px;
	}
}

/* ========================================
   v5 — Ракета в космосе
   ======================================== */
.career5 {
	max-width: 1340px;
	width: 100%;
}

.career5__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}
.career5__title span {
	color: #ffd600;
}

.career5__space {
	position: relative;
	height: 520px;
	background: radial-gradient(ellipse at 80% 20%, #1a1a2e 0%, #0d0d0d 100%);
	border-radius: 24px;
	overflow: hidden;
}

.career5__stars span {
	position: absolute;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
	animation: starTwinkle 3s ease-in-out infinite alternate;
}
.career5__stars span:nth-child(odd) {
	animation-duration: 4s;
	width: 2px;
	height: 2px;
	opacity: 0.5;
}
@keyframes starTwinkle {
	0% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.career5__rocket {
	position: absolute;
	top: 6%;
	right: 10%;
	font-size: 48px;
	z-index: 5;
	animation: rocketFloat 4s ease-in-out infinite;
	filter: drop-shadow(0 0 20px rgba(255, 214, 0, 0.5));
}
@keyframes rocketFloat {
	0%,
	100% {
		transform: translate(0, 0) rotate(-30deg);
	}
	50% {
		transform: translate(-8px, -10px) rotate(-35deg);
	}
}

.career5__trail-svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.career5__station {
	position: absolute;
	display: flex;
	align-items: center;
	gap: 14px;
	z-index: 3;
}
.career5__station--1 {
	bottom: 10%;
	left: 5%;
}
.career5__station--2 {
	bottom: 35%;
	left: 30%;
}
.career5__station--3 {
	bottom: 55%;
	left: 52%;
}
.career5__station--4 {
	top: 8%;
	right: 18%;
}

.career5__station-ring {
	width: 20px;
	height: 20px;
	border: 2px solid #ffd600;
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 0 12px rgba(255, 214, 0, 0.3);
	background: rgba(255, 214, 0, 0.1);
}
.career5__station-ring--big {
	width: 32px;
	height: 32px;
	border-width: 3px;
	box-shadow: 0 0 30px rgba(255, 214, 0, 0.5);
	background: rgba(255, 214, 0, 0.2);
}

.career5__station-card {
}
.career5__station-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #ffd600;
	letter-spacing: 1px;
}
.career5__station-card h3 {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
}
.career5__station-card p {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
	margin-top: 2px;
}
.career5__station-card--accent h3 {
	font-family: 'Unbounded', sans-serif;
	font-size: 18px;
	color: #ffd600;
}
.career5__station-card--accent p {
	color: rgba(255, 255, 255, 0.6);
}

/* ========================================
   v6 — Геймификация / уровни прокачки
   ======================================== */
.career6 {
	max-width: 1340px;
	width: 100%;
}

.career6__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}
.career6__title span {
	color: #ffd600;
}

.career6__levels {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.career6__level {
	background: #1a1a1a;
	border-radius: 20px;
	padding: 24px 28px;
	border-left: 5px solid transparent;
	transition:
		transform 0.2s,
		border-color 0.2s;
}
.career6__level:hover {
	transform: translateX(8px);
}
.career6__level--1 {
	border-left-color: #555;
}
.career6__level--2 {
	border-left-color: #888;
}
.career6__level--3 {
	border-left-color: #ffd600;
}
.career6__level--4 {
	border-left-color: #ffd600;
	background: #ffd600;
}

.career6__level-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 12px;
}

.career6__level-badge {
	font-family: 'Unbounded', sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #1a1a1a;
	background: #555;
	padding: 4px 12px;
	border-radius: 6px;
	letter-spacing: 1px;
}
.career6__level--2 .career6__level-badge {
	background: #888;
}
.career6__level--3 .career6__level-badge {
	background: #ffd600;
}
.career6__level-badge--max {
	background: #1a1a1a;
	color: #ffd600;
	padding: 6px 16px;
	font-size: 13px;
}

.career6__level-head h3 {
	font-family: 'Unbounded', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
}
.career6__level--4 .career6__level-head h3 {
	color: #1a1a1a;
}

.career6__level-xp {
	height: 8px;
	background: rgba(255, 255, 255, 0.08);
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 8px;
}
.career6__level--4 .career6__level-xp {
	background: rgba(0, 0, 0, 0.1);
}

.career6__level-xp-fill {
	height: 100%;
	border-radius: 4px;
	background: linear-gradient(90deg, #555, #888);
	transition: width 1s ease;
}
.career6__level--2 .career6__level-xp-fill {
	background: linear-gradient(90deg, #888, #bbb);
}
.career6__level--3 .career6__level-xp-fill {
	background: linear-gradient(90deg, #ffd600, #ffe770);
}
.career6__level-xp-fill--max {
	background: linear-gradient(90deg, #1a1a1a, #333);
}

.career6__level-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.career6__level-meta span {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.4);
}
.career6__level--4 .career6__level-meta span {
	color: rgba(0, 0, 0, 0.5);
}
.career6__level-skill {
	font-style: italic;
}

/* ========================================
   v7 — Дорожная карта
   ======================================== */
.career7 {
	max-width: 1340px;
	width: 100%;
}

.career7__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 40px;
	text-align: center;
}
.career7__title span {
	color: #ffd600;
}

.career7__road {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 80px 40px;
	align-items: center;
}

/* Горизонтальная линия-дорога */
.career7__road-line {
	position: absolute;
	top: 50%;
	left: 40px;
	right: 40px;
	height: 6px;
	background: #e0e0e0;
	border-radius: 3px;
	transform: translateY(-50%);
}
.career7__road-line::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 75%;
	background: linear-gradient(90deg, #1a1a1a, #ffd600);
	border-radius: 3px;
}

.career7__stop {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	flex: 1;
}

.career7__stop-marker {
	display: flex;
	align-items: center;
	justify-content: center;
}

.career7__stop-pin {
	width: 20px;
	height: 20px;
	background: #1a1a1a;
	border-radius: 50%;
	border: 4px solid #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.career7__stop-pin--big {
	width: 28px;
	height: 28px;
	background: #ffd600;
	border: 4px solid #1a1a1a;
	box-shadow: 0 0 20px rgba(255, 214, 0, 0.4);
}

.career7__stop-card {
	background: #1a1a1a;
	border-radius: 14px;
	padding: 16px 18px;
	text-align: center;
	min-width: 180px;
}
.career7__stop-card--top {
	order: -1;
}

.career7__stop-km {
	font-family: 'Unbounded', sans-serif;
	font-size: 11px;
	font-weight: 800;
	color: #ffd600;
	margin-bottom: 6px;
	letter-spacing: 1px;
}

.career7__stop-card h3 {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3;
	margin-bottom: 2px;
}
.career7__stop-card p {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.4);
}

.career7__stop-card--finish {
	background: #ffd600;
}
.career7__stop-card--finish h3 {
	color: #1a1a1a;
}
.career7__stop-card--finish p {
	color: rgba(0, 0, 0, 0.5);
}
.career7__stop-card--finish .career7__stop-km {
	color: #1a1a1a;
}

/* ========================================
   v8 — Серпантин с мотоциклом
   ======================================== */
.career8 {
	max-width: 1340px;
	width: 100%;
	margin-bottom: -100px;
}

.career8__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 40px;
	font-weight: 900;
	color: #1a1a1a;
	text-transform: uppercase;
	line-height: 1.15;
	margin-bottom: 14px;
	text-align: center;
}
.career8__title span {
	color: #ffd600;
}

.career8__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #555;
	text-align: center;
}

.career8__track {
	position: relative;
	width: 100%;
	height: 520px;
	margin-top: 60px;
}

.career8__svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* Мотоцикл — SVG элемент */
.career8__moto {
	filter: none;
}

/* Чекпоинты */
.career8__cp {
	position: absolute;
	z-index: 10;
	opacity: 0.5;
	transition:
		opacity 0.6s ease,
		transform 0.6s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	overflow: visible;
}

.career8__cp--lit {
	opacity: 1;
}

/* Все сверху дороги, лесенкой снизу-вверх */
.career8__cp--1 {
	left: 5%;
	top: 46%;
	transform: translate(var(--x, 0px), var(--y, 0px));
}
.career8__cp .adapt__card {
	position: relative;
	transform: none;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
}
.career8__cp--2 {
	left: 33%;
	top: 38%;
	transform: translate(var(--x, 0px), var(--y, 0px));
}
.career8__cp--3 {
	left: 55%;
	top: 26%;
	transform: translate(var(--x, 0px), var(--y, 0px));
}
.career8__cp--4 {
	left: 80%;
	top: 15%;
	transform: translate(var(--x, 0px), var(--y, 0px));
}

/* Точка */
.career8__cp-dot {
	width: 12px;
	height: 12px;
	background: #ccc;
	border-radius: 50%;
	flex-shrink: 0;
	transition:
		background 0.4s,
		box-shadow 0.4s;
	z-index: 2;
}

.career8__cp--lit .career8__cp-dot {
	background: #ffd600;
	box-shadow: 0 0 12px rgba(255, 214, 0, 0.5);
}

.career8__cp-dot--finish {
	width: 16px;
	height: 16px;
}

/* Кнопка перезапуска */
.career8__replay {
	position: absolute;
	right: 20px;
	bottom: 140px;
	display: none;
	align-items: center;
	gap: 8px;
	background: #fff;
	color: #25292d;
	border: 2px solid #25292d;
	border-radius: 50px;
	padding: 10px 20px;
	font-family: 'Unbounded', sans-serif;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	transition:
		transform 0.2s,
		background 0.2s;
	z-index: 150;
	animation: replayPulse 2s ease-in-out infinite;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.career8__replay:hover {
	background: #25292d;
	color: #fdd300;
	transform: scale(1.05);
}
.career8__replay svg {
	transition: transform 0.3s;
}
.career8__replay:hover svg {
	transform: rotate(-360deg);
}
.career8__replay.is-visible {
	display: flex;
}
@keyframes replayPulse {
	0%,
	100% {
		box-shadow:
			0 2px 8px rgba(0, 0, 0, 0.1),
			0 0 0 0 rgba(37, 41, 45, 0.3);
	}
	50% {
		box-shadow:
			0 2px 8px rgba(0, 0, 0, 0.1),
			0 0 0 8px rgba(37, 41, 45, 0);
	}
}

/* Линия-коннектор к дороге */
.career8__cp-line {
	width: 2px;
	height: 30px;
	background: #ddd;
	transition: background 0.4s;
}

.career8__cp--lit .career8__cp-line {
	background: #ffd600;
}

.career8__cp-card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 12px;
	padding: 10px 16px;
	text-align: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	transition:
		background 0.4s,
		border-color 0.4s,
		box-shadow 0.4s;
}

.career8__cp--lit .career8__cp-card {
	background: #1a1a1a;
	border-color: #1a1a1a;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.career8__cp-card--finish {
	background: #f5f5f5;
	border-color: #e0e0e0;
}

.career8__cp--lit .career8__cp-card--finish {
	background: #ffd600;
	border-color: #ffd600;
}

.career8__cp--lit .career8__cp-card--finish h3 {
	color: #1a1a1a !important;
}

.career8__cp-num {
	font-family: 'Unbounded', sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #bbb;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 4px;
	transition: color 0.4s;
}

.career8__cp--lit .career8__cp-num {
	color: #ffd600;
}

.career8__cp-card h3 {
	font-size: 13px;
	font-weight: 700;
	color: #999;
	line-height: 1.3;
	white-space: nowrap;
	transition: color 0.4s;
}

.career8__cp--lit .career8__cp-card h3 {
	color: #fff;
}

.career8__cp--lit .career8__cp-num {
	color: #ffd600;
}

.career8__cp-card--above {
	order: -1;
}

/* Анимация свечения дороги за мотоциклом */
.career8__road-bg {
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.12));
}

.career8__svg-dot {
	transition:
		opacity 0.5s,
		r 0.5s;
}

/* ========================================
   Секция "Зарабатываешь уже во время обучения"
   ======================================== */
.earn {
	max-width: 1340px;
	width: 100%;
}

.earn__inner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: 625px;
}

.earn__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.earn__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.4);
}

/* Заголовок — по центру сверху */
.earn__title {
	position: absolute;
	top: 61px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.15;
	z-index: 2;
	width: 670px;
}

/* Белый блок суммы — слева, ПОД жёлтой */
.earn__amount-wrap {
	position: absolute;
	left: 24%;
	top: 280px;
	z-index: 2;
}

.earn__amount {
	background: #f0f0f0;
	border-radius: 20px;
	width: 296px;
	height: 218px;
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Inter', sans-serif;
	font-size: 36px;
	font-weight: 900;
	color: #25292d;
	text-align: center;
	line-height: 1.15;
}

/* Плашка «этап работы» — сверху белого блока, наклон 5.75° */
.earn__label {
	position: absolute;
	left: 50%;
	top: 25px;
	transform: translateX(-50%) rotate(5.75deg);
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	background: #d9d9d9;
	border-radius: 4px;
	white-space: nowrap;
}

.earn__label span {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #25292d;
}

/* Жёлтая карточка — правее, наклон 11.5°, НАД белым */
.earn__card {
	position: absolute;
	left: 44%;
	top: 260px;
	width: 427px;
	height: 315px;
	background: #fdd300;
	border-radius: 20px;
	transform: rotate(11.5deg);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}

.earn__label--card {
	top: 25px;
	background: #fff;
	transform: translateX(-50%);
}

.earn__card-text {
	font-family: 'Inter', sans-serif;
	font-size: 36px;
	font-weight: 900;
	color: #25292d;
	text-align: center;
	line-height: 1.5;
}

.earn__card-text span {
	color: #fff;
	text-transform: uppercase;
}

/* Молнии */
.earn__lightning {
	position: absolute;
	z-index: 5;
	width: 51px;
	height: 95px;
}

.earn__lightning--1 {
	top: 46%;
	right: 22%;
	transform: rotate(48.13deg);
}

.earn__lightning--2 {
	bottom: 10%;
	left: 42%;
	transform: rotate(-32.68deg);
}

/* === Секция "Получи план запуска" — CTA === */
/* Размеры фрейма Figma: 1340x584 */
.cta {
	max-width: 1340px;
	width: 100%;
}

.cta__inner--form {
	background: #25292d;
	border-radius: 20px;
	padding: 60px 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.cta__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 36px;
	line-height: 1.2;
	text-transform: uppercase;
	background: linear-gradient(to right, #fdd300, #ffe770);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin: 0 0 16px;
}

.cta__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 40px;
}

.cta__form {
	display: flex;
	gap: 16px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.cta__input {
	width: 280px;
	height: 62px;
	padding: 0 24px;
	border: 2px solid transparent;
	border-radius: 20px;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #25292d;
	outline: none;
	transition: border-color 0.3s;
}

.cta__input::placeholder {
	color: #999;
}

.cta__input:focus {
	border-color: #fdd300;
}

.cta__input--error {
	border-color: #e74c3c !important;
	animation: cta-shake 0.4s ease;
}

@keyframes cta-shake {
	0%,
	100% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(-8px);
	}
	40% {
		transform: translateX(8px);
	}
	60% {
		transform: translateX(-6px);
	}
	80% {
		transform: translateX(6px);
	}
}

.cta__btn {
	height: 62px;
	padding: 0 36px;
	background: #fdd300;
	border: none;
	border-radius: 20px;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #25292d;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.cta__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(253, 211, 0, 0.35);
}

.cta__success {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 30px 0;
	animation: cta-success-appear 0.4s ease;
}
.cta__success-icon {
	width: 72px;
	height: 72px;
	background: rgba(253, 211, 0, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cta__success-icon svg {
	width: 36px;
	height: 36px;
}
.cta__success-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #fff;
}
.cta__success-text {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
@keyframes cta-success-appear {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* ========================================
   Секция "Гарантийный возвратный депозит"
   ======================================== */
.deposit {
	max-width: 1340px;
	width: 100%;
}

/* Заголовок: "ГАРАНТИЙНЫЙ" зачёркнут, "ВОЗВРАТНЫЙ" жёлтый */
.deposit__title {
	font-family: 'Unbounded', sans-serif;
	font-size: 42px;
	font-weight: 900;
	color: #25292d;
	text-transform: uppercase;
	line-height: 1.15;
	letter-spacing: -0.5px;
	margin: 0 0 56px;
}

.deposit__title-strike {
	text-decoration: line-through;
	text-decoration-thickness: 4px;
	text-decoration-color: #25292d;
}

.deposit__title-yellow {
	color: #ffd600;
}

/* Сетка: левая карточка (тянется на 2 строки), круг и правая карточка в ряд,
   жёлтая плашка-комментарий снизу под центром и правой колонкой */
.deposit__body {
	position: relative;
	display: grid;
	grid-template-columns: 459px 420px 408px;
	grid-template-rows: 556px;
	column-gap: 26px;
	align-items: start;
	min-height: 556px;
}

/* === Левая серая карточка === */
.deposit__left {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	background: #d9d9d9;
	border-radius: 20px;
	padding: 0;
	width: 459px;
	height: 556px;
	overflow: hidden;
}

/* Чёрная плашка-заголовок — упирается в правый край карточки */
.deposit__label {
	position: absolute;
	top: 41px;
	left: 23px;
	right: -24px;
	background: #25292d;
	color: #fff;
	font-family: 'Unbounded', sans-serif;
	font-size: 25px;
	font-weight: 400;
	padding: 14px 28px;
	line-height: 1.2;
	transform: rotate(2.95deg);
}

/* Белые пилюли под разными углами, "лесенкой" */
.deposit__pill {
	position: absolute;
	display: inline-block;
	background: #fff;
	color: #000;
	font-family: 'Inter', sans-serif;
	font-size: 25px;
	font-weight: 400;
	padding: 10px 27px;
	border-radius: 20px;
	white-space: nowrap;
}

.deposit__pill--1 {
	top: 137px;
	left: 52px;
	transform: rotate(-12.36deg);
}
.deposit__pill--2 {
	top: 196px;
	left: 197px;
	transform: rotate(6.75deg);
}
.deposit__pill--3 {
	top: 299px;
	left: 32px;
	transform: rotate(0deg);
}
.deposit__pill--4 {
	top: 361px;
	left: 130px;
	transform: rotate(-8.87deg);
}
.deposit__pill--5 {
	top: 432px;
	left: 43px;
	transform: rotate(6.53deg);
}

/* === Центр: чёрный круг === */
.deposit__center {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	align-self: start;
	width: 420px;
	height: 420px;
}

.deposit__circle {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: #25292d;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 48px;
}

.deposit__circle-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 1;
	color: #ffe770;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 26px;
}

.deposit__circle-sub {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.35;
	color: #cfd2d6;
}

/* Жёлтая изогнутая стрелка (Frame 63.svg, 200x139) — выходит за круг вправо-вверх */
.deposit__arrow {
	position: absolute;
	right: -115px;
	top: 180px;
	width: 200px;
	height: 139px;
	pointer-events: none;
	z-index: 2;
}

/* === Правая серая карточка с двумя статами === */
.deposit__right {
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	width: 408px;
	height: 418px;
	background: #e5e5e5;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 34px;
	padding: 40px 30px;
}

.deposit__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.deposit__big-num {
	font-family: 'Unbounded', sans-serif;
	font-weight: 400;
	font-size: 47px;
	line-height: 1;
	text-align: center;
	color: #25292d;
}

.deposit__big-text {
	font-family: 'Unbounded', sans-serif;
	font-weight: 400;
	font-size: 27px;
	line-height: 1;
	text-align: center;
	color: #25292d;
	margin-top: 12px;
}

/* === Жёлтая плашка-пояснение === */
/* Figma: width 856, height 107, top 594 (=449 от верха body), left 484, radius 20.
   Нижний край (449+107=556) совпадает с нижним краем левой карточки */
.deposit__note {
	position: absolute;
	left: 484px;
	top: 449px;
	width: 856px;
	height: 107px;
	display: flex;
	align-items: center;
	background: #ffd600;
	border-radius: 20px;
	padding: 0 40px;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.35;
	color: #25292d;
}

/* ===== ZEROINVEST — Бизнес без вложений ===== */
.zeroinvest {
	max-width: 1340px;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 80px 0;
}

.zeroinvest__layout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

/* Центральная карточка */
.zeroinvest__center {
	background: #d9d9d9;
	border-radius: 20px;
	padding: 25px 33px 40px;
	text-align: center;
	flex-shrink: 0;
	width: 477px;
}

.zeroinvest__hero {
	background: #25292d;
	border-radius: 30px;
	padding: 50px 30px 30px;
	margin-bottom: 32px;
	overflow: hidden;
}

.zeroinvest__hero-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 42px;
	text-transform: uppercase;
	color: #fdd300;
	line-height: 1.1;
	margin-bottom: 20px;
}

.zeroinvest__hero-price {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: #fff;
}

.zeroinvest__subtitle {
	font-family: 'Unbounded', sans-serif;
	font-size: 25px;
	color: #25292d;
	font-weight: 400;
	line-height: 1.3;
}

/* Колонки карточек */
.zeroinvest__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	flex-shrink: 0;
}

/* Отдельная карточка */
.zeroinvest__card {
	display: inline-block;
	padding: 24px 40px;
	border-radius: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	white-space: nowrap;
	--x: 0px;
	--y: 0px;
	transform: var(--rotate, rotate(0deg)) translate(var(--x), var(--y));
	transition: transform 0.3s ease;
}

.zeroinvest__card:hover {
	filter: brightness(1.05);
}

.zeroinvest__card--light {
	background: linear-gradient(178deg, #f0f0f0 19%, #f8ebb5 147%);
}

.zeroinvest__card--gold {
	background: linear-gradient(164deg, #ffe770 22%, #fdd300 116%);
}

.zeroinvest__card--gold-rev {
	background: linear-gradient(160deg, #fdd300 22%, #ffe770 116%);
}

.zeroinvest__card--light-gold {
	background: linear-gradient(164deg, #f0f0f0 22%, #ffe770 116%);
}

.zeroinvest__card--gray {
	background: linear-gradient(263deg, #f0f0f0 27%, #d9d9d9 64%);
}

/* Мобилка */
@media (max-width: 960px) {
	.zeroinvest__layout {
		flex-direction: column;
		gap: 24px;
	}

	.zeroinvest__col {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 12px;
	}

	.zeroinvest__center {
		width: 100%;
		max-width: 420px;
	}

	.zeroinvest__card {
		transform: none !important;
		white-space: normal;
		padding: 18px 28px;
		font-size: 17px;
	}

	.zeroinvest__hero-title,
	.zeroinvest__hero-price {
		font-size: 30px;
	}

	.zeroinvest__subtitle {
		font-size: 20px;
	}
}

/* ===== WHOSEARCH — Кого мы ищем ===== */
.whosearch {
	max-width: 1340px;
	width: 100%;
	position: relative;
	padding: 0px 0;
}

.whosearch__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: #25292d;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.whosearch__desc {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #25292d;
	margin-bottom: 150px;
}

.whosearch__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 27px;
}

/* Общее для обеих карточек */
.whosearch__card {
	position: relative;
	border-radius: 20px;
	padding: 218px 0 40px;
	min-height: 590px;
	overflow: visible;
}

.whosearch__card--yes {
	background: #fdd300;
	padding-bottom: 0;
}

.whosearch__card--no {
	background: #d9d9d9;
}

/* Картинка-аватар сверху */
.whosearch__avatar {
	position: absolute;
	top: -125px;
	left: 50%;
	transform: translateX(-50%);
	width: 370px;
	height: 343px;
	z-index: 2;
	pointer-events: none;
}

.whosearch__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Плашка "Подходишь / Не подойдёшь" */
.whosearch__label {
	width: 594px;
	height: 79px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
	position: relative;
	z-index: 1;
}

.whosearch__card--yes .whosearch__label {
	background: #ffe770;
}

.whosearch__card--no .whosearch__label {
	background: #fff;
}

.whosearch__label-text {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #000;
	text-align: center;
}

/* Зона баблов */
.whosearch__bubbles {
	position: relative;
	min-height: 200px;
	padding: 0 10px;
}

/* Баблы */
.whosearch__bubble {
	display: inline-block;
	background: #fff;
	border-radius: 20px;
	padding: 8px 30px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #000;
	white-space: nowrap;
	height: 45px;
	line-height: 29px;
	--x: 0px;
	--y: 0px;
	transform: var(--rotate, rotate(0deg)) translate(var(--x), var(--y));
}

/* Пунктирное подчёркивание */
.whosearch__dashed {
	text-decoration: underline dashed;
	text-underline-offset: 4px;
	text-decoration-thickness: 2px;
}

/* "НЕ ГОТОВ" — крупный текст в центре серой карточки */
.whosearch__notready {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 32px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	--x: 0px;
	--y: 0px;
	transform: translate(var(--x), var(--y));
	white-space: nowrap;
	z-index: 10;
}

/* Баблы в серой карточке — относительное позиционирование через абсолют */
.whosearch__bubbles--no {
	position: relative;
	min-height: 250px;
}

.whosearch__bubbles--no .whosearch__bubble {
	position: absolute;
	left: 0;
	top: 0;
	transform: var(--rotate, rotate(0deg)) translate(var(--x, 0px), var(--y, 0px));
}

/* Мобильный слайдер whosearch — скрыт на десктопе */
.whosearch__slider {
	display: none;
}

/* Мобильная пагинация brands — скрыта на десктопе */
.brands__mobile-pag {
	display: none;
}

/* Мобилка */
@media (max-width: 960px) {
	.whosearch__grid {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.whosearch__card {
		min-height: auto;
		padding: 140px 20px 30px;
	}

	.whosearch__label {
		width: 100%;
		max-width: 400px;
		height: auto;
		padding: 16px 20px;
	}

	.whosearch__avatar {
		width: 260px;
		height: 240px;
		top: -100px;
	}

	.whosearch__bubbles {
		display: none;
	}

	.whosearch__slider {
		display: block;
		padding: 0 0 16px;
		overflow: hidden;
	}

	.whosearch__notready {
		display: none;
	}

	.whosearch__title {
		font-size: 30px;
	}

	.whosearch__desc {
		font-size: 20px;
	}
}

/* ===================== Возвратный депозит 2 ===================== */
.dep2 {
	padding: 0;
	display: none;
}
.dep2__inner {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 0px;
}

.dep2__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 42px;
	text-transform: uppercase;
	color: #25292d;
	margin: 0;
}
.dep2__title span {
	color: #fdd300;
}

.dep2__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 25px;
	color: #25292d;
	margin: 10px 0 0;
}

/* Грид — три колонки + нижняя строка */
.dep2__body {
	display: grid;
	grid-template-columns: 453px 417px 417px;
	column-gap: 26px;
	row-gap: 0px;
	align-items: center;
	margin-top: 40px;
	transform: translate(var(--x, 0), var(--y, 0));
}

/* Все элементы dep2 с --x/--y */
.dep2__body [style*='--x'] {
	transform: translate(var(--x, 0), var(--y, 0));
}

/* Левая карточка */
.dep2__left {
	background: #f0f0f0;
	border-radius: 30px;
	padding: 20px;
	min-height: 580px;
	overflow: hidden;
	grid-row: 1 / 3;
}

/* Правая карточка */
.dep2__right {
	background: #f0f0f0;
	border-radius: 30px;
	padding: 20px;
	min-height: 424px;
	overflow: hidden;
}

/* Заголовки карточек */
.dep2__label {
	background: #25292d;
	color: #fdd300;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
	margin: 10px -20px 40px;
}

/* Жёлтая плашка "инвестиций в:" */
/* Жёлтая строка: 0₽ + инвестиций в: */
.dep2__invest-bar {
	background: #fdd300;
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 -20px 10px;
	padding: 8px 20px;
	overflow: visible;
}

.dep2__zero {
	font-family: 'Unbounded', sans-serif;
	font-size: 82px;
	color: #25292d;
	line-height: 1;
	margin-top: -50px;
}

.dep2__invest-text {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #25292d;
	text-transform: uppercase;
	white-space: nowrap;
}

/* Теги-пилюли */
.dep2__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 10px;
}
.dep2__left .dep2__tags {
	transform: translate(var(--x, 0), var(--y, 0));
}
.dep2__tags--right {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.dep2__pill {
	background: #fff;
	border-radius: 20px;
	padding: 10px 27px;
	font-family: 'Inter', sans-serif;
	font-size: 22px;
	color: #000;
	display: inline-block;
}

/* Наклоны + позиционирование левых пилюль */
.dep2__left .dep2__pill {
	transform: translate(var(--x, 0), var(--y, 0)) rotate(var(--r, 0deg));
}
.dep2__pill--1 {
	--r: -12deg;
}
.dep2__pill--2 {
	--r: 7deg;
	align-self: flex-end;
}
.dep2__pill--3 {
	--r: 0deg;
}
.dep2__pill--4 {
	--r: -1.3deg;
}
.dep2__pill--5 {
	--r: -5deg;
}

/* Правые смещения */
.dep2__pill--r2 {
	align-self: flex-end;
}
.dep2__pill--r4 {
	margin-left: 40px;
}

/* Центральный круг */
.dep2__center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dep2__circle {
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #25292d;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px;
}

.dep2__amount {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 82px;
	color: #fdd300;
	text-transform: uppercase;
	line-height: 1;
}
.dep2__amount span {
	font-weight: 400;
}

.dep2__returns {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #ffe770;
	text-transform: uppercase;
	margin-top: 10px;
	line-height: 1.2;
}

/* Нижняя плашка — занимает колонки 2-3 */
.dep2__note {
	grid-column: 2 / 4;
	background: #fdd300;
	border-radius: 30px;
	padding: 20px 36px;
}

.dep2__note-title {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #000;
	margin: 0;
}

.dep2__note-list {
	list-style: disc;
	padding-left: 20px;
	margin: 8px 0 0;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: #000;
}

/* ============================================================ */
/* === БЛОК "BRANDS"                                         === */
/* ============================================================ */

.brands {
	padding: 0px 40px;
	overflow-anchor: none;
}
.brands * {
	overflow-anchor: none;
}

.brands__inner {
	max-width: 1340px;
	margin: 0 auto;
	border-radius: 80px;
	border: 1px solid transparent;
	background-image:
		linear-gradient(#fff, #fff),
		linear-gradient(135deg, #fdd300, #ffe770, #25292d);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	padding: 64px 48px;
	overflow: hidden;
}

.brands__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 800;
	font-size: 48px;
	line-height: 1.05;
	text-align: center;
	color: #1a1a1a;
	margin: 0 0 12px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.brands__title span {
	color: #ffd600;
}
.brands__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	margin-left: 6px;
	background: #1a1a1a;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	border-radius: 50px;
	vertical-align: super;
	position: relative;
	top: -20px;
}

.brands__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: #888;
	text-align: center;
	margin: 0 0 48px;
}

/* Featured-блок */
.brands__featured {
	display: grid;
	grid-template-columns: 295px minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: start;
	margin-bottom: 20px;
	min-height: 280px;
}

.brands__featured-photo img {
	transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.brands__featured-person,
.brands__featured-desc,
.brands__featured-results-title,
.brands__featured-results-list {
	transition: opacity 0.12s ease;
}

.brands__featured.is-fading .brands__featured-photo img,
.brands__featured.is-fading .brands__featured-person,
.brands__featured.is-fading .brands__featured-desc,
.brands__featured.is-fading .brands__featured-results-title,
.brands__featured.is-fading .brands__featured-results-list {
	opacity: 0;
}

.brands__featured-card {
	display: flex;
	flex-direction: column;
	width: 295px;
}
.brands__featured-photo {
	width: 295px;
	height: 173px;
	border-radius: 16px;
	background: #e8e8e8;
	position: relative;
	margin-bottom: 16px;
	overflow: visible;
}
.brands__featured-photo img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 280px;
	width: auto;
	object-fit: contain;
	display: block;
}

.brands__featured-person {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 4px;
}

.brands__featured-body {
	padding-top: 8px;
	max-width: 480px;
	height: 280px;
	overflow: hidden;
}
.brands__featured-desc {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: #1a1a1a;
	margin: 0 0 18px;
	max-width: 540px;
}
.brands__featured-results-title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px;
}
.brands__featured-results-list {
	margin: 0;
	padding-left: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: #1a1a1a;
}
.brands__featured-results-list li {
	margin-bottom: 6px;
}
.brands__featured-results-list li::marker {
	color: #fdd300;
}

.brands__featured-action {
	padding-top: 8px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.brands__featured-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #fff;
	color: #1a1a1a;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	padding: 16px 26px;
	border: none;
	border-radius: 100px;
	text-decoration: none;
	text-transform: lowercase;
	white-space: nowrap;
	transition:
		transform 0.25s ease,
		background 0.25s ease,
		color 0.25s ease;
	box-shadow: inset 0 0 0 2px #1a1a1a;
}
.brands__featured-btn:hover {
	background: #ffd600;
	color: #1a1a1a;
	transform: translateY(-2px);
	box-shadow: inset 0 0 0 2px #ffd600;
}
.brands__featured-btn:hover .brands__featured-btn-arrow {
	transform: translateX(4px);
}
.brands__featured-btn-arrow {
	display: block;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}

/* Кнопки навигации */
.brands__nav {
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: start;
}
.brands__featured-action {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 16px;
}
.brands__nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid #1a1a1a;
	background: #fff;
	color: #1a1a1a;
	cursor: pointer;
	transition:
		background 0.2s,
		color 0.2s,
		transform 0.2s;
}
.brands__nav-btn:hover {
	background: #fdd300;
	border-color: #fdd300;
	transform: scale(1.1);
}
.brands__nav-btn:active {
	transform: scale(0.95);
}

/* Подсказка */
.brands__hint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 18px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #888;
	text-transform: lowercase;
	letter-spacing: 0.01em;
}
.brands__hint-arrow {
	display: inline-block;
	font-size: 18px;
	color: #fdd300;
	animation: brandsHintBounce 1.6s ease-in-out infinite;
}
.brands__hint-arrow:last-child {
	animation-delay: 0.8s;
}
@keyframes brandsHintBounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(4px);
	}
}

/* Бесконечная лента */
.brands__marquee {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	margin-left: -48px;
	margin-right: -48px;
	cursor: grab;
	user-select: none;
}
.brands__marquee:active {
	cursor: grabbing;
}
.brands__marquee:last-of-type {
	margin-bottom: 0;
}

.brands__marquee-track {
	display: flex;
	gap: 14px;
	width: max-content;
	will-change: transform;
}

.brands__chip {
	flex-shrink: 0;
	font-family: 'Unbounded', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	padding: 18px 28px;
	border-radius: 100px;
	background: #ffd600;
	color: #1a1a1a;
	border: 2px solid #ffd600;
	transition:
		background 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease;
	white-space: nowrap;
	cursor: pointer;
}
.brands__chip:hover {
	background: #1a1a1a;
	color: #ffd600;
	border-color: #1a1a1a;
}
.brands__chip.is-active,
.brands__chip--yellow.is-active {
	background: #1a1a1a;
	color: #ffd600;
	border-color: #1a1a1a;
}

/* ============================================================ */
/* === БЛОК "LOCATION"                                       === */
/* ============================================================ */

.location {
	padding: 0;
	width: 100%;
}

.location__inner {
	max-width: 1340px;
	margin: 0 auto;
	border-radius: 80px;
	border: 1px solid transparent;
	background-image:
		linear-gradient(#fff, #fff),
		linear-gradient(135deg, #fdd300, #ffe770, #25292d);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	padding: 48px;
	overflow: hidden;
}

.location__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 800;
	font-size: 48px;
	line-height: 1.05;
	text-align: center;
	color: #1a1a1a;
	margin: 0 0 12px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.location__title span {
	color: #ffd600;
}
.location__title .text-reveal.is-revealed {
	animation-duration: 2s;
}

.location__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: #888;
	text-align: center;
	margin: 0 0 32px;
}

.location__tabs {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 28px;
}
.location__tab {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 100px;
	border: 2px solid #ddd;
	background: #fff;
	color: #666;
	cursor: pointer;
	transition: all 0.2s;
}
.location__tab:hover {
	border-color: #1a1a1a;
	color: #1a1a1a;
}
.location__tab.is-active {
	background: #1a1a1a;
	color: #fff;
	border-color: #1a1a1a;
}

.location__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: stretch;
	margin-top: 20px;
}

.location__map-full {
	height: 550px;
	border-radius: 24px;
	overflow: hidden;
	background: #e8e8e8;
}

.location__scheme {
	height: 600px;
	border-radius: 24px;
	overflow: hidden;
	background: #f9f9f9;
	grid-column: 1;
}
.location__scheme-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.location__scheme-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.location__scheme-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.location__zone {
	pointer-events: all;
	cursor: pointer;
	transition:
		fill 0.2s,
		stroke-width 0.2s;
}
.location__zone:hover {
	fill-opacity: 0.6;
	stroke-width: 3;
}
.location__scheme-tooltip {
	position: absolute;
	display: none;
	background: #1a1a1aee;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 6px 14px;
	border-radius: 8px;
	white-space: nowrap;
	pointer-events: none;
	z-index: 10;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	transform: translate(-50%, -100%);
}

/* Легенда */
.location__legend {
	background: #f9f9f9;
	border-radius: 24px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.location__legend-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #1a1a1a;
	margin: 0;
}
.location__legend-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.location__legend-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: 'Inter', sans-serif;
	font-size: 13px;
	color: #333;
}
.location__legend-dot {
	width: 14px;
	height: 14px;
	border-radius: 4px;
	flex-shrink: 0;
}

/* Маркеры на карте */
.location__marker {
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translate(-50%, -100%);
}
.location__marker-dot {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.location__marker-label {
	margin-top: 4px;
	background: #1a1a1aee;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 11px;
	font-weight: 600;
	padding: 3px 8px;
	border-radius: 6px;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.location__marker--zone {
	transform: translate(-50%, -50%);
}
.location__marker-zone {
	width: 60px;
	height: 40px;
	border-radius: 8px;
}

.location__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.location__stat {
	background: #ffd600;
	border-radius: 24px;
	padding: 24px 28px;
	text-align: center;
	transition:
		transform 0.25s ease,
		background 0.25s ease;
}
.location__stat:hover {
	transform: translateY(-4px);
	background: #ffe770;
}

.location__stat-num {
	font-family: 'Unbounded', sans-serif;
	font-weight: 800;
	font-size: 40px;
	line-height: 1;
	color: #1a1a1a;
	margin-bottom: 10px;
}
.location__stat-text {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #1a1a1a;
	text-transform: lowercase;
}

/* ========================================
   Секция "НАШИ ПАРТНЁРЫ" (brands)
   ======================================== */
.brands {
	padding: 0;
	overflow-anchor: none;
	max-width: 1340px;
	width: 100%;
}
.brands * {
	overflow-anchor: none;
}
.brands__inner {
	max-width: 1340px;
	margin: 0 auto;
	border-radius: 80px;
	border: 1px solid transparent;
	background-image:
		linear-gradient(#fff, #fff),
		linear-gradient(135deg, #fdd300, #ffe770, #25292d);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	padding: 64px 48px;
	overflow: hidden;
}
.brands__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 800;
	font-size: 48px;
	line-height: 1.05;
	text-align: center;
	color: #1a1a1a;
	margin: 0 0 12px;
	text-transform: uppercase;
	letter-spacing: -0.01em;
}
.brands__title span {
	color: #ffd600;
}
.brands__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 8px;
	margin-left: 6px;
	background: #1a1a1a;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	border-radius: 50px;
	vertical-align: super;
	position: relative;
	top: -20px;
}
.brands__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	color: #888;
	text-align: center;
	margin: 0 0 48px;
}
.brands__featured {
	display: grid;
	grid-template-columns: 295px minmax(0, 1fr) 300px;
	gap: 48px;
	align-items: start;
	margin-bottom: 20px;
	min-height: 280px;
}
.brands__featured-photo img {
	transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.brands__featured-person,
.brands__featured-desc,
.brands__featured-results-title,
.brands__featured-results-list {
	transition: opacity 0.12s ease;
}
.brands__featured.is-fading .brands__featured-photo img,
.brands__featured.is-fading .brands__featured-person,
.brands__featured.is-fading .brands__featured-desc,
.brands__featured.is-fading .brands__featured-results-title,
.brands__featured.is-fading .brands__featured-results-list {
	opacity: 0;
}
.brands__featured-card {
	display: flex;
	flex-direction: column;
	width: 295px;
}
.brands__featured-photo {
	width: 295px;
	height: 173px;
	border-radius: 16px;
	background: #e8e8e8;
	position: relative;
	margin-bottom: 16px;
	overflow: visible;
}
.brands__featured-photo img {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 280px;
	width: auto;
	object-fit: contain;
	display: block;
}
.brands__featured-person {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 4px;
}
.brands__featured-body {
	padding-top: 8px;
	max-width: 480px;
	height: 280px;
	overflow: hidden;
}
.brands__featured-desc {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: #1a1a1a;
	margin: 0 0 18px;
	max-width: 540px;
}
.brands__featured-results-title {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 10px;
}
.brands__featured-results-list {
	margin: 0;
	padding-left: 20px;
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: #1a1a1a;
}
.brands__featured-results-list li {
	margin-bottom: 6px;
}
.brands__featured-results-list li::marker {
	color: #fdd300;
}
.brands__nav {
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-content: start;
}
.brands__nav-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 2px solid #1a1a1a;
	background: transparent;
	cursor: pointer;
	transition: all 0.2s;
}
.brands__nav-btn:hover {
	background: #fdd300;
	border-color: #fdd300;
	transform: scale(1.1);
}
.brands__nav-btn:active {
	transform: scale(0.95);
}
.brands__featured-action {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-top: 16px;
}
.brands__featured-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: #fff;
	color: #1a1a1a;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	padding: 16px 26px;
	border: none;
	border-radius: 100px;
	text-decoration: none;
	text-transform: lowercase;
	white-space: nowrap;
	transition:
		transform 0.25s ease,
		background 0.25s ease,
		color 0.25s ease;
	box-shadow: inset 0 0 0 2px #1a1a1a;
}
.brands__featured-btn:hover {
	background: #ffd600;
	color: #1a1a1a;
	transform: translateY(-2px);
}
.brands__featured-btn:hover .brands__featured-btn-arrow {
	transform: translateX(4px);
}
.brands__featured-btn-arrow {
	display: block;
	flex-shrink: 0;
	transition: transform 0.25s ease;
}
.brands__hint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	margin-bottom: 18px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #888;
	text-transform: lowercase;
	letter-spacing: 0.01em;
}
.brands__hint-arrow {
	display: inline-block;
	font-size: 18px;
	color: #fdd300;
	animation: brandsHintBounce 1.6s ease-in-out infinite;
}
.brands__hint-arrow:last-child {
	animation-delay: 0.8s;
}
@keyframes brandsHintBounce {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(4px);
	}
}
.brands__marquee {
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	margin-left: -48px;
	margin-right: -48px;
}
.brands__marquee:last-of-type {
	margin-bottom: 0;
}
.brands__marquee-track {
	display: flex;
	gap: 14px;
	width: max-content;
	will-change: transform;
}
.brands__chip {
	flex-shrink: 0;
	font-family: 'Unbounded', sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	padding: 18px 28px;
	border-radius: 100px;
	background: #ffd600;
	color: #1a1a1a;
	border: 2px solid #ffd600;
	transition:
		background 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease;
	white-space: nowrap;
	cursor: pointer;
}
.brands__chip:hover {
	background: #1a1a1a;
	color: #ffd600;
	border-color: #1a1a1a;
}
.brands__chip.is-active,
.brands__chip--yellow.is-active {
	background: #1a1a1a;
	color: #ffd600;
	border-color: #1a1a1a;
}

/* ========================================
   АДАПТИВ — Планшет (до 1200px)
   ======================================== */
@media (max-width: 1200px) {
	body {
		padding: 30px 16px;
		gap: 80px;
	}

	/* Hero */
	.hero {
		grid-template-columns: 1fr 1fr;
	}

	.hero__left {
		height: auto;
		padding: 36px 32px 80px;
	}

	.hero__title {
		font-size: 32px;
	}

	.hero__subtitle span {
		font-size: 16px;
	}

	.hero__highlight-num {
		font-size: 22px;
	}

	.hero__highlight-text {
		font-size: 13px;
	}

	.hero__photo {
		width: 100%;
		height: 350px;
	}

	.hero__quote {
		width: 580px;
	}

	.hero__quote-wrap {
		left: 30%;
	}

	.hero__check-text {
		font-size: 12px;
	}

	.hero__shelf {
		left: 200px;
	}

	/* System */
	.system__title {
		font-size: 30px;
	}

	.system__title em {
		font-size: 20px;
	}

	/* Benefits */
	.benefits__title {
		font-size: 32px;
	}

	.benefits__inner {
		height: 500px;
	}

	.benefits__tag {
		font-size: 16px;
		padding: 0 20px;
		line-height: 40px;
	}

	/* Career8 */
	.career8__title {
		font-size: 30px;
	}

	.career8__track {
		height: 450px;
	}

	/* Earn */
	.earn__title {
		font-size: 32px;
		width: auto;
		padding: 0 20px;
	}

	.earn__amount {
		font-size: 28px;
		width: 240px;
		height: 180px;
	}

	.earn__card {
		width: 350px;
		height: 260px;
	}

	.earn__card-text {
		font-size: 28px;
	}

	/* Why */
	.why__title {
		font-size: 30px;
	}

	.why__lead {
		font-size: 18px;
	}

	/* Whosearch */
	.whosearch__title {
		font-size: 34px;
	}

	.whosearch__desc {
		margin-bottom: 100px;
	}

	.whosearch__card {
		overflow: visible;
	}

	.whosearch__bubbles {
		display: none;
	}

	.whosearch__slider {
		display: block;
		padding: 0 0 16px;
		overflow: hidden;
	}

	.whosearch__notready {
		display: none;
	}

	.whosearch__label {
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 14px 20px;
	}

	/* Deposit */
	.deposit__title {
		font-size: 32px;
	}

	.deposit__body {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}

	.deposit__left {
		width: 100%;
		height: auto;
		min-height: 400px;
	}

	/* Dep2 */
	.dep2__body {
		grid-template-columns: 1fr 1fr;
	}

	.dep2__left {
		grid-row: auto;
		min-height: auto;
	}

	.dep2__title {
		font-size: 32px;
	}

	/* Location */
	.location {
		padding: 0;
	}
	.location__inner {
		padding: 36px 28px;
		border-radius: 40px;
	}

	.location__title {
		font-size: 36px;
	}

	.location__map-full {
		height: 400px;
	}

	/* Location */
	.location__stats {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

	.location__stat-num {
		font-size: 30px;
	}

	/* Brands */
	.brands__inner {
		padding: 48px 32px;
		border-radius: 40px;
	}

	.brands__title {
		font-size: 36px;
	}

	.brands__featured {
		grid-template-columns: 240px minmax(0, 1fr) auto;
		gap: 24px;
	}

	.brands__featured-card {
		width: 240px;
	}

	.brands__featured-photo {
		width: 240px;
		height: 140px;
	}

	.brands__featured-photo img {
		height: 230px;
	}

	.brands__marquee {
		margin-left: -32px;
		margin-right: -32px;
	}
}

/* ========================================
   АДАПТИВ — Мобильный (до 768px)
   ======================================== */
@media (max-width: 768px) {
	body {
		padding: 20px 12px;
		gap: 60px;
		overflow-x: hidden;
	}

	/* ---- Hero ---- */
	.hero {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 60px;
	}

	.hero__right {
		order: -1;
	}

	.hero__left {
		padding: 20px 20px 20px;
		border-radius: 0 0 24px 24px;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.hero__title {
		font-size: 26px;
	}

	.hero__subtitle span {
		font-size: 14px;
		padding: 6px 14px;
	}

	.hero__highlights {
		padding-top: 14px;
	}

	.hero__highlight {
		padding: 10px 16px;
		border-radius: 12px;
	}

	.hero__highlight-num {
		font-size: 20px;
	}

	.hero__highlight-text {
		font-size: 13px;
	}

	.hero__right {
		padding-left: 0;
	}

	.hero__photo {
		width: 100%;
		height: 350px;
		border-radius: 20px 20px 0 0;
	}

	.hero__shelf {
		display: none;
	}

	.hero__btn-area {
		position: relative;
		bottom: auto;
		left: auto;
		transform: none;
		margin-top: 16px;
		display: flex;
		justify-content: center;
	}

	.hero__play-wrap {
		width: 80px;
		height: 80px;
	}

	.hero__play-corner-svg {
		top: 0;
		right: 0;
		width: 80px;
		height: 80px;
	}

	.hero__play {
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
	}

	.hero__play svg {
		width: 18px;
		height: 18px;
	}

	.hero__quote-wrap {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: 16px;
		filter: none;
		display: flex;
		justify-content: center;
	}

	.hero__quote {
		width: auto;
		padding: 16px 16px;
		text-align: left;
	}

	.hero__checklist {
		flex-direction: column;
		gap: 10px;
	}

	.hero__check-mark {
		width: 26px;
		height: 26px;
		font-size: 13px;
	}

	.hero__check-text {
		font-size: 13px;
	}

	/* ---- System ---- */
	.system__line {
		display: none;
	}

	.system {
		margin-top: 0;
	}

	.system__title {
		font-size: 24px;
		margin-top: 0;
		margin-bottom: 16px;
	}

	.system__title em {
		font-size: 16px;
	}

	.system__body {
		grid-template-columns: 1fr;
	}

	.system__left {
		padding: 0;
		gap: 20px;
	}

	.system__contrast p {
		font-size: 15px;
	}

	.system__yes p {
		font-size: 16px;
	}

	.system__yes p.system__yes-label {
		font-size: 14px;
	}

	.system__right {
		padding: 32px 24px;
		margin-top: 20px;
	}

	.system__path-content h3 {
		font-size: 14px;
	}

	/* ---- Benefits ---- */
	.benefits__inner {
		height: 390px;
		min-height: 0;
		padding-bottom: 0;
	}

	.benefits__title {
		font-size: 24px;
		white-space: normal;
		text-align: center;
		padding: 0 16px;
	}

	.benefits__tags--white,
	.benefits__tags--yellow {
		display: none;
	}

	.benefits__slider {
		display: block;
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0;
		z-index: 5;
	}

	.benefits__slider-track {
		display: flex;
		gap: 10px;
		padding: 0 16px;
		overflow-x: auto;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.benefits__slider-track::-webkit-scrollbar {
		display: none;
	}

	.benefits__slider-tag {
		flex-shrink: 0;
		background: #fff;
		color: #25292d;
		font-family: 'Inter', sans-serif;
		font-size: 14px;
		font-weight: 500;
		padding: 0 20px;
		line-height: 38px;
		border-radius: 20px;
		white-space: nowrap;
	}

	.benefits__slider-tag--yellow {
		background: #fdd300;
		color: #25292d;
	}

	.benefits__slider-pagination {
		width: 100%;
		height: 3px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 2px;
		margin-top: 12px;
		margin-left: 16px;
		margin-right: 16px;
		width: calc(100% - 32px);
		overflow: hidden;
	}

	.benefits__slider-pagination-thumb {
		height: 100%;
		width: 30%;
		background: #fff;
		border-radius: 2px;
		transition: transform 0.15s;
	}

	/* ---- Career8 (Серпантин) ---- */
	.career8 {
		margin-bottom: 0;
	}

	.career8__title {
		font-size: 24px;
	}

	.career8__subtitle {
		font-size: 16px;
	}

	.career8__track {
		height: auto;
		margin-top: 30px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		padding: 0;
	}

	.career8__svg {
		display: none;
	}

	.career8__cp {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		opacity: 1;
		flex-direction: row;
		gap: 16px;
		align-items: flex-start;
	}

	.career8__cp .adapt__card {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.career8__cp-line {
		width: 2px;
		height: 20px;
		display: none;
	}

	.career8__cp-dot {
		margin-top: 8px;
		display: none;
	}

	.career8__replay {
		position: relative;
		right: auto;
		bottom: auto;
		display: none !important;
	}

	.adapt__card-title {
		white-space: normal;
	}

	.adapt__card-tooltip {
		white-space: normal;
		width: 300px;
		max-width: 300px;
	}

	/* ---- Earn ---- */
	.earn__inner {
		height: auto;
		min-height: 550px;
	}

	.earn__title {
		font-size: 24px;
		width: auto;
		padding: 0 16px;
		white-space: normal;
	}

	.earn__title br {
		display: none;
	}

	.earn__label {
		top: -8px;
	}

	.earn__lightning {
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		top: var(--ly, 50%);
		left: var(--lx, 50%);
	}

	.earn__amount-wrap {
		left: 50%;
		transform: translateX(-50%);
		top: 155px;
	}

	.earn__amount {
		width: 220px;
		height: 160px;
		font-size: 24px;
	}

	.earn__card {
		left: 50%;
		transform: translateX(-50%) rotate(6deg);
		top: 310px;
		width: 280px;
		height: 220px;
		padding: 20px;
	}

	.earn__card-text {
		font-size: 22px;
	}

	.earn__lightning {
		width: 35px;
		height: 65px;
	}

	/* ---- Why ---- */
	.why__title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.why__lead {
		font-size: 16px;
	}

	.why__marquee {
		border-radius: 50px;
		padding: 12px 0;
	}

	.why__marquee-item {
		font-size: 14px;
	}

	.why__frame {
		grid-template-columns: 1fr;
	}

	.why__half {
		padding: 28px 24px;
	}

	.why__half-title {
		font-size: 16px;
		margin-bottom: 20px;
	}

	/* ---- Whosearch ---- */
	.whosearch__title {
		font-size: 26px;
	}

	.whosearch__desc {
		font-size: 18px;
		margin-bottom: 80px;
	}

	.whosearch__grid {
		grid-template-columns: 1fr;
		gap: 60px;
		overflow: visible;
		max-width: 100%;
	}

	.whosearch__card {
		max-width: 100%;
		min-width: 0;
		overflow: visible;
	}

	.whosearch__card {
		min-height: auto;
		padding: 170px 16px 30px;
	}

	.whosearch__label {
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 14px 16px;
	}

	.whosearch__label-text {
		font-size: 18px;
	}

	.whosearch__avatar {
		width: 240px;
		height: 220px;
		top: -50px;
	}

	.whosearch__bubbles {
		display: none;
	}

	.whosearch__slider {
		display: block;
		padding: 0 0 16px;
		overflow: hidden;
		width: 100%;
		max-width: 100%;
	}

	.whosearch__slider-track {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		padding: 0 16px 4px;
		max-width: 100%;
	}

	.whosearch__slider-track::-webkit-scrollbar {
		display: none;
	}

	.whosearch__slider-chip {
		flex-shrink: 0;
		background: #fff;
		color: #000;
		font-family: 'Inter', sans-serif;
		font-size: 14px;
		font-weight: 400;
		padding: 8px 20px;
		border-radius: 20px;
		white-space: nowrap;
	}

	.whosearch__slider-label {
		font-family: 'Unbounded', sans-serif;
		font-weight: 900;
		font-size: 22px;
		color: #000;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 14px;
	}

	.whosearch__slider-pag {
		height: 3px;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 2px;
		margin: 12px 16px 0;
		overflow: hidden;
	}

	.whosearch__slider-pag-thumb {
		height: 100%;
		width: 30%;
		background: #1a1a1a;
		border-radius: 2px;
		transition: transform 0.15s;
	}

	.whosearch__slider--no .whosearch__slider-pag-thumb {
		background: #fff;
	}

	.whosearch__slider--no .whosearch__slider-pag {
		background: rgba(255, 255, 255, 0.2);
	}

	.whosearch__notready {
		display: none;
	}

	/* ---- Invest ---- */
	.invest__title {
		font-size: 26px;
	}

	.invest__grid {
		grid-template-columns: 1fr;
	}

	.invest__zero-layout {
		flex-direction: column;
		gap: 20px;
	}

	.invest__zero {
		width: 140px;
		height: 140px;
	}

	.invest__zero-num {
		font-size: 54px;
	}

	.invest__bubble {
		font-size: 13px;
		padding: 8px 14px;
	}

	/* ---- Deposit ---- */
	.deposit__title {
		font-size: 26px;
		margin-bottom: 32px;
	}

	.deposit__body {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.deposit__left {
		width: 100%;
		height: auto;
		min-height: 300px;
	}

	.deposit__label {
		font-size: 18px;
		right: 0;
	}

	/* ---- Dep2 ---- */
	.dep2__title {
		font-size: 26px;
	}

	.dep2__subtitle {
		font-size: 18px;
	}

	.dep2__body {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.dep2__body [style*='--x'] {
		transform: none !important;
	}

	.dep2__left {
		min-height: auto;
		grid-row: auto;
	}

	.dep2__right {
		min-height: auto;
	}

	.dep2__center {
		max-width: 300px;
		margin: 0 auto;
	}

	.dep2__label {
		font-size: 16px;
		margin: 10px -10px 24px;
	}

	.dep2__pill {
		font-size: 16px;
		padding: 8px 18px;
	}

	.dep2__left .dep2__pill {
		transform: none !important;
	}

	.dep2__left .dep2__tags {
		transform: none !important;
	}

	.dep2__returns {
		font-size: 16px;
	}

	.dep2__zero {
		font-size: 52px;
		margin-top: -30px;
	}

	.dep2__invest-text {
		font-size: 16px;
	}

	.dep2__note-list {
		font-size: 14px;
	}

	.dep2__pill--r2 {
		align-self: flex-start;
	}

	.dep2__pill--r4 {
		margin-left: 0;
	}

	.dep2__note {
		grid-column: 1;
	}

	/* ---- Location ---- */
	.location {
		padding: 0;
	}
	.location__inner {
		padding: 28px 16px;
		border-radius: 24px;
	}

	.location__title {
		font-size: 26px;
	}

	.location__subtitle {
		font-size: 15px;
	}

	.location__map-full {
		height: 350px;
		border-radius: 16px;
	}

	/* ---- CTA ---- */
	.cta__inner--form {
		padding: 40px 20px;
	}

	.cta__title {
		font-size: 24px;
	}

	.cta__subtitle {
		font-size: 16px;
	}

	.cta__form {
		flex-direction: column;
		width: 100%;
	}

	.cta__input {
		width: 100%;
	}

	.cta__btn {
		width: 100%;
	}

	/* ---- Partners ---- */
	.partners__title {
		font-size: 28px;
	}

	.partners__card {
		padding: 32px 20px 40px;
		border-radius: 40px;
	}

	.partners__item {
		width: 250px;
	}

	.partners__photo {
		width: 250px;
		height: 145px;
	}

	.partners__photo img {
		height: 230px;
	}

	/* ---- Brands ---- */
	.brands__nav {
		display: none;
	}

	.brands__hint {
		display: none;
	}

	.brands__marquee {
		display: none;
	}

	.brands__featured {
		grid-template-columns: 1fr;
		gap: 16px;
		min-height: auto;
		touch-action: pan-y;
		margin-top: 90px;
	}

	.brands__featured-card {
		width: 100%;
		align-items: center;
		text-align: center;
	}

	.brands__featured-photo {
		width: 200px;
		height: 120px;
		margin: 0 auto 12px;
	}

	.brands__featured-photo img {
		height: 200px;
	}

	.brands__featured-body {
		height: auto;
		max-width: 100%;
		padding-top: 0;
	}

	.brands__featured-desc {
		font-size: 14px;
		max-width: 100%;
	}

	.brands__featured-results-title {
		font-size: 14px;
	}

	.brands__featured-results-list {
		font-size: 13px;
	}

	.brands__featured-action {
		justify-content: center;
		margin-top: 12px;
	}

	.brands__mobile-pag {
		display: block;
		height: 3px;
		background: rgba(0, 0, 0, 0.1);
		border-radius: 2px;
		margin-top: 20px;
		overflow: hidden;
	}

	.brands__mobile-pag-thumb {
		height: 100%;
		width: 15%;
		background: #1a1a1a;
		border-radius: 2px;
		transition: transform 0.3s;
	}

	.brands__inner {
		padding: 40px 20px;
		border-radius: 24px;
	}

	.brands__title {
		font-size: 28px;
	}

	.brands__count {
		top: -12px;
		min-width: 26px;
		height: 26px;
		font-size: 12px;
	}

	.brands__subtitle {
		font-size: 15px;
		margin-bottom: 24px;
	}

	.brands__featured {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 90px;
		margin-bottom: 24px;
		min-height: auto;
	}

	.brands__featured-card {
		width: 100%;
		align-items: center;
		text-align: center;
	}

	.brands__featured-photo {
		width: 220px;
		height: 130px;
		margin: 0 auto 12px;
	}

	.brands__featured-photo img {
		height: 210px;
	}

	.brands__featured-body {
		padding-top: 0;
		max-width: 100%;
		height: auto;
		text-align: left;
	}

	.brands__featured-desc {
		font-size: 14px;
		max-width: 100%;
	}

	.brands__featured-results-title {
		font-size: 14px;
	}

	.brands__featured-results-list {
		font-size: 13px;
	}

	.brands__nav {
		justify-content: center;
	}

	.brands__featured-action {
		justify-content: center;
	}

	.brands__featured-btn {
		padding: 14px 22px;
		font-size: 13px;
	}

	.brands__hint {
		font-size: 12px;
		gap: 8px;
	}

	.brands__marquee {
		margin-left: -20px;
		margin-right: -20px;
	}

	.brands__chip {
		font-size: 13px;
		padding: 14px 20px;
	}

	/* ---- Location ---- */
	.location__stats {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

	.location__stat {
		padding: 24px 16px;
	}

	.location__stat-num {
		font-size: 28px;
	}

	/* ---- Career variants (2-7) ---- */
	.career2__title,
	.career3__title,
	.career4__title,
	.career5__title,
	.career6__title,
	.career7__title {
		font-size: 26px;
	}

	.career2__mountain {
		height: 350px;
	}

	.career3__orbit-wrap {
		height: 400px;
	}

	.career3__ring--4 {
		width: 350px;
		height: 350px;
	}
	.career3__ring--3 {
		width: 280px;
		height: 280px;
	}
	.career3__ring--2 {
		width: 210px;
		height: 210px;
	}
	.career3__ring--1 {
		width: 140px;
		height: 140px;
	}

	.career5__space {
		height: 380px;
	}

	.career7__road {
		flex-direction: column;
		padding: 40px 20px;
		gap: 24px;
	}

	.career7__road-line {
		display: none;
	}
}

/* ========================================
   АДАПТИВ — Маленький мобильный (до 480px)
   ======================================== */
@media (max-width: 480px) {
	.career8__track {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
	}

	body {
		padding: 16px 10px;
		gap: 48px;
	}

	.hero__title {
		font-size: 22px;
	}

	.hero__subtitle span {
		font-size: 13px;
	}

	.hero__photo {
		height: 220px;
	}

	.hero__highlight {
		padding: 8px 12px;
	}

	.hero__highlight-num {
		font-size: 18px;
	}

	.hero__highlight-text {
		font-size: 12px;
	}

	.hero__btn {
		font-size: 15px;
		padding: 16px 28px;
	}

	.system__title {
		font-size: 20px;
	}

	.system__title em {
		font-size: 14px;
	}

	.benefits__title {
		font-size: 20px;
		top: 24px;
	}

	.career8__title {
		font-size: 20px;
	}

	.earn__title {
		font-size: 20px;
		top: 30px;
	}

	.earn__amount-wrap {
		top: 115px;
	}

	.earn__amount {
		width: 180px;
		height: 130px;
		font-size: 20px;
	}

	.earn__card {
		top: 260px;
		width: 230px;
		height: 180px;
	}

	.earn__card-text {
		font-size: 18px;
	}

	.earn__inner {
		min-height: 460px;
	}

	.why__title {
		font-size: 20px;
	}

	.why__lead {
		font-size: 14px;
	}

	.why__marquee-item {
		font-size: 12px;
	}

	.whosearch__title {
		font-size: 22px;
	}

	.whosearch__desc {
		font-size: 16px;
		margin-bottom: 60px;
	}

	.whosearch__avatar {
		width: 200px;
		height: 185px;
		top: -50px;
	}

	.whosearch__card {
		padding: 135px 12px 24px;
	}

	.whosearch__bubble {
		font-size: 13px;
		padding: 5px 14px;
	}

	.invest__title {
		font-size: 22px;
	}

	.deposit__title {
		font-size: 22px;
	}

	.dep2__title {
		font-size: 22px;
	}

	.cta__title {
		font-size: 20px;
	}

	.cta__subtitle {
		font-size: 14px;
		margin-bottom: 24px;
	}

	.partners__title {
		font-size: 22px;
	}

	.partners__card {
		border-radius: 30px;
		padding: 24px 16px 32px;
	}

	.location__stat-num {
		font-size: 24px;
	}

	.dep2__title {
		font-size: 22px;
	}

	.dep2__center {
		max-width: 240px;
	}

	.dep2__pill {
		font-size: 14px;
		padding: 6px 14px;
	}

	.dep2__zero {
		font-size: 40px;
		margin-top: -20px;
	}

	.dep2__invest-text {
		font-size: 14px;
	}

	.dep2__label {
		font-size: 14px;
	}

	.location {
		padding: 0;
	}
	.location__inner {
		padding: 20px 12px;
		border-radius: 20px;
	}

	.location__stats {
		grid-template-columns: 1fr;
	}

	.location__stat {
		padding: 24px 28px;
	}

	.location__title {
		font-size: 22px;
	}

	.location__map-full {
		height: 280px;
	}

	.location__stat-num {
		font-size: 24px;
	}

	.brands__inner {
		padding: 28px 14px;
		border-radius: 20px;
	}

	.brands__title {
		font-size: 22px;
	}

	.brands__count {
		top: -8px;
		min-width: 22px;
		height: 22px;
		font-size: 10px;
	}

	.brands__featured-photo {
		width: 180px;
		height: 110px;
	}

	.brands__featured-photo img {
		height: 180px;
	}

	.brands__chip {
		font-size: 11px;
		padding: 10px 16px;
	}

	.brands__marquee {
		margin-left: -14px;
		margin-right: -14px;
	}
}

/* ============================================
   ШАПКА (HEADER)
   ============================================ */
.header {
	position: fixed;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	max-width: 1340px;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid var(--gray-2);
	border-radius: 18px;
	will-change: max-width;
	transition:
		box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.header.scrolled {
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
	max-width: 700px;
}
.header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	padding: 0 24px;
	height: 60px;
}
.header__logo {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
}
.header__center {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	display: flex;
	align-items: center;
	gap: 8px;
}
.header__right {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}
.header__contact-compact {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}
.header__logo {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease;
}
.header__logo:hover {
	transform: translateY(-3px);
}
.header__logo img {
	height: 23px;
	width: auto;
}
.header__home {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: var(--dark-2);
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	flex-shrink: 0;
	transition:
		background 0.2s,
		color 0.2s,
		transform 0.15s,
		width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		border-radius 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.header.scrolled .header__home {
	width: 42px;
	height: 42px;
	border-radius: 12px;
}
.header__home:hover {
	background: var(--yellow);
	color: var(--dark);
	transform: translateY(-1px);
}
.header__home svg {
	width: 18px;
	height: 18px;
	display: block;
}

.header__nav {
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
	max-width: 800px;
	opacity: 1;
	overflow: hidden;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.35s ease 0.1s;
}
.header.scrolled .header__nav {
	max-width: 0;
	opacity: 0;
	pointer-events: none;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.25s ease;
}
.header__nav-btn {
	background: var(--dark-2);
	border: none;
	border-radius: 10px;
	padding: 8px 18px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	transition:
		background 0.2s,
		color 0.2s;
	white-space: nowrap;
	flex-shrink: 0;
}
.header__nav-btn:hover {
	background: var(--yellow);
	color: var(--dark);
}
.header__nav-btn.is-active {
	background: var(--yellow);
	color: var(--dark);
	font-weight: 700;
	cursor: default;
	pointer-events: none;
}
.header__dropdown-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.25s ease;
}
.header__dropdown-wrap.visible {
	max-width: 220px;
	opacity: 1;
	pointer-events: auto;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.35s ease 0.15s;
}
.header__dropdown-wrap.open {
	overflow: visible;
}
.header__dropdown-toggle {
	background: var(--dark-2);
	border: none;
	border-radius: 12px;
	padding: 12px 24px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: background 0.2s;
	white-space: nowrap;
	flex-shrink: 0;
}
.header__dropdown-toggle:hover {
	background: var(--dark);
}
.header__dropdown-toggle svg {
	width: 14px;
	height: 14px;
	transition: transform 0.3s;
}
.header__dropdown-wrap.open .header__dropdown-toggle svg {
	transform: rotate(180deg);
}
.header__dropdown-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	padding: 8px;
	min-width: 210px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition:
		opacity 0.25s,
		transform 0.25s,
		visibility 0.25s;
}
.header__dropdown-wrap.open .header__dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.header__dropdown-menu a {
	display: block;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--dark);
	text-decoration: none;
	border-radius: 8px;
	transition: background 0.15s;
}
.header__dropdown-menu a:hover {
	background: var(--gray-1);
}
.header__dropdown-menu a.is-active {
	background: var(--yellow);
	color: var(--dark);
	font-weight: 700;
	pointer-events: none;
}
.header__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	max-width: 500px;
	opacity: 1;
	overflow: hidden;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.35s ease 0.1s;
}
.header.scrolled .header__right {
	max-width: 0;
	opacity: 0;
	pointer-events: none;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.25s ease;
}
.header__right > * {
	flex-shrink: 0;
}
.header__right:has(.header__contact-wrap.open) {
	overflow: visible;
}
.header__phone {
	font-size: 15px;
	font-weight: 600;
	color: var(--dark);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.2s;
}
.header__phone:hover {
	color: var(--dark-2);
}
.header__cta {
	background: var(--yellow);
	border: none;
	border-radius: 12px;
	padding: 12px 24px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: var(--dark);
	cursor: pointer;
	white-space: nowrap;
	transition:
		background 0.2s,
		transform 0.15s;
}
.header__cta:hover {
	background: var(--yellow-soft);
	transform: translateY(-1px);
}
.header__contact-compact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.25s ease;
}
.header.scrolled .header__contact-compact {
	max-width: 260px;
	opacity: 1;
	pointer-events: auto;
	transition:
		max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.35s ease 0.15s;
}
.header__contact-compact > .header__contact-wrap {
	flex-shrink: 0;
}
.header__contact-compact .header__contact-toggle {
	flex-shrink: 0;
	white-space: nowrap;
}
.header__contact-compact:has(.header__contact-wrap.open) {
	overflow: visible;
}
.header__contact-wrap {
	position: relative;
}
.header__contact-toggle {
	display: flex;
	align-items: center;
}
.header__contact-menu {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	padding: 8px 0;
	min-width: 260px;
	z-index: 1000;
	flex-direction: column;
}
.header__contact-wrap.open .header__contact-menu {
	display: flex;
}
.header__contact-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: var(--dark);
	text-decoration: none;
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	white-space: nowrap;
	transition: background 0.15s;
	width: 100%;
}
.header__contact-item:hover {
	background: #f5f5f5;
}

/* ============================================
   ПОПАП — ФОРМА ЗАЯВКИ
   ============================================ */
.popup-overlay {
	position: fixed;
	inset: 0;
	z-index: 2000;
	background: rgba(0, 0, 0, 0.55);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition:
		opacity 0.3s,
		visibility 0.3s;
	padding: 20px;
}
.popup-overlay.active {
	opacity: 1;
	visibility: visible;
}
.popup {
	background: #25292d;
	border-radius: 20px;
	padding: 60px 48px;
	max-width: 520px;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	transform: translateY(30px) scale(0.95);
	transition: transform 0.35s ease;
}
.popup-overlay.active .popup {
	transform: translateY(0) scale(1);
}
.popup__close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}
.popup__close:hover {
	background: rgba(255, 255, 255, 0.2);
}
.popup__close svg {
	width: 16px;
	height: 16px;
}
.popup__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 28px;
	line-height: 1.2;
	text-transform: uppercase;
	background: linear-gradient(to right, #fdd300, #ffe770);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	margin: 0 0 12px;
}
.popup__subtitle {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 0 32px;
}
.popup__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	width: 100%;
}
.popup__input {
	width: 100%;
	height: 58px;
	padding: 0 24px;
	border: 2px solid transparent;
	border-radius: 16px;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #25292d;
	outline: none;
	transition: border-color 0.3s;
}
.popup__input::placeholder {
	color: #999;
}
.popup__input:focus {
	border-color: #fdd300;
}
.popup__input--error {
	border-color: #e74c3c !important;
	animation: popup-shake 0.4s ease;
}
@keyframes popup-shake {
	0%,
	100% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(-8px);
	}
	40% {
		transform: translateX(8px);
	}
	60% {
		transform: translateX(-6px);
	}
	80% {
		transform: translateX(6px);
	}
}
.popup__btn {
	width: 100%;
	height: 58px;
	background: #fdd300;
	border: none;
	border-radius: 16px;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #25292d;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		transform 0.2s,
		box-shadow 0.2s;
}
.popup__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(253, 211, 0, 0.35);
}

.popup__success {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	padding: 20px 0;
	animation: popup-success-appear 0.4s ease;
}
.popup__success-icon {
	width: 64px;
	height: 64px;
	background: rgba(253, 211, 0, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup__success-icon svg {
	width: 32px;
	height: 32px;
}
.popup__success-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #fff;
}
.popup__success-text {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
@keyframes popup-success-appear {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}