@charset "UTF-8";
.technology .hero {
		position: relative;
		min-height: 100vh;
		min-height: 100svh;
		padding: clamp(136px, 11.0625rem, 177px) var(--side-padding) 0 var(--side-padding);
		text-align: center;
		font-size: clamp(16px, 1.25rem, 20px);
		display: flex;
		flex-direction: column;
		align-items: center;
}
.technology .hero .title {
		font-size: clamp(36px, 4rem, 64px);
		margin: 0 auto clamp(5px, 0.9375rem, 15px) auto;
		max-width: 11.66em;
}
.technology .hero .text {
		margin: 0 auto;
		max-width: 37.3em;
		text-wrap: auto;
}
.technology .hero .bg-video {
		margin: 0 calc(var(--side-padding) * -1);
		position: relative;
		overflow: hidden;
		max-width: 1440px;
}
.technology .hero .bg-video:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1440px;
		height: 100%;
		transform: translate3d(-50%, -50%, 0);
		background: linear-gradient(to right, var(--dark) 0%, var(--dark0) 100px, var(--dark0) calc(100% - 100px), var(--dark) 100%);
}
.technology .hero .bg-video > * {
		width: 100%;
		height: auto;
		min-height: 498px;
		object-fit: cover;
		object-position: center;
}
.technology .hero.js_detect-scroll .title, .technology .hero.js_detect-scroll .text {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.technology .hero.js_detect-scroll:not(.visible) .title, .technology .hero.js_detect-scroll:not(.visible) .text {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.technology .hero.js_detect-scroll .text {
		transition-delay: 0.1s;
}
@media only screen and (max-width: 999px) {
		.technology .hero .bg-video {
				margin-top: -124px;
		}
}
@media only screen and (min-width: 1000px) {
		.technology .hero .bg-video {
				margin-top: -283px;
		}
		.technology .hero .bg-video > * {
				min-height: 900px;
		}
}
.technology .built-for {
		display: flex;
		flex-direction: column;
		--angle: 0deg;
}
.technology .built-for .top-text {
		padding: 0 var(--side-padding);
		text-align: center;
}
.technology .built-for .top-text > img {
		display: block;
		height: 80px;
		width: auto;
		margin: 0 auto 30px auto;
}
.technology .built-for .title {
		font-size: 40px;
		margin: 0 auto;
		max-width: 10.75em;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
}
.technology .built-for .wrap {
		position: relative;
		text-align: center;
}
.technology .built-for .icon {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		backface-visibility: hidden;
}
.technology .built-for .icon .bg {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.02) 100%);
		/*
	-webkit-backdrop-filter: blur(27px);
		backdrop-filter: blur(27px);
	*/
		backface-visibility: hidden;
}
.technology .built-for .icon .bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 50%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);
		transition: opacity 0.4s ease;
		opacity: 0;
}
.technology .built-for .icon .bg:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid transparent;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.02) 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.technology .built-for .icon .pic {
		width: 30px;
		height: 30px;
		flex: 0 0 auto;
		position: relative;
		backface-visibility: hidden;
}
.technology .built-for .icon .pic img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		opacity: 0.8;
		transition: opacity 0.4s ease;
}
.technology .built-for .text {
		display: inline-block;
		vertical-align: top;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		font: bold 18px/1.2 var(--font-title);
		letter-spacing: -0.02em;
}
.technology .built-for ul, .technology .built-for li {
		list-style: none;
		margin: 0;
		padding: 0;
}
@media only screen and (max-width: 999px) {
		.technology .built-for {
				gap: 70px;
		}
		.technology .built-for .bg-light {
				height: 700px;
		}
		.technology .built-for .bg-light:before {
				width: 1290px;
				height: 538px;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0) scale(-1) rotate(-165deg);
		}
		.technology .built-for .slider1 {
				order: 1;
		}
		.technology .built-for .top-text {
				order: 2;
		}
		.technology .built-for .slider2 {
				order: 3;
		}
		.technology .built-for .slider {
				width: 100%;
				position: relative;
				display: flex;
				overflow: hidden;
		}
		.technology .built-for .slider ul {
				display: flex;
				flex: 0 0 auto;
				backface-visibility: hidden;
				will-change: transform;
		}
		.technology .built-for .slider1 ul {
				animation: built-for-line 20s linear infinite;
		}
		.technology .built-for .slider2 ul {
				animation: built-for-line 20s linear infinite reverse;
		}
		.technology .built-for .slider li {
				width: 30vw;
				min-width: 114px;
				flex: 0 0 auto;
				position: relative;
		}
		.technology .built-for .slider li:before, .technology .built-for .slider li:after {
				content: '';
				position: absolute;
				top: 35px;
				width: calc(50% - 35px);
				height: 1px;
				background: var(--white);
				opacity: 0.15;
		}
		.technology .built-for .slider li:before {
				left: 0;
		}
		.technology .built-for .slider li:after {
				right: 0;
		}
		.technology .built-for .icon {
				margin: 0 auto 10px auto;
		}
		.technology .built-for .text {
				font-size: 14px;
		}
}
@media only screen and (min-width: 1000px) {
		.technology .built-for {
				min-height: 990px;
				justify-content: center;
				overflow: hidden;
				padding: 100px 0;
				margin: -100px 0;
		}
		.technology .built-for .bg-light {
				height: calc(100% - 100px);
		}
		.technology .built-for .bg-light:before {
				width: 1987px;
				height: 829px;
				top: 65%;
				left: 65%;
				transform: translate3d(-50%, -50%, 0) scale(-1) rotate(-165deg);
		}
		.technology .built-for .slider {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
				aspect-ratio: 1/1;
				overflow: visible !important;
		}
		.technology .built-for .slider:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				border-radius: 50%;
				border: 1px solid var(--white);
				opacity: 0.15;
		}
		.technology .built-for .slider li {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				pointer-events: none;
		}
		.technology .built-for .slider1 li:nth-child(1) {
				--angle: 0deg;
		}
		.technology .built-for .slider1 li:nth-child(2) {
				--angle: 45deg;
		}
		.technology .built-for .slider1 li:nth-child(3) {
				--angle: 90deg;
		}
		.technology .built-for .slider1 li:nth-child(4) {
				--angle: 135deg;
		}
		.technology .built-for .slider1 li:nth-child(5) {
				--angle: 180deg;
		}
		.technology .built-for .slider1 li:nth-child(6) {
				--angle: 225deg;
		}
		.technology .built-for .slider1 li:nth-child(7) {
				--angle: 270deg;
		}
		.technology .built-for .slider1 li:nth-child(8) {
				--angle: 315deg;
		}
		.technology .built-for .slider2 li:nth-child(1) {
				--angle: 0deg;
		}
		.technology .built-for .slider2 li:nth-child(2) {
				--angle: 51.4285deg;
		}
		.technology .built-for .slider2 li:nth-child(3) {
				--angle: 102.857deg;
		}
		.technology .built-for .slider2 li:nth-child(4) {
				--angle: 154.2855deg;
		}
		.technology .built-for .slider2 li:nth-child(5) {
				--angle: 205.714deg;
		}
		.technology .built-for .slider2 li:nth-child(6) {
				--angle: 257.1425deg;
		}
		.technology .built-for .slider2 li:nth-child(7) {
				--angle: 308.571deg;
		}
		.technology .built-for .slider li.copy {
				display: none;
		}
		.technology .built-for .slider1 {
				width: 790px;
		}
		.technology .built-for .slider2 {
				width: 560px;
		}
		.technology .built-for .wrap {
				width: 70px;
				height: 70px;
				position: absolute;
				top: 0;
				left: 50%;
				margin: -35px;
				pointer-events: all;
				transition: opacity 0.4s ease;
		}
		.technology .built-for .wrap .text {
				position: absolute;
				top: 100%;
				left: 50%;
				white-space: nowrap;
				margin: 15px 0 0 0;
				transform: translate3d(-50%, 0, 0);
				opacity: 0;
				pointer-events: none;
				transition: opacity 0.4s ease;
		}
		.technology .built-for .wrap:hover .text {
				opacity: 1;
		}
		.technology .built-for .wrap:hover .icon .bg:before {
				opacity: 1;
		}
		.technology .built-for .wrap:hover .pic img {
				opacity: 1;
		}
		.technology .built-for .slider1 li {
				animation: built-for 20s linear infinite;
		}
		.technology .built-for .slider1 li .wrap {
				animation: built-for-slide 20s linear infinite reverse;
		}
		.technology .built-for .slider2 li {
				animation: built-for 20s linear infinite reverse;
		}
		.technology .built-for .slider2 li .wrap {
				animation: built-for-slide 20s linear infinite;
		}
		.technology .built-for .slider1:has(.wrap:hover) li, .technology .built-for .slider1:has(.wrap:hover) li .wrap, .technology .built-for .slider2:has(.wrap:hover) li, .technology .built-for .slider2:has(.wrap:hover) li .wrap {
				animation-play-state: paused;
		}
		.technology .built-for .icon .bg {
				-webkit-backdrop-filter: blur(27px);
				backdrop-filter: blur(27px);
		}
}
@-webkit-keyframes built-for-line {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@keyframes built-for-line {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@-webkit-keyframes built-for {
		from {
				transform: rotate(calc(0deg + var(--angle)));
		}
		to {
				transform: rotate(calc(360deg + var(--angle)));
		}
}
@keyframes built-for {
		from {
				transform: rotate(calc(0deg + var(--angle)));
		}
		to {
				transform: rotate(calc(360deg + var(--angle)));
		}
}
@-webkit-keyframes built-for-slide {
		from {
				transform: rotate(calc(0deg - var(--angle)));
		}
		to {
				transform: rotate(calc(360deg - var(--angle)));
		}
}
@keyframes built-for-slide {
		from {
				transform: rotate(calc(0deg - var(--angle)));
		}
		to {
				transform: rotate(calc(360deg - var(--angle)));
		}
}
.technology .benefits {
		margin-top: clamp(140px, 14.375rem, 230px);
		padding: 0 var(--side-padding);
}
.technology .benefits .wrap {
		display: grid;
		gap: clamp(10px, 1.25rem, 20px);
		grid-template-columns: 100%;
		margin: 0 auto;
		max-width: 1258px;
}
.technology .benefits .el {
		display: flex;
		flex-direction: column;
		width: 100%;
		font-size: 16px;
}
.technology .benefits .inner {
		flex: 1 0 auto;
		width: 100%;
		position: relative;
		backface-visibility: hidden;
		padding: 70px clamp(25px, 2.5rem, 40px) 64px clamp(25px, 2.5rem, 40px);
		display: flex;
		flex-direction: column;
		gap: 10px;
}
.technology .benefits .inner > *:not(.bg) {
		position: relative;
}
.technology .benefits .bg {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
		transform: skewY(-5deg);
		background: var(--dark);
		border: 1px solid var(--white20);
		border-radius: 15px;
}
.technology .benefits .bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: -40px;
		background: url("../img/blur-gradient.jpg") no-repeat 50% 50%/1017px auto;
		transform: skewY(5deg)
}
.technology .benefits .el:nth-child(1) .bg:before {
		background-position: calc(150% + 1017px);
}
.technology .benefits .el:nth-child(3) .bg:before {
		background-position: calc(-50% - 1017px);
}
.technology .benefits .el:nth-child(2) .bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url("../img/bg-logo.png") no-repeat 50% 50%/592px auto;
		transform: skewY(5deg);
		margin: -40px;
}
.technology .benefits .title {
		font-size: 33px;
		flex: 0 0 auto;
		width: 100%;
}
.technology .benefits .descr {
		flex: 1 0 auto;
		margin-bottom: 30px;
		min-height: 5.6em;
}
.technology .benefits ul, .technology .benefits li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.technology .benefits ul {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		width: 100%;
		gap: 10px;
		font: bold 16px/1.1 var(--font-title);
		letter-spacing: -0.02em;
		color: var(--white);
}
.technology .benefits li {
		padding: 5px 15px;
		min-height: 58px;
		backface-visibility: hidden;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
		backdrop-filter: blur(52px);
		-webkit-backdrop-filter: blur(52px);
		border-radius: 15px;
		display: flex;
		align-items: center;
}
.technology .benefits li:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid transparent;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.technology .benefits .js_detect-scroll .inner {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.technology .benefits .js_detect-scroll:not(.visible) .inner {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
@media only screen and (max-width: 999px) {
		.technology .benefits .wrap {
				max-width: 382px;
		}
}
@media only screen and (min-width: 1000px) {
		.technology .benefits .wrap {
				grid-template-columns: repeat(3, 1fr);
		}
		.technology .benefits .title {
				font-size: clamp(24px, 2.0625rem, 33px);
		}
		.technology .benefits .el:nth-child(2) .bg {
				transform: skewY(5deg);
		}
		.technology .benefits .el:nth-child(2) .bg:before {
				transform: skewY(-5deg);
		}
		.technology .benefits .el:nth-child(2) .bg:after {
				transform: skewY(-5deg);
		}
		.technology .benefits .el:nth-child(1) .inner {
				transition-delay: 0s;
		}
		.technology .benefits .el:nth-child(2) .inner {
				transition-delay: 0.1s;
		}
		.technology .benefits .el:nth-child(3) .inner {
				transition-delay: 0.2s;
		}
}
.technology .benefits2 {
		text-align: center;
		font-size: 18px;
}
.technology .benefits2 .title {
		font-size: clamp(50px, 4rem, 64px);
		margin: 0 auto 15px auto;
		max-width: 7.34375em;
}
.technology .benefits2 .descr {
		margin: 0 auto;
		max-width: 26.111em;
}
.technology .benefits2 .num {
		width: 90px;
		height: 96px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font: bold 18px/1.1 var(--font-title);
		color: var(--white);
		letter-spacing: -0.02em;
		position: relative;
		background: url("../img/benefits-num.svg") no-repeat 50% 50%;
		background-size: contain;
}
.technology .benefits2 .num svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		stroke: var(--gradient-start);
		stroke-width: 1.5;
		stroke-dasharray: 287;
		backface-visibility: hidden;
		will-change: stroke-dashoffset;
}
.technology .benefits2 ul, .technology .benefits2 li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.technology .benefits2 ul {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		width: 100%;
		max-width: 437px;
		gap: 10px;
		font: bold 18px/1.1 var(--font-title);
		letter-spacing: -0.02em;
		color: var(--white);
		margin: clamp(30px, 3.125rem, 50px) auto 0 auto;
}
.technology .benefits2 li {
		padding: 5px clamp(20px, 1.5625rem, 25px) 5px clamp(70px, 5rem, 80px);
		min-height: 70px;
		backface-visibility: hidden;
		position: relative;
		flex: 0 0 auto;
		width: 100%;
		background-image: radial-gradient(circle at 50% 50%, var(--pink-bg) 0%, var(--pink-bg0) 50%), linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
		backdrop-filter: blur(52px);
		-webkit-backdrop-filter: blur(52px);
		border-radius: 15px;
		display: flex;
		align-items: center;
		background-size: 800px 800px, auto;
		background-repeat: no-repeat;
		background-position: 50% 50%;
}
.technology .benefits2 li:nth-child(1) {
		background-position: calc(100% + 400px) calc(100% + 400px), 50% 50%;
}
.technology .benefits2 li:nth-child(2) {
		background-position: calc(75% + 200px) -400px, 50% 50%;
}
.technology .benefits2 li:nth-child(3) {
		background-position: 50% -400px, 50% 50%;
}
.technology .benefits2 li:nth-child(4) {
		background-position: calc(50% + 200px) -400px, 50% 50%;
}
.technology .benefits2 li:after {
		content: '';
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border: 1px solid transparent;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%) border-box;
		-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
		-webkit-mask-composite: destination-out;
		mask-composite: exclude;
		border-radius: inherit;
}
.technology .benefits2 li img {
		height: 30px;
		width: auto;
		position: absolute;
		top: 50%;
		left: clamp(20px, 1.5625rem, 25px);
		transform: translate3d(0, -50%, 0);
		object-fit: contain;
		object-position: center;
}
.technology .benefits2 .media {
		aspect-ratio: 1/1;
		position: relative;overflow: hidden;
}
.technology .benefits2 .media:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: linear-gradient(to bottom, var(--dark) 0%, var(--dark0) 10%, var(--dark0) 90%, var(--dark) 100%), linear-gradient(to right, var(--dark) 0%, var(--dark0) 10%, var(--dark0) 90%, var(--dark) 100%);
}
.technology .benefits2 .media > * {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.technology .benefits2 .screen2 .media > * {
		top: -10%;
		left: -10%;
		width: 120%;
		height: 120%;
}
@media only screen and (max-width: 999px) {
		.technology .benefits2 {
				padding-top: 70px;
				position: relative;
				z-index: 3;
		}
		.technology .benefits2 .num {
				display: none;
		}
		.technology .benefits2 .screen {
				padding: 0 var(--side-padding);
		}
		.technology .benefits2 .screen + .screen {
				margin-top: 90px;
		}
		.technology .benefits2 .media {
				max-width: 400px;
				margin: 0 auto -16px auto;
		}
		.technology .benefits2 .title {
				position: relative;
		}
		.technology .benefits2 .js_detect-scroll .title, .technology .benefits2 .js_detect-scroll .descr, .technology .benefits2 .js_detect-scroll li {
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.8s;
				transition-timing-function: ease;
				transform: translate3d(0, 0, 0);
		}
		.technology .benefits2 .js_detect-scroll:not(.visible) .title, .technology .benefits2 .js_detect-scroll:not(.visible) .descr, .technology .benefits2 .js_detect-scroll:not(.visible) li {
				opacity: 0;
				pointer-events: none;
				transform: translate3d(0, var(--distance), 0);
		}
		.technology .benefits2 .js_detect-scroll .descr {
				transition-delay: 0.1s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(1) {
				transition-delay: 0.2s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(2) {
				transition-delay: 0.3s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(3) {
				transition-delay: 0.4s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(4) {
				transition-delay: 0.5s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(5) {
				transition-delay: 0.6s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(6) {
				transition-delay: 0.7s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(7) {
				transition-delay: 0.8s;
		}
		.technology .benefits2 .js_detect-scroll li:nth-child(8) {
				transition-delay: 0.9s;
		}
}
@media only screen and (min-width: 1000px) {
		.technology .benefits2 {
				--percent1: 0;
				--percent2: 0;
				margin-top: 100px;
				z-index: 3;
				position: relative;
		}
		.technology .benefits2 .wrap {
				display: flex;
				height: 100vh;
				height: 100svh;
				overflow: hidden;
				position: sticky;
				top: 0;
		}
		.technology .benefits2 .screen {
				flex: 0 0 auto;
				position: relative;
				width: 100%;
				padding: 104px calc(var(--side-padding) - 50px) 0 calc(var(--side-padding) - 50px);
				display: flex;
				flex-direction: column;
				justify-content: center;
				backface-visibility: hidden;
				transition: opacity 0.4s ease;
		}
		.technology .benefits2.change .screen1, .technology .benefits2:not(.change) .screen2 {
				opacity: 0;
				pointer-events: none;
		}
		.technology .benefits2 .screen + .screen {
				transform: translate3d(-100%, 0, 0);
		}
		.technology .benefits2 .screen:before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 50%;
				width: 1.5px;
				background: var(--white);
				opacity: 0.12;
				transform: translate3d(-50%, 0, 0);
		}
		.technology .benefits2 .screen > *:not(.media):not(.num) {
				width: 50%;
				padding: 0 50px;
		}
		.technology .benefits2 .media {
				position: absolute;
				top: 50%;
				left: 75%;
				width: 50%;
				max-width: calc(100vh - 200px);
				max-width: calc(100svh - 200px);
				transform: translate3d(-50%, -50%, 0) scale(1);
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
		}
		.technology .benefits2:not(.change) .screen1 .media, .technology .benefits2.change .screen2 .media {
				transform: translate3d(-50%, -50%, 0) scale(0.8);
		}
		.technology .benefits2 .num {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
		}
		.technology .benefits2 .slide1, .technology .benefits2 .slide2 {
				height: 50vh;
				height: 50svh;
		}
		.technology .benefits2 .num {
				backface-visibility: hidden;
				transition: opacity 0.4s ease;
		}
		.technology .benefits2 .screen1 .num svg {
				stroke-dasharray: 287px;
				stroke-dashoffset: calc(287px - 287px * var(--percent1));
		}
		.technology .benefits2 .screen2 .num svg {
				stroke-dasharray: 287px;
				stroke-dashoffset: calc(287px - 287px * var(--percent2));
		}
		.technology .benefits2 .title, .technology .benefits2 .descr, .technology .benefits2 ul {
				backface-visibility: hidden;
				transition-property: transform, opacity;
				transition-duration: 0.4s;
				transition-timing-function: ease;
				transform: translate3d(0, 0, 0);
		}
		.technology .benefits2:not(.change) .screen2 .title, .technology .benefits2.change .screen1 .title, .technology .benefits2:not(.change) .screen2 .descr, .technology .benefits2.change .screen1 .descr, .technology .benefits2:not(.change) .screen2 ul, .technology .benefits2.change .screen1 ul {
				transform: translate3d(0, calc(var(--distance) * -1), 0);
		}
		.technology .benefits2:not(.change) .screen2 .title, .technology .benefits2:not(.change) .screen2 .descr, .technology .benefits2:not(.change) .screen2 ul {
				transform: translate3d(0, var(--distance), 0);
		}
		@media only screen and (max-height: 830px) {
				.technology .benefits2 {
						font-size: 16px;
				}
				.technology .benefits2 .title {
						font-size: 56px;
				}
				.technology .benefits2 li {
						min-height: 56px;
						font-size: 16px;
				}
		}
}
.technology .for-scale {
		margin-bottom: clamp(55px, 7.5rem, 120px);
}
.technology .for-scale .title {
		text-align: center;
		font-size: clamp(64px, 6.875rem, 110px);
}
.technology .for-scale ul, .technology .for-scale li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.technology .for-scale ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		text-align: center;
		color: var(--white);
		font: bold clamp(18px, 1.6875rem, 27px)/1 var(--font-title);
		letter-spacing: -0.02em;
		gap: 0.37em;
		width: 20.96em;
		margin: 0 auto;
		padding-bottom: 2em;
}
.technology .for-scale .inner {
		position: relative;
		aspect-ratio: 1/0.9;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.technology .for-scale .inner > *:not(.bg) {
		position: relative;
}
.technology .for-scale .bg {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: 0.37em;
		border: 1px solid var(--white20);
		background-color: var(--dark);
		overflow: hidden;
		backface-visibility: hidden;
		transform: skewY(5deg);
}
.technology .for-scale .bg:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0) skewY(-5deg);
		width: 37.666em;
		height: 37.666em;
		background-image: url("../img/bg-logo.png"), url("../img/blur-gradient.jpg");
		background-repeat: no-repeat;
		background-size: 21.925em auto, 37.666em auto;
		background-position: 25% 54%, 50% 50%;
}
.technology .for-scale li:nth-child(1) .bg:before {
		top: 100%;
		left: 100%;
}
.technology .for-scale li:nth-child(2) .bg:before {
		top: calc(100% - 1em);
		left: -0.37em;
}
.technology .for-scale li:nth-child(3) .bg:before {
		top: -0.37em;
		left: 100%;
}
.technology .for-scale li:nth-child(4) .bg:before {
		top: calc(-0.37em - 1em);
		left: -0.37em;
}
.technology .for-scale li:nth-child(even) {
		transform: translate3d(0, 2em, 0);
}
.technology .for-scale .js_detect-scroll .title, .technology .js_detect-scroll .inner {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 999px) {
		.technology .for-scale {
				margin-top: 170px;
		}
		.technology .for-scale .bg-light {
				height: 800px;
				top: 80px;
		}
		.technology .for-scale .bg-light:before {
				width: 1146px;
				height: 478px;
				top: 50%;
				left: 33%;
				transform: translate3d(-50%, -50%, 0) scale(-1) rotate(-165deg);
		}
		.technology .for-scale ul {
				margin-top: 50px;
		}
		.technology .for-scale .js_detect-scroll:not(.visible) .title, .technology .for-scale .js_detect-scroll:not(.visible) .inner {
				opacity: 0;
				pointer-events: none;
				transform: translate3d(0, var(--distance), 0);
		}
		.technology .for-scale .js_detect-scroll li:nth-child(1) .inner {
				transition-delay: 0s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(2) .inner {
				transition-delay: 0.1s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(3) .inner {
				transition-delay: 0.2s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(4) .inner {
				transition-delay: 0.3s;
		}
}
@media only screen and (min-width: 1000px) {
		.technology .for-scale {
				margin-top: 120px;
		}
		.technology .for-scale .bg-light {
				height: 800px;
		}
		.technology .for-scale .bg-light:before {
				width: 1609px;
				height: 671px;
				top: 50%;
				left: 75%;
				transform: translate3d(-50%, -50%, 0) scale(-1, 1) rotate(15deg);
		}
		.technology .for-scale .wrap {
				margin: 0 auto;
				max-width: 1140px;
				display: flex;
				flex-direction: row-reverse;
				align-items: center;
				justify-content: space-between;
		}
		.technology .for-scale .wrap > *:not(ul) {
				flex: 0 0 auto;
				width: 50%;
				padding-left: clamp(30px, 6.25rem, 100px);
		}
		.technology .for-scale ul {
				margin: 0 0 0 auto;
		}
		.technology .for-scale .wrap.js_detect-scroll:not(.visible) .title, .technology .for-scale .wrap.js_detect-scroll:not(.visible) .inner {
				opacity: 0;
				pointer-events: none;
				transform: translate3d(0, var(--distance), 0);
		}
		.technology .for-scale .js_detect-scroll li:nth-child(1) .inner {
				transition-delay: 0.1s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(2) .inner {
				transition-delay: 0.2s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(3) .inner {
				transition-delay: 0.3s;
		}
		.technology .for-scale .js_detect-scroll li:nth-child(4) .inner {
				transition-delay: 0.4s;
		}
}