:root {
	--bg-color: #0f0f0f;
	--text-white: #ffff;
	--text-black: #0f0f0f;
	--radius-8: 8px;
}

@font-face {
	font-family: "ProximaNova";
	src: url("/fonts/ProximaNova/proximanova_regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "ProximaNova";
	src: url("/fonts/ProximaNova/proximanova_semibold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "ProximaNova";
	src: url("/fonts/ProximaNova/proximanova_700.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "JetBrainsMono";
	src: url("/fonts/JetBrainsMono/JetBrainsMonoNL-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "JetBrainsMono";
	src: url("/fonts/JetBrainsMono/JetBrainsMonoNL-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

body {
	background: var(--bg-color);
	color: var(--text-white);
	font-family: "ProximaNova", sans-serif;
}

a {
	text-decoration: none;
	color: var(--text-black);
	font-family: "JetBrainsMono", monospace;
}
.bg-secondary {
	background: #171717 !important;
}
img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container {
	position: relative;
}
/* @media (min-width: 1400px) {
	.container {
		max-width: 1591px;
	}
} */
.single-page .container {
	z-index: 10;
}
.banner__noise {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='838' viewBox='0 0 1920 838' fill='none'%3E%3Cg opacity='0.2' filter='url(%23filter0_n_137_1831)' style='mix-blend-mode:color-dodge'%3E%3Crect y='-200' width='1920' height='1038' fill='url(%23paint0_linear_137_1831)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_137_1831' x='0' y='-200' width='1920' height='1038' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.40000000596046448 0.40000000596046448' stitchTiles='stitch' numOctaves='3' result='noise' seed='1345'/%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise'/%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped'/%3E%3CfeFlood flood-color='%23FFFFFF' result='color1Flood'/%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1'/%3E%3CfeMerge result='effect1_noise_137_1831'%3E%3CfeMergeNode in='shape'/%3E%3CfeMergeNode in='color1'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_137_1831' x1='960' y1='-200' x2='960' y2='838' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.43508'/%3E%3Cstop offset='1' stop-color='%23666666'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: cover;
	transform: rotate(180deg);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.glass-group {
	position: absolute;
	inset: 0 auto 0 0;
	display: flex;
	width: 100%;
	height: 100%;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

.glass-left {
	flex: 0 0 clamp(20px, 4.9vw, 47px);
	height: 80%;
	background: #0f0f0f1a;
	backdrop-filter: blur(40px);
	box-shadow: 0px 4px 34px 0px #ffffff59;
	opacity: 0.2;
}
.bg-bottom {
	background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #0f0f0f 100%);
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 160%;
	width: 100%;
	z-index: 5;
}
.breadcrumb-item {
	font-family: "JetBrainsMono";
	font-size: clamp(13px, 3vw, 16px);
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
}
.breadcrumb-item a {
	color: #ffffff80;
}
.breadcrumb-item.active {
	color: #ffffff33;
}

.nav-scroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	transition: all 0.3s ease;
}
.nav-scroll.is-scrolled {
	background: rgba(20, 20, 20, 0.1);
	backdrop-filter: blur(40px);
}

.breadcrumbs nav {
	margin-top: 0;
	padding-top: 90px;
}

.navbar {
	background: transparent;
}

.navbar > .container {
	display: flex;
	align-items: center;
}

.navbar-brand {
	position: relative;
	z-index: 22;
	margin-right: 40px;
}

.navbar-collapse {
	align-items: center;
}

.navbar-nav {
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	gap: 18px;
}

.nav-link {
	padding: 0 !important;
	font-size: clamp(13px, 1.2vw, 16px);
	line-height: 1.2;
	font-weight: 600;
	font-family: "ProximaNova", sans-serif;
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
	color: var(--text-white);
}

.btn-default {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--text-white);
	border-radius: var(--radius-8);
	padding: 15px 20px;
	color: var(--text-black);
	white-space: nowrap;
	font-family: "JetBrainsMono";
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	width: max-content;
	transition: all 0.3s ease-in-out;
}

.btn-default:hover {
	background: #ffffffe5;
}

.btn-black {
	color: var(--text-white);
	border: 1px solid #ffffff1a;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
}
.btn-black:hover {
	border: 1px solid #ffffff33;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
}
/* баннер на главной */
.main-banner__bg {
	position: absolute;
	top: -200px;
	right: -200px;
	width: 1920px;
	height: 1966px;
	max-width: none;
	pointer-events: none;
	z-index: 0;
}

.main-banner .container {
	position: relative;
	z-index: 5;
}

.main-banner__inner {
	position: relative;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	padding-top: 91px;
	display: grid;
}

.main-banner__noise {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='1038' viewBox='0 0 1920 1038' fill='none'%3E%3Cg opacity='0.2' filter='url(%23filter0_n_137_1212)'%3E%3Crect width='1920' height='1038' fill='url(%23paint0_linear_137_1212)'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_137_1212' x='0' y='0' width='1920' height='1038' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.40000000596046448 0.40000000596046448' stitchTiles='stitch' numOctaves='3' result='noise' seed='1345'/%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise'/%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 '/%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped'/%3E%3CfeFlood flood-color='%23FFFFFF' result='color1Flood'/%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1'/%3E%3CfeMerge result='effect1_noise_137_1212'%3E%3CfeMergeNode in='shape'/%3E%3CfeMergeNode in='color1'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_137_1212' x1='960' y1='0' x2='960' y2='1038' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.43508'/%3E%3Cstop offset='1' stop-color='%23666666' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	mix-blend-mode: overlay;
}

.main-banner {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(15, 15, 15, 0) 0%, #0f0f0f 47.2%);
}

.main-banner__curtains-left-group {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	pointer-events: none;
	z-index: 4;
}

.main-banner__curtain-strip-left {
	width: 46px;
	height: 100%;
	background: rgba(20, 20, 20, 0.1);
	backdrop-filter: blur(40px);
	-webkit-backdrop-filter: blur(40px);
	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.main-banner__curtain-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 285px;
	height: 100%;
	pointer-events: none;
	z-index: 6;
	display: flex;
	justify-content: flex-end;
}

.main-banner__curtain-strip {
	width: 57px;
	height: 100%;
	background: rgba(20, 20, 20, 0.1);
	backdrop-filter: blur(40px);
	mask-image: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9));
	-webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.9));
}

.main-banner__content {
	position: relative;
	z-index: 5;
	max-width: 900px;
}

.main-banner__content h1 {
	margin: 0 0 22px;
	font-size: clamp(33px, 4.2vw, 70px);
	line-height: clamp(100%, 4.2vw, 110%);
	font-weight: 700;
	letter-spacing: -0.04em;
}

.main-banner__text {
	max-width: 410px;
	margin: 0 0 42px;
	font-size: 16px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.82);
}

.main-banner__features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px;
	max-width: 560px;
	margin-bottom: 42px;
}

.feature-item svg {
	margin-bottom: 12px;
}

.feature-item p {
	margin: 0;
	font-size: 13px;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.65);
}

.main-banner__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 22px;
	border-radius: 4px;
	background: #fff;
	color: #111;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.main-banner__btn span {
	font-size: 20px;
	line-height: 1;
}

/* .main-banner__image {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 860px;
	height: 700px;
	z-index: 4;
	pointer-events: none;
}

.main-banner__image img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: none;
	z-index: 3;
	width: 1425px;
	height: 1124px;
	object-fit: contain;
	object-position: right bottom;
} */
.main-banner__image {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	pointer-events: none;
}
.main-banner__image img {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: none;
	z-index: 3;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}
.main-banner__switch {
	position: absolute;
	top: 190px;
	left: 30px;
	width: 380px;
	height: 180px;
	border-radius: 999px;
	background: #2a2926;
	box-shadow:
		inset 0 0 30px rgba(255, 255, 255, 0.08),
		0 30px 80px rgba(0, 0, 0, 0.45);
	z-index: 2;
}

.main-banner__switch::after {
	content: "";
	position: absolute;
	top: 24px;
	right: 26px;
	width: 132px;
	height: 132px;
	border-radius: 50%;
	background: radial-gradient(circle, #ffe17c 0%, #ffb41f 54%, #f29900 100%);
	box-shadow:
		0 0 60px rgba(255, 184, 31, 0.9),
		0 0 140px rgba(255, 184, 31, 0.55);
}
/* КАРУСЕЛИ ПАРТНЁРОВ */
@keyframes animate {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-50%, 0, 0);
	}
}

.section-title {
	font-weight: 600;
	font-size: clamp(30px, 4.2vw, 80px);
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	margin-bottom: 55px;
}

.sub-title {
	color: #ffffff66;
	font-weight: 400;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: -1%;
}

.title-wrap {
	display: flex;
	align-items: end;
	margin-bottom: 55px;
}
.title-wrap .section-title {
	margin-bottom: 0;
}

.section-label {
	color: #ffffff4d;
	font-size: clamp(10px, 2.2vw, 20px);
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	font-family: "JetBrainsMono", monospace;
	margin-left: clamp(10px, 2.2vw, 24px);
	position: relative;
	margin-bottom: clamp(8px, 2.2vw, 27px);
}
.section-label:before {
	content: "";
	background: #ffffff4d;
	position: absolute;
	height: clamp(2px, 1vw, 10px);
	width: clamp(2px, 1vw, 10px);
	border-radius: 50%;
	top: 25%;
	left: -20px;
}
.partners-section {
	position: relative;
	z-index: 7;
	padding: 0;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
	mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.brands-carousel {
	height: 80px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	width: max-content;
	animation: animate 30s linear infinite;
}

.brands-carousel .slide-content {
	height: 100%;
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 50px;
}

.brands-carousel .slide-content img {
	max-width: 104px;
	width: auto;
	height: auto;
	max-height: 40px;
	object-fit: contain;
	opacity: 0.55;
	filter: brightness(0) invert(1);
	transition: opacity 0.3s ease;
}

/* СЕКЦИЯ ПРОДУКТОВ */
.main-page .products-section {
	padding: 80px 0 100px;
	background: var(--bg-color);
}

.products-outer {
	border-radius: 70px;
	padding: 25px;
	background: linear-gradient(161.5deg, rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0) 0%), rgba(21, 21, 21, 0.3);
	background-blend-mode: overlay;
	box-shadow: inset 0 1px 9px rgba(255, 255, 255, 0.24);
}

.products-inner {
	border-radius: 50px;
	background: #0f0f0f;
	border: 2px solid #ffffff33;
	position: relative;
	overflow: hidden;
}

.products-inner::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0 2px, transparent 2px);
	background-size: 24px 24px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) -2.86%, rgba(0, 0, 0, 0.2) 100.93%);
	-webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) -2.86%, rgba(0, 0, 0, 0.2) 100.93%);
	opacity: 0.4;
	z-index: 0;
}

.products-wrap,
.products-detail {
	position: relative;
	z-index: 1;
}

.products-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 45px 45px 0;
	margin-bottom: 16px;
}

.main-page .product-card {
	background: #1a1a1a;
	border: 1px solid rgba(255, 255, 255, 0.15);
	background-image: radial-gradient(120% 80% at 20% 0%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 60%, transparent 100%);
	backdrop-filter: blur(12px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		inset 0 0 20px rgba(255, 255, 255, 0.08);
	transition: all 0.3s ease-in-out;
	border-radius: 25px;
	cursor: pointer;
	min-height: 112px;
	padding: 23px 19px;
	flex: 1 1 auto;
}
.product-card.w-238 {
	width: 238px;
}
.product-card.w-201 {
	width: 201px;
}
.product-card.w-385 {
	width: 385px;
}
.product-card.w-226 {
	width: 226px;
}
.product-card.w-228 {
	width: 228px;
}
.product-card.w-344 {
	width: 344px;
}
.product-card.w-362 {
	width: 362px;
}
.product-card.w-225 {
	width: 225px;
}
.product-card.w-174 {
	width: 174px;
}
.main-page .product-card:hover {
	background: linear-gradient(188.75deg, #ffe38f 6.67%, #efc330 45.23%, #dd9024 98.93%);
	border-color: rgba(255, 200, 50, 0.5);
	box-shadow:
		0px 2px 25px 0px #ffffffcc inset,
		0px 14px 85px -10px #ecbc1a;
}

.main-page .product-card--active {
	background: linear-gradient(188.75deg, #ffe38f 6.67%, #efc330 45.23%, #dd9024 98.93%);
	border-color: rgba(255, 200, 50, 0.4);
	box-shadow:
		0px 2px 25px 0px #ffffffcc inset,
		0px 14px 85px -10px #ecbc1a;
}

.main-page .product-card__title {
	font-family: "ProximaNova", sans-serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-transform: uppercase;
	margin-bottom: 32px;
	background: linear-gradient(180deg, #ffe38f 0%, #ecbc1a 42%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(0 0 4px rgba(255, 227, 143, 0.3)) drop-shadow(0 0 10px rgba(236, 188, 26, 0.05)) drop-shadow(0 0 18px rgba(221, 144, 36, 0.15));
	white-space: nowrap;
	position: relative;
	z-index: 2;
	transition: all 0.1s ease-in-out;
}
.main-page .product-card__title:after {
	content: attr(data-card--title);
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, #ffe38f 0%, #ecbc1a 42%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: blur(4px);
	opacity: 1;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 100%);
	mask-image: linear-gradient(to bottom, transparent 0%, transparent 25%, #000 100%);
	clip-path: inset(50% 0 0 0);
}

.main-page .product-card:hover .product-card__title,
.main-page .product-card--active .product-card__title {
	font-weight: 700;
	line-height: 100%;
	background: none;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: #1a1a1a;
	background-clip: unset;
	color: #1a1a1a;
}

.main-page .product-card__subtitle {
	font-family: "ProximaNova", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: #ffffff66;
	margin: 0;
	max-width: 130px;
}

.main-page .product-card:hover .product-card__subtitle,
.main-page .product-card--active .product-card__subtitle {
	color: #101010;
}

.products-detail {
	padding: 63px 90px 100px 170px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
}

.products-detail__label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: "JetBrainsMono", monospace;
	font-size: 20px;
	letter-spacing: -4%;
	text-transform: uppercase;
	color: #ecbc1a;
	margin-bottom: 23px;
}

.products-detail__label::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ecbc1a;
}

.products-detail__text {
	font-size: 30px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.85);
	max-width: 811px;
	margin: 0;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.products-detail__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	padding: 14px 28px;
	border-radius: 8px;
	background: var(--text-white);
	color: #111111;
	font-family: "ProximaNova", sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-decoration: none;
	flex-shrink: 0;
	transition:
		background 0.2s ease,
		color 0.2s ease;
}

.products-detail__btn:hover {
	background: #ffe38f;
	color: #1a1a1a;
}

.products-detail__btn span {
	font-size: 18px;
	line-height: 1;
}

.about-section {
	padding: 100px 0;
	background: linear-gradient(180deg, #151515 26.86%, rgba(21, 21, 21, 0) 50%);
}
.about-section .container {
	z-index: 10;
}

.about-content {
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: 152px;
	align-items: center;
}

.about-intro {
	color: #ffffff80;
	margin-bottom: 43px;
	font-size: 25px;
	line-height: 140%;
}

.about-media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	height: 411px;
}

.about-video {
	width: 100%;
	height: 100%;
	display: block;
}

.about-poster {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #000;
	z-index: 2;
}

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

.about-play {
	position: relative;
	z-index: 3;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	border: none;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}

.about-text {
	margin-bottom: 12px;
	color: #fff;
	font-size: 25px;
	line-height: 140%;
	margin-top: 53px;
}

.about-subtext {
	font-size: 25px;
	line-height: 140%;
	color: #ffffff80;
}

.about-right {
	position: sticky;
	top: 120px;
	align-self: start;
}

.about-mission-label {
	font-size: clamp(10px, 2.2vw, 20px);
	text-transform: uppercase;
	color: #ecbc1a;
	letter-spacing: -4%;

	margin-left: clamp(10px, 2.2vw, 24px);
	position: relative;
	margin-bottom: clamp(8px, 2.2vw, 27px);
}

.about-mission-label::before {
	content: "";
	position: absolute;
	height: clamp(2px, 1vw, 10px);
	width: clamp(2px, 1vw, 10px);
	border-radius: 50%;
	top: 30%;
	left: -20px;
	border-radius: 50%;
	background: #ecbc1a;
}

.about-mission-text {
	margin-bottom: 50px;
	color: var(--text-white);
	font-size: 25px;
	letter-spacing: -1%;
	line-height: 140%;
}
.about-carousel-section {
	background-image: image-set(url("/img/about-carousel-bg.avif") type("image/avif"), url("/img/about-carousel-bg.webp") type("image/webp"), url("/img/about-carousel-bg.png") type("image/png"));
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100vw;
	height: clamp(720px, 69.5vw, 2035px);
	position: relative;
	left: 50%;
	transform: translateX(-50.4%);
	overflow: hidden;
	margin-top: clamp(-96px, -5vw, -40px);
	margin-bottom: clamp(-288px, -19vw, -120px);
	z-index: -1;
}
.about-carousel-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-left: calc((100vw - 1290px) / 2);
	margin: auto 0;
	height: 100%;
}
.about-carousel-track {
	align-items: center;
}
.about-card {
	flex: 0 0 auto;
	transition:
		opacity 0.3s ease,
		filter 0.3s ease;
	border-radius: 24px;
	border: 2px solid var(--text-white);
	background: linear-gradient(111.56deg, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.8) 32.31%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 42px 36px 38px;
	box-sizing: border-box;
	cursor: pointer;
	transform-origin: bottom center;
	width: 380px !important;
	flex-shrink: 0;
	transition:
		height 0.45s cubic-bezier(0.25, 1, 0.5, 1),
		opacity 0.3s ease,
		filter 0.3s ease;
}

.about-card__icon {
	width: 70px;
	height: 70px;
	margin-bottom: 22px;
}

.about-card__title {
	margin: 0 0 14px;
	font-family: "Proxima Nova", sans-serif;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	letter-spacing: -0.04em;
	text-align: center;
	color: #000;
}

.about-card__text {
	margin: 0;
	font-family: "Proxima Nova", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.01em;
	text-align: center;
	color: rgba(0, 0, 0, 0.55);
}

.about-card[data-pos="0"] {
	height: 350px;
	filter: none;
	opacity: 1;
}

.about-card[data-pos="1"] {
	height: 380px;
	filter: none;
	opacity: 1;
}

.about-card[data-pos="2"] {
	height: 427px;
	filter: none;
	opacity: 1;
}

