:root {
	--red: #e31e24;
	--red-dark: #c9151b;
	--text: #333333;
	--muted: #777777;
	--soft: #f7f7f7;
	--line: #ececec;
	--dark: #2f2f2f;
	--footer: #272727;
	--container: 1320px;
	font-family: "IBM Plex Sans", "Open Sans", Arial, sans-serif;
	color: var(--text);
	background: #ffffff;
}

* {
	box-sizing: border-box;
}
/*
	html {
	scroll-behavior: smooth;
	}
	
	body {
	margin: 0;
	min-width: 320px;
	min-height: 100vh;
	font-size: 15px;
	line-height: 1.55;
	color: var(--text);
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	}
*/
a {
	color: inherit;
	text-decoration: none;
}

.page-top-info{
	display: none;
}

button,
input,
select,
textarea {
	font: inherit;
}

button {
	cursor: pointer;
}

img {
	display: block;
	max-width: 100%;
}

.container {
	width: min(var(--container), calc(100% - 48px));
	margin: 0 auto;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	background: #fff;
}

.topbar {
	border-bottom: 1px solid var(--line);
	background: #fff;
}

.topbar__inner {
	min-height: 89px;
	display: flex;
	align-items: center;
	gap: 32px;
}

.logo {
	flex: 0 0 auto;
}

.logo img {
	width: 143px;
	height: auto;
}

.slogan {
	min-width: 235px;
	font-size: 13px;
	line-height: 1.35;
	color: #777;
}

.search {
	flex: 1 1 420px;
	max-width: 520px;
	height: 39px;
	display: flex;
	align-items: center;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}

.search input {
	width: 100%;
	height: 100%;
	border: 0;
	outline: 0;
	padding: 0 14px;
	background: transparent;
	color: #555;
}

.search button {
	width: 46px;
	height: 100%;
	border: 0;
	background: transparent;
	display: grid;
	place-items: center;
}

.search svg {
	fill: #888;
}

.phone-menu {
	position: relative;
	flex: 0 0 auto;
}

.phone-menu__button {
	border: 0;
	background: transparent;
	padding: 10px 0;
	font-weight: 700;
	font-size: 14px;
	color: #333;
}

.phone-menu__button::after,
.menu__link::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 5px;
	margin-left: 8px;
	background: currentColor;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	opacity: 0.55;
}

.dropdown,
.catalog-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 30;
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.dropdown.is-open,
.catalog-dropdown.is-open {
	display: block;
}

.dropdown--phones {
	width: 290px;
	padding: 18px;
}

.dropdown--phones a {
	display: block;
	padding: 8px 0;
}

.dropdown--phones span,
.dropdown--phones dt {
	display: block;
	font-size: 12px;
	color: #999;
}

.dropdown--phones dl {
	margin: 14px 0 0;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.dropdown--phones dd {
	margin: 0 0 12px;
	color: #555;
}

.btn {
	border: 1px solid var(--red);
	background: var(--red);
	color: #fff;
	min-height: 40px;
	padding: 0 22px;
	border-radius: 3px;
	font-weight: 700;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.btn:hover {
	background: var(--red-dark);
	border-color: var(--red-dark);
}

.btn--large {
	min-height: 48px;
	padding: 0 26px;
}

.btn--wide {
	width: 100%;
}

.btn--ghost {
	background: #fff;
	color: var(--red);
}

.btn--ghost:hover {
	background: #fff4f4;
	color: var(--red-dark);
}

.mainnav {
	position: relative;
	border-bottom: 1px solid var(--line);
	background: #fff;
}

.mainnav__inner {
	min-height: 61px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.menu,
.header-actions {
	display: flex;
	align-items: center;
	gap: 36px;
}

.menu a,
.menu__link,
.header-actions a {
	min-height: 61px;
	border: 0;
	background: transparent;
	padding: 0;
	display: inline-flex;
	align-items: center;
	color: #333;
	font-size: 13px;
	font-weight: 700;
}

.menu a:hover,
.menu__link:hover,
.header-actions a:hover {
	color: var(--red);
}

.header-actions {
	gap: 18px;
}

.header-actions a {
	color: #777;
	font-weight: 500;
}

.catalog-dropdown {
	left: 0;
	right: 0;
	top: 61px;
	padding: 28px 0;
}

.catalog-dropdown__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.catalog-dropdown a {
	min-height: 54px;
	display: flex;
	align-items: center;
	padding: 10px 14px;
	border: 1px solid #f1f1f1;
	font-size: 14px;
}

.catalog-dropdown a:hover,
.catalog-dropdown .is-active {
	color: var(--red);
	border-color: #ffd6d8;
}

.dropdown--info {
	right: 220px;
	top: 61px;
	width: 180px;
	padding: 12px 0;
}

.dropdown--info a {
	display: block;
	padding: 10px 18px;
	font-size: 14px;
}

.mobile-menu-button {
	display: none;
	width: 42px;
	height: 42px;
	border: 1px solid var(--line);
	background: #fff;
	border-radius: 3px;
	padding: 9px;
}

.mobile-menu-button span {
	display: block;
	height: 2px;
	margin: 5px 0;
	background: #333;
}

.breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	padding: 31px 0 22px;
	color: #aaa;
	font-size: 13px;
}

.breadcrumbs a:hover {
	color: var(--red);
}

.page-grid {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 36px;
	align-items: start;
	padding-bottom: 70px;
}

.catalog-side {
	position: sticky;
	top: 174px;
	border: 1px solid #eeeeee;
	background: #fff;
}

.catalog-side__title {
	padding: 18px 20px;
	color: #555;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	border-bottom: 1px solid #eeeeee;
}

.catalog-side a,
.catalog-side__group {
	width: 100%;
	display: block;
	border: 0;
	border-bottom: 1px solid #f2f2f2;
	padding: 13px 20px;
	background: #fff;
	color: #555;
	text-align: left;
	font-size: 13px;
	line-height: 1.35;
}

.catalog-side a:hover,
.catalog-side__group:hover,
.catalog-side .is-current {
	color: var(--red);
}

.catalog-side__group {
	font-weight: 700;
}

.catalog-side__sub {
	padding: 5px 0 10px 14px;
	border-bottom: 1px solid #f2f2f2;
}

.catalog-side__sub a {
	border-bottom: 0;
	padding: 7px 18px;
	color: #777;
	font-size: 12px;
}

.content {
	min-width: 0;
}

.section {
	margin-top: 44px;
}

.section-card {
	border: 1px solid #eeeeee;
	background: #fff;
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.04);
}

.hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
	gap: 38px;
	padding: 52px;
}

.eyebrow {
	display: inline-flex;
	margin-bottom: 18px;
	color: #999;
	font-size: 13px;
	font-weight: 700;
}

h1,
h2,
h3,
p {
	margin-top: 0;
}

h1 {
	margin-bottom: 22px;
	max-width: 740px;
	font-size: 38px;
	line-height: 1.16;
	font-weight: 800;
	letter-spacing: 0;
}

h2 {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 800;
}

h3 {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1.28;
	font-weight: 800;
}

