/* ============================================================
   Секция «Корпоративы» (.s-corporate) — тёмная, продающая
   ============================================================ */

/* Фиолетовое свечение позади контента */
.s-corporate::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--grad-glow);
	pointer-events: none;
	z-index: 0;
}

.s-corporate__in { position: relative; z-index: 1; }

/* ---------- Карточки форматов ---------- */
.s-corporate__formats {
	display: grid;
	gap: 16px;
	margin-bottom: clamp(40px, 6vw, 72px);
}

.s-corporate__format {
	display: flex;
	flex-direction: column;
	padding: 28px 24px;
	transition: border-color .2s ease, transform .2s ease;
}
.s-corporate__format:hover {
	border-color: rgba(227, 228, 241, 0.32);
	transform: translateY(-4px);
}

.s-corporate__num {
	display: block;
	margin-bottom: 20px;
	font-size: var(--fs-caption);
	font-weight: 700;
	letter-spacing: 0.12em;
	color: var(--c-grey-dark);
}

.s-corporate__format h3 { margin-bottom: 12px; }
.s-corporate__format p { margin: 0; color: var(--c-grey-light); }

/* ---------- Низ: «что входит» + форма ---------- */
.s-corporate__bottom {
	display: grid;
	gap: 40px;
	align-items: start;
}

/* ---------- Список «Что входит» ---------- */
.s-corporate__info h3 { margin-bottom: 24px; }

.s-corporate__list {
	list-style: none;
	margin: 0 0 36px;
	padding: 0;
	display: grid;
	gap: 14px 24px;
}

.s-corporate__list li {
	position: relative;
	padding-left: 34px;
	min-height: 22px;
	display: flex;
	align-items: center;
	color: var(--c-grey-light);
}
/* Синяя галочка: круг --c-blue + белая «птичка» маской */
.s-corporate__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--c-blue);
}
.s-corporate__list li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 22px;
	height: 22px;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.4 5 9 9.6 3.2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px auto no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.4 5 9 9.6 3.2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px auto no-repeat;
}

/* ---------- Логотипы доверия ---------- */
.s-corporate__trust { display: flex; flex-direction: column; gap: 14px; }

/* Реальные логотипы на светлых плашках — читаемы на тёмной секции, цвета сохранены */
.s-corporate__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.s-corporate__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0 18px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(7, 8, 21, 0.25);
	transition: transform 0.15s ease;
}
.s-corporate__logo:hover { transform: translateY(-2px); }
.s-corporate__logo img {
	max-height: 30px;
	max-width: 132px;
	width: auto;
	object-fit: contain;
	display: block;
}

@media (max-width: 700px) {
	.s-corporate__logo { height: 46px; padding: 0 14px; }
	.s-corporate__logo img { max-height: 24px; max-width: 108px; }
}

/* ---------- Форма заявки ---------- */
.s-corporate__form-wrap { position: relative; }

.s-corporate__form {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 32px 28px 28px;
	background: var(--surface-card);
}
/* Градиентная полоса сверху карточки */
.s-corporate__form::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: var(--grad-ribbon);
}

.s-corporate__form h3 { margin-bottom: 10px; }
.s-corporate__form-lead { margin: 0 0 24px; color: var(--c-grey-light); }

.s-corporate__fields { display: grid; gap: 14px; margin-bottom: 18px; }

.s-corporate__label {
	display: block;
	margin-bottom: 6px;
	font-size: var(--fs-caption);
	font-weight: 500;
	color: var(--c-grey-dark);
}

.s-corporate__field input {
	width: 100%;
	height: var(--btn-h);
	padding: 0 16px;
	background: var(--surface-card-2);
	border: 1px solid var(--surface-line);
	border-radius: var(--r-btn);
	color: var(--c-white);
	font: 500 var(--fs-text) / 1 var(--font-body);
	transition: border-color .18s ease, box-shadow .18s ease;
}
.s-corporate__field input::placeholder { color: var(--c-grey-dark); }
.s-corporate__field input:focus {
	outline: none;
	border-color: #6a5bff;
	box-shadow: 0 0 0 3px rgba(26, 0, 255, 0.28);
}

/* Согласие на обработку ПД — обязательная галочка перед отправкой */
.s-corporate__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 16px;
	font-size: var(--fs-m-text);
	line-height: 1.45;
	color: var(--c-grey-dark);
	cursor: pointer;
}
.s-corporate__consent input {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: #6d5cff;
	cursor: pointer;
}
.s-corporate__consent a {
	color: var(--c-grey-light);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.s-corporate__consent a:hover { color: var(--c-white); }

.s-corporate__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	margin-bottom: 14px;
}
.s-corporate__actions .btn { flex-shrink: 0; }

.s-corporate .js-form-note { margin: 0; color: var(--c-grey-light); }
.s-corporate .js-form-note:empty { display: none; }
.s-corporate .js-form-note.is-error { color: var(--c-red); }

.s-corporate__alt { margin: 0; }
.s-corporate__alt a {
	color: var(--c-white);
	font-weight: 600;
	white-space: nowrap;
}
.s-corporate__alt a:hover { text-decoration: underline; }

/* ---------- Адаптив ---------- */
@media (max-width: 699.98px) {
	.s-corporate__sticker { display: none; }
	.s-corporate__actions .btn { width: 100%; }
	.s-corporate__form { padding: 28px 20px 24px; }
}

@media (min-width: 700px) {
	.s-corporate__list { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 900px) {
	.s-corporate__formats { grid-template-columns: repeat(3, 1fr); gap: 24px; }
	.s-corporate__bottom { grid-template-columns: 1fr minmax(400px, 460px); gap: 56px; }
}