.about-card[data-pos="3"] {
	height: 480px;
	filter: blur(2px);
	opacity: 1;
}

.about-card[data-pos="4"] {
	height: 540px;
	filter: blur(4px);
	opacity: 1;
}

.about-card[data-pos="hidden"] {
	opacity: 0;
	pointer-events: none;
}

.aboutSwiper {
	overflow: visible !important;
}

.aboutSwiper .swiper-wrapper {
	align-items: center;
}

.about-card.swiper-slide {
	width: 350px !important;
	height: 350px;
	box-sizing: border-box;
	transition:
		height 1s cubic-bezier(0.25, 1, 0.5, 1),
		opacity 0.45s ease,
		filter 0.45s ease;
	will-change: height, opacity, filter;
}
/* календарь */
.events-section {
	padding: 80px 0;
	color: #fff;
}
.events-section .container {
	z-index: 11;
}

.events-section .title-wrap {
	gap: 87px;
}

.events-section .section-title {
	width: 450px;
}

.events-section .sub-title {
	width: 732px;
}

.events-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 40px;
	background: #ffffff1a;
	border-radius: 30px;
	overflow: hidden;
}

.events-calendar {
	padding: 30px 34px;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background: #111;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: inherit;
}

/* КАРТОЧКА */
.events-card {
	display: flex;
	overflow: hidden;
	position: relative;
}

.events-card__content {
	width: 100%;
	padding: 40px;
	z-index: 3;
	background: linear-gradient(168.89deg, #272727 20.45%, rgba(39, 39, 39, 0) 71.45%);
}

.events-card__date {
	margin-bottom: 10px;
	color: var(--text-white);
	font-family: "JetBrainsMono";
	font-weight: 400;
	font-size: 21px;
	line-height: 150%;
	letter-spacing: -1%;
	text-transform: uppercase;
}

.events-card h3 {
	font-weight: 600;
	font-size: 45px;
	line-height: 100%;
	letter-spacing: -4%;
}

.events-card p {
	color: #ffffffcc;
	font-weight: 400;
	font-size: 24px;
	line-height: 130%;
	letter-spacing: -1%;
}

.events-card img {
	position: absolute;
	object-fit: cover;
}

.events-card__btn {
	position: absolute;
	bottom: 65px;
}

.events-calendar {
	padding: 40px 44px;
	border-radius: 28px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background: #0f0f0f;
}

.line-glass-event {
	position: absolute;
	left: 0;
	height: 100%;
	display: flex;
	z-index: 2;
}
.line-glass-event span {
	width: 46px;
	height: 100%;
	background: #2727271a;
	display: block;
	backdrop-filter: blur(40px);
}
.line-glass-event span:nth-child(3) {
	opacity: 0.9;
}
.line-glass-event span:nth-child(4) {
	opacity: 0.7;
}
.line-glass-event span:nth-child(5) {
	opacity: 0.5;
}
.line-glass-event span:nth-child(6) {
	opacity: 0.8;
}

/* переопределение стилей календаря flatpickr */

.events-calendar .flatpickr-calendar {
	width: 100%;
	background: transparent;
	box-shadow: none;
	border: none;
}

.events-calendar .flatpickr-months {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	margin-bottom: 28px;
}

.events-calendar .flatpickr-month {
	height: 44px;
	color: #fff;
	overflow: visible;
}

.events-calendar .flatpickr-current-month {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 44px;
	padding: 0 20px;
	left: auto;
	transform: none;
	color: #fff;
	font-size: 0;
	font-weight: 600;
}

.events-calendar .flatpickr-current-month .cur-month {
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	text-transform: capitalize;
	margin-right: 0.4rem;
}

.events-calendar .flatpickr-current-month .numInputWrapper {
	width: auto;
}

.events-calendar .flatpickr-current-month input.cur-year {
	width: 56px;
	padding: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	background: transparent;
	pointer-events: none;
}

.events-calendar .flatpickr-current-month .arrowUp,
.events-calendar .flatpickr-current-month .arrowDown {
	display: none;
}

.events-calendar .flatpickr-months {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 44px;
	margin-bottom: 28px;
}

.events-calendar .flatpickr-prev-month,
.events-calendar .flatpickr-next-month {
	position: static;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);

	display: flex;
	align-items: center;
	justify-content: center;
}

.events-calendar .flatpickr-month {
	flex: 0 0 auto;
	width: auto;
}
.events-calendar .flatpickr-prev-month,
.events-calendar .flatpickr-next-month {
	top: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.45);
	fill: rgba(255, 255, 255, 0.45);
	display: flex;
	align-items: center;
	justify-content: center;
}

.events-calendar .flatpickr-prev-month:hover,
.events-calendar .flatpickr-next-month:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	fill: #fff;
}

.events-calendar .flatpickr-weekdays {
	height: 24px;
	margin-bottom: 14px;
}

.events-calendar .flatpickr-weekday {
	color: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-weight: 400;
}

.events-calendar .flatpickr-innerContainer,
.events-calendar .flatpickr-rContainer,
.events-calendar .flatpickr-days,
.events-calendar .dayContainer {
	width: auto;
	min-width: auto;
	max-width: max-content;
	margin: auto;
}

.events-calendar .dayContainer {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}

.events-calendar .flatpickr-day {
	max-width: none;
	height: clamp(55px, 4.2vw, 75px);
	width: clamp(55px, 4.2vw, 75px);
	margin: 0px;
	border: 1px solid transparent;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.4);
	font-size: 22px;
	font-weight: 500;
	line-height: clamp(55px, 4.2vw, 75px);
}

.events-calendar .flatpickr-day.prevMonthDay,
.events-calendar .flatpickr-day.nextMonthDay {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.25);
}

.events-calendar .flatpickr-day.today {
	border: none;
	background: linear-gradient(188.75deg, #ffe38f 6.67%, #efc330 45.23%, #dd9024 98.93%);
	border-radius: 50%;
	color: #0f0f0f;
}

.events-calendar .flatpickr-day.selected,
.events-calendar .flatpickr-day.startRange,
.events-calendar .flatpickr-day.endRange {
	border: none;
	background: linear-gradient(188.75deg, #ffe38f 6.67%, #efc330 45.23%, #dd9024 98.93%);
	border-radius: 50%;
	color: #0f0f0f;
	box-shadow: none;
}

.events-calendar .flatpickr-day.has-event:not(.today):not(.selected) {
	border: 1px solid rgba(255, 198, 28, 0.5);
	background: transparent;
	color: #ffc61c;
}

.events-calendar .flatpickr-day:hover {
	border-color: rgba(255, 198, 28, 0.5);
	background: rgba(255, 198, 28, 0.08);
	color: #ffc61c;
}

/* блог */
.main-page .blog-section {
	padding: 80px 0 220px;
	position: relative;
	overflow: hidden;
	margin: 0;
}
.main-page .blog-section::before {
	pointer-events: none;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc((100vw - 505px) / 2);
	height: 100%;
	background: var(--bg-color);
	z-index: 2;
}

.main-page .blog-section__inner {
	display: grid;
	grid-template-columns: 450px minmax(0, 1fr);
	gap: 40px;
}

.main-page .blog-section__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 2;
	background: var(--bg-color);
}

.main-page .blog-section__left .section-title {
	margin-bottom: 16px;
}

.main-page .blog-section__text {
	margin: 0;
	color: #ffffff66;
	font-weight: 400;
	font-size: 30px;
	line-height: 130%;
	letter-spacing: -1%;
}

.blog-slider-nav {
	display: flex;
	gap: 8px;
	margin-top: auto;
}

.blog-slider-btn {
	width: 94px;
	height: 94px;
	border: none;
	border-radius: 20px;
	line-height: 1;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background: #fff;
}
.blog-slider-btn.swiper-button-disabled {
	background: #ffffff0f;
}
.blog-slider-btn.swiper-button-disabled svg path {
	stroke: var(--text-white);
	opacity: 0.4;
}

.blog-slider-btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.blog-section__right {
	min-width: 0;
	z-index: 1;
}

.blog-swiper {
	width: 100%;
	overflow: visible;
}

.blog-swiper .swiper-slide {
	width: 475px;
	height: auto;
	flex-shrink: 0;
}

.blog-card {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)), #111;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
	box-sizing: border-box;
	transition:
		transform 0.3s ease,
		border-color 0.3s ease;
}
.blog-card__top {
	margin-bottom: 25px;
	display: flex;
	align-items: center;
	gap: 14px;
}

.blog-card__top .category {
	color: #ffffff80;
	font-family: "JetBrainsMono";
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
}
.blog-card__top .dot {
	background: #ffffff33;
	width: 4px;
	height: 4px;
	border-radius: 10px;
}
.blog-card__top .date {
	color: #ffffff33;
	font-family: "JetBrainsMono";
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
}
.blog-card__img {
	display: block;
	width: 100%;
	height: 235px;
	object-fit: cover;
	border-radius: 24px;
}

.blog-card__body {
	padding: 23px 30px;
}

.blog-card__date {
	margin-bottom: 12px;
	color: #ffffff4d;
	font-family: "JetBrainsMono";
	font-size: clamp(13px, 3vw, 15px);
	line-height: 150%;
	letter-spacing: -1%;
	text-transform: uppercase;
}

.blog-card__title {
	margin-bottom: 6px;
	color: #fff;
	font-weight: 600;
	font-size: clamp(22px, 4vw, 32px);
	line-height: 100%;
	letter-spacing: -4%;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 8px;
}

.blog-card__text {
	margin-bottom: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #ffffffb2;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 130%;
	letter-spacing: -1%;
	max-width: 745px;
}
.main-page .blog-card__text {
	margin-bottom: 0;
}
/* AI СЕКЦИЯ */
.ai-section {
	padding-top: 136px;
	color: #fff;
}

.ai-section__box {
	max-height: 636px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ai-section__start {
	text-align: center;
	transition:
		opacity 0.3s ease,
		visibility 0.3s ease,
		height 0.3s ease;
}

.ai-section.is-chat-active .ai-section__start,
.clients-ai-section.is-chat-active .ai-section__start {
	opacity: 0;
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.ai-section__title {
	font-weight: 600;
	font-size: 80px;
	line-height: 100%;
	letter-spacing: -4%;
	text-align: center;
	margin-bottom: 18px;
}

.ai-section__subtitle {
	margin: 0;
	color: #ffffff66;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: -1%;
	text-align: center;
}

.ai-chat {
	width: 100%;
	max-width: 690px;
	height: 400px;
	margin-top: 26px;
	mask: linear-gradient(0deg, #171717 36.89%, rgba(23, 23, 23, 0) 100%);
	display: none;
	overflow: hidden;
}
.ai-section.is-chat-active .ai-chat,
.clients-ai-section.is-chat-active .ai-chat {
	display: block;
}

.ai-chat__messages {
	height: 100%;
	display: flex;
	flex-direction: column;

	gap: 20px;
	overflow-y: auto;

	padding-right: 6px;

	scrollbar-width: none;
}

.ai-chat__messages::before {
	content: "";
	margin-top: auto;
}
.ai-chat__messages::-webkit-scrollbar {
	display: none;
}

.ai-message--bot .ai-message__text,
.ai-message--user {
	max-width: 460px;
	padding: 20px;
	border-radius: 20px;
	border: 1px solid var(--text-white) 12;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	font-size: 16px;
	line-height: 130%;
}

.ai-message--user {
	align-self: flex-end;
	color: #fff;
}

.ai-message--bot {
	align-self: flex-start;
	color: #e5c754;
}

.ai-quick {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.ai-quick button {
	padding: 20px 22px;
	border-radius: 20px;
	border: 1px solid #ffffff12;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.ai-form {
	width: 100%;
	max-width: 690px;
	margin-top: 41px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 141px;
	padding: 0 16px;
}

.ai-input-wrap {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 76px;
	padding: 0 76px 0 70px;
	border-radius: 14px;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	box-shadow:
		0px 34px 154px 0px #fd220038,
		0px 14px 64px 0px #fdca0030,
		0px 4px 14px -6px #fff53930,
		0px 4px 64px 0px #fda0000d inset;
	transition: box-shadow 0.3s ease;
}
.ai-input-wrap::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;

	background: linear-gradient(0deg, rgba(255, 166, 11, 0.3) 0%, rgba(153, 99, 7, 0.12) 100%);

	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;

	pointer-events: none;
	z-index: 2;
}

.clients-ai-section .ai-input {
	width: 100%;
	height: 317px;
	min-height: 317px;

	resize: none;
	transition:
		height 0.35s ease,
		min-height 0.35s ease,
		padding 0.35s ease;
}
.clients-ai-section.is-chat-active .ai-form {
	width: 100%;
	max-width: 690px;
	margin-bottom: 0;
}
.clients-ai-section.is-chat-active .ai-input {
	height: 76px;
	min-height: 76px;
	scrollbar-width: none;
}

.ai-input-wrap:hover,
.ai-input-wrap:focus-within {
	box-shadow:
		40px 34px 154px 0px #fd220080,
		-10px 14px 64px 0px #fdca0059,
		0px 4px 14px -6px #fff53930,
		0px 4px 64px 0px #fda0000d inset;
}

.ai-input-star {
	position: absolute;
	left: 24px;
	top: 50%;
	transform: translateY(-50%);
}

.ai-input {
	width: 100%;
	border: none;
	outline: none;
	background: transparent;
	color: #fff;
	caret-color: #e5c754;
	font-size: 18px;
}

.ai-input::placeholder {
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255, 226, 82, 0.6) 0%, rgba(255, 255, 255, 0.4) 20.31%, rgba(255, 255, 255, 0.1) 100%);
	-webkit-text-fill-color: transparent;
}

.ai-input-wrap:hover .ai-input::placeholder,
.ai-input:focus::placeholder {
	color: #e5c754;
}

.ai-submit {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	opacity: 0.4;
	transition: opacity 0.3s ease;
}

.ai-input-wrap.is-active .ai-submit {
	display: block;
}

.ai-input-wrap.has-text .ai-submit {
	opacity: 1;
}

/* футер */
.footer {
	height: 450px;
	padding: 80px 0;
	color: #fff;
	position: relative;
}

body:has(.ai-section) footer::after {
	content: "";
	position: absolute;
	left: max(12px, calc((100vw - 1320px) / 2));
	right: max(12px, calc((100vw - 1320px) / 2));
	top: 0;
	height: 1px;
	background: rgb(255 255 255 / 10%);
}
.career-page footer::after {
	content: "";
	position: absolute;
	left: max(12px, calc((100vw - 1320px) / 2));
	right: max(12px, calc((100vw - 1320px) / 2));
	top: 0;
	height: 1px;
	background: rgb(255 255 255 / 10%);
}
.footer__inner {
	display: grid;
	grid-template-columns: 230px 1fr;
	gap: 120px;
}

.footer__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 250px;
}

.footer__logo {
	display: inline-flex;
}

