@charset "UTF-8";
.additional-services .top {
		height: 100vh;
		height: 100svh;
		position: relative;
}
.additional-services .top #magic, .additional-services .top .playground {
		position: absolute;
		width: 100%;
		height: 100%;
		max-height: 80vw;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}
.additional-services .top #magic {
		z-index: -9999;
}
.additional-services .top .playground {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
}
.additional-services .h1 {
		opacity: 0;
		pointer-events: none;
}
.additional-services .list {
		padding-top: var(--vspace-small);
}
.additional-services .list ul {
		display: grid;
		gap: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
}
.additional-services .list li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		container-type: inline-size;
		container-name: additional-services;
}
.additional-services .list li:before {
		display: none;
}
.additional-services .list .block {
		text-decoration: none;
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		color: rgba(255, 255, 255, 0.6);
		display: flex;
		flex-direction: column;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.1;
		border-radius: 30px;
		border: 2px solid var(--block-border);
		background-color: var(--block-bg)
}
.additional-services .list .big {
		font-weight: 600;
		font-size: 46px;
		color: var(--white);
}
.additional-services .list .animation-wrapper {
		position: absolute;
		background-color: transparent;
}
.additional-services .list .moving-gradient-wrap {
		--radius: 30px;
		position: absolute;
		left: 0;
		right: 0;
		max-height: 100%;
		height: 100%;
		min-height: 100%;
}
.additional-services .list .moving-gradient-wrap:not(.upside-down) {
		top: 0;
}
.additional-services .list .moving-gradient-wrap.upside-down {
		bottom: 0;
}
.additional-services .soon {
		font-weight: 600;
		font-size: 14px;
		color: var(--white);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex: 0 0 auto;
		padding: 0 30px;
		height: 50px;
		border-radius: 25px;
		backface-visibility: hidden;
		background: rgba(255, 255, 255, 0.20);
		-webkit-backdrop-filter: blur(33px);
		backdrop-filter: blur(33px);
}
.additional-services .block-indicators {
		height: 600px;
		background-image: url("../img/additional-services/indicators.png");
		background-repeat: no-repeat;
		background-position: 0 100%;
		background-size: auto 600px;
		padding: 38px 18px;
		align-items: flex-start;
		gap: 40px;
		flex: 0 0 auto !important;
}
.additional-services .block-signals {
		border: 0;
		padding: 0;
		aspect-ratio: 1/1;
		text-align: center;
		align-items: center;
		justify-content: center;
		background: #8562f9 url("../img/additional-services/signals.svg") no-repeat 50% 50%;
		background-size: cover;
}
.additional-services .block-signals .soon {
		order: 2;
		margin-bottom: 10px;
		margin-top: -60px;
}
.additional-services .block-signals .big {
		position: relative;
		margin: auto;
		top: -8px;
}
.additional-services .block-signals .big:before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		background: url("../img/additional-services/Notification-white.svg") no-repeat 50% 50%;
		width: 30px;
		height: 30px;
		background-size: contain;
		margin: 20px -15px;
}
@container additional-services (min-width: 300px) {
		.additional-services .block-signals .big {
				transform: scale(1.3);
		}
		.additional-services .block-signals .soon {
				font-size: 18px;
				padding: 0 30px;
				height: 66px;
				border-radius: 33px;
				margin-top: -76px;
		}
}
.additional-services .block-console > * {
		position: relative;
}
.additional-services .block-console {
		border: 0;
		min-height: 566px;
		padding-top: 90px;
		text-align: center;
		align-items: center;
		background-color: #224386 !important;
		background-image: url("../img/pattern2.svg"), radial-gradient(circle at 50% 110%, rgba(42, 229, 229, 1) 0%, rgba(42, 229, 229, 0) 50%), radial-gradient(circle at 50% -100px, rgba(42, 229, 229, 0.75) 0%, rgba(42, 229, 229, 0) 35%), radial-gradient(circle at 50% 50%, rgba(1, 3, 21, 0.2) 0%, rgba(1, 3, 21, 0) 100%);
		box-shadow: inset 0 -100px 100px -100px #fff, inset 0 -50px 50px -50px #fff, inset 0 -30px 30px -30px #fff;
		background-position: 50% 41%;
}
.additional-services .block-console .big {
		margin-bottom: 5px;
}
@media only screen and (max-width: 1279px) {
		.additional-services .block-console:before {
				content: '';
				position: absolute;
				top: 204px;
				left: 40px;
				width: 701px;
				background: url("../img/additional-services/console-mobile.png") no-repeat 0 0;
				background-size: cover;
				aspect-ratio: 1986/1379;
				border-radius: 10px;
				-webkit-backdrop-filter: blur(29px);
				backdrop-filter: blur(29px);
		}
}
.additional-services .block-passive {
		padding: 38px 18px;
		align-items: flex-start;
		gap: 20px;
		min-height: 468px;
		background-image: url("../img/additional-services/passive-vert.png");
		background-repeat: no-repeat;
		background-position: 50% 100%;
		background-size: 100% auto;
}
.additional-services .block-passive .btn {
		pointer-events: none !important;
		min-width: 0;
		order: 1;
		padding: 0 23px;
}
.additional-services .block-passive .big {
		order: 2;
}
.additional-services .block-affiliates {
		padding: 32px 18px;
		align-items: center;
		min-height: 425px;
		border-radius: 95.06px;
		background-color: rgba(255, 255, 255, 1);
		background-image: radial-gradient(200% 80% at -40% 20%, rgba(184, 254, 68, 0.5) 0%, rgba(63, 253, 210, 0.5) 34.91%, rgba(229, 46, 255, 1) 59.37%, #010315 100%);
}
.additional-services .block-affiliates:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		background-image: radial-gradient(150% 80% at -20% 10%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
		-webkit-backdrop-filter: blur(44px);
		backdrop-filter: blur(44px);
}
.additional-services .block-affiliates:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		box-shadow: inset 0 30px 30px -30px rgba(255, 255, 255, 0.85);
		background: url("../img/additional-services/affiliates.svg") no-repeat 43% 50%;
		background-size: 175% auto;
}
.additional-services .block-affiliates .big {
		position: absolute;
		opacity: 0;
		pointer-events: none;
}
.additional-services .block-affiliates > * {
		z-index: 2;
}
.additional-services .block-managed {
		border: 0;
		background: #9efe63 url("../img/additional-services/managed.png") no-repeat 50% 50%;
		background-size: cover;
		aspect-ratio: 1/1;
		text-align: center;
		align-items: center;
		padding-top: 76%;
		justify-content: center;
		color: var(--black) !important;
}
@container additional-services (min-width: 300px) {
		.additional-services .block-managed > *:not(.big) {
				font-size: 26px;
		}
}
@media only screen and (min-width: 640px) and (max-width: 999px) {
		.additional-services .list ul {
				grid-template-columns: repeat(2, 1fr);
		}
		.additional-services .list .pos2, .additional-services .list .pos6 {
				order: 3;
		}
		.additional-services .list .pos5 {
				order: 2;
		}
}
@media only screen and (min-width: 1000px) {
		.additional-services .block-affiliates {
				min-height: 267px;
				text-align: right;
				align-items: flex-end;
				background-image: radial-gradient(100% 80% at 50% 0%, rgba(184, 254, 68, 1) 0%, rgba(63, 253, 210, 1) 20%, rgba(229, 46, 255, 1) 50%, #010315 100%);
		}
		.additional-services .block-affiliates:before {
				background: none;
		}
		.additional-services .block-affiliates:after {
				background-size: 100% auto;
		}
}
@media only screen and (min-width: 1000px) and (max-width: 1279px) {
		.additional-services .list ul {
				grid-template-columns: repeat(3, 1fr);
		}
		.additional-services .list .pos2 {
				order: 2;
		}
		.additional-services .list .pos5 {
				grid-column: 1/3;
				grid-row: 2/4;
		}
}
@media only screen and (min-width: 1280px) {
		.additional-services .soon {
				padding: 0 23px;
		}
		.additional-services .list ul {
				grid-template-columns: 32.4% 267px auto 267px;
				grid-template-rows: 1fr auto auto;
				max-width: 1140px;
				margin: 0 auto;
		}
		.additional-services .list .pos1 {
				grid-row: 1/3;
				order: 1;
		}
		.additional-services .list .pos3 {
				order: 2;
				grid-column: 2/5;
		}
		.additional-services .list .pos2 {
				order: 3;
		}
		.additional-services .list .pos4 {
				order: 4;
				grid-column: 3/5;
		}
		.additional-services .list .pos5 {
				order: 5;
				grid-column: 1/4;
		}
		.additional-services .list .pos6 {
				order: 6;
		}
		.additional-services .block-console {
				min-height: 0;
				padding: 20px 0 0 0;
				align-items: center;
				justify-content: center;
				background-image: url("../img/pattern2.svg"), linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70%), radial-gradient(130% 250% at 50% 100%, #2AE5E5 0%, #3F5DFD 34.91%, #3CF71E 59.37%, #010315 100%);
				box-shadow: inset 0 -30px 30px -30px #fff, inset 0 -50px 50px -50px #fff, inset 0 -30px 30px -30px rgba(64, 255, 221, 1), inset 0 -50px 50px -50px rgba(64, 255, 221, 1), inset 0 -100px 100px -100px rgba(64, 255, 221, 1);
				background-size: auto, 100% 100%, 100% 100%;
				background-position: 50% 80px, 50% 50%, 50% 50%;
		}
		.additional-services .block-console:before, .additional-services .block-console:after {
				content: '';
				position: absolute;
				margin: 0 168px;
				width: 993px;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: cover;
				border-radius: 15px;
				-webkit-backdrop-filter: blur(29px);
				backdrop-filter: blur(29px);
		}
		.additional-services .block-console:before {
				bottom: 43px;
				right: 50%;
				background-image: url("../img/additional-services/console2.png");
				aspect-ratio: 1987/1268;
		}
		.additional-services .block-console:after {
				top: 34px;
				left: 50%;
				background-image: url("../img/additional-services/console.png");
				aspect-ratio: 1986/1379;
		}
		.additional-services .block-signals, .additional-services .block-managed {
				flex: 0 0 auto !important;
		}
		.additional-services .block-indicators {
				padding-left: 38px;
				padding-right: 38px;
		}
		.additional-services .block-passive {
				min-height: 0;
				background-image: url("../img/additional-services/passive-hor.png");
				background-size: auto 100%;
				background-position: 100% 50%;
				padding: 28px 38px 32px 38px;
				justify-content: space-between;
		}
		.additional-services .block-passive .big {
				font-size: 36px;
		}
		.additional-services .block-passive .btn {
				height: 50px;
				border-radius: 25px;
				font-size: 14px;
				padding: 0 23px;
		}
}