.hero p {
	max-width: 790px;
	margin-bottom: 30px;
	color: #666;
	font-size: 17px;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.hero__actions .btn {
	min-width: 172px;
}

.hero__catalog {
	margin-top: 16px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.hero__catalog span {
	color: #777;
	font-size: 13px;
	font-weight: 800;
}

.hero__catalog a {
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	border: 1px solid #eeeeee;
	border-radius: 3px;
	background: #fff;
	color: #333;
	padding: 0 14px;
	font-size: 13px;
	font-weight: 800;
}

.hero__catalog a:hover {
	border-color: #ffd3d5;
	color: var(--red);
}

.hero__visual {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 22px;
}

.product-stage {
	min-height: 360px;
	position: relative;
	overflow: hidden;
	border: 1px solid #eeeeee;
	background: #fff;
}

.product-stage__image {
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: contain;
	object-position: center;
}

.spec-strip {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.spec-strip span {
	padding: 13px 16px;
	border: 1px solid #eeeeee;
	background: #fff;
	color: #555;
	font-size: 13px;
	font-weight: 800;
}

.section__head {
	max-width: 930px;
	margin-bottom: 24px;
}

.section__head p {
	margin-bottom: 0;
	color: #666;
}

.scenario-section {
	padding: 42px;
}

.scenario-section .section__head {
	margin-bottom: 24px;
}

.switch-info {
	margin-top: 24px;
	padding: 42px;
}

.switch-info__intro {
	max-width: 970px;
	margin-bottom: 28px;
}

.switch-info__intro p {
	margin-bottom: 0;
	color: #666;
	font-size: 16px;
}

.subsection-title {
	margin-bottom: 16px;
	padding-left: 14px;
	border-left: 3px solid var(--red);
	color: #333;
	font-size: 20px;
	line-height: 1.25;
}

.why-relion {
	margin-bottom: 28px;
	padding: 24px 26px;
	border: 1px solid #eeeeee;
	background: #fafafa;
}

.why-relion h3 {
	margin-bottom: 14px;
}

.why-relion ul {
	margin: 0;
	padding-left: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
	color: #555;
	list-style: none;
}

.why-relion li {
	padding: 18px 20px;
	background: #fff;
}

.switch-info__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
}

.switch-info__grid article {
	min-height: 245px;
	padding: 28px;
	background: #fff;
}

.switch-info__grid p {
	margin-bottom: 14px;
	color: #666;
}

.switch-info__grid p:last-child {
	margin-bottom: 0;
}

.switch-info__grid b,
.switch-info__cta b {
	color: #333;
}

.switch-info__cta {
	margin-top: 24px;
	padding: 24px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border: 1px solid #eeeeee;
	background: #fafafa;
}

.switch-info__cta p {
	max-width: 660px;
	margin: 0;
	color: #555;
}

.switch-info__actions {
	flex: 0 0 340px;
	display: grid;
	gap: 14px;
}

.catalog-links {
	display: grid;
	gap: 7px;
}

.catalog-links span {
	color: #777;
	font-size: 13px;
	font-weight: 800;
}

.catalog-links a {
	color: #333;
	font-size: 14px;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-color: #d8d8d8;
	text-underline-offset: 4px;
}

.catalog-links a:hover {
	color: var(--red);
	text-decoration-color: var(--red);
}

.switch-info__actions .btn {
	width: 100%;
	min-height: 48px;
	text-align: center;
}

.task-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.task-card {
	min-height: 292px;
	display: flex;
	flex-direction: column;
	padding: 26px;
	border: 1px solid #eeeeee;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.task-card:hover,
.task-card.is-selected {
	border-color: #ffd3d5;
	box-shadow: 0 12px 32px rgba(227, 30, 36, 0.08);
	transform: translateY(-2px);
}

.task-card p {
	color: #666;
}

.task-card ul {
	margin: 0 0 20px;
	padding-left: 18px;
	color: #555;
}

.task-card button {
	margin-top: auto;
	border: 0;
	background: transparent;
	padding: 0;
	color: var(--red);
	text-align: left;
	font-weight: 800;
}

.selection {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
	gap: 36px;
	padding: 42px;
}

.scenario-form {
	margin-top: 1px;
	padding: 34px 30px;
	border: 1px solid #eeeeee;
	background: #fafafa;
}

.selection__text p {
	color: #666;
}

.selected-task {
	margin-top: 24px;
	padding: 16px 18px;
	border-left: 3px solid var(--red);
	background: #fafafa;
	color: #555;
}

.request-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.request-form label {
	display: grid;
	gap: 8px;
	color: #555;
	font-size: 13px;
	font-weight: 800;
}

.request-form select,
.request-form textarea {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	background: #fff;
	color: #333;
	outline: 0;
}

.request-form select {
	height: 44px;
	padding: 0 12px;
}

.request-form textarea {
	resize: vertical;
	padding: 12px;
}

.request-form select:focus,
.request-form textarea:focus {
	border-color: var(--red);
}

.request-form__wide,
.form-status {
	grid-column: 1 / -1;
}

.form-presets {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding: 14px 16px;
	border: 1px solid #eeeeee;
	background: #fff;
}

.form-presets span {
	color: #777;
	font-size: 13px;
	font-weight: 800;
}

.form-presets button {
	min-height: 36px;
	border: 1px solid #ffd3d5;
	border-radius: 3px;
	background: #fff;
	color: var(--red);
	padding: 0 14px;
	font-weight: 800;
}

.form-presets button:hover {
	border-color: var(--red);
}

.form-status {
	min-height: 20px;
	margin: 0;
	color: #555;
}

.related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
}

.related-grid article {
	min-height: 172px;
	padding: 25px;
	background: #fff;
}

.related-grid p {
	margin: 0;
	color: #666;
}

.section__button {
	margin-top: 22px;
}

.dealer {
	padding: 42px;
}

.dealer__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	border: 1px solid #eeeeee;
	background: #eeeeee;
}

.dealer__grid article {
	min-height: 190px;
	padding: 24px;
	background: #fff;
}

.dealer__grid p {
	margin: 0;
	color: #666;
}

.dealer__cta {
	margin-top: 24px;
	padding: 24px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border: 1px solid #eeeeee;
	background: #fafafa;
}

.dealer__cta p {
	max-width: 720px;
	margin: 0;
	color: #555;
}

.dealer__cta .btn {
	flex: 0 0 280px;
	min-height: 48px;
}

.section--gray {
	padding: 38px;
	background: #f7f7f7;
}

.benefits {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: #e9e9e9;
	border: 1px solid #e9e9e9;
}

.benefits div {
	min-height: 116px;
	padding: 24px;
	display: grid;
	gap: 8px;
	background: #fff;
}

.benefits b {
	font-size: 16px;
}

.benefits span {
	color: #666;
}

.faq details {
	border: 1px solid #eeeeee;
	border-bottom: 0;
	background: #fff;
}

.faq details:last-child {
	border-bottom: 1px solid #eeeeee;
}

.faq summary {
	min-height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 0 24px;
	color: #333;
	font-weight: 800;
	list-style: none;
	cursor: pointer;
}

.faq summary::-webkit-details-marker {
	display: none;
}

.faq summary::after {
	content: "+";
	color: #999;
	font-size: 20px;
	font-weight: 400;
}

.faq details[open] summary::after {
	content: "-";
}

.faq p {
	margin: 0;
	padding: 0 24px 22px;
	color: #666;
}

.site-footer {
	background: var(--footer);
	color: #999;
}

.footer__top {
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer__contacts {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
	font-size: 14px;
}

.footer__phone {
	color: #fff;
	font-weight: 800;
}

.footer__contacts button,
.footer__bottom button {
	border: 0;
	background: transparent;
	color: #cfcfcf;
	padding: 0;
}

.footer__contacts a:hover,
.footer__contacts button:hover,
.footer__bottom a:hover,
.footer__bottom button:hover {
	color: #fff;
}

.footer__social {
	display: flex;
	gap: 8px;
}

.footer__social a {
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	background: #383838;
	color: #ddd;
	font-size: 12px;
	font-weight: 800;
}

.footer__bottom {
	padding: 32px 0;
}

.footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	font-size: 13px;
}




@media (max-width: 1180px) {
	.slogan,
	.header-actions {
		display: none;
	}
	
	.page-grid {
		grid-template-columns: 1fr;
	}
	
	.catalog-side {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.catalog-side__title,
	.catalog-side__sub {
		grid-column: 1 / -1;
	}
	
	.hero,
	.selection {
		grid-template-columns: 1fr;
	}
	
	.dealer__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 920px) {
	.container {
		width: min(100% - 28px, var(--container));
	}
	
	.topbar__inner {
		min-height: 74px;
		gap: 16px;
	}
	
	.search,
	.phone-menu,
	.topbar__cta,
	.mainnav {
		display: none;
	}
	
	.mobile-menu-button {
		display: block;
		margin-left: auto;
	}
	
	.site-header.is-mobile-open .mainnav {
		display: block;
	}
	
	.site-header.is-mobile-open .mainnav__inner,
	.menu {
		align-items: stretch;
		flex-direction: column;
		gap: 0;
	}
	
	.site-header.is-mobile-open .menu a,
	.site-header.is-mobile-open .menu__link {
		min-height: 48px;
		border-bottom: 1px solid var(--line);
	}
	
	.catalog-dropdown,
	.dropdown--info {
		position: static;
		box-shadow: none;
		border-left: 0;
		border-right: 0;
	}
	
	.catalog-dropdown__grid {
		grid-template-columns: 1fr;
	}
	
	.hero {
		padding: 30px 24px;
	}
	
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	.task-grid,
	.dealer__grid,
	.related-grid,
	.switch-info__grid,
	.why-relion ul,
	.benefits,
	.request-form {
		grid-template-columns: 1fr;
	}
	
	.selection,
	.scenario-section,
	.dealer,
	.switch-info,
	.section--gray {
		padding: 28px 22px;
	}
	
	.switch-info__cta,
	.dealer__cta {
		align-items: flex-start;
		flex-direction: column;
	}
	
	.switch-info__actions,
	.dealer__cta .btn {
		width: 100%;
		flex-basis: auto;
	}
	
	.footer__top,
	.footer__bottom-inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 560px) {
	.catalog-side {
		grid-template-columns: 1fr;
	}
	
	.hero__actions {
		display: grid;
	}
	
	.product-stage {
		min-height: 250px;
	}
	
	.product-stage__image {
		min-height: 250px;
		object-position: 55% 52%;
	}
	
	.spec-strip {
		grid-template-columns: 1fr;
	}
	
	.landing-content {
		display: block;
	}
}

.relion-line {
	margin-bottom: 28px;
}

.relion-line__table {
	border: 1px solid #eeeeee;
	background: #fff;
}

.relion-line__row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 15px 22px;
	border-bottom: 1px solid #f2f2f2;
	transition: background 0.15s ease;
}

.relion-line__row:last-child {
	border-bottom: 0;
}

.relion-line__row:hover {
	background: #fcfafa;
}

.relion-line__ic {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	display: grid;
	place-items: center;
	border-radius: 8px;
	background: #fdeaea;
	color: var(--red);
}

.relion-line__ic svg {
	width: 22px;
	height: 22px;
}

.relion-line__cell {
	flex: 1;
	min-width: 0;
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 4px 22px;
	align-items: baseline;
}

.relion-line__label {
	font-weight: 800;
	color: #333;
}

.relion-line__val {
	color: #666;
}

.relion-line__val b {
	color: var(--red);
	font-weight: 700;
}

@media (max-width: 920px) {
	.relion-line__row {
		align-items: flex-start;
	}
	
	.relion-line__cell {
		grid-template-columns: 1fr;
		gap: 3px;
	}
}

/* Conversion-focused landing page additions */
.hero { align-items: stretch; }
.hero__copy { padding-right: 34px; }
.hero__copy h1 { max-width: 760px; }
.hero__copy > p { max-width: 720px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.hero-points { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 24px; margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--line); }
.hero-points div { display: grid; gap: 2px; }
.hero-points b { font-size: 14px; }
.hero-points span { font-size: 13px; color: var(--muted); }
.scenario-choice { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.scenario-choice article, .product-type-grid article, .workflow-grid article { border: 1px solid var(--line); background: #fff; padding: 26px; }
.card-number { display: inline-flex; margin-bottom: 18px; font-weight: 700; color: var(--red); }
.scenario-choice h3, .product-type-grid h3 { margin: 0 0 12px; font-size: 21px; line-height: 1.3; }
.scenario-choice p { min-height: 74px; }
.product-type-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.type-tag { display: inline-flex; margin-bottom: 15px; color: var(--red); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.product-type-grid ul, .check-list { margin: 18px 0 20px; padding: 0; list-style: none; display: grid; gap: 9px; }
.product-type-grid li, .check-list li { position: relative; padding-left: 22px; }
.product-type-grid li::before, .check-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--red); }
.text-link { color: var(--red); font-weight: 700; }
.text-link::after { content: " →"; }
.text-link--button { padding: 0; border: 0; background: transparent; font: inherit; }
.selection-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.selection-grid div { min-height: 112px; padding: 20px; background: var(--soft); display: grid; align-content: start; gap: 10px; }
.selection-grid b { color: var(--red); }
.selection-grid span { font-weight: 600; line-height: 1.35; }
.split-block { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.8fr); gap: 40px; align-items: start; }
.lead-form { padding: 26px; background: #fff; border: 1px solid var(--line); box-shadow: 0 12px 30px rgba(0,0,0,.04); display: grid; gap: 15px; }
.lead-form h3 { margin: 0 0 4px; }
.lead-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.lead-form input, .lead-form select, .lead-form textarea { width: 100%; border: 1px solid #dcdcdc; background: #fff; min-height: 44px; padding: 10px 12px; border-radius: 2px; color: var(--text); }
.lead-form textarea { resize: vertical; }
.form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.file-field { border: 1px dashed #cfcfcf; padding: 14px; }
.file-field input { border: 0; padding: 0; min-height: 0; }
.file-field span { color: var(--muted); font-weight: 400; font-size: 12px; }
.consent { grid-template-columns: 18px 1fr !important; align-items: start; font-weight: 400 !important; line-height: 1.4; }
.consent input { width: 16px; min-height: 16px; padding: 0; margin-top: 2px; }
.consent a { color: var(--red); text-decoration: underline; }
.form-status { min-height: 22px; margin: 0; color: #2d6a38; font-size: 13px; }
.result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.result-grid div { background: #fff; border: 1px solid var(--line); padding: 20px; font-weight: 600; }
.benefits--four { grid-template-columns: repeat(2,minmax(0,1fr)); }
.document-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.document-list span { padding: 17px; background: var(--soft); font-weight: 600; }
.workflow-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.workflow-grid article { padding: 20px; }
.workflow-grid article > b { color: var(--red); }
.workflow-grid h3 { font-size: 16px; line-height: 1.35; margin: 12px 0 8px; }
.workflow-grid p { font-size: 13px; margin: 0; color: var(--muted); }
.request-note { display: grid; gap: 4px; margin-top: 24px; padding: 18px; border-left: 3px solid var(--red); background: var(--soft); }
.request-note span { color: var(--muted); }

@media (max-width: 1100px) {
	.selection-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.workflow-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
	.document-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
	.hero__copy { padding-right: 0; }
	.hero__actions { display: grid; }
	.hero__actions .btn { width: 100%; }
	.hero-points, .scenario-choice, .product-type-grid, .split-block, .result-grid, .benefits--four, .workflow-grid { grid-template-columns: 1fr; }
	.selection-grid, .document-list { grid-template-columns: 1fr 1fr; }
	.form-row { grid-template-columns: 1fr; }
	.scenario-choice p { min-height: 0; }
}

@media (max-width: 480px) {
	.selection-grid, .document-list { grid-template-columns: 1fr; }
	.lead-form { padding: 20px; }
}

/* Standalone landing page revision */
.landing-content { display: block; gap: 0; padding-bottom: 72px; }
.landing-content .section { padding: 64px 0; }
.hero { grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); }
.hero-proof { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 24px; font-size: 13px; color: var(--muted); }
.hero-proof span { padding-left: 18px; position: relative; }
.hero-proof span::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--red); position: absolute; left: 0; top: .55em; }
.preset-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.preset-card { min-height: 150px; text-align: left; border: 1px solid var(--line); background: #fff; padding: 22px; display: grid; align-content: start; gap: 10px; border-radius: 4px; }
.preset-card:hover, .preset-card.is-active { border-color: var(--red); box-shadow: 0 10px 24px rgba(0,0,0,.06); }
.preset-card b { font-size: 18px; }
.preset-card span { color: var(--muted); }
.preset-result { margin-top: 18px; padding: 22px 24px; border-left: 4px solid var(--red); background: #fff6f6; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.preset-result[hidden] { display: none; }
.preset-result h3 { margin: 3px 0 4px; }
.preset-result p { margin: 0; color: var(--muted); }
.model-table-wrap { overflow-x: auto; border: 1px solid var(--line); background: #fff; }
.model-table { width: 100%; min-width: 1180px; border-collapse: collapse; font-size: 13px; }
.model-table th, .model-table td { padding: 14px 12px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); vertical-align: top; text-align: left; }
.model-table th { background: #f1f1f1; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; }
.model-table td:last-child { min-width: 110px; }
.model-table td a { display: block; color: var(--red); font-weight: 700; margin-bottom: 5px; }
.table-note { font-size: 13px; color: var(--muted); margin: 14px 0 0; }
.timing-grid, .trust-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.timing-grid > div, .trust-grid > div { padding: 24px; border: 1px solid var(--line); display: grid; gap: 9px; }
.timing-grid b, .trust-grid b { font-size: 17px; }
.timing-grid span, .trust-grid span { color: var(--muted); }
.timing-grid__accent { background: var(--dark); color: #fff; border-color: var(--dark)!important; }
.timing-grid__accent span { color: #ddd!important; }
.download-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.download-grid a { min-height: 130px; border: 1px solid var(--line); background: #fff; padding: 22px; display: grid; align-content: start; gap: 8px; }
.download-grid a:hover { border-color: var(--red); }
.download-grid b { color: var(--red); }
.download-grid span { color: var(--muted); font-size: 13px; }
.trust-grid { grid-template-columns: repeat(4,1fr); }
.scenario-cases { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 24px; }
.scenario-cases article { background: var(--soft); padding: 22px; }
.scenario-cases article span { color: var(--red); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.scenario-cases h3 { margin: 8px 0; }
.scenario-cases p { margin: 0; color: var(--muted); }
.request-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 48px; align-items: start; background: var(--soft); padding-left: 40px!important; padding-right: 40px!important; }
.request-copy { position: sticky; top: 180px; }
.lead-form small { font-weight: 400; color: var(--muted); }
.response-note { margin: -4px 0 0; text-align: center; font-weight: 700; color: var(--text); }
@media (max-width: 1100px) {
	.preset-grid, .download-grid, .trust-grid { grid-template-columns: repeat(2,1fr); }
	.timing-grid, .scenario-cases { grid-template-columns: 1fr; }
	.request-section { grid-template-columns: 1fr; }
	.request-copy { position: static; }
}
@media (max-width: 760px) {
	.landing-content .section { padding: 44px 0; }
	.hero { grid-template-columns: 1fr; }
	.preset-grid, .download-grid, .trust-grid { grid-template-columns: 1fr; }
	.preset-result { align-items: stretch; flex-direction: column; }
	.request-section { padding-left: 20px!important; padding-right: 20px!important; }
	.hero-proof { display: grid; }
}

/* Copywriter and visual-design pass */
:root {
	--soft-red: #fff5f5;
	--ink: #242424;
	--shadow: 0 18px 48px rgba(28, 28, 28, .07);
}
body { color: var(--ink); }
.landing-content { max-width: 1240px; }
.breadcrumbs { padding-top: 24px; padding-bottom: 16px; }
.hero.section-card { border: 0; border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; padding: 0; background: linear-gradient(115deg,#fff 0%,#fff 58%,#f7f7f7 58%,#f1f1f1 100%); }
.hero__copy { padding: 58px 0 58px 58px; position: relative; z-index: 2; }
.hero__visual { min-height: 480px; justify-content: center; padding: 34px; }
.hero__visual img { width: 100%; max-height: 420px; object-fit: contain; filter: drop-shadow(0 20px 26px rgba(0,0,0,.12)); }
.hero h1 { font-size: clamp(36px, 4vw, 54px); line-height: 1.06; letter-spacing: -.025em; }
.hero p { font-size: 18px; line-height: 1.55; }
.eyebrow, .section-kicker { color: var(--red); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 800; }
.section-kicker { display: block; margin-bottom: 12px; }
.hero-proof { padding-top: 22px; border-top: 1px solid rgba(0,0,0,.08); }
.landing-nav { position: sticky; top: 150px; z-index: 12; margin: 18px 0 0; padding: 10px; display: flex; gap: 4px; overflow-x: auto; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.96); box-shadow: 0 10px 28px rgba(0,0,0,.06); backdrop-filter: blur(10px); }
.landing-nav a { flex: 0 0 auto; padding: 10px 14px; border-radius: 6px; color: #555; font-size: 13px; font-weight: 700; }
.landing-nav a:hover { background: var(--soft-red); color: var(--red); }
.landing-content .section { padding: 72px 0; }
.section__head { max-width: 800px; margin-bottom: 30px; }
.section__head h2 { font-size: clamp(28px,3vw,38px); letter-spacing: -.015em; }
.section__head p { font-size: 16px; }
.preset-grid { gap: 18px; }
.preset-card { min-height: 176px; border-radius: 12px; padding: 26px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; position: relative; overflow: hidden; }
.preset-card::after { content: "→"; position: absolute; right: 22px; bottom: 18px; color: var(--red); font-size: 22px; }
.preset-card:hover, .preset-card.is-active { transform: translateY(-3px); box-shadow: var(--shadow); }
.preset-result { border-left: 0; border-radius: 12px; padding: 26px 28px; background: var(--soft-red); }
.section--gray { position: relative; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: max(24px, calc((100vw - 1240px)/2))!important; padding-right: max(24px, calc((100vw - 1240px)/2))!important; background: #f6f6f6; }
.model-table-wrap { border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.04); }
.model-table th { background: #2d2d2d; color: #fff; border-color: #464646; }
.model-table tbody tr:nth-child(even) { background: #fafafa; }
.model-table tbody tr:hover { background: #fff4f4; }
.model-table td b { white-space: nowrap; }
.model-table td a { display: inline-flex; margin: 0 8px 4px 0; padding: 5px 8px; border: 1px solid #ffd5d7; border-radius: 4px; background: #fff; }
.timing-grid > div, .trust-grid > div, .download-grid a, .scenario-cases article { border-radius: 12px; }
.timing-grid > div, .trust-grid > div { min-height: 160px; padding: 28px; }
.timing-grid__accent { box-shadow: 0 16px 36px rgba(0,0,0,.13); }
.project-kit.section-card { padding-left: 38px!important; padding-right: 38px!important; border-radius: 16px; box-shadow: var(--shadow); }
.download-grid a { min-height: 155px; position: relative; transition: transform .2s ease, box-shadow .2s ease; }
.download-grid a::after { content: "Скачать ↗"; margin-top: auto; color: #555; font-size: 12px; font-weight: 700; }
.download-grid a:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.trust-grid > div { border-top: 3px solid var(--red); }
.scenario-cases article { border: 1px solid var(--line); background: #fff; }
.request-section { border-radius: 16px; padding: 52px!important; background: linear-gradient(135deg,#f3f3f3,#fafafa); }
.request-copy h2 { font-size: 38px; line-height: 1.16; }
.lead-form { border-radius: 14px; padding: 32px; box-shadow: var(--shadow); }
.lead-form input:focus, .lead-form select:focus, .lead-form textarea:focus { outline: 2px solid rgba(227,30,36,.14); border-color: var(--red); }
.file-field { border-radius: 8px; background: #fafafa; }
.faq-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.faq-list details { margin: 0; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.faq-list summary { min-height: 64px; display: flex; align-items: center; padding: 18px 48px 18px 20px; font-weight: 800; position: relative; }
.faq-list summary::after { content: "+"; position: absolute; right: 20px; color: var(--red); font-size: 24px; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { padding: 0 20px 20px; margin: 0; color: var(--muted); }
@media (max-width: 1100px) {
	.landing-nav { top: 88px; }
	.hero__copy { padding: 44px 0 44px 42px; }
	.faq-list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	.container { width: min(100% - 28px, var(--container)); }
	.landing-nav { top: 72px; margin-top: 12px; }
	.hero.section-card { background: #fff; }
	.hero__copy { padding: 34px 24px 20px; }
	.hero__visual { min-height: 250px; padding: 10px 24px 30px; }
	.hero h1 { font-size: 36px; }
	.landing-content .section { padding: 52px 0; }
	.project-kit.section-card, .request-section { padding: 32px 20px!important; }
	.request-copy h2 { font-size: 30px; }
	.lead-form { padding: 22px; }
}




.hero__visual img{max-width:100%;height:auto;display:block}
.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.preset-card{cursor:pointer;transition:.2s ease;border:1px solid rgba(0,0,0,.08)}
.preset-card.is-active{border:2px solid #f26722;background:#fffaf7;box-shadow:0 12px 36px rgba(0,0,0,.06);transform:translateY(-1px)}
.preset-result{margin-top:18px;padding:20px;border:2px solid #f26722;border-radius:18px;background:#fffaf7;box-shadow:0 12px 36px rgba(0,0,0,.06)}
.preset-result__top{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.preset-result__top>div{flex:1 1 auto}
.preset-result__top>.btn{margin-left:auto;flex:0 0 auto}
.model-table td a,.model-table th a{white-space:nowrap}
.table-note{margin-top:14px}
.request-section .lead-form{max-width:840px}
.lead-form .compact-note{margin:4px 0 0;font-size:13px;color:#666}
.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.download-grid a{display:block;padding:16px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;text-decoration:none;color:inherit}
.download-grid a b{display:block;margin-bottom:6px}
.download-grid a span{display:block;font-size:14px;line-height:1.45;color:#555}

.landing-nav{background:#f4f4f5;border:1px solid #e1e1e3;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.landing-nav a{transition:background-color .2s ease,color .2s ease,border-color .2s ease;border-radius:10px}
.landing-nav a:hover,.landing-nav a:focus{background:#ffffff;color:#2b2b2b}
@media (max-width: 767px){
	.preset-result__top{flex-direction:column;align-items:stretch}
	.preset-result__top>.btn{margin-left:0;align-self:flex-start}
	.landing-nav{overflow:auto;white-space:nowrap}
}

/* Блок «Почему Релион»: без внешней рамки и табличных разделителей */
#why-relion,#why-spectron{border:0!important;box-shadow:none!important;background:transparent!important}
#why-relion .why-relion-grid--legacy,#why-spectron .why-relion-grid--legacy{gap:18px;background:transparent;border:0}
#why-relion .why-relion-grid--legacy>div,#why-spectron .why-relion-grid--legacy>div{border:0;border-radius:14px;background:#f7f7f8;padding:26px 28px}



.hero__copy h1{font-size:clamp(28px,7vw,50px);line-height:1.08;max-width:760px}
.why-relion-grid,.node-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.why-relion-grid>div,.node-grid>div{padding:22px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff}
.why-relion-grid b,.node-grid b{display:block;margin-bottom:8px;font-size:17px;line-height:1.25}
.why-relion-grid span,.node-grid span{display:block;color:#555;line-height:1.55}
.whole-node{background:#f5f5f6;border:1px solid #e2e2e4;border-radius:20px;padding:36px}
.whole-node__action{margin-top:22px}
@media(max-width:980px){.why-relion-grid,.node-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hero__copy h1{font-size:32px}.why-relion-grid,.node-grid{grid-template-columns:1fr}.whole-node{padding:24px}}


/* Layout corrections */
.landing-content{padding-top:24px}
.hero{grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);align-items:center;overflow:hidden;padding-bottom:0}
.hero__copy{position:relative;z-index:2}
.hero__visual{display:flex;align-items:center;justify-content:center;min-height:520px;overflow:visible}
.hero__visual img{width:145%;max-width:none;height:auto;transform:translateX(-6%);object-fit:contain}
.hero>.landing-nav{grid-column:1/-1;margin:10px -1px 0;border-radius:18px 18px 0 0;box-shadow:none;background:#f4f4f5;border-color:#e1e1e3;border-bottom:0}
.why-relion-title{border-left:4px solid #ed1c24;padding-left:18px;margin-bottom:20px}
.why-relion-title h2{margin:0;font-size:32px;line-height:1.2}
.why-relion-grid--legacy{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#ececee;border:1px solid #ececee}
.why-relion-grid--legacy>div{border:0;border-radius:0;padding:28px 30px;background:#fff}
.why-relion-grid--legacy p{margin:0;color:#555;line-height:1.65}
.why-relion-grid--legacy b{display:inline;font-size:inherit;color:#3d3d3d}
.why-dash{color:#777;margin-right:8px}
.node-grid--six{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e8e8ea;border:1px solid #e8e8ea}
.node-grid--six>div{border:0;border-radius:0;padding:28px 30px;background:#fff;min-height:170px}
.whole-node{background:#fff;border:0;border-radius:0;padding:36px 0}
.whole-node .section__head{max-width:1120px}
.whole-node__action{margin-top:28px}
@media(max-width:1100px){
	.hero{grid-template-columns:minmax(0,1fr) minmax(420px,1fr)}
	.hero__visual{min-height:440px}
	.hero__visual img{width:138%;transform:translateX(-4%)}
}
@media(max-width:820px){
	.hero{grid-template-columns:1fr;padding-bottom:0}
	.hero__visual{min-height:360px}
	.hero__visual img{width:115%;transform:translateY(2%)}
	.hero>.landing-nav{margin-top:0}
	.why-relion-grid--legacy,.node-grid--six{grid-template-columns:1fr}
}
@media(max-width:520px){
	.hero__visual{min-height:300px}
	.hero__visual img{width:125%}
	.why-relion-grid--legacy>div,.node-grid--six>div{padding:22px}
}

.hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-anchor-link{display:inline-flex;align-items:center;gap:8px;color:#ed1c24;font-weight:700;text-decoration:none;line-height:1.2}
.hero-anchor-link span{font-size:20px;line-height:1;transition:transform .2s ease}
.hero-anchor-link:hover,.hero-anchor-link:focus{text-decoration:underline}
.hero-anchor-link:hover span,.hero-anchor-link:focus span{transform:translateY(3px)}


/* Точечная корректировка первого экрана и внутреннего меню */
.landing-content{padding-top:20px}
.hero{
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
	align-items:center;
	min-height:clamp(620px, calc(100vh - 165px), 760px);
	max-height:760px;
	padding:42px 42px 0;
	overflow:hidden;
}
.hero__copy{max-width:760px}
.hero__copy h1{
	max-width:720px;
	margin:18px 0 18px;
	font-size:clamp(28px,3.3vw,58px);
	line-height:1.05;
	letter-spacing:-.02em;
}
.hero__copy>p{max-width:720px;margin-bottom:26px;font-size:18px;line-height:1.5}
.hero__visual{min-height:0;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.hero__visual img{width:150%;max-width:980px;height:auto;transform:translate(-5%,2%);object-fit:contain}
.hero>.landing-nav{
	grid-column:1/-1;
	align-self:end;
	margin:28px -42px 0;
	border-radius:0;
	border-left:0;
	border-right:0;
	border-bottom:0;
	background:#f4f4f5;
	box-shadow:none;
}
.landing-nav{
	position:sticky;
	top:72px;
	z-index:60;
	display:flex;
	justify-content:flex-start;
	gap:8px;
	padding-left:42px;
}
.landing-nav{box-sizing:border-box}.landing-nav a{padding:18px 24px;border-radius:0}
.landing-nav a.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid #ed1c24;border-radius:12px;background:transparent;color:#2b2b2b;font-weight:700;margin:7px 0}
.landing-nav a.nav-cta:hover,.landing-nav a.nav-cta:focus{background:#fff3f3;border-color:#ed1c24;color:#111}
.landing-nav a:hover,.landing-nav a:focus{background:#fff}
.why-relion-title{border-left:0;padding-left:0}
.why-relion-kicker{display:block;margin-bottom:10px;color:#ed1c24;font-weight:700;font-size:14px;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){
	.hero{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);min-height:auto;max-height:none;padding:36px 32px 0}
	.hero__copy h1{max-width:760px;line-height:1.06}
	.hero__visual img{width:142%;max-width:820px;transform:translate(-4%,2%)}
	.hero>.landing-nav{margin:24px -32px 0}
}
@media(max-width:820px){
	.hero{grid-template-columns:1fr;padding:30px 22px 0}
	.hero__visual{padding:10px 0 0}
	.hero__visual img{width:122%;max-width:620px;transform:translateY(2%)}
	.hero>.landing-nav{margin:22px -22px 0}
	.landing-nav{top:0;justify-content:flex-start;overflow-x:auto;padding-left:22px}
	.landing-nav a{padding:15px 18px;white-space:nowrap}
	.landing-nav a.nav-cta{margin:6px 0;padding:10px 16px}
}


/* Фиксация меню: внутреннее меню всегда располагается непосредственно под основным */
.mainnav,
.landing-nav{
	position:relative;
	top:auto;
}
.mainnav.is-fixed{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	z-index:1200;
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,.08);
}
.landing-nav.is-fixed{
	position:fixed;
	z-index:1190;
	margin:0 !important;
	border-radius:0 0 18px 18px;
	box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.menu-placeholder,
.landing-nav-placeholder{
	display:none;
}
.menu-placeholder.is-active,
.landing-nav-placeholder.is-active{
	display:block;
}
@media(max-width:820px){
	.landing-nav.is-fixed{overflow-x:auto}
}


.node-grid .node-card{display:flex;flex-direction:column;gap:14px;color:inherit;text-decoration:none;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.node-grid .node-card:hover,.node-grid .node-card:focus{border-color:#ed1c24;box-shadow:0 10px 24px rgba(0,0,0,.06);transform:translateY(-2px)}
.node-grid .node-card::after{content:"→";margin-top:auto;color:#ed1c24;font-size:24px;line-height:1;align-self:flex-end}


/* Дизайнерская переработка блока комплектации */
.whole-node{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
.whole-node .section__head{max-width:1040px;margin-bottom:26px}
.whole-node .section__head p{max-width:980px}
.node-grid--six{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:transparent!important;border:0!important}
.node-grid .node-card{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:14px;
	min-height:214px;
	padding:26px 24px 22px;
	border:1px solid #e3e3e6;
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 28px rgba(23,23,23,.04);
	color:inherit;
	text-decoration:none;
	position:relative;
	transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease, background-color .22s ease;
}
.node-grid .node-card b{display:block;margin:0;font-size:18px;line-height:1.28;color:#222}
.node-grid .node-card span{display:block;color:#5b5b61;line-height:1.6;font-size:16px;max-width:95%}
.node-grid .node-card::after{
	content:"→";
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	margin-top:auto;
	border-radius:999px;
	background:#fff3f3;
	border:1px solid rgba(237,28,36,.14);
	color:#ed1c24;
	font-size:23px;
	line-height:1;
}
.node-grid .node-card:hover,
.node-grid .node-card:focus{
	border-color:#ed1c24;
	box-shadow:0 16px 36px rgba(237,28,36,.10);
	transform:translateY(-3px);
	background:#fffdfd;
}
.node-grid .node-card:hover::after,
.node-grid .node-card:focus::after{background:#ed1c24;color:#fff;border-color:#ed1c24}
.whole-node__action{margin-top:28px;display:flex;justify-content:flex-start}
.whole-node__action .btn{min-width:320px}
@media(max-width:1100px){
	.node-grid--six{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
	.node-grid--six{grid-template-columns:1fr}
	.node-grid .node-card{min-height:auto;padding:22px 20px 20px}
	.whole-node__action .btn{min-width:0;width:100%}
}


.required-mark{color:#ed1c24;font-weight:700;margin-left:2px}


.table-note-link{color:#ed1c24;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.table-note-link:hover,.table-note-link:focus{color:#b9151b;text-decoration-thickness:2px}


.application-cases{margin:30px 0 28px}
.application-cases__title{margin:0 0 16px;font-size:24px;line-height:1.25;color:#2b2b2b}
.application-cases .scenario-cases{margin:0}
.application-cases .scenario-cases article{min-height:0}
@media(max-width:700px){.application-cases{margin:24px 0}.application-cases__title{font-size:21px}}


/* Блок поставки и сопровождения */
.trust-grid--service{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.trust-grid--service>div{min-height:176px}
@media(max-width:980px){.trust-grid--service{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.trust-grid--service{grid-template-columns:1fr}.trust-grid--service>div{min-height:auto}}


/* Точечная дизайнерская доработка заголовка производителя и подписи таблицы */
#why-relion .why-relion-title,#why-spectron .why-relion-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:32px;
	margin-bottom:24px;
}
#why-relion .why-relion-heading,#why-spectron .why-relion-heading{min-width:0}
#why-relion .why-relion-logo,#why-spectron .why-relion-logo{
	display:block;
	width:clamp(150px,15vw,194px);
	height:auto;
	flex:0 0 auto;
	object-fit:contain;
}
.models-table-intro{
	margin:24px 0 14px;
	color:#242424;
	font-size:20px;
	font-weight:700;
	line-height:1.35;
}
@media(max-width:700px){
	#why-relion .why-relion-title,#why-spectron .why-relion-title{align-items:flex-start;gap:18px}
	#why-relion .why-relion-logo,#why-spectron .why-relion-logo{width:132px;margin-top:4px}
	.models-table-intro{margin-top:20px;font-size:18px}
}
@media(max-width:480px){
	#why-relion .why-relion-title,#why-spectron .why-relion-title{display:block}
	#why-relion .why-relion-logo,#why-spectron .why-relion-logo{width:142px;margin-top:16px}
}


.application-description{max-width:1180px;margin:0 0 28px;padding:24px 28px;border-left:3px solid #ed1c24;background:#fff;border-radius:0 14px 14px 0;color:#45454a;font-size:18px;line-height:1.65;box-shadow:0 8px 24px rgba(0,0,0,.035)}
@media(max-width:700px){.application-description{padding:20px 20px;font-size:16px;line-height:1.6}}


/* Семантические H3 с сохранением текущего визуального оформления */
.why-relion-grid--legacy h3,
.trust-grid--service h3,
.node-grid .node-card h3{
	display:block;
	margin:0 0 8px;
	font:inherit;
	font-weight:700;
	color:#222;
	line-height:1.28;
}
.why-relion-grid--legacy h3{display:inline;margin-right:.28em;font-size:inherit;color:#3d3d3d}
.why-relion-grid--legacy h3 + p{display:inline;margin:0;color:#555;line-height:1.65}
.trust-grid--service h3{font-size:17px}
.node-grid .node-card h3{font-size:18px;margin-bottom:0}
.models-table-intro{font:inherit;font-weight:700;margin-top:26px;margin-bottom:14px}
.node-grid--six{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1180px){.node-grid--six{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.node-grid--six{grid-template-columns:1fr!important}}




/* Hero slideshow: restrained product presentation */
.hero__visual{position:relative;overflow:hidden!important;justify-content:center!important;padding:0!important}
.hero-slider{position:relative;width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-slider__stage{position:relative;width:100%;height:100%;min-height:500px;overflow:hidden}
.hero-slider__slide{
	position:absolute;
	inset:0;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	object-fit:contain!important;
	object-position:center center;
	opacity:0;
	transform:translateY(-64%) scale(.42)!important;
	transition:none;
	will-change:opacity,transform;
	pointer-events:none;
	z-index:0;
}
.hero-slider__slide.is-entering{
	opacity:.04;
	transform:translateY(-64%) scale(.42)!important;
	z-index:3;
}
.hero-slider__slide.is-active{
	opacity:1;
	transform:translateY(0) scale(1)!important;
	transition:transform 1.28s cubic-bezier(.16,.72,.22,1),opacity 1.08s cubic-bezier(.2,.65,.25,1);
	z-index:3;
}
.hero-slider__slide.is-exiting{
	opacity:0;
	transform:translateY(76%) scale(.78)!important;
	transition:transform 1.28s cubic-bezier(.36,.02,.72,.42),opacity 1.02s cubic-bezier(.45,0,.78,.35);
	z-index:2;
}
.hero-slider__slide--cabinet{padding:5% 7%;box-sizing:border-box}
.hero-slider__dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px;z-index:4}
.hero-slider__dots span{width:7px;height:7px;border-radius:50%;background:#d4d4d7;transition:width .25s ease,background-color .25s ease,border-radius .25s ease}
.hero-slider__dots span.is-active{width:24px;border-radius:10px;background:#ed1c24}
@media(max-width:1100px){.hero-slider,.hero-slider__stage{min-height:430px}.hero-slider__dots{bottom:18px}}
@media(max-width:820px){
	.hero-slider,.hero-slider__stage{min-height:350px}
	.hero-slider__slide{padding:0 3%;box-sizing:border-box;transform:translateY(-48%) scale(.56)!important}
	.hero-slider__slide.is-entering{transform:translateY(-48%) scale(.56)!important}
	.hero-slider__slide.is-active{transform:translateY(0) scale(1)!important}
	.hero-slider__slide.is-exiting{transform:translateY(62%) scale(.78)!important}
	.hero-slider__slide--cabinet{padding:6% 10%}
	.hero-slider__dots{bottom:10px}
}
@media(max-width:520px){.hero-slider,.hero-slider__stage{min-height:290px}.hero-slider__dots{bottom:4px}}
@media(prefers-reduced-motion:reduce){
	.hero-slider__slide,.hero-slider__slide.is-entering,.hero-slider__slide.is-exiting{transform:none!important;transition:opacity .25s ease}
	.hero-slider__slide.is-active{transform:none!important;transition:opacity .25s ease}
}




/* Comprehensive responsive pass: 320-1024px */
html,body{max-width:100%;overflow-x:hidden}
.model-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
img,svg,video{max-width:100%;height:auto}

@media (max-width:1024px){
	.container{width:min(100% - 32px,var(--container))}
	.landing-content{max-width:100%}
	.hero{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);min-height:auto;max-height:none}
	.hero__copy{padding:38px 0 38px 34px}
	.hero__copy h1{max-width:650px}
	.hero-slider,.hero-slider__stage{min-height:410px}
	.landing-nav a{padding:14px 16px}
	.node-grid--six{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.request-section{gap:32px;padding:40px 28px!important}
}

@media (max-width:920px){
	.site-header{position:sticky;top:0}
	.topbar__inner{min-height:68px}
	.logo img{width:126px}
	.mobile-menu-button{min-width:44px;min-height:44px}
	.site-header.is-mobile-open .mainnav{max-height:calc(100vh - 68px);overflow-y:auto;overscroll-behavior:contain}
	.site-header.is-mobile-open .mainnav__inner{padding-bottom:14px}
	.site-header.is-mobile-open .menu a,.site-header.is-mobile-open .menu__link{padding:12px 4px;line-height:1.35}
	.landing-nav.is-fixed{top:68px!important;max-width:100vw;overflow-x:auto}
}

@media (max-width:820px){
	.container{width:min(100% - 28px,var(--container))}
	.landing-content{padding-top:14px;padding-bottom:48px}
	.hero{display:grid;grid-template-columns:1fr;padding:28px 20px 0;min-height:auto}
	.hero__copy{padding:0;max-width:none}
	.hero__copy>p{font-size:17px;line-height:1.48;margin-bottom:22px}
	.hero__actions{display:flex;align-items:center;gap:18px}
	.hero__actions .btn{width:auto;min-width:180px}
	.hero__visual{height:auto;min-height:0;padding:6px 0 0}
	.hero-slider,.hero-slider__stage{min-height:330px}
	.hero-slider__slide{max-width:94%;max-height:286px}
	.hero>.landing-nav{margin:14px -20px 0}
	.landing-nav{width:auto;max-width:none;padding:6px 14px;gap:4px;scrollbar-width:thin}
	.landing-nav a{min-height:44px;display:inline-flex;align-items:center;padding:10px 13px;font-size:13px}
	.landing-nav a.nav-cta{margin:5px 0;padding:9px 14px;border-radius:9px}
	.landing-content .section{padding:48px 0}
	.section__head{margin-bottom:24px}
	.section__head h2,.why-relion-title h2{font-size:clamp(26px,6vw,34px)}
	.why-relion-title{gap:20px;align-items:center}
	.why-relion-logo{width:min(170px,34vw);max-height:62px;object-fit:contain}
	#why-relion .why-relion-grid--legacy,#why-spectron .why-relion-grid--legacy{grid-template-columns:1fr}
	#why-relion .why-relion-grid--legacy>div,#why-spectron .why-relion-grid--legacy>div{padding:22px}
	.application-description{padding:22px;font-size:16px}
	.models-table-intro{font-size:20px;margin:26px 0 14px}
	.model-table{min-width:980px}
	.model-table th,.model-table td{padding:12px 10px}
	.trust-grid--service{grid-template-columns:repeat(2,minmax(0,1fr))}
	.trust-grid--service>div{min-height:auto;padding:22px}
	.faq-list summary{padding:16px 46px 16px 18px;min-height:58px}
	.node-grid--six{gap:14px}
	.node-grid .node-card{min-height:190px;padding:22px 20px 18px}
	.request-section{grid-template-columns:1fr;padding:34px 20px!important;border-radius:14px}
	.request-copy h2{font-size:clamp(28px,6vw,34px)}
	.lead-form{max-width:none;width:100%;padding:22px}
	.footer__top,.footer__bottom-inner{gap:20px}
}

@media (max-width:640px){
	.container{width:min(100% - 24px,var(--container))}
	.topbar__inner{min-height:62px}
	.logo img{width:114px}
	.hero{padding:24px 16px 0;border-radius:12px}
	.hero__copy>p{font-size:16px}
	.hero__actions{display:grid;grid-template-columns:1fr;gap:12px}
	.hero__actions .btn{width:100%;min-width:0}
	.hero-anchor-link{justify-content:center;min-height:42px}
	.hero-slider,.hero-slider__stage{min-height:285px}
	.hero-slider__slide{max-width:98%;max-height:246px}
	.hero>.landing-nav{margin-left:-16px;margin-right:-16px}
	.landing-nav{padding-left:12px;padding-right:12px}
	.landing-content .section{padding:42px 0}
	.section--gray{padding-left:12px!important;padding-right:12px!important}
	.why-relion-title{align-items:flex-start;flex-direction:column;gap:12px}
	.why-relion-logo{width:150px;max-height:52px}
	#why-relion .why-relion-grid--legacy>div,#why-spectron .why-relion-grid--legacy>div{padding:20px}
	.application-description{padding:20px 18px;font-size:15px;line-height:1.62}
	.trust-grid--service{grid-template-columns:1fr}
	.node-grid--six{grid-template-columns:1fr!important}
	.node-grid .node-card{min-height:auto}
	.faq-list{gap:10px}
	.faq-list summary{font-size:15px;line-height:1.35}
	.form-row{grid-template-columns:1fr}
	.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}
	.file-field input[type=file]{max-width:100%;font-size:14px}
	.consent{align-items:flex-start}
	.request-section{margin-left:0;margin-right:0;padding:30px 16px!important;border-radius:12px}
	.lead-form{padding:20px 16px}
	.footer__contacts{width:100%;overflow-wrap:anywhere}
	.footer__bottom-inner button{width:100%;min-height:44px}
}

@media (max-width:480px){
	body{min-width:320px;font-size:14px}
	.container{width:calc(100% - 20px)}
	.hero{padding:22px 14px 0}
	.eyebrow,.section-kicker{font-size:11px}
	.hero-slider,.hero-slider__stage{min-height:250px}
	.hero-slider__slide{max-width:100%;max-height:218px}
	.hero-slider__dots{bottom:2px}
	.hero>.landing-nav{margin-left:-14px;margin-right:-14px}
	.landing-nav a{font-size:12px;padding:9px 12px}
	.landing-content .section{padding:38px 0}
	.section__head h2,.why-relion-title h2{font-size:27px;line-height:1.16}
	.models-table-intro{font-size:18px;line-height:1.3}
	.model-table{min-width:900px;font-size:12px}
	.node-grid .node-card h3,.trust-grid--service h3,#why-relion h3{font-size:17px}
	.request-copy h2{font-size:28px}
	.request-copy p{font-size:15px}
	.lead-form{padding:18px 14px}
	.lead-form .btn{white-space:normal;line-height:1.25;padding:12px 16px}
	.footer__phone{font-size:22px}
}

@media (max-width:360px){
	.container{width:calc(100% - 16px)}
	.hero{padding-left:12px;padding-right:12px}
	.hero-slider,.hero-slider__stage{min-height:226px}
	.hero-slider__slide{max-height:198px}
	.hero>.landing-nav{margin-left:-12px;margin-right:-12px}
	.landing-nav{padding-left:8px;padding-right:8px}
	.section--gray{padding-left:8px!important;padding-right:8px!important}
	.application-description{padding:18px 14px}
	.request-section{padding-left:12px!important;padding-right:12px!important}
}

@media (orientation:landscape) and (max-height:520px) and (max-width:920px){
	.hero-slider,.hero-slider__stage{min-height:240px}
	.hero-slider__slide{max-height:210px}
	.site-header.is-mobile-open .mainnav{max-height:calc(100vh - 62px)}
}




/* Desktop hero alignment: slider visually aligned with the H1 block */
@media (min-width:1101px){
	.hero__visual{
		align-self:start!important;
		height:520px!important;
		margin-top:34px;
	}
	.hero-slider,.hero-slider__stage{
		height:520px!important;
		min-height:520px!important;
	}
}
@media (min-width:1440px){
	.hero__visual{margin-top:38px}
}




/* Desktop H1: stable four-line composition */
@media (min-width:1101px){
	.hero{grid-template-columns:minmax(0,1.16fr) minmax(400px,.84fr)}
	.hero__copy{max-width:840px}
	.hero__copy h1{max-width:810px;line-height:1.04;letter-spacing:-.025em}
}



/* Exact four-line H1 composition on two-column layouts */
@media (min-width:821px){
	.hero-title span{display:block;white-space:nowrap}
	#hero .hero__copy h1{font-size:clamp(28px,3vw,45px)}
}
@media (min-width:821px) and (max-width:1100px){
	.hero{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)!important}
}

@media (max-width:820px){
	.hero-title span{display:inline;white-space:normal}
	.hero-title span:not(:last-child)::after{content:" "}
}




/* Перестройка формы запроса предложения */
.request-section{display:block!important}
.request-copy{max-width:1040px;margin-bottom:28px}
.request-section .lead-form{max-width:none;width:100%;margin:0;padding:30px}
.lead-form__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.lead-form__column{display:flex;flex-direction:column;gap:18px;min-width:0}
.lead-form__column label{display:flex;flex-direction:column;gap:8px}
.field-label{display:inline-flex;align-items:baseline;gap:3px;line-height:1.35}
.lead-form__column--task textarea{min-height:158px;height:158px;resize:vertical}
.lead-form__column--task .file-field{min-height:126px;justify-content:flex-start}
.lead-form__footer{margin-top:22px}
.lead-form__footer .consent{margin-bottom:18px}
.lead-form__footer .btn{width:100%}
.lead-form__footer .response-note{text-align:center;margin:12px 0 0}
@media(max-width:820px){
	.request-copy{margin-bottom:22px}
	.request-section .lead-form{padding:22px}
	.lead-form__columns{grid-template-columns:1fr;gap:20px}
	.lead-form__column--task textarea{min-height:150px;height:150px}
}
@media(max-width:480px){
	.request-section .lead-form{padding:18px 14px}
	.lead-form__columns{gap:18px}
	.lead-form__column{gap:15px}
}

.request-section .form-list.form-list-template {
	background-color: #fff;
	border-radius: 20px;
	padding-bottom: 40px;
}
.request-section .form-body__fields.row.flexbox{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: 
	"one two"
	"free two"
	"five six";
}
.request-section .form-body__fields.row.flexbox > div:nth-child(1){
	grid-area: one;
}
.request-section .form-body__fields.row.flexbox > div:nth-child(4){
	grid-area: two;
}
.request-section .form-body__fields.row.flexbox > div:nth-child(2){
	grid-area: free;
}
.request-section .form-body__fields.row.flexbox > div:nth-child(3){
	grid-area: five;
}
.request-section .form-body__fields.row.flexbox > div:nth-child(5){
	grid-area: six;
}
.request-section .form textarea {
	height: 140px;
}

/* Форма запроса предложения: компоновка исходной страницы Коммутаторов */
/*#request{padding:72px!important;background:#f4f4f5;border-radius:22px}
	#request .request-copy{max-width:1360px;margin:0 0 38px}
	#request .request-copy h2{font-size:clamp(32px,3.2vw,52px);line-height:1.15;letter-spacing:-.02em}
	#request .request-copy p{max-width:1320px;font-size:18px;line-height:1.55}
	#request .form-list.form-list-template{width:100%;padding:38px 42px 42px;background:#fff;border-radius:22px}
	#request .maxwidth-theme,#request .form,#request .form__wrapper,#request .form-inner{width:100%}
	#request .form-body__fields.row.flexbox{gap:26px 42px}
	#request .form-group{margin:0}
	#request .form-group label{display:block;margin:0 0 9px;color:#a3a3a8;font-size:17px;font-weight:400;line-height:1.3}
	#request .required-star{color:#ed1c24}
	#request .form-control{box-sizing:border-box;width:100%;min-height:64px;padding:14px 16px;border:1px solid #e5e5e7;border-radius:4px;background:#fafafa;color:#2b2b2b;font:inherit;box-shadow:none}
	#request textarea.form-control{height:188px!important;min-height:188px;resize:vertical}
	#request .uploader{position:relative;display:flex;align-items:center;box-sizing:border-box;min-height:64px;padding:0 18px;border:1px solid #e5e5e7;border-radius:4px;background:#fafafa;color:#34343a}
	#request .uploader::before{content:'📎';margin-right:16px;font-size:22px;filter:grayscale(1)}
	#request .uploader .inputfile{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
	#request .uploader .filename{font-size:17px}
	#request .uploader .action{display:none}
	#request .form-footer{margin-top:34px}
	#request .licence_block{display:flex;align-items:flex-start;gap:14px;margin:0 0 28px}
	#request .form-checkbox__input{flex:0 0 auto;width:28px;height:28px;margin:0;border:1px solid #e5e5e7;border-radius:6px;accent-color:#ed1c24}
	#request .form-checkbox__label{display:block;color:#5f5f65;font-size:16px;line-height:1.45}
	#request .form-checkbox__label a{color:inherit;text-underline-offset:2px}
	#request .form-checkbox__box{display:none}
	#request .form-footer__btn .btn{min-height:54px;padding:0 30px;border-radius:4px}
	@media(max-width:820px){
	#request{padding:40px 22px!important}
	#request .form-list.form-list-template{padding:26px 22px}
	#request .form-body__fields.row.flexbox{display:block}
	#request .form-group{margin-bottom:20px}
	#request textarea.form-control{height:150px!important;min-height:150px}
	}
*/
@media(max-width:820px){
	.request-section .form-body__fields.row.flexbox{
		display: block;
	}
	.request-section .form textarea {
		height: 98px;
	}
	.request-section .btn.btn-default {
		max-width: 100%;
		display: block;
	}
	.request-section .btn.btn-default span {
		text-transform: none;
		white-space: normal;
	}
}

#faq {
	padding-top: 10px;
}
.hero__actions a, .landing-nav a, .table-note a, .node-grid a{
	cursor: pointer;
}