.footer__bottom {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.footer__policy,
.footer__copy {
	margin: 0;
	color: #ffffff33;
	font-size: 15px;
	line-height: 130%;
	text-decoration: none;
	font-family: "ProximaNova";
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0%;
	transition: color 0.3s ease;
}

.footer__nav {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 100px;
	padding: 0;
}

.footer__col,
.footer__contacts {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.footer__col span,
.footer__contacts span {
	color: #ffffff33;
	font-size: 15px;
	line-height: 130%;
}

.footer__col a {
	color: #ffffff99;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0%;
	font-family: "ProximaNova";
}

.footer__socials a {
	font-family: "ProximaNova";
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0%;
	color: #ffffff99;
	transition: color 0.3s ease;
}

.footer__col a:hover,
.footer__socials a:hover,
.footer__phone:hover,
.footer__policy:hover {
	color: #fff;
}

.footer__phone {
	font-family: "ProximaNova";
	color: #ffffff99;
	font-weight: 600;
	font-size: 20px;
	line-height: 110%;
	text-decoration: none;
}

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

.banner__light-top-left {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1248' height='692' viewBox='0 0 1248 692' fill='none'%3E%3Cg opacity='0.11' filter='url(%23filter0_f_137_2548)'%3E%3Cellipse cx='264' cy='-235' rx='484' ry='427' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_2548' x='-720' y='-1162' width='1968' height='1854' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_137_2548'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}
.section-top .ai-section__box {
	height: auto;
}

.clients-ai-section .ai-section__box {
	padding: 80px;
	border-radius: 20px;

	background:
		url("/img/ai-section-bg.png") bottom right / cover no-repeat,
		linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
}

.clients-ai-section .ai-section__title {
	font-size: clamp(28px, 4vw, 50px);
	text-align: start;
}
.clients-ai-section .ai-section__subtitle {
	font-size: 20px;
	text-align: start;
}
.clients-ai-section .ai-form {
	max-width: 100%;
}

.clients-ai-section .ai-input-star {
	top: 40px;
}
textarea.ai-input {
	padding: 25px 10px;
	font-size: 26px;
	transition: all 0.3s ease-in-out;
}
.clients-ai-section.is-chat-active .ai-input-wrap textarea.ai-input {
	padding: 20px 10px;
}
.clients-ai-section .ai-input::placeholder {
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(90deg, rgba(255, 226, 82, 0.6) 0%, rgba(255, 255, 255, 0.4) 20.31%, rgba(255, 255, 255, 0.1) 100%);
	-webkit-text-fill-color: transparent;
	font-size: 26px;
}
.clients-ai-section .ai-submit {
	top: 50px;
	transition: all 0.3s ease-in-out;
}

.clients-ai-section.is-chat-active .ai-input-wrap .ai-submit {
	top: 50%;
}

.algorithm-work-section {
	padding: 129px 0;
}
.algorithm-work-section .section-title {
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	vertical-align: bottom;
}
.algorithms-wrap {
	display: flex;
	gap: 63px;
}
.number-step {
	font-family: JetBrainsMono;
	font-size: clamp(45px, 4vw, 70px);
	line-height: 100%;
	letter-spacing: unset;
	margin-bottom: 15px;
}
.name-step {
	font-weight: 600;
	font-size: clamp(22px, 4vw, 24px);
	line-height: 140%;
	letter-spacing: -1%;
	margin-bottom: 3px;
}
.desc-step {
	font-size: clamp(14px, 4vw, 18px);
	line-height: 140%;
	letter-spacing: -1%;
	color: #ffffff66;
}
.desc-step span {
	color: #ffffffcc;
}
.questions-section {
	padding: 106px 0;
	background: #141414;
}
.questions-section .section-title {
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 14px;
}
.questions-section .section__text {
	font-size: clamp(14px, 4vw, 20px);
	line-height: 160%;
	letter-spacing: -1%;
	margin-bottom: 30px;
}
.questions-accordion {
	--bs-accordion-bg: transparent;
	--bs-accordion-border-color: transparent;
	--bs-accordion-border-width: 0;
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-active-bg: transparent;
	--bs-accordion-active-color: #fff;
}

.questions-accordion__item {
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 7%);
	border-radius: 20px;
	background: transparent;
	transition: all 0.3s ease-in-out;
}

.questions-accordion__item + .questions-accordion__item {
	margin-top: 12px;
}

.questions-accordion__button {
	padding: 26px;
	border: none;
	background: transparent;
	box-shadow: none;
	display: flex;
	align-items: center;
	color: rgb(255 255 255 / 50%);
	font-size: clamp(20px, 4vw, 25px);
	line-height: 100%;
	letter-spacing: -0.04em;
	transition:
		color 0.25s ease,
		padding-bottom 0.25s ease;
}

.questions-accordion__button:not(.collapsed) {
	color: #fff;
	background: transparent;
	box-shadow: none;
	padding-bottom: 8px;
}

.questions-accordion__button::after {
	display: none;
}

.questions-accordion__button:hover {
	color: #fff;
}

.questions-accordion__body {
	padding: 0 26px 26px;
	color: rgb(255 255 255 / 50%);
	font-size: clamp(15px, 4vw, 18px);
	line-height: 130%;
	letter-spacing: -0.01em;
}

.questions-accordion__item:has(.accordion-collapse.show) {
	background: repeating-linear-gradient(-45deg, rgb(255 255 255 / 3%) 0, rgb(255 255 255 / 3%) 1px, transparent 1px, transparent 10px);
}
.questions-section__inner {
	display: flex;
	gap: 65px;
}
.questions-left {
	max-width: 447px;
}
.questions-right {
	width: 100%;
}
.questions-right .accordion-item {
	border-radius: 20px;
	border: 1px solid #ffffff12;
	transition: all 0.3s ease-in-out;
}
.questions-right .accordion-item:hover {
	border: 1px solid #ffffff33 !important;
}
.questions-right .accordion-item:not(:first-of-type) {
	border-top: 1px solid #ffffff12;
}
.instructions-section {
	padding: 106px 0;
}
.instructions-section .section-title {
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 14px;
}
.instructions-section .section__text {
	font-size: clamp(14px, 4vw, 20px);
	line-height: 160%;
	letter-spacing: -1%;
	margin-bottom: 30px;
}
.instructions-section__inner {
	display: flex;
	gap: 65px;
}
.instructions-left {
	max-width: 447px;
}
.instructions-right {
	width: 100%;
}
.instructions-right {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.instruction-box {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 26px 30px;
	border-radius: 24px;
	border: 1px solid rgb(255 255 255 / 7%);
	background: linear-gradient(180deg, rgb(255 255 255 / 0.02) 0%, rgb(255 255 255 / 0.01) 100%);
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}
.instruction-box:hover {
	border: 1px solid #ffffff33;
}

.instruction-box__icon {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='14' ry='14' stroke='%23EBBB13' stroke-width='2' stroke-dasharray='8%2c 10' stroke-linecap='round'/%3e%3c/svg%3e");
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.instruction-box__icon::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 14px;
	background:
		repeating-linear-gradient(135deg, rgb(255 255 255 / 0.05) 0, rgb(255 255 255 / 0.05) 4px, transparent 4px, transparent 7px),
		radial-gradient(circle at center, rgb(255 204 0 / 0.12) 0%, rgb(255 204 0 / 0.04) 45%, transparent 100%);
	box-shadow:
		0 0 30px rgb(255 204 0 / 0.15),
		inset 0 0 20px rgb(255 204 0 / 0.04);
	z-index: 1;
}

.instruction-box__icon svg {
	position: relative;
	z-index: 2;
	margin-top: 0.5rem;
}

.instruction-box__content {
	display: flex;
	flex-direction: column;
}

.instruction-box__title {
	color: #fff;
	font-family: "ProximaNova";
	font-weight: 600;
	font-size: clamp(18px, 4vw, 23px);
	line-height: 100%;
	letter-spacing: -4%;
}

.instruction-box__meta {
	margin-top: 6px;
	color: rgb(255 255 255 / 50%);
	font-family: "ProximaNova";
	font-size: clamp(14px, 4vw, 18px);
	line-height: 130%;
	letter-spacing: -1%;
}
.blog-section__inner {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.blog-main-card {
	display: grid;
	min-height: 415px;
	position: relative;
}

.blog-main-card__image {
	height: 100%;
	border-radius: 30px;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.blog-main-card__image img,
.blog-card__image {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.blog-main-card__content {
	padding: 30px;
	margin-left: 640px;
}
.blog-main-card__content .blog-card__title {
	font-size: clamp(28px, 4vw, 50px);
}
.blog-main-card__content .blog-card__text {
	margin-bottom: 78px;
}
.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.blog-more-btn {
	width: 100%;
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 1px solid #ffffff1a;
	border-radius: 6px;
	background: transparent;
	color: var(--text-white);
	font-family: "JetBrainsMono";
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.blog-more-btn:hover {
	border: 1px solid #ffffff33;
}
.blog-card {
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}

.blog-card.is-hidden {
	opacity: 0;
	transform: translateY(16px);
	pointer-events: none;
}

.blog-card.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* отдельная страница блога */
.blog-detail__wrap {
	display: flex;
	gap: 55px;
	margin-top: 57px;
}
.blog-detail {
	padding: 140px 0 120px;
	color: #fff;
	background: #0f0f0f;
}

.blog-detail__inner {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 70px;
	align-items: flex-start;
}

.blog-detail__aside {
	position: sticky;
	top: 90px;
	align-self: flex-start;
	display: grid;
	gap: 34px;
}

.blog-detail__aside-title {
	margin: 0;
	font-weight: 600;
	font-size: clamp(33px, 4vw, 70px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.blog-detail__categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 175px;
	padding-top: 10px;
}

.blog-detail__category {
	color: #ffffff;
	text-decoration: none;
	transition: color 0.25s ease;
	font-family: JetBrainsMono;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: all 0.3s ease-in-out;
}
.blog-detail__category svg {
	margin-bottom: 0.2rem;
}

.blog-detail__category svg path {
	transition: all 0.3s ease-in-out;
}
.blog-detail__category:hover,
.blog-detail__category.is-active,
.blog-detail__category:hover svg path,
.blog-detail__category.is-active svg path {
	color: #ffd149;
	fill: #ffd149;
}

.blog-detail__content {
	min-width: 0;
}

.blog-detail__article {
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgb(255 255 255 / 7%);
	background: #191919;
}

.blog-detail__article-head {
	padding: 50px;
}

.blog-detail__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 38px;
	color: rgb(255 255 255 / 45%);
	font-family: "JetBrainsMono", monospace;
	font-size: 15px;
	line-height: 150%;
	text-transform: uppercase;
}
.read-time {
	color: #ffffff33;
}
.blog-detail__title {
	margin: 0 0 20px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.blog-detail__lead {
	max-width: 920px;
	margin: 0;
	color: rgb(255 255 255 / 70%);
	font-size: clamp(17px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -0.01em;
}

.blog-detail__hero {
	width: 100%;
	height: 520px;
}

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

.blog-detail__body {
	padding: 50px;
}

.blog-detail__body h2 {
	margin: 0 0 22px;
	font-weight: 600;
	font-size: clamp(22px, 4vw, 35px);
	line-height: 110%;
	letter-spacing: -0.04em;
	color: #fff;
}

.blog-detail__body h3 {
	margin: 40px 0 18px;
	font-weight: 600;
	font-size: clamp(18px, 4vw, 25px);
	line-height: 110%;
	letter-spacing: -0.04em;
	color: #fff;
}

.blog-detail__body p {
	margin: 0 0 18px;
	color: rgb(255 255 255 / 70%);
	font-size: clamp(17px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -0.01em;
}

.blog-detail__quote {
	margin: 44px 0;
	padding: 20px 30px;
	border-left: 2px solid #ebbb13;
	background: repeating-linear-gradient(-45deg, rgb(255 255 255 / 3%) 0, rgb(255 255 255 / 3%) 1px, transparent 1px, transparent 10px);
	color: #fff;
	font-family: JetBrainsMono, monospace;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 150%;
}

.blog-detail__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.blog-detail__list li {
	position: relative;
	padding-left: 24px;
	color: rgb(255 255 255 / 70%);
	font-size: clamp(15px, 4vw, 18px);
	line-height: 140%;
}

.blog-detail__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	background: #ffd149;
	transform: rotate(45deg);
}

.blog-offer {
	margin-top: 50px;
	padding: 52px 50px;
	border-radius: 20px;
	border: 1px solid #ffffff12;
	background-image: url(/img/blog-offer-form-bg.png), linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	background-repeat: no-repeat no-repeat;
	background-size: 100%;
	background-position: bottom right;
}

.blog-offer__title {
	margin: 0 0 16px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.blog-offer__text {
	max-width: 760px;
	margin: 0 0 34px;
	color: rgb(255 255 255 / 70%);
	font-size: clamp(14px, 4vw, 18px);
	line-height: 150%;
}
.blog-offer .form-field {
	max-width: 250px;
}
.blog-offer .contacts-feedback__form .form-input-wrap:first-child {
	display: flex;
}
.blog-offer .contacts-feedback__input {
	padding: 20px 40px 20px 50px;
	height: 60px;
	font-size: 14px;
}
.blog-offer .blog-offer_input {
	position: relative;
	border-radius: 8px;
	box-shadow:
		0px 14px 30px 0px #fd22001f,
		0px 10px 20px 0px #fdca0012,
		0px 4px 14px -6px #fff53930;
}
.blog-offer .blog-offer_input::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(0deg, rgba(255, 166, 11, 0.3) 0%, rgba(153, 99, 7, 0.12) 100%);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.blog-offer .contacts-feedback__form .btn-default {
	height: 55px;
	margin: 0;
	border: none;
	align-self: center;
}
.blog-offer .form-field:has(input:focus) label,
.blog-offer .form-field:has(input:not(:placeholder-shown)) label,
.blog-offer .form-field.is-error label {
	top: 10px;
	left: 50px;
	transform: none;
	font-size: 10px;
}
.blog-offer .name-field .form-field__error {
	top: 10px;
	left: 113px !important;
}
.blog-offer .tel-field .form-field__error {
	top: 10px;
	left: 107px !important;
}
.blog-detail__gallery {
	position: relative;
	margin: 44px -50px;
	overflow: hidden;
}

.blog-detail__gallery::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 420px;
	height: 346px;
	pointer-events: none;
	z-index: 4;
	background: linear-gradient(90deg, #19191900 0%, #191919 100%);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	-webkit-mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	mask-image: linear-gradient(to right, #19191900 0%, #191919 47.43%, #191919 100%);
	transition: all 0.3s ease-in-out;
}

.blog-detail__gallery.slider-end::after {
	width: 0;
	opacity: 0;
}

.blog-detail__gallery-item {
	position: relative;
	overflow: hidden;
	height: 260px;
}

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

.blog-detail__gallery-btn {
	position: absolute;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(15 15 15 / 45%);
	backdrop-filter: blur(20px);
	cursor: pointer;
	transition:
		opacity 0.3s ease,
		background 0.3s ease,
		border-color 0.3s ease;
}

.blog-detail__gallery-btn:hover {
	border-color: rgb(255 255 255 / 18%);
	background: rgb(255 255 255 / 8%);
}

.blog-detail__gallery-btn.swiper-button-disabled {
	opacity: 0;
	pointer-events: none;
}

.blog-detail__gallery-prev {
	left: 24px;
}

.blog-detail__gallery-next {
	right: 24px;
}

.blog-detail__play {
	position: absolute;
	right: 26px;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);

	width: 54px;
	height: 54px;
	border: none;
	border-radius: 18px;
	background: rgb(255 255 255 / 8%);
	color: #fff;

	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}

.blog-detail__article--bottom {
	margin-top: 50px;
}

.blog-author {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 54px;
	padding-top: 34px;
	border-top: 1px solid rgb(255 255 255 / 8%);
}
.blog-author__wrap {
	display: flex;
	gap: 20px;
}

.blog-author__image {
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 20px;
}

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

.blog-author__info {
	min-width: 0;
}

.blog-author__name {
	margin-bottom: 2px;
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	line-height: 110%;
	letter-spacing: -0.03em;
}

.blog-author__position {
	color: #ffffff4d;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: -0.01em;
}

.blog-author__socials {
	margin-left: auto;
	display: flex;
	gap: 10px;
}

.blog-author__socials a {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: #fff;
	color: #0f0f0f;

	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.blog-detail-cases {
	margin-top: 80px;
	overflow: hidden;
	padding-bottom: 117px;
	position: relative;
}
.blog-detail-cases::after {
	content: "";
	position: absolute;
	top: 13%;
	right: 0;
	width: 420px;
	height: 520px;
	pointer-events: none;
	z-index: 11;
	background: linear-gradient(90deg, #19191900 0%, #191919 100%);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	-webkit-mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	mask-image: linear-gradient(to right, #19191900 0%, #191919 47.43%, #191919 100%);
	transition: all 0.3s ease-in-out;
}
.blog-detail-cases.slider-end::after {
	width: 0;
	opacity: 0;
}
.blog-detail-cases__inner {
	padding-left: 240px;
}
.blog-detail-cases__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 34px;
}

.blog-detail-cases__title {
	margin: 0;
	color: #fff;
	font-weight: 600;
	font-size: 50px;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.blog-detail-cases__nav {
	display: flex;
	gap: 10px;
}

.blog-detail-cases__btn {
	width: 54px;
	height: 54px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(255 255 255 / 3%);

	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;
	transition:
		opacity 0.3s ease,
		background 0.3s ease,
		border-color 0.3s ease;
}

.blog-detail-cases__btn:hover {
	border-color: rgb(255 255 255 / 18%);
	background: rgb(255 255 255 / 6%);
}

.blog-detail-cases__btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.blog-detail-cases__slider {
	overflow: visible;
}

.blog-detail-cases .blog-card {
	height: auto;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
}

.blog-detail-cases .blog-card__img {
	width: 100%;
	height: 200px;
	display: block;
	object-fit: cover;
	border-radius: 13px;
}

.blog-detail-cases .blog-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.container:has(.blog-detail__wrap) .breadcrumbs {
	margin-top: 85px;
}
/*  */

.contacts-card {
	padding: 40px;
	border: 1px solid var(--text-white) 12;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	width: 100%;
	max-width: 518px;
	border-radius: 20px;
}
.contacts-card__title {
	font-weight: 600;
	font-size: clamp(20px, 4vw, 30px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: clamp(10px, 4vw, 30px);
}
.contacts-section__inner {
	display: grid;
	grid-template-columns: minmax(0, 518px) minmax(0, 1fr);
	gap: 18px;
	align-items: stretch;
}
.contacts-map-card {
	grid-column: 2;
	grid-row: 1 / span 3;

	max-width: none;
	width: 100%;
	height: 100%;

	display: flex;
	flex-direction: column;
}

.contacts-list__item a {
	color: #ffffffb2;
	font-family: ProximaNova;
	font-size: clamp(16px, 4vw, 18px);
	line-height: 140%;
	letter-spacing: -1%;
}
.contacts-list__item {
	display: flex;
	gap: 10px;
	align-items: center;
	color: #ffffffb2;
}
.contacts-list__icon {
	display: contents;
}
.contacts-list__icon svg {
	flex-shrink: 0;
}

.hr {
	border-top: 1px solid #ffffff1a;
	margin: 18px 0;
}
.contacts-right {
	width: 100%;
}
.contacts-address {
	display: flex;
	align-items: start;
	gap: 10px;
	color: #ffffffb2;
	font-weight: 400;
	font-size: clamp(16px, 4vw, 18px);
	line-height: 140%;
	letter-spacing: -1%;
}
.contacts-map {
	height: 615px;
	width: 100% !important;
	border: 1px solid #ffffff1a;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 30px;
}
.ymaps-2-1-79-map {
	width: 100% !important;
}

#contacts-map .ymaps-2-1-79-ground-pane {
	filter: grayscale(1) invert(0.72) brightness(0.85) contrast(1.75);
}

#contacts-map .ymaps-2-1-79-copyright,
#contacts-map .ymaps-2-1-79-map-copyrights-promo {
	display: none !important;
}
[class*="ymaps-2"][class*="-ground-pane"] {
	-webkit-filter: grayscale(100%);
}
.contacts-feedback__title {
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
}
.contacts-feedback__text {
	color: #ffffffb2;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 150%;
	letter-spacing: -1%;
	margin-bottom: clamp(20px, 4vw, 20px);
}
.contacts-feedback {
	border: 1px solid var(--text-white) 12;
	margin: 140px 0;
	padding: 50px;
	border-radius: 20px;
	background-image: url(/img/bg-cf.png), linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.contacts-feedback__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.contacts-feedback__form .form-input-wrap:first-child {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.contacts-feedback__form .btn-default {
	margin-top: 4px;
	align-self: flex-start;
}

@media (max-width: 991px) {
	.contacts-feedback__form .form-input-wrap:first-child {
		grid-template-columns: 1fr;
	}
}

/*  */
.banner__content h2 {
	color: var(--text-white);
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	vertical-align: bottom;
	margin-bottom: 17px;
}
.banner__text-dop {
	color: #ffffff99;
	font-size: clamp(14px, 4vw, 20px);
	line-height: 160%;
	letter-spacing: -1%;
}
.career-page .section-top .hr {
	margin: 72px 0;
}
.vacancies-section {
	padding-bottom: 138px;
}
.vacancies-section .section-title {
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	vertical-align: bottom;
	margin-bottom: 30px;
}
.vacancies-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.vacancies-item {
	padding: 40px 34px 34px;
	border: 1px solid var(--text-white) 12;
	border-radius: 14px;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0.5) -3.4%, #151515 71.44%);
}

.vacancies-item__department {
	margin-bottom: 28px;
	color: #ffffff33;
	font-family: "JetBrainsMono", monospace;
	font-size: clamp(14px, 4vw, 16px);
	line-height: 100%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}

.vacancies-item__title {
	font-weight: 600;
	font-size: clamp(20px, 4vw, 15px);
	line-height: 100%;
	letter-spacing: -4%;
}

.vacancies-item__text {
	margin: 0;
	color: #ffffffb2;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 140%;
	letter-spacing: -1%;
}

.vacancies-item__line {
	margin: 28px 0;
	height: 1px;
	background: #ffffff1a;
}

.vacancies-item__requirements-title {
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 14px;
}

.vacancies-item__list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vacancies-item__list li {
	position: relative;
	padding-left: 18px;
	color: #ffffffb2;
	font-size: clamp(15px, 4vw, 16px);
	line-height: 140%;
	letter-spacing: -1%;
}

.vacancies-item__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	color: #ffcc00;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4.44374 0.359075L4.5702 0.949981C4.83605 2.1928 5.8068 3.16399 7.05007 3.42983L7.64098 3.55629C8.11967 3.65871 8.11967 4.34135 7.64098 4.44376L7.05007 4.57023C5.80724 4.83607 4.83605 5.80681 4.5702 7.05007L4.44374 7.64098C4.34132 8.11967 3.65868 8.11967 3.55626 7.64098L3.4298 7.04963C3.16395 5.80681 2.1932 4.83562 0.949932 4.56978L0.359021 4.44332C-0.119674 4.3409 -0.119674 3.65826 0.359021 3.55585L0.949932 3.42938C2.19276 3.16354 3.16395 2.1928 3.4298 0.949535L3.55626 0.358629C3.65823 -0.119617 4.34132 -0.119617 4.44374 0.359075Z' fill='url(%23paint0_linear_137_3035)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_137_3035' x1='4.44752' y1='-0.89543' x2='4.44752' y2='8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6D76D'/%3E%3Cstop offset='1' stop-color='%23ECBC1A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	height: 8px;
	width: 8px;
}

.vacancies-item__buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 50px;
}

.vacancies-item__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 42px;
	padding: 0 18px;
	border-radius: 6px;
	font-family: JetBrainsMono, monospace;
	font-weight: 700;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.25s ease;
}

.vacancies-item__btn--primary {
	background: var(--text-white);
	color: #151515;
}

.vacancies-item__btn--outline {
	border: 1px solid #ffffff1a;
	background: transparent;
	color: var(--text-white);
}

.vacancies-item__btn:hover {
	opacity: 0.75;
}

@media (max-width: 991px) {
	.vacancies-wrap {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.vacancies-wrap {
		grid-template-columns: 1fr;
	}
}

.career-banner {
	padding-top: 120px;
	padding-bottom: 130px;
	height: 490px;
}

.career-banner .banner__text {
	margin-bottom: 47px;
	width: 50%;
}
.career-banner__img-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	right: 0px;
}

.interaction-section {
	padding: 130px 0;
}
.interaction-section .section-title {
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 14px;
}

.interaction-section .section-text {
	margin-bottom: clamp(15px, 4vw, 33px);
	color: #ffffff99;
	font-size: clamp(14px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -1%;
}
.interaction-section__inner {
	display: flex;
	gap: 105px;
}
.interaction-left {
	max-width: 580px;
}
.interaction-right {
	position: relative;
	width: 500px;
	height: 360px;
	margin: auto;
}

.interaction-right__image {
	position: absolute;
	width: 500px;
	height: 305px;
	border: 1px solid #ffffff1a;
	border-radius: 10px;
	overflow: hidden;
	background: #0f0f0f;
}

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

.interaction-right__image--back {
	top: 20px;
	left: -40px;
	z-index: 1;
	transform: rotate(-7deg);
	opacity: 0.7;
}

.interaction-right__image--front {
	top: 0;
	left: 40px;
	z-index: 2;
	transform: rotate(7deg);
}
.contacts-form-section {
	padding-top: 96px;
	padding-bottom: 74px;
}
.contacts-form-section .contacts-feedback {
	background: transparent;
}
.partners {
	padding-bottom: 205px;
}

.partners__inner {
	display: grid;
	grid-template-columns: 190px 1fr;
	gap: 48px;
}

.partners-tabs {
	position: sticky;
	top: 120px;
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.partners-tabs__btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	font-family: JetBrainsMono, monospace;
	font-weight: 500;
	font-size: 13px;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	transition: all 0.2s ease;
}

.partners-tabs__btn.is-active {
	color: #ffcc00;
	opacity: 1;
}
.partners-tabs__btn.is-active svg path {
	fill: #ffcc00;
}

.partners__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 30px;
}

.partners__title {
	margin: 0 0 12px;
	color: #fff;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 40px);
	line-height: 100%;
	letter-spacing: -0.04em;
}

.partners__text {
	max-width: 640px;
	margin: 0;
	color: #ffffffb2;
	font-size: clamp(14px, 4vw, 17px);
	line-height: 140%;
	letter-spacing: -0.02em;
}

.partners-content {
	position: relative;
}

.partners-panel {
	position: absolute;
	inset: 0;
	width: 100%;

	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);

	transition:
		opacity 0.4s ease,
		transform 0.4s ease,
		visibility 0.4s ease;

	pointer-events: none;
}

.partners-panel.is-active {
	position: relative;

	opacity: 1;
	visibility: visible;
	transform: translateY(0);

	pointer-events: auto;
}

.partners-list {
	display: grid;
	gap: 16px;
}

/* длинные карточки */
.partners-list--wide .partner-card {
	display: grid;
	grid-template-columns: 355px 1fr;
	align-items: center;
	min-height: 140px;
	padding: 8px;
}

.partners-list--wide .partner-card__logo {
	height: 170px;
	width: 355px;
}

.partners-list--wide .partner-card__body {
	padding: 0 28px;
}

/* карточки 4 в ряд */
.partners-list--grid {
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.partners-list--grid .partner-card {
	min-height: 180px;
}

.partners-list--grid .partner-card__logo {
	margin: 8px 8px 0px;
	height: 140px;
	border: 1px solid #ffffff0d;
}

.partners-list--grid .partner-card__body {
	padding: 30px;
}

.partners-list--grid .partner-card__title {
	font-weight: 600;
	font-size: clamp(22px, 4vw, 25px);
	line-height: 100%;
	letter-spacing: -4%;
}

.partners-list--grid .partner-card__title-desc {
	margin-top: 2px;
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -1%;
}

.partner-card {
	border: 1px solid #ffffff12;
	border-radius: 14px;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0.5) -3.4%, #171717 71.44%);
	overflow: hidden;
}

.partner-card__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: #242424;
}
.partner-card__top {
	display: flex;
	align-items: center;
	gap: 18px;
}

.partner-card__title {
	color: #fff;
	font-weight: 600;
	font-size: clamp(22px, 4vw, 30px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 0;
}
.partner-card__hr {
	height: 22px;
	border-left: 1px solid #ffffff26;
}

.partner-card__title-desc {
	color: #ffffff4d;
	font-weight: 600;
	font-size: clamp(20px, 4vw, 30px);
	line-height: 100%;
	letter-spacing: -4%;
}

.partner-card__text {
	margin: 12px 0 0;
	max-width: 783px;
	color: #ffffff4d;
	font-size: 18px;
	line-height: 130%;
	letter-spacing: -1%;
}
.ya-bg {
	background: #fc3f1d;
}
.t-bank-bg {
	background: #ffdd2d;
}
.ozon-bg {
	background: #005bff;
}
.sdek-bg {
	background: #00b33c;
}

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

.form-input-wrap:has(.contacts-feedback__textarea) {
	grid-template-columns: 1fr;
}

.form-field {
	position: relative;
}

.form-field::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 2;
	pointer-events: none;
}

.msg-field::before {
	top: 26px;
	transform: none;
	width: 22px;
	height: 19px;
}

.contacts-feedback__input,
.contacts-feedback__textarea {
	width: 100%;
	border: 2px solid #ffffff1a;
	border-radius: 8px;
	caret-color: #e5c754;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0.5) -3.4%, #242424 71.44%);

	padding: 34px 26px 18px 58px;

	color: #fff;
	outline: none;
	transition: 0.25s ease;
}

.contacts-feedback__textarea {
	min-height: 155px;
	resize: none;
}

.name-field::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath d='M9 0C3.90662 0 1.03125 3.35464 1.03125 6.91797V9.44531C0.611947 9.76731 0 10.3557 0 11.541C0 13.5118 1.42576 14.3236 1.87109 14.5527C2.31659 16.198 3.33004 17.5508 4.59766 18.4668C5.95809 19.4498 7.54821 19.998 9 19.998C10.4518 19.998 12.0401 19.4498 13.4004 18.4668C14.6679 17.5509 15.683 16.1979 16.1289 14.5527C16.5742 14.3236 18 13.5118 18 11.541C18 10.3557 17.3881 9.76731 16.9688 9.44531V6.91797C16.9688 3.35464 14.0934 0 9 0ZM9 1.5C13.4686 1.5 15.4688 4.1213 15.4688 6.91797V10.2344L15.8789 10.4434C15.8789 10.4434 16.5 10.7181 16.5 11.541C16.5 12.8865 15.252 13.377 15.252 13.377L14.8867 13.5293L14.8066 13.916C14.5192 15.2993 13.6401 16.445 12.5234 17.252C11.4067 18.0589 10.0572 18.498 9 18.498C7.94279 18.498 6.59338 18.0589 5.47656 17.252C4.35974 16.445 3.48036 15.2991 3.19336 13.916L3.11328 13.5293L2.74805 13.377C2.74805 13.377 1.5 12.8865 1.5 11.541C1.5 10.7181 2.12109 10.4434 2.12109 10.4434L2.53125 10.2344V6.91797C2.53125 4.1213 4.53138 1.5 9 1.5ZM10.4297 4L10.252 4.5C10.252 4.5 8.94454 8.5 4 8.5V10C8.50451 10 10.2043 7.4468 10.9297 6.10547C11.4415 7.0441 12.2827 8.29008 13.9199 8.93164L14.4668 7.53516C12.9008 6.92148 11.7324 4.45898 11.7324 4.45898L11.5391 4H10.4297Z' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E");
}

.tel-field::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M13.4707 0V1.5C17.0694 1.5 19.9707 4.40135 19.9707 8H21.4707C21.4707 3.59066 17.8801 0 13.4707 0ZM6.61914 0.496094L0 2.88672L0.0917969 3.49414C0.0917969 3.49414 1.10969 10.552 6.01367 15.457C10.9178 20.3611 17.9766 21.3789 17.9766 21.3789L18.584 21.4707L20.9766 14.8516L14.7715 12.2695L12.3125 14.625C11.8573 14.3173 10.4062 13.3652 9.25586 12.2148C8.10473 11.0637 7.1504 9.61197 6.84375 9.1582L9.20313 6.70117L6.61914 0.496094ZM5.7832 2.39258L7.44141 6.37109L4.89844 9.01953L5.22656 9.51953C5.22656 9.51953 6.67995 11.76 8.19531 13.2754C9.71067 14.7908 11.9531 16.2461 11.9531 16.2461L12.4531 16.5723L15.1016 14.0313L19.0801 15.6875L17.6152 19.7344C16.7382 19.5784 11.2037 18.526 7.07422 14.3965C2.94459 10.266 1.89228 4.73237 1.73633 3.85547L5.7832 2.39258ZM13.4707 4V5.5C14.8604 5.5 15.9707 6.61029 15.9707 8H17.4707C17.4707 5.79971 15.671 4 13.4707 4Z' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E");
}

.email-field::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M10 0C4.48903 0 0 4.48903 0 10C0 15.511 4.48903 20 10 20H15.2188C15.3181 20.0014 15.4168 19.983 15.509 19.946C15.6013 19.9089 15.6852 19.8539 15.756 19.7841C15.8268 19.7143 15.883 19.6312 15.9213 19.5395C15.9597 19.4478 15.9794 19.3494 15.9794 19.25C15.9794 19.1506 15.9597 19.0522 15.9213 18.9605C15.883 18.8688 15.8268 18.7857 15.756 18.7159C15.6852 18.6461 15.6013 18.5911 15.509 18.554C15.4168 18.517 15.3181 18.4986 15.2188 18.5H10C5.30097 18.5 1.5 14.699 1.5 10C1.5 5.30097 5.30097 1.5 10 1.5C14.6988 1.5 18.3583 5.29889 18.5 10.0234C18.517 10.6046 18.5312 11.0666 18.5312 11.5879C18.5312 12.6465 17.6741 13.5332 16.6309 13.5332C15.6254 13.5332 14.8221 12.7695 14.7422 11.7871C14.9479 11.2401 15.0762 10.6556 15.0762 10.0391C15.0762 7.26889 12.8023 5.00781 10.0254 5.00781C7.24929 5.00781 4.97461 7.26889 4.97461 10.0391C4.97461 12.8092 7.24905 15.0723 10.0254 15.0723C11.5 15.0723 12.8204 14.4233 13.7461 13.4102C14.3482 14.3787 15.4135 15.0332 16.6309 15.0332C18.5156 15.0332 20.0312 13.4573 20.0312 11.5879C20.0312 11.0398 20.017 10.5603 20 9.97852V9.97656C19.8357 4.49516 15.5112 0 10 0ZM10.0254 6.66797C11.9085 6.66797 13.418 8.17124 13.418 10.0391C13.418 11.9069 11.9082 13.4141 10.0254 13.4141C8.14373 13.4141 6.63281 11.9069 6.63281 10.0391C6.63281 8.17124 8.14349 6.66797 10.0254 6.66797Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E");
}

.msg-field::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M11 0C5.01273 0 0 3.94038 0 9C0 11.3843 1.20129 13.4991 3.00586 15.0879V18.2266C3.00584 18.4025 3.06764 18.5728 3.18046 18.7077C3.29328 18.8427 3.44993 18.9337 3.62305 18.9648C3.62305 18.9648 4.21402 19.0575 4.95312 18.8555C5.605 18.6773 6.43541 18.209 7.27539 17.4004C8.4488 17.7489 9.68287 18 11 18C16.9873 18 22 14.0596 22 9C22 3.93949 16.9873 0 11 0ZM11 1.5C16.3347 1.5 20.5 4.94651 20.5 9C20.5 13.0524 16.3347 16.5 11 16.5C9.68213 16.5 8.43029 16.2871 7.29297 15.9043C7.15514 15.8579 7.00681 15.8526 6.86602 15.889C6.72524 15.9255 6.59807 16.002 6.5 16.1094C5.723 16.96 5.03524 17.2779 4.55859 17.4082C4.52111 17.4184 4.53986 17.4059 4.50586 17.4141V14.8359C4.50587 14.7239 4.48078 14.6133 4.43245 14.5123C4.38412 14.4112 4.31377 14.3223 4.22656 14.252C2.51457 12.8746 1.5 11.028 1.5 9C1.5 4.94762 5.66527 1.5 11 1.5ZM7 8.01367C6.73478 8.01367 6.48043 8.11903 6.29289 8.30657C6.10536 8.4941 6 8.74846 6 9.01367C6 9.27889 6.10536 9.53324 6.29289 9.72078C6.48043 9.90831 6.73478 10.0137 7 10.0137C7.26522 10.0137 7.51957 9.90831 7.70711 9.72078C7.89464 9.53324 8 9.27889 8 9.01367C8 8.74846 7.89464 8.4941 7.70711 8.30657C7.51957 8.11903 7.26522 8.01367 7 8.01367ZM11 8.01367C10.7348 8.01367 10.4804 8.11903 10.2929 8.30657C10.1054 8.4941 10 8.74846 10 9.01367C10 9.27889 10.1054 9.53324 10.2929 9.72078C10.4804 9.90831 10.7348 10.0137 11 10.0137C11.2652 10.0137 11.5196 9.90831 11.7071 9.72078C11.8946 9.53324 12 9.27889 12 9.01367C12 8.74846 11.8946 8.4941 11.7071 8.30657C11.5196 8.11903 11.2652 8.01367 11 8.01367ZM15 8.01367C14.7348 8.01367 14.4804 8.11903 14.2929 8.30657C14.1054 8.4941 14 8.74846 14 9.01367C14 9.27889 14.1054 9.53324 14.2929 9.72078C14.4804 9.90831 14.7348 10.0137 15 10.0137C15.2652 10.0137 15.5196 9.90831 15.7071 9.72078C15.8946 9.53324 16 9.27889 16 9.01367C16 8.74846 15.8946 8.4941 15.7071 8.30657C15.5196 8.11903 15.2652 8.01367 15 8.01367Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E");
}

.contacts-feedback__input:hover,
.contacts-feedback__textarea:hover {
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0.25) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
}

.contacts-feedback__input:focus,
.contacts-feedback__textarea:focus {
	border: 2px solid #ecbc1a40;

	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0.25) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);

	box-shadow: 0px 10px 20px 0px #fdca0012;
}

.contacts-feedback__input::placeholder,
.contacts-feedback__textarea::placeholder {
	opacity: 0;
}

.form-field label {
	position: absolute;
	left: 58px;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff66;
	font-family: "JetBrainsMono", monospace;
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	pointer-events: none;
	transition: 0.25s ease;
}

.msg-field label {
	top: 26px;
	transform: none;
}

.form-field:has(input:focus) label,
.form-field:has(textarea:focus) label,
.form-field:has(input:not(:placeholder-shown)) label,
.form-field:has(textarea:not(:placeholder-shown)) label,
.form-field.is-error label {
	top: 18px;
	transform: none;
	font-size: 10px;
}

.form-field__error {
	position: absolute;
	left: 126px;
	top: 18px;
	color: #ec4f1a;

	font-family: "JetBrainsMono", monospace;
	font-size: 10px;
	line-height: 100%;
	text-transform: uppercase;
	opacity: 0;
	pointer-events: none;
}
.name-field .form-field__error {
	left: 123px;
}
.tel-field .form-field__error {
	left: 115px;
}
.form-field__error:before {
	content: "";
	background: #bfbfbf66;
	width: 3px;
	height: 3px;
	top: 3px;
	border-radius: 50%;
	left: -10px;
	z-index: 2;
	position: absolute;
}
.form-field.is-error .contacts-feedback__input,
.form-field.is-error .contacts-feedback__textarea {
	caret-color: #ec4f1a;
}
.form-field.is-error .contacts-feedback__input,
.form-field.is-error .contacts-feedback__textarea {
	--field-bg: linear-gradient(233.11deg, rgba(36, 36, 36, 0.25) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	border: 2px solid #ec4f1a40;
	box-shadow: 0px 10px 20px 0px #ec4f1a12;
}

.form-field.is-error .form-field__error {
	opacity: 1;
}
.contacts-feedback__input:-webkit-autofill,
.contacts-feedback__input:-webkit-autofill:hover,
.contacts-feedback__input:-webkit-autofill:focus {
	-webkit-text-fill-color: #fff;
	caret-color: #fff;

	-webkit-box-shadow: 0 0 0 1000px #242424 inset;
	box-shadow: 0 0 0 1000px #242424 inset;

	transition: background-color 9999s ease-in-out 0s;
}

.msg-field .contacts-feedback__textarea:-webkit-autofill,
.msg-field .contacts-feedback__textarea:-webkit-autofill:hover,
.msg-field .contacts-feedback__textarea:-webkit-autofill:focus {
	background-position:
		20px 25px,
		center !important;
	background-size:
		22px 19px,
		cover !important;
}
section.blog-section {
	margin-bottom: 162px;
}
.blog-page .filters {
	border-bottom: none;
	padding-bottom: 52px;
}
.blog-page section.section-top {
	padding-bottom: 0;
}
.blog-page .ai-section {
	padding-top: 136px;
}
.blog-page .blog-card__title,
.single-page .blog-card__title {
	font-size: clamp(22px, 4vw, 25px);
}
.blog-page .blog-card__text,
.single-page .blog-card__text {
	font-size: clamp(14px, 4vw, 18px);
}
/* модальное окно */
.modal .modal-backdrop,
.modal-backdrop.show {
	backdrop-filter: blur(10px);
	--bs-backdrop-bg: #0d0d0dcc;
	--bs-backdrop-opacity: 1;
}

.modal__dialog {
	max-width: 786px;
}

.modal__content {
	position: relative;
	padding: 50px;
	border-radius: 20px;
	border: 1px solid #ffffff12;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #171717;
	color: #fff;
	overflow: hidden;
}

.modal__close {
	position: absolute;
	top: 40px;
	right: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.modal__title {
	max-width: 700px;
	margin: 0 0 14px;
	color: #ffffff;
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.modal__text {
	max-width: 690px;
	margin: 0 0 36px;
	color: #ffffffb2;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -0.01em;
}

.modal__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal__form .contacts-feedback__textarea {
	min-height: 160px;
}

.modal__form .btn-default {
	margin-top: 8px;
	width: fit-content;
}

.modal__agree {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.03em;
}
.modal__agree span {
	opacity: 0.3;
}
.modal__agree svg {
	flex: 0 0 12px;
	opacity: 1;
}

/* .form__state {
	display: none;
} */

.form__state.is-active {
	display: block;
}

.form__state--success,
.form__state--error {
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}

.form__state--success:after {
	content: "";
	background-image: url(/img/modal-success-bg.png);
	background-size: cover;
	height: 120%;
	width: 100%;
	position: absolute;
	bottom: -50px;
	right: -50px;
	z-index: 1;
}

.status-title {
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: -4%;
	text-align: center;
	margin-bottom: 5px;
}
.status-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -1%;
	text-align: center;
	color: #ffffffb2;
}
.modal-checkbox {
	margin-top: 20px;
	position: relative;
}

.modal-checkbox__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	width: 100%;
	z-index: 1;
}

.modal-checkbox__label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	z-index: 2;
	position: relative;
	cursor: pointer;
	user-select: none;
}

.modal-checkbox__icon {
	width: 12px;
	height: 12px;

	display: flex;
	align-items: center;
	justify-content: center;

	margin-top: 1px;
}

.modal-checkbox__icon path {
	stroke: #666666;
	transition: stroke 0.3s ease;
}

.modal-checkbox__text {
	font-weight: 600;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.03em;

	color: rgb(255 255 255 / 30%);
}

.modal-checkbox__input:checked + .modal-checkbox__label .modal-checkbox__icon path {
	stroke: #ffd149;
}
@media (max-width: 767px) {
	.modal__content {
		padding: 32px 20px;
		border-radius: 16px;
	}

	.modal__close {
		top: 24px;
		right: 24px;
	}

	.modal__title {
		font-size: 30px;
		padding-right: 32px;
	}

	.modal__text {
		font-size: 16px;
	}

	.modal__dialog {
		margin: 16px;
	}
}

.blog-card.swiper-slide:not(.swiper-slide-active, .swiper-slide-next) {
	opacity: 0.5;
}

.mobile-bottom-menu,
.mobile-menu-panel,
.mobile-menu-overlay {
	display: none;
}
header {
	position: relative;
	height: 100%;
}
header::after {
	content: "";
	position: absolute;
	left: max(12px, calc((100vw - 1320px) / 2));
	right: max(12px, calc((100vw - 1320px) / 2));
	bottom: 0;

	height: 1px;
	background: rgb(255 255 255 / 10%);
}
.breadcrumbs nav {
	--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4' fill='none'%3E%3Crect width='4' height='4' rx='2' fill='white' fill-opacity='0.2'/%3E%3C/svg%3E");
}
.breadcrumb-item + .breadcrumb-item::before {
	bottom: 0.2rem;
	position: relative;
}

section.section-top {
	padding-top: 5rem;
	padding-bottom: 102px;
	position: relative;
	overflow: hidden;
}
.banner__content {
	max-width: 1247px;
}

.section-top h1 {
	margin: 0 0 22px;
	font-family: "ProximaNova", sans-serif;
	font-weight: 600;
	font-size: clamp(33px, 2.5vw + 24px, 70px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.section-top .banner__text {
	margin: 0;
	font-size: clamp(17px, 2.5vw, 20px);
	line-height: 160%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 90%);
}

.section-top .banner__text + .banner__text {
	margin-top: 16px;
}

.about-values {
	position: relative;
	padding: 112px 0 97px 0;
	overflow: hidden;
	color: #fff;
	z-index: 5;
}

.about-values__inner {
	position: relative;
	z-index: 2;
	min-height: 720px;
	max-width: 905px;
	display: flex;
	align-items: flex-start;
}

.about-values__content {
	position: relative;
	z-index: 3;
	max-width: 999px;
}

.about-values__title {
	font-weight: 600;
	font-size:;
	line-height: 100%;
	letter-spacing: -4%;
	vertical-align: bottom;
	margin-bottom: 14px;
}

.about-values__text {
	margin: 0 0 47px;
	font-size: clamp(17px, 4vw, 20px);
	line-height: 160%;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.8);
}

.about-values__list {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.about-values__item {
	display: grid;
	gap: 25px;
}

.about-values__num {
	font-family: "JetBrainsMono";
	font-weight: 400;
	font-style: Regular;
	font-size: clamp(12px, 4vw, 16px);
	leading-trim: NONE;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;
	color: #ecbc1a;
}

.about-values__info h3 {
	margin: 0 0 10px;
	font-weight: 600;
	font-size: clamp(20px, 4vw, 32px);
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #fff;
}

.about-values__info p {
	margin: 0;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 150%;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.45);
}

.about-values__image {
	position: absolute;
	right: -105px;
	bottom: -15px;
	width: revert;
	pointer-events: none;
	z-index: 1;
}

.about-values__image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.about-values__top {
	display: flex;
	align-items: center;
	gap: 40px;
}

.about-values__line {
	border: 1px solid var(--text-white);
	width: 100%;
	opacity: 8%;
}
.company-history {
	position: relative;
	padding: 167px 0 182px;
	overflow: hidden;
}
.company-history::after {
	content: "";
	position: absolute;
	top: 40%;
	right: 0;
	width: 720px;
	height: 224px;
	pointer-events: none;
	z-index: 11;
	background: linear-gradient(270deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	-webkit-mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}
.company-history.slider-end::after {
	width: 0;
	opacity: 0;
}

.company-history__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
}

.company-history__title {
	margin: 0;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
}

.company-history__nav {
	display: flex;
	gap: 10px;
}

.company-history__btn {
	width: 60px;
	height: 60px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(255 255 255 / 3%);
	cursor: pointer;
	transition:
		opacity 0.3s ease,
		background 0.3s ease;
}

.company-history__btn svg {
	margin-bottom: 0.2rem;
}

.company-history__btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.company-history__swiper {
	position: relative;
	z-index: 1;
	overflow: visible;
}

.company-history__slide {
	width: auto;
}

.company-history__head {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 42px;
	margin-bottom: 22px;
}

.company-history__year {
	font-family: JetBrainsMono, monospace;
	font-weight: 400;
	font-size: clamp(25px, 4vw, 40px);
	line-height: 100%;
	color: #fff;
}

.company-history__line {
	position: relative;
	width: clamp(90%, 4vw, 190px);
	height: 1px;
	background: rgb(255 255 255 / 12%);
}

.company-history__line::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	width: 11px;
	height: 11px;
	background: rgb(255 255 255 / 12%);
	transform: translateY(-50%) rotate(45deg);
}

.company-history__text {
	max-width: 334px;
	margin: 0;
	font-weight: 400;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 140%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 80%);
}

.company-history__text span {
	color: rgb(255 255 255 / 40%);
}
.advantages-section {
	padding: 0 0 140px;
	background: #0f0f0f;
	color: #fff;
}

.advantages-section__title {
	margin: 0 0 42px;
	font-weight: 600;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.04em;
}

.advantages-grid {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: 169px 128px 175px;
	gap: 16px;
	grid-template-areas: "large top right" "large bottom right" "large bottom speed";
}

.advantage-card {
	position: relative;
	overflow: hidden;
	min-height: 164px;
	padding: 30px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border: 1px solid var(--text-white) 12;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
	z-index: 2;
}
.advantage-card--large.advantage-card--gold:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='518' height='578' viewBox='0 0 518 578' fill='none'%3E%3Cg opacity='0.11' filter='url(%23filter0_f_137_1863)'%3E%3Cellipse cx='736' cy='167.409' rx='203' ry='178.5' fill='%23D9D9D9'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_137_1863)'%3E%3Cellipse cx='450.372' cy='55.1507' rx='174.973' ry='239.156' transform='rotate(38.1796 450.372 55.1507)' fill='%23ECB11A'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_137_1863)'%3E%3Cellipse cx='537.529' cy='88.7107' rx='151.725' ry='207.379' transform='rotate(38.1796 537.529 88.7107)' fill='%23ECB11A'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_137_1863)'%3E%3Cellipse cx='586.582' cy='20.4648' rx='117.607' ry='148.141' transform='rotate(38.1796 586.582 20.4648)' fill='%23FCDC7A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_1863' x='33' y='-511.091' width='1406' height='1357' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_137_1863'/%3E%3C/filter%3E%3Cfilter id='filter1_f_137_1863' x='-251.548' y='-661.772' width='1403.84' height='1433.85' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_137_1863'/%3E%3C/filter%3E%3Cfilter id='filter2_f_137_1863' x='112.438' y='-349.39' width='850.182' height='876.201' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='125' result='effect1_foregroundBlur_137_1863'/%3E%3C/filter%3E%3Cfilter id='filter3_f_137_1863' x='306.459' y='-266.832' width='560.245' height='574.594' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_137_1863'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.advantage-card--small.advantage-card--gold-right:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='518' height='210' viewBox='0 0 518 210' fill='none'%3E%3Cg opacity='0.11' filter='url(%23filter0_f_137_1910)'%3E%3Cellipse cx='678' cy='394.409' rx='203' ry='178.5' fill='%23D9D9D9'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_137_1910)'%3E%3Cellipse cx='392.372' cy='282.151' rx='174.973' ry='239.156' transform='rotate(38.1796 392.372 282.151)' fill='%23FF8C00'/%3E%3C/g%3E%3Cellipse cx='479.529' cy='315.711' rx='151.725' ry='207.379' transform='rotate(38.1796 479.529 315.711)' fill='%23EE8300'/%3E%3Cg filter='url(%23filter2_f_137_1910)'%3E%3Cellipse cx='528.583' cy='247.465' rx='117.607' ry='148.141' transform='rotate(38.1796 528.583 247.465)' fill='%23FCDC7A'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_1910' x='-25' y='-284.091' width='1406' height='1357' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_137_1910'/%3E%3C/filter%3E%3Cfilter id='filter1_f_137_1910' x='-309.548' y='-434.772' width='1403.84' height='1433.85' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='250' result='effect1_foregroundBlur_137_1910'/%3E%3C/filter%3E%3Cfilter id='filter2_f_137_1910' x='248.46' y='-39.832' width='560.245' height='574.594' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='75' result='effect1_foregroundBlur_137_1910'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.advantage-card--large {
	grid-area: large;
}
.advantages-grid .advantage-card:nth-child(2) {
	grid-area: top;
}
.advantages-grid .advantage-card:nth-child(3) {
	grid-area: right;
}
.advantages-grid .advantage-card:nth-child(4) {
	grid-area: bottom;
}
.advantages-grid .advantage-card:nth-child(5) {
	grid-area: speed;
}

.advantage-card__icon,
.advantage-card__content {
	position: relative;
	z-index: 2;
}

.advantage-card__icon svg {
	display: block;
	width: 72px;
	height: auto;
}

.advantage-card h3 {
	margin: 0 0 8px;
	color: #fff;
	font-weight: 600;
	font-size: clamp(20px, 4.2vw, 25px);
	line-height: 100%;
	letter-spacing: -4%;
}

.advantage-card p {
	max-width: 434px;
	margin: 0;
	color: #ffffffb2;
	font-weight: 400;
	font-size: clamp(14px, 4.2vw, 16px);
	line-height: 140%;
	letter-spacing: -1%;
}
.card-glass {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
.card-glass .glass {
	display: block;
	width: 47px;
	backdrop-filter: blur(40px);
	background: #2424241a;
}
.products-page section.section-top {
	overflow: visible;
	z-index: 11;
}
.products-section {
	padding: 0 0 127px;
}

.filters {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 52px;
	margin-top: 67px;
	border-bottom: 1px solid rgb(255 255 255 / 8%);
}

.filters__left,
.filters__right {
	display: flex;
	align-items: center;
	gap: 10px;
}

.filter-item {
	min-height: 58px;
	padding: 15px 18px;
	border: 1px solid rgb(255 255 255 / 7%);
	border-radius: 20px;
	background: transparent;
	color: #fff;
	font: inherit;
	cursor: pointer;
	font-family: "JetBrainsMono";
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -4%;
	text-transform: uppercase;

	transition: all 0.3s ease-in-out;
}

.filter-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
}

.filter-item svg path {
	transition: fill 0.3s ease;
}

.filter-item:hover {
	border-color: rgb(255 255 255 / 20%);
}

.filter-item.is-active {
	border-color: rgb(255 243 15 / 16%);
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(49, 37, 0, 0.7) 71.44%);
	color: #ffd149;
}

.filter-item.is-active svg path {
	fill: #ffd149;
}

.products-select {
	min-width: 150px;
	color: rgb(255 255 255 / 55%);
	text-transform: uppercase;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, rgb(255 255 255 / 45%) 50%), linear-gradient(135deg, rgb(255 255 255 / 45%) 50%, transparent 50%);
	background-position:
		calc(100% - 22px) 50%,
		calc(100% - 17px) 50%;
	background-size: 5px 5px;
	background-repeat: no-repeat;
}

.filter-select {
	position: relative;
}

.filter-select__button {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px;
	border: 1px solid #ffffff1a;
	border-radius: 20px;
	background: transparent;
	color: #ffffff80;
	font-family: "JetBrainsMono", monospace;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.filter-select__button:hover {
	border: 1px solid #ffffff33;
}
.filter-select.is-open .filter-select__button {
	color: #ffffff;
	border-color: #ffffff33;
}

.filter-select.is-open .filter-select__button svg path {
	fill-opacity: 1;
}

.filter-select__dropdown {
	position: absolute;
	top: calc(100% + 11px);
	left: 0;
	z-index: 20;
	width: max-content;
	padding: 22px;
	border: 1px solid #ffffff12;
	border-radius: 20px;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #151515;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: 0.25s ease;
}

.filter-select.is-open .filter-select__dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.filter-select.is-top .filter-select__dropdown {
	top: auto;
	bottom: calc(100% + 11px);
}

.filter-select__option {
	display: flex;
	align-items: center;
	gap: 14px;
	color: #ffffff80;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.01em;
	cursor: pointer;
}

.filter-select__option .hr {
	border: 1px solid #ffffff0d;
	margin: 14px 0;
}

.filter-select__option input {
	display: none;
}

.filter-select__checkbox {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	border-radius: 5px;
	background: #ffffff1a;
}

.filter-select__option input:checked + .filter-select__checkbox {
	background: #ecbc1a
		url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L3.5 6.5L1 4' stroke='%230F0F0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / 10px 8px no-repeat;
}

.filter-select__option:has(input:checked) {
	color: #ffffff;
}

.products-section__head {
	max-width: 860px;
	margin-bottom: 50px;
}

.products-section__head h2 {
	margin: 0 0 16px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
}

.products-section__head p {
	margin: 0;
	color: rgb(255 255 255 / 55%);
	font-size: clamp(16px, 4vw, 18px);
	line-height: 150%;
}

.filter-group:not(:last-child) {
	margin-bottom: 100px;
}

.filter-group__title {
	margin-top: 70px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 22px;
	font-weight: 600;
	font-size: 24px;
	line-height: 100%;
	font-family: "ProximaNova";
}

.filter-group__title svg path {
	fill: #fff;
}

.products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.blog-card,
.blog-main-card,
.filter-group {
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}

.is-hidden {
	opacity: 0;
	transform: translateY(12px);
	pointer-events: none;
}

.is-visible {
	opacity: 1;
	transform: translateY(0);
}
.product-card {
	min-height: 260px;
	min-width: auto;
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #ffffff12;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #111;
	color: #fff;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: all 0.3s ease-in-out;
}

.product-card:hover {
	border: 1px solid #fff30f29;
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(49, 37, 0, 0.7) 71.44%), #111;
}
.products-page .product-card:hover .btn-black {
	background: var(--text-white);
	color: var(--text-black);
}
.products-page .product-card:hover .btn-black svg path {
	fill: var(--text-black);
}
.product-card__icon {
	margin-bottom: auto;
}

.product-card__icon svg {
	display: block;
	width: 70px;
	height: 70px;
}

.product-card h4 {
	margin: 36px 0 10px;
	font-weight: 600;
	font-size: clamp(20px, 4.2vw, 22px);
	line-height: 105%;
	letter-spacing: -0.03em;
}

.product-card p {
	margin: 0 0 24px;
	color: rgb(255 255 255 / 55%);
	font-size: clamp(14px, 4.2vw, 16px);
	line-height: 140%;
}

.product-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 20px 17px;
	border-radius: 8px;
	border: 1px solid rgb(255 255 255 / 8%);
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
}

.product-card:hover .product-card__btn {
	background: var(--text-white);
	color: #0f0f0f;
}
.product-card__btn svg path {
	transition: all 0.3s ease-in-out;
}
.product-card:hover .product-card__btn svg path {
	fill: #0f0f0f;
}

.solutions-section {
	padding: 0 0 140px;
	background: #0f0f0f;
	color: #fff;
}

.solutions-section__head {
	margin-bottom: 42px;
}

.solutions-section__head h2 {
	margin: 0 0 18px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
}

.solutions-section__head p {
	margin: 0;
	color: rgb(255 255 255 / 55%);
	font-size: 18px;
	line-height: 150%;
}

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

.solution-card {
	overflow: hidden;
	border-radius: 20px;
	border: 1px solid rgb(255 255 255 / 7%);
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #111;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.solution-card__media {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 2;
	border-radius: 10px;
	overflow: hidden;
}

.solution-card--1 .solution-card__media {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='498' height='250' viewBox='0 0 498 250' fill='none'%3E%3Cg filter='url(%23filter0_f_137_4783)'%3E%3Cellipse cx='140.115' cy='191.51' rx='140.115' ry='191.51' transform='matrix(-0.786077 0.618129 0.618129 0.786077 230.281 22)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_137_4783)'%3E%3Cellipse cx='100.061' cy='136.765' rx='100.061' ry='136.765' transform='matrix(-0.786077 0.618129 0.618129 0.786077 193.162 55.25)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_137_4783)'%3E%3Cellipse cx='68.7373' cy='86.5828' rx='68.7373' ry='86.5828' transform='matrix(-0.786077 0.618129 0.618129 0.786077 211.012 109.637)' fill='%23FFD311'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_137_4783)'%3E%3Cellipse cx='91.3984' cy='115.127' rx='91.3984' ry='115.127' transform='matrix(-0.786077 0.618129 0.618129 0.786077 211.182 73.1904)' fill='%23FFD311'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_4783' x='-83.1738' y='-74.5566' width='643.385' height='667.414' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='80'/%3E%3C/filter%3E%3Cfilter id='filter1_f_137_4783' x='-166.426' y='-149.442' width='730.941' height='748.102' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_137_4783' x='34.4473' y='39.9404' width='352.104' height='360.49' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3Cfilter id='filter3_f_137_4783' x='9.375' y='13.4854' width='402.248' height='413.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.solution-card--2 .solution-card__media {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='498' height='250' viewBox='0 0 498 250' fill='none'%3E%3Cg filter='url(%23filter0_f_137_4831)'%3E%3Cellipse cx='140.115' cy='191.51' rx='140.115' ry='191.51' transform='matrix(-0.786077 0.618129 0.618129 0.786077 340.275 -188)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_137_4831)'%3E%3Cellipse cx='100.061' cy='136.765' rx='100.061' ry='136.765' transform='matrix(-0.786077 0.618129 0.618129 0.786077 303.156 -154.75)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_137_4831)'%3E%3Cellipse cx='68.7373' cy='86.5828' rx='68.7373' ry='86.5828' transform='matrix(-0.786077 0.618129 0.618129 0.786077 321.006 -100.363)' fill='%23FFD311'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_137_4831)'%3E%3Cellipse cx='91.3984' cy='115.127' rx='91.3984' ry='115.127' transform='matrix(-0.786077 0.618129 0.618129 0.786077 321.174 -136.81)' fill='%23FFD311'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_4831' x='26.8203' y='-284.557' width='643.385' height='667.414'%3E%3CfeGaussianBlur stdDeviation='80'/%3E%3C/filter%3E%3Cfilter id='filter1_f_137_4831' x='-56.4316' y='-359.442' width='730.941' height='748.102'%3E%3CfeGaussianBlur stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_137_4831' x='144.441' y='-170.06' width='352.104' height='360.49'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3Cfilter id='filter3_f_137_4831' x='119.367' y='-196.515' width='402.248' height='413.4'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.solution-card--3 .solution-card__media {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='498' height='250' viewBox='0 0 498 250' fill='none'%3E%3Cg filter='url(%23filter0_f_137_4879)'%3E%3Cellipse cx='140.115' cy='191.51' rx='140.115' ry='191.51' transform='matrix(-0.786077 0.618129 0.618129 0.786077 250.256 -88)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_137_4879)'%3E%3Cellipse cx='100.061' cy='136.765' rx='100.061' ry='136.765' transform='matrix(-0.786077 0.618129 0.618129 0.786077 213.137 -54.75)' fill='%23EE9300'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_137_4879)'%3E%3Cellipse cx='68.7373' cy='86.5828' rx='68.7373' ry='86.5828' transform='matrix(-0.786077 0.618129 0.618129 0.786077 230.986 -0.363281)' fill='%23FFD311'/%3E%3C/g%3E%3Cg filter='url(%23filter3_f_137_4879)'%3E%3Cellipse cx='91.3984' cy='115.127' rx='91.3984' ry='115.127' transform='matrix(-0.786077 0.618129 0.618129 0.786077 231.154 -36.8096)' fill='%23FFD311'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_137_4879' x='-63.1992' y='-184.557' width='643.385' height='667.414'%3E%3CfeGaussianBlur stdDeviation='80'/%3E%3C/filter%3E%3Cfilter id='filter1_f_137_4879' x='-146.451' y='-259.442' width='730.941' height='748.102'%3E%3CfeGaussianBlur stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_137_4879' x='54.4219' y='-70.0596' width='352.104' height='360.49'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3Cfilter id='filter3_f_137_4879' x='29.3477' y='-96.5146' width='402.248' height='413.4'%3E%3CfeGaussianBlur stdDeviation='50'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.solution-card__media svg {
	position: relative;
	z-index: 2;
	display: block;
}

.solution-card__body {
	padding: 36px 34px 40px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.solution-card h3 {
	margin: 0 0 10px;
	font-weight: 600;
	font-size: 24px;
	line-height: 105%;
	letter-spacing: -0.03em;
}

.solution-card p {
	max-width: 360px;
	margin: 0 0 28px;
	color: rgb(255 255 255 / 60%);
	font-size: 16px;
	line-height: 140%;
}

.solution-card__list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0 0 36px;
	padding: 0;
	list-style: none;
	color: rgb(255 255 255 / 60%);
	font-size: 16px;
	line-height: 130%;
}

.solution-card__list li {
	display: flex;
	align-items: center;
	gap: 10px;
}
.solution-card__list li svg {
	margin-bottom: 0.1rem;
}

.solution-card__actions {
	margin-top: auto;
	display: flex;
	gap: 10px;
}

.banner-product-name {
	position: relative;
	z-index: 1;

	display: inline-flex;
	align-items: center;
	gap: 20px;

	max-width: 320px;
	padding: 8px 35px 8px 8px;
	border-radius: 60px;

	background: #ecbc1a;

	box-shadow:
		0 2px 25px 0 rgba(255, 255, 255, 0.8) inset,
		0 3px 0 0 rgba(236, 188, 26, 0.3);

	margin-top: 46px;
	margin-bottom: 26px;
}

.banner-product-name::before {
	content: "";
	position: absolute;
	inset: -40px -20px;
	z-index: -1;
	border-radius: inherit;
	background: radial-gradient(ellipse at top, rgba(255, 212, 57, 0.25) 0%, rgba(255, 212, 57, 0.15) 35%, rgba(175, 58, 0, 0.15) 65%, rgba(175, 58, 0, 0) 100%);
	filter: blur(22px);
	pointer-events: none;
}

.banner-product-name > * {
	position: relative;
	z-index: 2;
}
.banner-product-name h1 {
	color: #101010;
	font-weight: 600;
	font-size: clamp(22px, 4vw, 35px);
	line-height: 100%;
	letter-spacing: -4%;
	margin-bottom: 0;
}
.banner__content:has(.banner-product-name) .btn-default {
	margin-top: 30px;
}

.product-page__image {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

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

.service-structure {
	position: relative;
	overflow: hidden;
	padding: 115px 0 105px;
	background: #141414;
	color: #fff;
	background-image: url("/img/Group 538.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
}

.service-structure .container {
	position: relative;
	z-index: 2;
}

.service-structure__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 60px;
}

.service-structure__content {
	position: relative;
	z-index: 3;
}

.service-structure__title {
	margin: 0 0 20px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.service-structure__text {
	max-width: 741px;
	margin: 0 0 34px;
	font-weight: 400;
	font-size: clamp(14px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 80%);
}

.service-structure__list {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-structure__list li {
	position: relative;
	padding-left: 30px;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 130%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 82%);
}

.service-structure__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.99841 0.807918L10.283 2.13746C10.8811 4.9338 13.0653 7.11897 15.8627 7.71711L17.1922 8.00166C18.2693 8.2321 18.2693 9.76803 17.1922 9.99847L15.8627 10.283C13.0663 10.8812 10.8811 13.0653 10.283 15.8627L9.99841 17.1922C9.76797 18.2693 8.23203 18.2693 8.00159 17.1922L7.71704 15.8617C7.1189 13.0653 4.93471 10.8802 2.13735 10.282L0.807798 9.99747C-0.269266 9.76703 -0.269266 8.23109 0.807798 8.00065L2.13735 7.71611C4.93371 7.11797 7.1189 4.9338 7.71704 2.13645L8.00159 0.806916C8.23103 -0.269139 9.76797 -0.269139 9.99841 0.807918Z' fill='url(%23paint0_linear_137_2079)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_137_2079' x1='10.0069' y1='-2.01472' x2='10.0069' y2='18' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6D76D'/%3E%3Cstop offset='1' stop-color='%23ECBC1A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.service-structure__scheme {
	position: relative;
	z-index: 2;
	width: 766px;
	max-width: none;
}

.service-structure__scheme svg {
	display: block;
	width: 100%;
	height: auto;
}

.service-inside {
	position: relative;
	overflow: hidden;
	padding: 100px 0 120px;
	color: #fff;
	transition: opacity 0.3s ease-in-out;
}
.service-inside::after {
	content: "";
	position: absolute;
	top: 30%;
	right: 0;
	width: 720px;
	height: 446px;
	pointer-events: none;
	z-index: 11;
	background: linear-gradient(270deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	-webkit-mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	mask-image: linear-gradient(to right, #0f0f0f00 0%, #0f0f0f 47.43%, #0f0f0f 100%);
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}
.service-inside.slider-end::after {
	width: 0;
	opacity: 0;
}
.service-inside__top {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 42px;
}

.service-inside__head {
	max-width: 640px;
}

.service-inside__title {
	margin: 0 0 16px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.service-inside__text {
	max-width: 640px;
	margin: 0;
	font-size: clamp(14px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 75%);
}

.service-inside__nav {
	display: flex;
	gap: 10px;
	margin-top: 22px;
}

.service-inside__btn {
	width: 54px;
	height: 54px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(255 255 255 / 3%);
	cursor: pointer;
	transition:
		opacity 0.3s ease,
		background 0.3s ease,
		border-color 0.3s ease;
}

.service-inside__btn:hover {
	border-color: rgb(255 255 255 / 18%);
	background: rgb(255 255 255 / 6%);
}

.service-inside__btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.service-inside__slider {
	overflow: visible;
}

.service-inside__slide {
	border: 1px solid #ffffff12;
	width: 640px;
	border-radius: 20px;
	overflow: hidden;
	transition:
		opacity 0.3s ease,
		filter 0.3s ease;
	position: relative;
	z-index: 1;
}
.service-inside__slide:after {
	background: linear-gradient(206.69deg, rgba(255, 255, 255, 0) 36.09%, rgba(255, 255, 255, 0.06) 95.29%);
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	top: 0;
}

.service-inside__slide img {
	display: block;
	width: 100%;
	height: auto;
}

/* .service-inside__slide:not(.swiper-slide-active):not(.swiper-slide-next) {
	opacity: 0.35;
	filter: blur(6px);
} */
.service-inside__slide:not(.swiper-slide-active):not(.swiper-slide-next) {
	position: relative;
	z-index: 1;
}
.service-inside__slide:not(.swiper-slide-active):not(.swiper-slide-next):after {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	content: "";
	background: linear-gradient(270deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
	z-index: 2;
	background-repeat: no-repeat;
	filter: blur(40px);
}

.integration-services {
	position: relative;
	overflow: hidden;
	padding: 110px 0;
	background: #141414;
	color: #fff;
}

.integration-services__grid {
	display: grid;
	grid-template-columns: 509px 1fr;
	align-items: center;
}

.integration-services__content {
	position: relative;
	z-index: 2;
}

.integration-services__title {
	margin: 0 0 18px;
	font-size: clamp(28px, 4vw, 50px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.04em;
	color: #fff;
}

.integration-services__text {
	margin: 0 0 34px;
	font-size: clamp(14px, 4vw, 18px);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.75);
}

.integration-services__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border-radius: 8px;
	background: #fff;
	color: #141414;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.integration-services__btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 30px rgba(255, 255, 255, 0.16);
}

.integration-services__visual {
	position: relative;
	display: grid;
	grid-template-columns: 320px 65px minmax(320px, 1fr);
	align-items: center;
	min-height: 520px;
}

.integration-services__center {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4rem;
	margin-right: -3rem;
}

.integration-services__center img {
	display: block;
	width: 100%;
	max-width: 320px;
	height: auto;
}

.integration-services__right {
	display: flex;
	margin-left: -3rem;
}

.integration-services__connector {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -20px;
	margin-right: -10px;
}
.integration-services__connector svg {
	height: 27rem;
}

.integration-services__connector img {
	display: block;
	width: 170px;
	height: auto;
}

.integration-services__list {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 18px;
	flex-shrink: 0;
}

.integration-services__item {
	display: grid;
	grid-template-columns: 160px 1fr;
	align-items: center;
	column-gap: 18px;
}

.integration-services__box {
	position: relative;
	overflow: hidden;

	display: flex;
	align-items: center;
	justify-content: center;

	height: 93px;
	width: 151px;
	padding: 15px 18px;
	border-radius: 20px;

	background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.035) 0, rgba(255, 255, 255, 0.035) 1px, transparent 1px, transparent 10px), rgba(255, 255, 255, 0.02);
}
.integration-services__box::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 20px;
	pointer-events: none;
	z-index: 3;

	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='0.5' y='0.5' width='99%25' height='99%25' rx='20' ry='20' fill='none' stroke='%23EBBB13' stroke-width='1' stroke-dasharray='14 10'/%3E%3C/svg%3E");
}

.integration-services__box::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 55px;
	border-radius: 50%;
	background: #ebbb1366;
	filter: blur(35px);
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 0;
}
.integration-services__box > * {
	position: relative;
	z-index: 1;
}
.integration-services__box svg,
.integration-services__box span {
	position: relative;
	z-index: 2;
	display: block;
}
.integration-services__box svg {
	display: block;
	margin-bottom: -0.4rem;
}

.integration-services__info {
	max-width: 220px;
}

.integration-services__name {
	margin-bottom: 6px;
	color: #fff;
	font-family: "ProximaNova", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
}

.integration-services__desc {
	color: rgba(255, 255, 255, 0.6);
	font-family: "ProximaNova", sans-serif;
	font-size: 13px;
	line-height: 1.45;
}

.docs-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0 0;
	background: #0f0f0f;
	color: #fff;
}

.docs-section__top {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 42px;
}

.docs-section__head {
	max-width: 786px;
}

.docs-section__title {
	margin: 0 0 16px;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.docs-section__text {
	max-width: 560px;
	margin: 0;
	font-size: clamp(14px, 4vw, 20px);
	line-height: 150%;
	letter-spacing: -0.01em;
	color: #ffffff;
}

.docs-section__nav {
	display: flex;
	gap: 10px;
	margin-top: 22px;
}

.docs-section__btn {
	width: 54px;
	height: 54px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(255 255 255 / 3%);
	cursor: pointer;
	transition:
		opacity 0.3s ease,
		background 0.3s ease,
		border-color 0.3s ease;
}

.docs-section__btn:hover {
	border-color: rgb(255 255 255 / 18%);
	background: rgb(255 255 255 / 6%);
}

.docs-section__btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.docs-card {
	width: 420px;
	min-height: 390px;
	padding: 30px;
	border-radius: 20px;
	border: 1px solid rgb(255 255 255 / 7%);
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #111;
	color: #fff;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	transition:
		border-color 0.3s ease,
		background 0.3s ease;
}

.docs-card a {
	font-family: ProximaNova;
}

.docs-card:hover {
	border-color: rgb(255 243 15 / 16%);
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(49, 37, 0, 0.7) 71.44%), #111;
}

.docs-card__image {
	width: 104px;
	height: 138px;
	margin-bottom: 46px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	border-radius: 10px;
	overflow: hidden;
}

.docs-card__image img {
	display: block;
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}

.docs-card__body {
	margin-top: auto;
}

.docs-card h3 {
	margin: 0 0 8px;
	font-weight: 600;
	font-size: 25px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #fff;
}

.docs-card p {
	margin: 0 0 28px;
	font-size: 18px;
	line-height: 140%;
	letter-spacing: -0.01em;
	color: #ffffffb2;
}

.docs-card__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 20px 17px;
	border-radius: 8px;
	border: 1px solid rgb(255 255 255 / 8%);
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	text-transform: uppercase;
}

.cases-section {
	position: relative;
	overflow: hidden;
	padding: 115px 0 120px;
	background: #0f0f0f;
	color: #fff;
}

.cases-section__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 42px;
}

.cases-section__title {
	margin: 0;
	font-weight: 600;
	font-size: clamp(28px, 4vw, 50px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.cases-section__nav {
	display: flex;
	gap: 10px;
}
.cases-section__btn {
	width: 54px;
	height: 54px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 18px;
	background: rgb(255 255 255 / 3%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.cases-section__btn.swiper-button-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.cases-section::after {
	content: "";
	position: absolute;
	top: 190px;
	bottom: 0;
	right: 0;
	width: 746px;
	height: 523px;
	z-index: 12;
	pointer-events: none;
	background: linear-gradient(270deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
	transition: all 0.3s ease-in-out;
}
.cases-section.slider-end::after {
	width: 0;
	opacity: 0;
}
.cases-section::before {
	content: "";
	position: absolute;
	top: 190px;
	bottom: 0;
	left: 0;
	width: 246px;
	height: 523px;
	z-index: 12;
	pointer-events: none;
	background: linear-gradient(90deg, #0f0f0f 0%, rgba(15, 15, 15, 0) 100%);
}

.cases-section__slider {
	overflow: visible;
}

.case-card {
	border-radius: 20px;
	border: 1px solid rgb(255 255 255 / 7%);
	background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%), #111;
	color: #fff;
	text-decoration: none;
	display: flex;
	overflow: hidden;
	justify-content: space-between;
	height: 435px;
}

.case-card__content {
	position: relative;
	z-index: 2;
	padding: 35px 0 35px 36px;
}

.case-card h3 {
	margin: 0 0 8px;
	font-weight: 600;
	font-size: clamp(20px, 4vw, 25px);
	line-height: 100%;
	letter-spacing: -0.04em;
	color: #fff;
}

.case-card p {
	max-width: 410px;
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 60%);
}

.case-card__list {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

.case-card__list li {
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -0.01em;
	color: rgb(255 255 255 / 70%);
}
.case-card__list li:not(:last-child) {
	margin-bottom: 11px;
}
.case-card__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9.99841 0.807918L10.283 2.13746C10.8811 4.9338 13.0653 7.11897 15.8627 7.71711L17.1922 8.00166C18.2693 8.2321 18.2693 9.76803 17.1922 9.99847L15.8627 10.283C13.0663 10.8812 10.8811 13.0653 10.283 15.8627L9.99841 17.1922C9.76797 18.2693 8.23203 18.2693 8.00159 17.1922L7.71704 15.8617C7.1189 13.0653 4.93471 10.8802 2.13735 10.282L0.807798 9.99747C-0.269266 9.76703 -0.269266 8.23109 0.807798 8.00065L2.13735 7.71611C4.93371 7.11797 7.1189 4.9338 7.71704 2.13645L8.00159 0.806916C8.23103 -0.269139 9.76797 -0.269139 9.99841 0.807918Z' fill='url(%23paint0_linear_137_2079)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_137_2079' x1='10.0069' y1='-2.01472' x2='10.0069' y2='18' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F6D76D'/%3E%3Cstop offset='1' stop-color='%23ECBC1A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.case-card__btn {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 20px 17px;
	border-radius: 8px;
	border: 1px solid rgb(255 255 255 / 8%);
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	text-transform: uppercase;
}

.case-card__image {
	position: relative;
	height: auto;
	width: 390px;
	border-radius: 14px;
	overflow: hidden;
	padding: 15px;
}

.case-card__image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgb(17 17 17 / 0%) 0%, rgb(17 17 17 / 25%) 100%);
	pointer-events: none;
}

.case-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.product-page .section-top .banner__text {
	max-width: 941px;
}
.filters__toggle,
.blog-detail__toggle {
	display: none;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
	display: none;
}
.lg-banner,
.sm-banner,
.xs-banner {
	display: none;
}
@media (min-width: 992px) {
	.lg-banner {
		display: block;
	}
}

@media (min-width: 576px) and (max-width: 991.98px) {
	.sm-banner {
		display: block;
	}
}

@media (max-width: 575.98px) {
	.xs-banner {
		display: block;
	}
}
@media (max-width: 1399.99px) {
	.main-page .products-section {
		padding: 60px 0 70px;
	}
	.products-wrap {
		padding: 45px 45px 0;
	}
	.main-page .product-card {
		flex: 1;
	}
	.main-page .product-card__title {
		margin-bottom: 10px;
		font-size: 24px;
	}
	.products-detail {
		padding: 40px 60px 70px 80px;
	}
	.products-detail__label {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.products-detail__text {
		font-size: 23px;
	}
	.about-section {
		padding: 60px 0;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.about-content {
		grid-template-columns: auto;
		gap: 52px;
	}
	.about-right {
		position: relative;
		top: 0;
	}
	.about-mission-text {
		margin-bottom: 50px;
	}
	.about-carousel-wrap {
		padding-left: calc((100vw - 1091px) / 2);
	}
	.main-page .blog-section {
		padding: 80px 0 120px;
	}
	.main-page .blog-section__inner {
		gap: 50px;
	}
	.blog-swiper .swiper-slide {
		width: 410px;
	}
	.blog-card__body {
		padding: 20px;
	}
	.blog-card__img {
		height: 200px;
	}
	.footer__inner {
		gap: 45px;
	}
	.footer__nav {
		gap: 0px;
	}
	.integration-services__grid {
		grid-template-columns: 309px 1fr;
	}
	.case-card {
		height: 470px;
	}
	.partners-list--grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.interaction-left {
    max-width: 480px;
}
.interaction-right {
	    width: 400px;
}
.interaction-right__image {
	    width: 400px;
}
}
@media (max-width: 1199.99px) {
	.navbar-brand svg {
		width: 100px;
	}
	.navbar-nav {
		gap: 15px;
	}
	.main-banner__curtain-strip {
		width: 30px;
	}
	.main-banner__content {
		max-width: 500px;
	}
	.main-banner__text {
		margin: 0 0 20px;
	}
	.main-banner__features {
		gap: 15px;
	}
	.partners-list--grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.advantages-grid {
		grid-template-rows: 169px 135px 200px;
	}
	.advantage-card {
		padding: 20px;
	}
	.advantage-card__content {
		margin-top: auto;
	}
	.blog-main-card__content {
		margin-left: 440px;
	}
		.partners-list--wide .partner-card {
		grid-template-columns: 255px 1fr;
	}
		.partners-list--wide .partner-card__logo {
		width: 255px;
	}
	
	.partner-card__top {
		display: grid;
		gap: 8px;
	}
	.partner-card__hr {
		display: none;
	}
	
	.partners-list--wide .partner-card__body {
		padding: 20px;
	}
	.interaction-section__inner {

		    display: grid;
	}
	.interaction-left {
    max-width: 100%;
}
.vacancies-wrap {
	grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
	.about-carousel-wrap {
		padding-left: calc((100vw - 691px) / 2);
	}
	.blog-offer__title,
	.blog-offer__text {
		text-align: center;
	}
	.mobile-bottom-menu {
		position: fixed;
		left: 50%;
		bottom: 16px;
		z-index: 1001;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: calc(100% - 32px);
		max-width: 330px;
		padding: 15px;
		border-radius: 10px;
		background: #393939bf;
		box-shadow: 0px 4px 30px -10px #000000;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		transform: translateX(-50%);
		overflow: hidden;
	}

	.mobile-menu-panel {
		display: block;
		order: -1;
		width: 100%;
		flex-basis: 100%;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		transition:
			max-height 0.35s ease,
			opacity 0.25s ease,
			margin-bottom 0.35s ease;
		margin-bottom: 0;
	}
	.mobile-menu-panel::after {
		content: "";
		display: block;

		width: 0;
		height: 1px;

		margin: 0 auto 13px;

		background: #fff;
		opacity: 0;

		transition:
			width 0.35s ease,
			opacity 0.25s ease;
	}
	.mobile-menu-panel.is-active::after {
		width: 100%;
		opacity: 0.1;
	}

	.mobile-menu-panel.is-active {
		max-height: 400px;
		opacity: 1;
	}

	.mobile-menu-panel__list {
		display: flex;
		flex-direction: column;
		gap: 15px;
		margin: 0;
		padding: 15px 0 13px;
		list-style: none;
	}

	.mobile-menu-panel__list a {
		display: block;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-family: ProximaNova;
		font-size: 17px;
		line-height: 140%;
		letter-spacing: -1%;
	}

	.mobile-bottom-menu__item {
		width: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: 0;
		background: transparent;
		color: #fff;
		font-family: Inter, sans-serif;
		font-weight: 500;
		font-size: 11px;
		line-height: 100%;
		letter-spacing: -0.02em;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		transition: color 0.3s ease-in-out;
	}
	.mobile-bottom-menu a.mobile-bottom-menu__item {
		margin-right: 19px;
	}
	.mobile-bottom-menu__icon {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 5px;
		line-height: 0;
	}

	.mobile-bottom-menu__icon svg {
		display: block;
		width: 18px;
		height: 18px;
	}
	button.mobile-bottom-menu__item svg path {
		transition: stroke 0.3s ease-in-out;
	}
	.mobile-bottom-menu:has(.mobile-menu-panel.is-active) button.mobile-bottom-menu__item,
	.mobile-bottom-menu:has(.mobile-menu-panel.is-active) button.mobile-bottom-menu__item svg path {
		color: #ffffff80;
		stroke: #ffffff80;
	}
	.navbar-brand svg {
		width: 87px;
	}
	.navbar .btn-default {
		font-weight: 500;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: -4%;
		background: transparent;
		color: #ffffff;
		padding: 12px 0;
	}
	.main-banner__features {
		display: none;
	}
	.navbar {
		position: relative;
	}
	.navbar:before {
		content: "";
		position: absolute;
		left: 130px;
		right: 130px;
		bottom: 0;
		height: 1px;
		background: rgb(255 255 255 / 10%);
	}
	.main-banner__inner {
		padding-top: 110px;
	}
	.main-banner__curtain-right {
		display: none;
	}
	.main-banner__curtain-strip-left {
		width: 30px;
	}
	.main-banner__bg {
		position: absolute;
		top: 0px;
		right: -20px;
		width: 520px;
		height: 1066px;
		max-width: none;
		pointer-events: none;
		z-index: 0;
	}

	.brands-carousel {
		height: 82px;
	}

	.products-outer {
		border-radius: 0;
		padding: 0;
		background: none;
		box-shadow: none;
	}

	.products-inner {
		border-radius: 0;
		background: none;
		border: none;
		position: relative;
	}

	.products-inner::before {
		content: none;
	}

	.products-detail {
		display: none;
	}
	.products-section,
	.products-section .container,
	.products-outer,
	.products-inner {
		overflow: visible;
	}
	.products-mobile-swiper {
		/* Растягиваем на всю ширину экрана */
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: 100vw;
		overflow: hidden;
	}

	.products-mobile-swiper .swiper-wrapper {
		align-items: stretch;
	}

	.products-mobile-swiper .swiper-slide {
		width: 272px !important;
		height: auto;
	}

	.products-mobile-swiper .product-card {
		box-sizing: border-box;
		width: 272px !important;
		min-width: 272px !important;
		max-width: 272px !important;
		height: 256px !important;
		min-height: 256px !important;
		max-height: 256px !important;
		display: flex;
		flex-direction: column;
	}
	.main-page .product-card a {
		margin-top: auto;
	}
	.main-page .product-card--active {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.25),
			inset 0 0 20px rgba(255, 255, 255, 0.08) !important;
	}

	.main-page .product-card:hover {
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.25),
			inset 0 0 20px rgba(255, 255, 255, 0.08) !important;
	}
	.main-page .product-card--active {
		background: #1a1a1a;
		border-color: rgba(255, 255, 255, 0.15);
		background-image: radial-gradient(120% 80% at 20% 0%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 60%, transparent 100%);
	}

	.main-page .product-card--active .product-card__title {
		background: linear-gradient(180deg, #ffe38f 0%, #ecbc1a 42%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
	}

	.main-page .product-card--active .product-card__subtitle {
		color: #ffffff66;
	}
	.main-page .product-card:hover {
		background: #1a1a1a;
		border: 1px solid rgba(255, 255, 255, 0.15);
		background-image: radial-gradient(120% 80% at 20% 0%, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 60%, transparent 100%);
		backdrop-filter: blur(12px);
		box-shadow:
			inset 0 1px 0 rgba(255, 255, 255, 0.25),
			inset 0 0 20px rgba(255, 255, 255, 0.08);
	}
	.main-page .product-card__title:after {
		content: none;
	}
	.main-page .product-card__title {
		white-space: normal;
	}
	.main-page .product-card:hover .product-card__title,
	.main-page .product-card--active .product-card__title {
		font-weight: 700;
		line-height: 100%;
		background: linear-gradient(180deg, #ffe38f 0%, #ecbc1a 42%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		filter: drop-shadow(0 0 4px rgba(255, 227, 143, 0.3)) drop-shadow(0 0 10px rgba(236, 188, 26, 0.05)) drop-shadow(0 0 18px rgba(221, 144, 36, 0.15));
	}
	.main-page .product-card:hover .product-card__subtitle,
	.main-page .product-card--active .product-card__subtitle {
		color: #ffffff66;
	}
	.product-card.product-card--active .btn-black {
		color: var(--text-black);
		background: var(--text-white);
	}
	.product-card.product-card--active .btn-black svg path {
		fill: var(--text-black);
	}
	.about-intro {
		font-size: 16px;
		margin-bottom: 15px;
	}
	.about-media {
		display: none;
	}
	.about-text {
		margin-bottom: 15px;
		font-size: 16px;
		margin-top: 0;
	}
	.about-subtext {
		font-size: 16px;
		margin-bottom: 0;
	}
	.about-mission-text {
		font-size: 17px;
	}
	.events-section .sub-title {
		display: none;
	}
	.events-layout {
		grid-template-columns: 1fr;
		border-radius: 0;
		background: transparent;
		margin-left: auto;
		margin-right: auto;
		width: min-content;
		gap: 30px;
	}
	.events-calendar {
		padding: 16px;
		border-radius: 0;
		border: none;
	}
	.events-calendar .flatpickr-day {
		max-width: none;
		height: 42px;
		width: 42px;
		border-radius: 10px;
		font-size: 15px;
		line-height: 40px;
	}
	.events-card {
		height: 400px;
		border-radius: 20px;
		transition: height 0.3s ease-in-out;
	}
	.events-card.no-event {
		height: 130px;
	}
	.events-card__content {
		padding: 21px;
	}
	.events-card__date {
		color: #ffffff4d;
		font-size: 13px;
	}
	.events-card h3 {
		font-size: 22px;
	}
	.events-card p {
		font-size: 14px;
		color: #ffffffcc;
	}
	.events-card__btn {
		bottom: 30px;
	}
	.events-calendar .flatpickr-current-month .cur-month,
	.events-calendar .flatpickr-current-month input.cur-year {
		font-size: 16px;
	}
	.blog-section__left .blog-section__text,
	.blog-section__left .blog-slider-nav {
		display: none;
	}
	.main-page .blog-section__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}
	.main-page .blog-section::before {
		content: none;
	}
	.ai-section__title {
		font-size: 30px;
	}
	.ai-section__subtitle {
		font-size: 17px;
		max-width: 312px;
		margin: auto;
	}
	.footer {
		height: auto;
		padding-bottom: 170px;
	}
	.footer__inner {
		display: flex;
		flex-direction: column;
		position: relative;
		gap: 35px;
	}
	.footer__nav {
		grid-template-columns: 1fr 1fr;
		gap: 35px;
	}
	.footer__nav .footer__col:nth-child(1) {
		order: 1;
	}
	.footer__nav .footer__contacts {
		order: 2;
	}

	.footer__nav .footer__col:nth-child(2) {
		order: 3;
	}
	.footer__nav .footer__col:nth-child(3) {
		order: 4;
	}
	.footer__socials {
		display: grid;
		gap: 9px;
	}
	.footer__phone {
		font-size: 13px;
	}
	.footer__contacts span {
		display: none;
	}
	.footer__bottom {
		gap: 8px;
		position: absolute;
		bottom: -75px;
	}
	.footer__left {
		min-height: auto;
	}
	body:has(.ai-section) footer::after {
		content: none;
	}
	.about-values {
		position: relative;
		overflow: visible;
		padding: clamp(300px, 68vw, 550px) 0 97px;
		background: #141414;
	}
	.about-values__image {
		position: absolute;
		top: clamp(-230px, -17.2vw, -70px);
		right: 0;
		width: min(100%, 897px);
		pointer-events: none;
		z-index: 1;
	}

	.company-history::after {
		content: none;
	}
	.company-history__nav {
		display: none;
	}
	.advantage-card {
		padding: 25px;
	}
	.advantage-card__icon svg {
		width: 45px;
		margin-bottom: 30px;
	}
	.advantage-card .card-glass {
		display: none;
	}
	.advantage-card--small.advantage-card--gold-right:after,
	.advantage-card--large.advantage-card--gold:after {
		content: none;
	}
	.products-page .filters {
		display: none;
	}
	.products-grid {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;

		overflow-x: auto;
		overflow-y: hidden;

		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;

		scrollbar-width: none;
	}

	.products-grid::-webkit-scrollbar {
		display: none;
	}

	.products-grid .product-card {
		box-sizing: border-box;

		flex: 0 0 350px !important;
		width: 350px !important;
		min-width: 350px !important;
		max-width: 350px !important;

		height: 300px !important;
		min-height: 300px !important;
		max-height: 300px !important;

		padding: 30px 20px 20px;

		overflow: hidden;

		scroll-snap-align: start;

		opacity: 0.5;
		transition: opacity 0.25s ease;
	}

	.products-grid .product-card.is-fully-visible {
		opacity: 1;
	}
	.product-card__icon svg {
		display: block;
		width: 33px;
		height: 33px;
	}
	.solutions-grid {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;

		overflow-x: auto;
		overflow-y: hidden;

		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;

		scrollbar-width: none;
	}

	.solutions-grid::-webkit-scrollbar {
		display: none;
	}

	.solutions-grid .solution-card {
		box-sizing: border-box;
		flex: 0 0 290px !important;
		width: 290px !important;
		min-width: 290px !important;
		max-width: 290px !important;
		height: -webkit-fill-available;
		scroll-snap-align: start;
		opacity: 0.5;
		transition: opacity 0.25s ease;
	}

	.solutions-grid .solution-card.is-fully-visible {
		opacity: 1;
	}
	.solution-card__media {
		height: 150px;
	}
	.solution-card__body {
		padding: 20px;
	}
	.solution-card h3 {
		font-size: 20px;
	}
	.solution-card p {
		font-size: 14px;
	}
	.solution-card__list {
		font-size: 12px;
	}
	.btn-default {
		padding: 12px 15px;
		font-size: 13px;
	}
	.product-page .section-top {
		position: relative;
		/* min-height: 100dvh; */
		height: clamp(585px, 154vw, 960px);
		min-height: auto;
		padding: clamp(86px, 22vw, 120px) 0 64px;
		overflow: hidden;
		background: #0f0f0f;
	}

	.product-page .section-top .container {
		position: relative;
		z-index: 5;
	}

	.product-page .banner__content {
		position: relative;
		z-index: 6;
		max-width: 100%;
	}

	.product-page .banner__content .btn-default {
		display: none !important;
	}

	.main-banner__image.product-page__image {
		position: absolute;
		inset: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		transform: none;
		pointer-events: none;
	}

	.main-banner__image.product-page__image img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: bottom;
	}
	.breadcrumbs nav {
		margin-top: 0;
		padding-top: 29px;
	}
	.service-structure__scheme {
		width: auto;
	}
	.service-structure__inner {
		display: grid;
		gap: 25px;
	}
	.service-inside::after {
		content: none;
	}
	.service-inside__nav {
		display: none;
	}
	.integration-services__list {
		width: 100%;
		max-width: 520px;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.integration-services__right {
		order: 1;
		margin: auto;
	}
	.integration-services__center {
		order: 2;
		margin: -5rem auto;
	}
	.integration-services__item {
		display: grid;
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.integration-services__grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 52px;
	}
	.integration-services__connector {
		display: none;
	}
	.integration-services__visual {
		grid-template-columns: 1fr;
		min-height: auto;
	}
	.integration-services__box {
		height: 80px;
		width: 160px;
	}
	.integration-services__center svg {
		width: 100%;
		height: 100%;
	}
	.banner-product-name {
		max-width: max-content;
		gap: 8px;
		padding-right: 1rem;
	}
	.banner-product-icon svg {
		height: 36px;
		width: 36px;
	}
	.service-inside {
		padding: 60px 0;
	}

	.service-inside__slide {
		border-radius: 12px;
	}
	.docs-section__nav {
		display: none;
	}
	.docs-card {
		padding: 20px;
		min-height: auto;
	}
	.docs-card__image {
		margin-bottom: 20px;
	}
	.docs-card h3 {
		font-size: 20px;
	}
	.docs-card p {
		font-size: 14px;
		margin-bottom: 0;
	}
	.docs-card__body .btn-default {
		display: none !important;
	}
	.docs-card.swiper-slide:not(.swiper-slide-active, .swiper-slide-next) {
		opacity: 0.5;
	}
	.cases-section__nav {
		display: none;
	}
	.cases-section::before,
	.cases-section::after {
		content: none;
	}
	.case-card {
		display: grid;
		height: auto;
	}
	.case-card__image {
		order: -1;
		width: 100%;
		padding: 10px;
	}
	.case-card__content {
		padding: 20px;
	}
	.case-card__list li {
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.clients-ai-section .ai-section__title {
		text-align: center;
	}
	.clients-ai-section .ai-section__subtitle {
		text-align: center;
		max-width: none;
	}
	.clients-ai-section .ai-section__start {
		gap: 8px !important;
	}
	.algorithms-wrap {
		display: grid;
		gap: 40px;
	}
	.questions-section__inner,
	.instructions-section__inner {
		display: grid;
		gap: 20px;
	}

	.questions-section .section__text {
		margin-bottom: 0px;
	}
	.questions-section__inner .btn-default {
		position: absolute;
		bottom: -4.5rem;
		width: calc(100% - 1.5rem);
		font-size: 18px;
		padding: 20px;
	}
	.instruction-box {
		padding: 20px;
		align-items: start;
	}
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.blog-page section.section-top {
		overflow: visible;
		z-index: 20;
	}
	.blog-page section.section-top .banner__content {
		display: flex;
		justify-content: space-between;
	}
	.blog-page .filters {
		position: relative;
		width: max-content;
		margin: auto 0px 20px;
		padding: 0;
	}

	.filters__left {
		position: absolute;
		top: 35px;
		right: 0;
		z-index: 50;

		display: flex;
		flex-direction: column;
		gap: 8px;

		min-width: 220px;
		padding: 8px;

		border-radius: 20px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: #0f0f0f;

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-8px);

		transition:
			opacity 0.25s ease,
			visibility 0.25s ease,
			transform 0.25s ease;
	}

	.filters.is-open .filters__left {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.filters__toggle {
		display: inline-flex;
		align-items: center;
		gap: 14px;
		min-height: 35px;
		padding: 10px 15px;
		border-radius: 10px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: transparent;
		color: #fff;
		font-family: "JetBrainsMono", monospace;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: -0.04em;
		text-transform: uppercase;
	}

	.filters__toggle-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.filters__toggle-icon svg {
		display: block;
		width: 22px;
		height: 22px;
	}

	.filters__toggle-arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 2px;
		transition: transform 0.25s ease;
	}

	.filters.is-open .filters__toggle-arrow {
		transform: rotate(180deg);
	}

	.filters__left .filter-item {
		width: 100%;
		justify-content: flex-start;
		font-size: 14px;
		padding: 10px 15px;
		background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
		height: 35px;
		min-height: auto;
		border-radius: 10px;
	}

	.filters__left .filter-item.is-active {
		display: none;
	}
	.blog-main-card__content {
		margin-left: auto;
	}
	.blog-main-card {
		padding: 0;
	}
	.blog-detail__wrap {
		display: grid;
		margin: 40px 0;
		gap: 0;
	}
	.blog-detail__aside {
		top: 0;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 32px;
		flex-direction: row-reverse;
	}

	.blog-detail__categories {
		position: absolute;
		top: 65px;
		right: 0;
		z-index: 50;

		display: flex;
		flex-direction: column;
		gap: 8px;

		min-width: 220px;
		padding: 8px;

		border-radius: 20px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: #0f0f0f;

		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-8px);

		transition:
			opacity 0.25s ease,
			visibility 0.25s ease,
			transform 0.25s ease;
	}

	.blog-detail__aside.is-open .blog-detail__categories {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0);
	}

	.blog-detail__toggle {
		display: inline-flex;
		align-items: center;
		gap: 14px;
		min-height: 35px;
		padding: 10px 15px;
		border-radius: 10px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: transparent;
		color: #fff;
		font-family: "JetBrainsMono", monospace;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: -0.04em;
		text-transform: uppercase;
		cursor: pointer;
	}

	.blog-detail__toggle-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.blog-detail__toggle-icon svg {
		display: block;
		width: 22px;
		height: 22px;
	}

	.blog-detail__toggle-arrow {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 2px;
		transition: transform 0.25s ease;
	}

	.blog-detail__aside.is-open .blog-detail__toggle-arrow {
		transform: rotate(180deg);
	}

	.blog-detail__categories .blog-detail__category {
		width: 100%;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		gap: 10px;

		font-size: 14px;
		padding: 10px 15px;
		background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
		height: 35px;
		min-height: auto;
		border-radius: 10px;
	}

	.blog-detail__categories .blog-detail__category.is-active {
		display: none;
	}
	.blog-detail__article-head {
		padding: 40px 15px;
	}
	.blog-detail__hero {
		width: 100%;
		height: 233px;
	}
	.blog-detail__body {
		padding: 30px 15px;
	}
	.blog-offer {
		padding: 40px 25px;
	}
	.form-input-wrap {
		display: grid !important;
		grid-template-columns: 1fr;
	}
	.blog-offer .form-field {
		max-width: 100%;
	}
	.blog-offer .contacts-feedback__form .btn-default {
		width: 100%;
	}
	.blog-detail__gallery-btn {
		display: none;
	}
	.blog-detail__gallery::after {
		content: none;
	}
	.blog-detail-cases {
		display: none;
	}
	.contacts-section__inner {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}
	.contacts-map {
		height: 394px !important;
		margin-top: 18px;
	}
	.contacts-card {
		padding: 20px;
		max-width: 100%;
	}
	.contacts-section__inner .contacts-card:nth-of-type(3) {
		order: 4;
	}
	.contacts-map-card-top {
		padding: 20px;
		border: 1px solid var(--text-white) 12;
		background: linear-gradient(233.11deg, rgba(36, 36, 36, 0) -3.4%, rgba(36, 36, 36, 0.5) 71.44%);
		width: 100%;
		border-radius: 20px;
	}
	.contacts-card.contacts-map-card {
		padding: 0;
		border: none;
		background: none;
		border-radius: none;
	}
	.contacts-feedback {
		padding: 40px 20px;
		margin: 39px 0;
	}
	.contacts-feedback__form .btn-default {
		width: 100%;
		padding: 20px;
		font-size: 18px;
		border: none;
	}
	.interaction-section__inner {
		display: grid;
		gap: 15px;
	}
	.career-banner {
		height: 310px;
		padding-top: 50px;
		padding-bottom: 0;
	}
	.career-page .section-top .hr {
		margin: 33px 0;
	}
	.interaction-right {
		position: relative;
		width: min(100%, 500px);
		height: clamp(240px, 72vw, 360px);
		top: 2rem;
		margin-left: auto;
		margin-right: auto;
	}

	.interaction-right__image {
		position: absolute;

		width: clamp(280px, 82vw, 500px);
		height: auto;
		aspect-ratio: 500 / 305;

		border: 1px solid #ffffff1a;
		border-radius: 10px;
		overflow: hidden;
		background: #0f0f0f;
	}

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

	.interaction-right__image--back {
		top: clamp(14px, 4vw, 20px);
		left: 50%;
		z-index: 1;
		transform: translateX(calc(-40% - clamp(18px, 7vw, -23px))) rotate(7deg);
		opacity: 0.7;
	}

	.interaction-right__image--front {
		top: 0;
		left: 50%;
		z-index: 2;
		transform: translateX(calc(-60% + clamp(18px, 7vw, 0px))) rotate(-7deg);
	}
	.interaction-section {
		padding: 60px 0;
	}
	.partners__inner {
		display: grid;
		grid-template-columns: 1fr;
		gap: 31px;
	}
	.partners-tabs {
		border-bottom: 1px solid #ffffff1a;
		padding-bottom: 31px;
		position: relative;
		top: 0;
	}


	.advantages-grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: none;
		grid-template-areas:
			"large"
			"top"
			"bottom"
			"right"
			"speed";
		gap: 16px;
	}

	.advantages-card {
		width: 100%;
		min-height: auto;
	}
	.ai-form {
		padding: 0 60px;
	}
}
@media (max-width: 767px) {
	.main-banner__image {
		position: absolute;
		top: clamp(-700px, -104vw, -100px);
		right: 0;
		bottom: 0;
		z-index: 1;
		width: clamp(390px, 112vw, 768px);
		height: 100dvh;
		pointer-events: none;
	}
	.main-banner__image img {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: right bottom;
	}
	section.main-banner:before {
		content: "";
		background-image: url(/img/mob-top-right-light.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
		position: absolute;
		z-index: 16;
		pointer-events: none;
	}
	.partners-section {
		margin-top: 400px;
	}
	.docs-section {
		padding: 70px 0;
	}

	.docs-section__top {
		flex-direction: column;
	}

	.docs-section__title {
		font-size: 34px;
	}

	.docs-card {
		width: 86vw;
	}
	.docs-card.swiper-slide.swiper-slide-next {
		opacity: 0.5;
	}
	.case-card.swiper-slide.swiper-slide-next {
		opacity: 0.5;
	}
	.blog-grid {
		grid-template-columns: 1fr;
	}
	.partners-list--wide .partner-card {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.partners-list--wide .partner-card__logo {
		width: 100%;
	}

	.partners-list--wide .partner-card__body {
		padding: 0 20px 20px;
	}
	    .vacancies-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
	    .career-banner {
        max-height: 710px;
        height: auto;
    }
	    .career-banner__img-bg {
        position: relative;
        margin-top: -110px;
    }
}
@media (max-width: 575px) {
	.main-banner__image {
		top: clamp(-420px, -80vw, -120px);
		width: clamp(360px, 120vw, 575px);
	}
	.clients-ai-section .ai-input {
		height: 150px;
		min-height: 150px;
		font-size: 18px;
	}
	.clients-ai-section .ai-section__box {
		padding: 74px 16px 0;
		background-size: contain;
	}
	.clients-ai-section .ai-submit {
		display: none !important;
	}
	.ai-submit-mob {
		background: #ffffff;
		margin-top: 16px;
		z-index: 2;
		position: relative;
		width: 100%;
		font-size: 18px;
		padding: 20px;
		border: none;
	}
	.clients-ai-section .ai-form {
		margin-bottom: 74px;
	}
	.clients-ai-section .ai-input::placeholder {
		font-size: 18px;
	}
	.clients-ai-section .ai-input-star {
		top: 30px;
		left: 5px;
		height: 24px;
	}
	textarea.ai-input {
		padding: 20px;
	}
	.clients-ai-section.is-chat-active .ai-submit-mob {
		display: none !important;
	}
	.clients-ai-section.is-chat-active .ai-submit {
		display: block !important;
		top: 45% !important;
		right: 10px;
	}
	.clients-ai-section.is-chat-active .ai-form {
		margin-bottom: 20px;
	}
	.clients-ai-section .ai-submit svg {
		height: 24px;
	}
	.clients-ai-section .ai-input-wrap {
		padding: 0 30px;
	}
	.blog-author {
		display: grid;
		gap: 30px;
	}
	.blog-author__socials {
		margin-left: 0;
	}
	.blog-author__socials a {
		width: 100%;
		height: 100%;
		padding: 16px 43px;
		height: 50px;
	}
	.career-banner {
		max-height: 710px;
		height: auto;
	}
	.career-banner__img-bg {
		position: relative;
		margin-top: -110px;
	}
	.career-banner .banner__text {
		width: 100%;
	}
	.ai-input-star {
		height: 24px;
	}
	.events-section {
		padding: 45px 0;
		margin-top: -6rem;
	}
	.main-page .blog-section {
		padding: 45px 0 85px;
	}
	.ai-section {
		padding-top: 54px;
	}
	.section-label:before {
		left: -10px;
	}

	.about-mission-label::before {
		left: -13px;
	}

	.events-calendar {
		padding: 0;
	}
	.events-section .title-wrap {
		margin-bottom: 23px;
	}
	.events-layout {
		margin-left: 0;
		margin-right: 0;
		width: auto;
		margin-top: 23px;
	}
	.events-calendar .flatpickr-months {
		justify-content: space-between;
	}
	.events-calendar .flatpickr-prev-month,
	.events-calendar .flatpickr-next-month {
		width: 34px;
		height: 34px;
	}
	.blog-card__img {
		height: 180px;
		border-radius: 14px;
	}
	.main-page .blog-card__body {
		padding: 10px;
	}

	.blog-swiper .swiper-slide {
		border-radius: 20px;
	}
	body:has(.ai-section) .footer {
		padding-top: 0;
	}
	.about-carousel-wrap {
		padding-left: calc((100vw - 330px) / 2);
	}
	.about-card.swiper-slide {
		height: 300px !important;
		width: 300px !important;
	}
	.events-calendar .flatpickr-calendar {
		max-width: 320px;
		margin: auto;
	}
	.blog-card.swiper-slide:not(.swiper-slide-active) {
		opacity: 0.5;
	}
	.navbar:before {
		left: 10px;
		right: 10px;
	}
	.breadcrumb {
		margin-bottom: 40px;
	}
	section.section-top {
		border-bottom: 1px solid rgb(255 255 255 / 8%);
		padding-bottom: 36px;
	}
	.blog-page section.section-top {
		border-bottom: none;
	}
	.products-grid .product-card {
		box-sizing: border-box;
		flex: 0 0 300px !important;
		width: 300px !important;
		min-width: 300px !important;
		max-width: 300px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		padding: 30px 20px 20px;
		overflow: hidden;
		scroll-snap-align: start;
		opacity: 0.5;
		transition: opacity 0.25s ease;
	}
	.solutions-section {
		padding: 68px 0 84px;
	}

	.products-section {
		padding: 39px 0 75px;
		border-bottom: 1px solid rgb(255 255 255 / 8%);
	}
	.integration-services__center {
		order: 2;
		margin: -5rem auto;
		position: relative;
	}
	.integration-services__center svg {
		width: 500px;
		height: 100%;
	}
	.docs-section {
		padding: 60px 0 30px;
	}
	.cases-section {
		padding: 30px 0 92px;
	}
	.service-structure {
		padding: 60px 0;
	}
	.integration-services {
		padding: 60px 0 100px;
		margin-bottom: -4rem;
	}
	.cases-section__top {
		margin-bottom: 18px;
	}
	.about-values__image {
		top: clamp(-230px, -44.2vw, -130px);
	}
	.company-history {
		padding: 70px 0;
	}
	.company-history__slide:not(.swiper-slide-active) {
		opacity: 0.5;
	}
	.company-history__head {
		gap: 14px;
	}
	.advantages-section {
		padding: 0 0 82px;
	}
	.clients-ai-section .container {
		padding: 0;
	}
	.clients-ai-section .ai-section__box {
		border-radius: 0;
	}
	.algorithm-work-section {
		padding: 76px 0;
	}
	.questions-section {
		padding: 76px 0 143px;
	}
	.instructions-section {
		padding: 76px 0;
	}
	.clients-ai-section .ai-input-wrap {
		min-height: 65px;
		padding: 0 40px;
	}
	.clients-ai-section.is-chat-active .ai-input {
		height: 50px;
		min-height: 50px;
		scrollbar-width: none;
	}
	.clients-ai-section.is-chat-active .ai-input-wrap textarea.ai-input {
		padding: 12px 10px;
	}
	.blog-page .blog-card__body {
		padding: 20px 10px;
	}
	section.blog-section {
		margin-bottom: 97px;
	}
	.blog-page .ai-section {
		padding-top: 54px;
	}
	.blog-main-card {
		min-height: 315px;
	}
	.blog-main-card__image {
		opacity: 0.5;
	}
	.container:has(.blog-detail__wrap) .breadcrumbs {
		margin-top: 90px;
	}
	.read-time {
		display: none;
	}
	.blog-detail__aside {
		top: 0;
	}
	.blog-detail__content {
		margin: 0 -12px;
	}
	.career-page section.section-top {
		border-bottom: 0;
	}
	.vacancies-item {
		padding: 20px;
	}
	.vacancies-item__buttons {
		margin-top: 20px;
	}
	.partners-panel .btn-default {
		display: none !important;
	}
	.contacts-list__icon svg {
		width: 16px;
	}
	.ai-section .container {
		padding-right: 0;
		padding-left: 0;
	}
	.container {
		padding-right: 16px;
		padding-left: 16px;
	}
	.ai-form {
		padding: 0 16px;
	}
	.ai-input-wrap {
		padding: 0 50px 0 50px;
	}
	.ai-input-star {
		left: 10px;
	}
	.ai-submit {
		right: 15px;
	}
	.ai-submit svg {
		height: 24px;
	}
	.blog-detail__wrap {
		margin: 40px 0 0;
	}
}

@media (max-width: 420px) {
	.main-banner__image {
		top: clamp(-160px, -65vw, -90px);
		width: clamp(340px, 125vw, 400px);
	}
}
@media (max-width: 374.99px) {
	.partners-list--grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.main-banner__image {
		top: clamp(-100px, -58vw, -70px);
		width: clamp(330px, 128vw, 375px);
	}
}