/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
input,textarea,button,select{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	border: 0;
	max-width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
ol, ul{
	list-style: none;
}
font{
	color: inherit !important;
	font: inherit !important;
}
/* RESET */
html{
}
body
{
	height:100%;
	margin:0;
	padding:0;
	font-family: "Inter", Arial, sans-serif;
	font-weight: 200;
}

form { margin:0; padding:0;}
form.main-form
{ 
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}
b{
	font-weight: 800;
}
a{
	text-decoration: none;
	text-underline-offset: 5px;
	color: #fff;
}
.row-flex{
	display: flex;
	flex-flow: row wrap;
}
.vh-center{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.shadow{
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}
.pd0{padding: 0;}
.pd5{padding: 5px;}
.pd10{padding: 10px !important;}
.pd15{padding: 15px}
.pd20{padding: 20px !important;}
.main-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100vh;
	background: linear-gradient(43deg, rgba(44,23,57,1) 0%, rgba(24,20,28,1) 36%, rgba(24,20,28,1) 62%, rgba(44,23,57,1) 100%);
	z-index: -1;
}
.main_menu-wrapper{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 25px;
	width: 100%;
	max-width: 1280px;
	z-index: 9999;
	border-radius: 16px;
	background-color: rgba(255,255,255,.06);
	backdrop-filter: blur(50px);
	overflow: hidden;
	padding: 24px 20px 20px 20px;
}
	.main_menu-logo{
		height: 52px;
		text-align: center;
		color: #fff;
		float: left;
		margin-left: 5px;
	}
		.main_menu-logo img{
			height: 52px;
		}
	.menu_soc{

	}
	.main_menu-rbtn{
		height: 48px;
		margin: 0px 5px 0px 0;
		background-color: #A424F4;
		float: right;
		border-radius: 12px;
		padding: 0 15px;
		color: #fff;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
	}
		.main_menu-rbtn img{
			width: 21px;
		}
	.main_menu-menu{
		float: left;
		margin: 0px 24px;
		height: 48px;
	}
		.main_menu-menu ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
			.main_menu-menu ul li{
				width: auto;
				float: left;
				font-size: 18px;
				padding: 0 20px;
				cursor: pointer;
			}
				.main_menu-menu ul li a{
					color: #fff;
					text-decoration: none;
				}
.content-wrapper{
	width: 90%;
	max-width: 1280px;
	height: 100%;
	min-height: 100vh;
	margin: 0 auto;
}
	.all-back{
		font-size: 16px;
		margin-bottom: 30px;
	}
		.all-back i{
			margin-right: 5px;
		}
	.nav-panel{
		
	}
	.page{
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 150px;
		font-size: 18px;
		border: 0 !important;
	}
	.sub-page{
		margin-top: 10px;
		padding: 40px;
		border-radius: 16px;
		background-color: rgba(255,255,255,.06);
		backdrop-filter: blur(50px);
		color: #fff;
	}
		.page-title{
			width: 100%;
			text-align: center;
			padding: 50px 0 50px;
			font-size: 48px;
			font-weight: 700;
			font-family: "Space Grotesk", Arial, sans-serif;
			color: #fff;
		}
		.sub-title{
			position: relative;
			width: 100%;
			font-size: 30px;
			line-height: 130%;
			font-family: "Space Grotesk", Arial, sans-serif;
			color: #fff;
			padding-bottom: 30px;
		}
		.ssub-title{
			display: inline-block;
			font-size: 28px;
			color: #fff;
		}
.review{

}
	.first-logo{
		position: absolute;
		width: 90%;
		max-width: 90%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
		.first-logo::before{
			content:"";
			display:block;
			padding-top:65%;
		}
		.namess{
			position: absolute;
			font-size: 18px;
			font-family: "Space Grotesk";
			color: #FFD400;
			text-shadow: 0px 0px 10px #333;
			cursor: default;
		}
			.brain{
				top: 16%;
				left: 22%;
				text-align: text;
				transform: rotate(-180deg);
				transition: 0.5s;
				z-index: 10;
				text-align: center;
				pointer-events: none;
				opacity: 0;
			}
			.anton{
				top: 49%;
				left: 10%;
				text-align: right;
				transform: rotate(-8deg);
				transition: 0.5s;
				z-index: 25;
				pointer-events: none;
				opacity: 0;
			}
			.darya{
				top: 64%;
				left: 40%;
				transform: rotate(8deg);
				transition: 0.5s;
				z-index: 15;
				pointer-events: none;
				opacity: 0;
			}
			.petr{
				top: 52%;
				left: 70%;
				text-align: left;
				transform: rotate(-8deg);
				transition: 0.5s;
				z-index: 12;
				pointer-events: none;
				opacity: 0;
				color: #555 !important;
				text-shadow: none !important;
				position: absolute;
			}
			.petr-old{
				display: block;
				color: rgba(255,255,255,0.45);
				text-decoration: line-through;
				text-decoration-color: rgba(255,255,255,0.6);
				text-decoration-thickness: 2px;
				text-shadow: 0 1px 4px rgba(0,0,0,0.8);
				font-size: 16px;
				line-height: 1.4;
			}
			.petr-old small{
				font-size: 13px;
				color: rgba(255,255,255,0.35);
			}
			.petr-new{
				display: block;
				margin-top: 6px;
				color: #FFD400;
				text-shadow: 0 0 10px rgba(255,212,0,0.8), 0 1px 3px rgba(0,0,0,0.9);
				font-size: 15px;
				font-weight: 700;
				letter-spacing: 1px;
			}
			.first-logo-1{
				position: absolute;
				height: 47%;
				left: 24%;
				top: 0%;
				z-index: 2;
				transition: .5s;
				opacity: 0;
			}
				.first-logo-1:hover{
					height: 77%;
					left: 10%;
					transition: .5s;
				}
				.first-logo-1:hover ~ .brain{
					top: 26%;
					left: 9%;
					transition: .5s;
					animation: brainvorot .5s linear infinite;
				}
			.first-logo-2{
				position: absolute;
				height: 69%;
				left: 14%;
				bottom: 19px;
				z-index: 4;
				transition: .5s;
				opacity: 0;
			}
				.first-logo-2:hover{
					height: 80%;
					z-index: 20;
					transition: .5s;
				}
				.first-logo-2:hover ~ .anton{
					top: 26%;
					left: 2%;
					transition: .5s;
					z-index: 25;
				}
			.first-logo-3{
				position: absolute;
				height: 74%;
				left: 32%;
				bottom: 19px;
				z-index: 9;
				transition: .5s;
				opacity: 0;
			}
				.first-logo-3:hover{
					height: 85%;
					z-index: 20;
					transition: .5s;
				}
				.first-logo-3:hover ~ .darya{
					top: 60%;
					left: 47%;
					transition: .5s;
					z-index: 20;
				}
			.first-logo-4{
				position: absolute;
				height: 64%;
				left: 49.5%;
				bottom: 19px;
				z-index: 6;
				transition: .5s;
				opacity: 0;
				filter: grayscale(100%) brightness(0.2);
			}
				.first-logo-4:hover{
					height: 60%;
					z-index: 20;
					transition: .5s;
					filter: grayscale(100%) brightness(0.35);
					cursor: default;
				}
				.first-logo-4:hover ~ .petr{
					top: 55%;
					left: 75%;
					transition: .5s;
					z-index: 20;
				}
			.first-logo-names{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}
		.first-logo img{
			display: block;
			max-width: 80%;
			margin: 0 auto;
		}
		.first-logo-text {
			position: relative;
			display: block;
			color: #fff;
			text-align: center;
			font-size: 52px;
			font-weight: 600;
			z-index: 7000;
			line-height: 75%;
		}
			.first-logo-text p{
				font-size: 22px;
				font-weight: 200;
			}

		@-webkit-keyframes brainvorot {
			0% {
				transform: rotate(-180deg);
			}
			100% {
				transform: rotate(180deg);
			}
		}

	.review-item{
		padding: 20px;
		border-radius: 16px;
		background-color: rgba(255,255,255,.1);
		backdrop-filter: blur(50px);
		color: #fff;
	}
		.review-item a{
			text-decoration: none;
		}
		.review-name{
			font-size: 20px;
			color: #fff;
			padding-bottom: 20px;
		}
		.review-image{
			width: 100%;
			background-size: cover;
			background-position: center;
			border-radius: 16px;
			cursor: pointer;
		}
			.review-image:before{
				content: "";
				display: block;
				padding-top: 60%;
			}

.article{
	position: relative;
	width: 100%;
	background: rgb(255,255,255,.2);
	border-radius: 16px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
	.article:before{
		content: "";
		display: block;
		padding-top: 60%;
	}
	.article-date{
		position: absolute;
		top: 25px;
		left: 25px;
		background-color: #A424F4;
		color: #fff;
		font-size: 16px;
		border-radius: 50px;
		padding: 5px 15px;
	}
	.article-tag{
		position: absolute;
		top: 25px;
		right: 25px;
		background-color: #333;
		color: #fff;
		font-size: 16px;
		border-radius: 50px;
		padding: 5px 15px;
	}

	.article-big-tag{
		display: inline;
		background-color: #333;
		color: #fff;
		font-size: 16px;
		border-radius: 50px;
		padding: 5px 15px;
		margin-left: 10px;
	}


	.article-name{
		width: calc(100% - 50px);
		position: absolute;
		bottom: 25px;
		left: 25px;
		font-size: 20px;
		color: #fff;
	}
	.article-all{
		display: inline-block;
		border-radius: 16px;
		font-size: 18px;
		padding: 16px 50px;
		margin-top: 40px;
		text-align: center;
		cursor: pointer;
		background: #A424F43D;
		color: #fff;
		transition: .3s;
	}
		.article-all:hover{
			background: #A424F4;
			transition: .3s;
		}
		.article-all .fa{
			margin-left: 10px;
		}
.serv-item{
	width: 100%;
	height: 100%;
	padding: 30px;
	float: left;
	border-radius: 16px;
	background-color: rgba(255,255,255,.1);
	backdrop-filter: blur(50px);
	color: #fff;
	transition: .3s;
	cursor: pointer;
	text-decoration: none !important;
}
	.serv-price{
		font-size: 30px;
		color: #fff;
		padding: 40px 0;
	}
	.service-pre{
		color: #fff;
	}
		.service-pre ul{
			padding-left: 30px;
		}
		.service-pre ul li{
			position: relative;
		}
			.service-pre ul li::before {
				content: "";
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background-color: #A424F4;
				position: absolute;
				left: -25px;
				top: 5px;
			}
	.serv-item a{
		text-decoration: none;
		color: #fff;
	}
	.serv-item:hover{
		background: linear-gradient(328deg, rgba(164,36,244,0) 10%, rgba(164,36,244,0.6222864145658263) 30%, rgba(164,36,244,1) 50%, rgba(164,36,244,0.5578606442577031) 70%, rgba(164,36,244,0) 90%);
		transition: .3s;
	}
	.serv-item:hover > .serv-item-order{
		background: #A424F4;
		transition: .3s;
	}
	.serv-item img{
		max-height: 150px;
	}
	.serv-item-title{
		padding-top: 10px;
		font-size: 24px;
		text-align: center;
	}
	.serv-item-text{
		font-size: 16px;
		padding: 20px 0;
	}
	.serv-item-price{
		font-size: 30px;
		color: #fff;
	}
		.serv-item-price p{
			font-size: 16px;
			display: inline-block;
		}
	.serv-item-order{
		border-radius: 16px;
		font-size: 18px;
		padding: 16px;
		margin-top: 40px;
		text-align: center;
		cursor: pointer;
		background: #A424F43D;
		transition: .3s;
	}
	.serv-item-d-order{
		display: inline-block;
		width: 230px;
		max-width: 100%;
		border-radius: 16px;
		font-size: 18px;
		padding: 16px;
		margin-bottom: 10px;
		text-align: center;
		cursor: pointer;
		background: #A424F43D;
		transition: .3s;
	}
		.serv-item-order:hover, .serv-item-d-order:hover{
			background: #A424F4;
			transition: .3s;
		}


.case-top{
	width: 100%;
	padding: 40px;
	float: left;
	border-radius: 16px;
	background-color: rgba(255,255,255,.1);
	backdrop-filter: blur(50px);
	color: #fff;
	margin-bottom: 20px;
	transition: .5s;
}
	.case-top-name{
		font-size: 28px;
		padding-bottom: 20px;
	}
	.case-top-text{
		font-size: 18px;
	}
	.case-top-image{
		width: 100%;
		min-height: 450px;
		border-radius: 16px;
		background-size: cover;
		background-position: top center;
	}

	.case-item{
		width: 100%;
		position: relative;
		padding: 20px;
		float: left;
		border-radius: 16px;
		background-color: rgba(255,255,255,.1);
		color: #fff;
		overflow: hidden;
		cursor: pointer;
		transition: .3s;
	}
		.case-item:hover{
			transition: .3s;
			background: linear-gradient(328deg, rgba(164,36,244,0) 10%, rgba(164,36,244,0.6222864145658263) 30%, rgba(164,36,244,1) 50%, rgba(164,36,244,0.5578606442577031) 70%, rgba(164,36,244,0) 90%);
		}
		.case-top-fade{
			opacity: 0;
			transition: .5s;
		}
		.case-item-name{
			font-weight: 600;
			padding-bottom: 8px;
			font-size: 16px;
		}
		.case-item-text{
			font-size: 14px;
		}
		.case-item-num{
			font-family: "Space Grotesk";
			position: absolute;
			bottom: -90px;
			right: 5px;
			font-size: 11em;
			font-weight: 800;
			opacity: .1;
		}

.about{
	font-size: 20px;
	color: #fff;
}
	.about-foto{
		width: 100%;
		height: 100%;
		border-radius: 16px;
		background-size: cover;
		background-position: center top;
	}
	.about-brain{
		text-align: center;
	}
		.about-brain img{
			max-width: 500px;
			padding: 20px;
		}

		.about ul{
			padding-left: 30px;
		}
			.about ul li{
				position: relative;
				padding-bottom: 10px;
			}
				.about ul li::before {
					content: "";
					width: 12px;
					height: 12px;
					border-radius: 50%;
					background-color: #A424F4;
					position: absolute;
					left: -25px;
					top: 5px;
				}
				.about ul li span{
					font-weight: 800;
				}
		.about .fa-circle, .about .fa-check-circle{
			padding-right: 10px;
			color: #A424F4;
		}
		.fa-lightbulb-o{
			position: relative;
			left: -20px;
			top: 15px;
			color: #00EAFA;
			transform: rotate(45deg);
		}
		.about-img{
			text-align: left;
		}
			.about-img img{
				max-width: 240px;
			}
		.about-text{
			max-width: 100%;
			border-radius: 16px;
			background-color: rgba(255,255,255,.05);
			backdrop-filter: blur(50px);
			color: #fff;
			padding: 50px;
			margin: 100px 0px;
			overflow: hidden;
		}
.about-main-wrapper{
	font-size: 18px !important;
}

.about-main-item{
	position: relative;
	height: 100%;
	border-radius: 16px;/*
	background-color: rgba(255,255,255,.06);
	backdrop-filter: blur(50px);*/
	color: #fff;
	padding: 0 20px;
	margin: 0;
	padding-bottom: 100px;
}
	.about-main-wrapper img{
		display: block;
		max-height: 150px;
		margin: 0 auto;
	}
	.about-main-item p{
		font-weight: 600;
		padding-bottom: 10px;
	}
	.about-main-item a{
		position: absolute;
		display: block;
		width: calc(100% - 40px);
		text-align: center;
		background-color: rgba(255,255,255,.06);
		backdrop-filter: blur(50px);
		padding: 15px;
		border-radius: 16px;
		bottom: 30px;
	}
		.about-main-item:hover a{
			text-decoration: none;
			color: #fff;
		}
	.about-main{
		font-size: 22px;
		color: #fff;
		padding: 250px 0;
	}

	.part-wrapper{
		width: 150px;
		max-width: 100%;
		margin-right: 20px;
		padding: 0px;
		float: left;
		overflow: hidden;
		border-radius: 16px;
		background: #fff;
	}
		.part-wrapper img{
			max-width: 100%;
		}


.contacts{
	padding-top: 50px;
	margin: 0;
	color: #fff;
}
	.contacts-title{
		width: 100%;
		padding: 0;
		font-size: 48px;
		color: #fff;
	}
	.contacts p{
		font-size: 16px;
		color: #9483A5;
		padding: 30px 0 5px 0;
	}
	.button-vk,
	.button-ok,
	.button-telegram,
	.button-whatsapp{
		border-radius: 16px;
		font-size: 18px;
		padding: 24px;
		margin-top: 10px;
		text-align: center;
		cursor: pointer;
	}
	.button-telegram{
		width: 300px;
		background-color: #29A8EB;
		text-decoration: none !important;
	}
	.button-whatsapp{
		width: 300px;
		background-color: #0FC145;
	}
	.button-vk{
		width: 60px;
		height: 60px;
		padding: 0;
		background-color: #0C80FD;
		float: left;
	}
	.button-ok{
		width: 60px;
		height: 60px;
		padding: 0;
		background-color: #FF7600;
		float: left;
		margin-left: 10px;
	}
		.button-ok img{
			width: 25%;
		}
		.button-vk img{
			width: 55%;
		}
	.senf-form-wrapper{
		width: 100%;
		height: 100%;
		max-width: 600px;
		margin: 0 auto;
		padding: 50px;
		border-radius: 16px;
		background-color: rgba(32,21,39,.7);
		color: #fff;
	}
		.senf-form-wrapper p{
			font-size: 13px;
			color: rgba(255,255,255,.4);
		}
		.senf-form-title{
			font-size: 32px;
			text-align: center;
			margin-bottom: 30px;
			color: #fff;
		}
		.button-upload,
		.button-send,
		.senf-form-wrapper input[type=text], .senf-form-wrapper textarea{
			width: 100%;
			border-radius: 16px;
			font-size: 16px;
			background-color: rgba(60,54,66,.6);
			color: #fff;
			padding: 20px 25px;
			border: 0;
			margin-bottom: 13px;
			font-family: "Inter", Arial, sans-serif;
			resize: none;
		}

			.senf-form-wrapper input:-webkit-autofill,
			.senf-form-wrapper input:-webkit-autofill:focus {
				transition: background-color 0s 600000s, color 0s 600000s !important;
			}


			.senf-form-wrapper input[type=text]::placeholder{
				color: #fff;
				font-family: "Inter", Arial, sans-serif;
			}

		.button-upload,.button-send{
			text-align: center;
			background-color: #A424F4;
			cursor: pointer;
		}
		.button-upload{
			margin-bottom: 30px;
			background-color: #422751;
		}
		.button-upload i{
			margin-left: 10px;
		}
		.senf-form-error{
			padding-bottom: 20px;
		}
			.senf-form-error>p>.errortext{
				color: #fff !important;
			}


.footer-wrapper{
	width: 100%;
	padding-top: 50px;
}
	.footer{
		width: 90%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 0;
		font-size: 14px;
		color: #fff;
		border-top: 3px solid #23162B;
		overflow: hidden;
	}
		.footer-left{
			width: 50%;
			float: left;
		}
		.footer-right{
			width: 50%;
			float: left;
			text-align: right;
		}

.case-carousel{
	overflow: hidden;
}
.case--item{
	clear: both;
	max-width: 100%;
	height: 200px;
	width: auto;
}
.owl-theme button{
	outline: none;
}
.owl-theme .owl-nav{
	margin-top: -20px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover{
	background: #869791;
	color: #FFF;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled{
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots{
	position: relative;
	margin-top: 0;
	z-index: 10;
}
.owl-theme .owl-dots{
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	padding-top: 20px;
}
.owl-theme .owl-dots .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.owl-theme .owl-dots .owl-dot span{
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background-color: #3B383F;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 330px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #A424F4;
}
.prev-slide,.next-slide{
	position: absolute;
	color: #A424F4;
	font-size: 42px;
	top: 125px;
}
.prev-slide{
	left: 5px;
}
.next-slide{
	right: 5px;
}
.popup-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	min-height: 100vh;
	background: rgba(0,0,0,.7);
	backdrop-filter: blur(5px);
}
	.popup-content{
		position: relative;
	}
	.popup-close{
		position: absolute;
		top: -15px;
		right: -15px;
		width: 34px;
		height: 34px;
		border-radius: 300%;
		background-color: #A424F4;
		color: #fff;
		cursor: pointer;
	}


.news-detail { }

/*region POST FORMATS */
.news-detail-img,
.news-detail-audio,
.news-detail-video,
.news-detail-slider {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}

.news-detail-slider img,
.news-detail-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-radius: 16px;
	cursor: default !important;
}

.news-detail-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	background: url(images/bx-video.png) no-repeat center;
	opacity: 0.7;
	transition: opacity .3s ease;
}

.news-detail-video:hover {
	opacity: 1;
}

/*region POST FORMATS /// SLIDER */
.news-detail-slider {
	overflow: hidden;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
}

.news-detail-slider-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

.news-detail-slider-slide {
	z-index: 100;
	float: left;
}

.news-detail-slider-arrow-container-left,
.news-detail-slider-arrow-container-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	cursor: pointer;
}

.news-detail-slider-arrow-container-left {
	left: 0;
}

.news-detail-slider-arrow-container-right {
	right: 0;
}

.news-detail-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 110;
	margin-top: -24px;
	width: 20px;
	height: 48px;
	color: #fff;
	vertical-align: middle;
	text-shadow: 0 0 2px rgba(0, 0, 0, .5);
	font-size: 48px;
	line-height: 34px;
	opacity: .5;
	cursor: pointer;
}

.news-detail-slider-arrow-container-left:hover .news-detail-slider-arrow,
.news-detail-slider-arrow-container-right:hover .news-detail-slider-arrow {
	display: block;
	color: #fff;
	opacity: 1;
}

.news-detail-slider-arrow-container-left .news-detail-slider-arrow {
	left: 20px;
}

.news-detail-slider-arrow-container-right .news-detail-slider-arrow {
	right: 20px;
}

.news-detail-slider-control {
	position: absolute;
	bottom: 10px;
	z-index: 110;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	word-spacing: -4px;
}

.news-detail-slider-control li {
	display: inline-block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	word-spacing: -4px;
	opacity: .5;
}

.news-detail-slider-control li:hover,
.news-detail-slider-control li.current {
	background: #fff;
	opacity: 1;
}

.news-detail-slider-arrow,
.news-detail-slider-control li {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

/* endregion */

.news-detail-body {}

.news-detail-title,
.news-detail-title a {
	margin: 0;
	padding: 2px 0 15px;
	border-bottom: none;
	color: #fff;
	font-size: 24px;
	font-family: "Inter", Arial, sans-serif;
	font-weight: 200;
}

.news-detail .card-title a:hover {
	border-bottom-color: transparent;
	text-decoration: none;
}

.news-detail-view,
.news-detail-date,
.news-detail-comments,
.news-detail-author,
.news-detail-other {
	color: #fff;
	white-space: nowrap;
	font-size: 16px;
	padding-bottom: 5px;
}


.news-detail-date{
	color: #fff;
	white-space: nowrap;
	background-color: #A424F4;
	font-size: 16px;
	border-radius: 50px;
	padding: 5px 15px;
	display: inline-block;
	margin-bottom: 15px;
}

.news-detail-view i.fa,
.news-detail-date i.fa,
.news-detail-comments i.fa,
.news-detail-author i.fa,
.news-detail-tags i.fa,
.news-detail-other i.fa {
	width: 13px;
	color: #b4b4b4;
}

.news-detail-tags {
	padding-bottom: 5px;
	color: #a4a4a4;
	font-size: 13px;
}

.news-detail-content {
	font-size: 18px;
	color: #fff;
	padding: 20px 0;
}
.rekvizit{

}
.rekvizit>div{
	font-size: 18px;
	border-radius: 16px;
	background-color: rgba(255,255,255,.1);
	backdrop-filter: blur(50px);
	color: #fff;
	padding: 50px;
}
.rekvizit>div>.row>.col-md-3,.rekvizit>div>.row>.col-md-9{
	padding-top: 10px;
}
.rekvizit>div>.row>.col-md-12{
	font-size: 32px;
}

.menu-icon {
	display: none;
	position: fixed;
	top: 75px;
	right: 40px;
	z-index: 9500;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.menu-icon>.tmenu,.menu-icon>.tesc {
	position: absolute;
	bottom: -16px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255,255,255,.4);
	width: 100%;
	text-align: center;
	visibility: visible;
	opacity: 1;
}
	.menu-icon>.tesc {
		visibility: hidden;
		opacity: 0;
	}
.menu-icon .dot {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	background-color: #A6A9AB;
	border-radius: 30px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: margin 0.4s ease 0.4s, width 0.4s ease;
	-moz-transition: margin 0.4s ease 0.4s, width 0.4s ease;
	-o-transition: margin 0.4s ease 0.4s, width 0.4s ease;
	transition: margin 0.4s ease 0.4s, width 0.4s ease;
}
.menu-icon .dot:nth-of-type(1) {
	margin-top: -32px;
	margin-left: -32px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.menu-icon .dot:nth-of-type(2) {
	margin-top: -32px;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-icon .dot:nth-of-type(3) {
	margin-top: -32px;
	margin-left: 32px;
}
.menu-icon .dot:nth-of-type(4) {
	margin-left: -32px;
}
.menu-icon .dot:nth-of-type(6) {
	margin-left: 32px;
}
.menu-icon .dot:nth-of-type(7) {
	margin-top: 32px;
	margin-left: -32px;
}
.menu-icon .dot:nth-of-type(8) {
	margin-top: 32px;
}
.menu-icon .dot:nth-of-type(9) {
	margin-top: 32px;
	margin-left: 32px;
}
.menu-icon.clicked .dot {
	-webkit-transition: margin 0.4s ease, width 0.4s ease 0.4s;
	-moz-transition: margin 0.4s ease, width 0.4s ease 0.4s;
	-o-transition: margin 0.4s ease, width 0.4s ease 0.4s;
	transition: margin 0.4s ease, width 0.4s ease 0.4s;
	margin-left: 0;
	margin-top: 0;
}
.menu-icon.clicked .dot:nth-of-type(1) {
	width: 90px;
}
.menu-icon.clicked .dot:nth-of-type(2) {
	width: 90px;
}
.mini-logo{
	display: none;
}
.first-logo-mini{
	display: none;
	width: 100%;
	height: 100%;
	min-height: calc(100vh - 150px);
	text-align: center;
	overflow: hidden;
	padding-top: 150px;
}
.catalog-section-description{
	color: #FFF;
	margin-top: 10px;
	padding: 40px;
	border-radius: 16px;
	background-color: rgba(255, 255, 255, .06);
	backdrop-filter: blur(50px);
	color: #fff;
}



@media only screen and (max-width : 990px){
.about-main{
	font-size: 56px;
	text-align: left;
}
	.page-title{
		width: 100%;
		text-align: center;
		padding: 50px 0 50px;
		font-size: 78px;
		font-weight: 800;
		color: #fff;
	}
	.sub-title{
		position: relative;
		width: 100%;
		font-size: 50px;
		line-height: 130%;
		color: #fff;
		padding-bottom: 30px;
	}
	.ssub-title{
		display: inline-block;
		font-size: 38px;
		color: #fff;
	}
.about-main-item a{
	display: none;
}
.menu-icon{
	display: block;
}
.mini-logo{
	display: block;
	position: fixed;
	top: 30px;
	left: 35px;
	width: 200px;
	z-index: 8500;
}
.main_menu-wrapper{
	position: fixed;
	left: -2000px;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translateX(0%);
	z-index: 9000;
	border-radius: 0;
	background-color: rgba(15,10,20,0.97);
	backdrop-filter: blur(50px);
	overflow: hidden;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.main_menu-logo{
		display: inline-block;
		height: 200px;
		text-align: left;
		float: none;
		margin-left: 0;
	}
		.main_menu-logo img{
			height: 140px;
		}
	.main_menu-rbtn{
		height: auto;
		background-color: #A424F4;
		float: none;
		border-radius: 16px;
		padding: 22px 20px !important;
		margin: 8px 0;
		color: #fff;
		font-size: 32px;
		text-align: center;
		cursor: pointer;
		font-family: 'Space Grotesk', sans-serif;
		font-weight: 700;
	}
		.main_menu-wrapper a{
			text-decoration: none;
		}
		.main_menu-rbtn img{
			width: 51px;
		}
	.main_menu-menu{
		float: none;
		margin: 0;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		height: auto;
	}
		.main_menu-menu ul{
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
			text-align: center;
		}
			.main_menu-menu ul li{
				width: 100%;
				float: none;
				font-size: 58px;
				padding: 0;
				cursor: pointer;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				letter-spacing: -1px;
			}
				.main_menu-menu ul li a{
					color: #fff;
					text-decoration: none;
					display: block;
					width: 100%;
					padding: 26px 0;
					font-family: 'Space Grotesk', sans-serif;
					font-weight: 700;
				}
				.main_menu-menu ul li a:active{
					color: #A424F4;
				}
	.first-logo{
		display: none;
	}
	.first-logo-mini{
		display: block;
	}
	.page{
		min-height: none;
		padding-top: 150px;
	}
	.first-logo-mini-cwrapper{
		position: relative;
		top: 50%;
	}
	.first-logo-text{
		position: relative;
		display: block;
		color: #fff;
		text-align: center;
		font-size: 85px;
		font-weight: 600;
		z-index: 7000;
		line-height: 100%;
	}
	.serv-item-title{
		width: 100%;
		padding-top: 10px;
		font-size: 52px;
		text-align: center;
	}
	.serv-item-text{
		padding: 20px 0;
	}
	.serv-item-price{
		font-size: 30px;
		color: #fff;
	}
		.serv-item-price p{
			font-size: 16px;
			display: inline-block;
		}
	.serv-item img{
		max-height: 350px;
	}
	html,
	.first-logo-text p,
	.serv-item-text,
	.article-all,
	.review-name,
	.article-name{
		font-size: 42px;
	}
	.article-tag,
	.article-date{
		font-size: 32px;
	}
	.case-item{
		padding: 30px;
	}
		.case-top-name,
		.case-item-name{
			font-size: 52px;
		}
		.case-top-text,
		.case-item-text{
			font-size: 42px;
		}
	.case-item-num{
		bottom: -230px;
	}
	.case-top-right{
		margin-top: 30px;
	}
	.bx-breadcrumb .bx-breadcrumb-item span {
		font-size: 42px;
		white-space: normal;
	}
	.bx-breadcrumb .fa{
		font-size: 16px;
		color: #A424F4;
	}
	.bx-breadcrumb{
		top: 180px;
	}
	.contacts-title{
		width: 100%;
		padding: 0;
		font-size: 56px;
		color: #fff;
	}
	.contacts p{
		font-size: 32px;
		color: #9483A5;
		padding: 30px 0 5px 0;
	}
	.rekvizit>div{
		font-size: 36px;
		border-radius: 16px;
		background-color: rgba(255,255,255,.1);
		backdrop-filter: blur(50px);
		color: #fff;
		padding: 50px;
	}
	.senf-form-wrapper{
		max-width: 100%;
	}
	.senf-form-wrapper p{
		font-size: 28px;
	}
	.button-telegram,
	.button-whatsapp{
		width: 500px;
		font-size: 32px;
	}
	.serv-price{
		font-size: 52px;
	}
	.page,
	.contacts,
	.catalog-section-description,
	.senf-form-wrapper,
	.footer-left,
	.footer-right,
	.about-main-item,
	.all-back,
	.news-detail-content,
	.article-big-tag,
	.news-detail-view,
	.news-detail-date,
	.news-detail-comments,
	.news-detail-author,
	.news-detail-other {
		font-size: 40px;
	}
	.main_menu-menu{
		padding-top: 200px;
		float: none;
	}
	.main_menu-menu ul li a{
		font-size: 65px;
		padding: 40px 0;
	}
	.menu_soc{
		padding-top: 200px;
		float: none;
	}
	.main_menu-rbtn{
		font-size: 42px;
	}
	.about{
		font-size: 40px;
	}
	.about-brain img{
		max-width: 100%;
	}
	.sub-title{
		padding-top: 100px;
	}

}

/* === SERVICE CARDS === */
.service-cards {
	margin-top: 20px;
}
.service-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.service-card-link:hover {
	text-decoration: none;
	color: inherit;
}
.service-card {
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(164,36,244,0.25);
	border-radius: 20px;
	padding: 32px 24px 28px;
	margin-bottom: 24px;
	transition: 0.3s;
	height: 100%;
	color: #fff;
}
.service-card:hover {
	background: rgba(164,36,244,0.12);
	border-color: rgba(164,36,244,0.6);
	transform: translateY(-4px);
	box-shadow: 0 8px 32px rgba(164,36,244,0.2);
}
.service-card-icon {
	width: 56px;
	height: 56px;
	background: linear-gradient(135deg, #A424F4, #6a0fad);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	font-size: 24px;
	color: #fff;
}
.service-card p {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}
.service-card p + * {
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255,255,255,0.75);
}

/* === Страницы услуг === */
.service-detail-wrap {
	margin: 10px auto 0;
	padding: 48px 52px 60px;
	color: rgba(255,255,255,0.88);
	font-size: 16px;
	line-height: 1.75;
	background: rgba(15,10,20,0.55);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	border-radius: 24px;
	border: 1px solid rgba(164,36,244,0.18);
}
.service-detail-wrap h1 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 38px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 12px;
}
.service-detail-wrap .sd-lead {
	font-size: 19px;
	color: rgba(255,255,255,0.82);
	margin-bottom: 48px;
	max-width: 720px;
}
.service-detail-wrap h2 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin: 48px 0 16px;
	border-bottom: 1px solid rgba(164,36,244,0.3);
	padding-bottom: 10px;
}
.service-detail-wrap h3 {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #A424F4;
	margin: 28px 0 8px;
}
.service-detail-wrap p {
	color: rgba(255,255,255,0.88);
}
.sd-features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px;
	margin: 24px 0 40px;
}
.sd-feature {
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(164,36,244,0.25);
	border-radius: 16px;
	padding: 24px 20px;
	transition: 0.3s;
}
.sd-feature:hover {
	border-color: rgba(164,36,244,0.55);
	background: rgba(164,36,244,0.1);
}
.sd-feature .sd-feature-icon {
	font-size: 26px;
	color: #A424F4;
	margin-bottom: 10px;
}
.sd-feature strong {
	display: block;
	font-family: 'Space Grotesk', sans-serif;
	font-size: 16px;
	color: #fff;
	margin-bottom: 6px;
}
.sd-feature p {
	font-size: 14px;
	color: rgba(255,255,255,0.78);
	margin: 0;
}
.sd-steps {
	counter-reset: step;
	list-style: none;
	padding: 0;
	margin: 24px 0 40px;
}
.sd-steps li {
	counter-increment: step;
	padding: 16px 16px 16px 64px;
	position: relative;
	border-left: 2px solid rgba(164,36,244,0.4);
	margin-bottom: 12px;
	border-radius: 0 12px 12px 0;
	background: rgba(255,255,255,0.05);
}
.sd-steps li::before {
	content: counter(step);
	position: absolute;
	left: 14px;
	top: 14px;
	width: 32px;
	height: 32px;
	background: linear-gradient(135deg, #A424F4, #6a0fad);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
}
.sd-steps li strong {
	display: block;
	color: #fff;
	font-size: 15px;
	margin-bottom: 4px;
}
.sd-steps li span {
	font-size: 14px;
	color: rgba(255,255,255,0.75);
}
.sd-faq {
	margin: 24px 0 40px;
}
.sd-faq-item {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 18px 0;
}
.sd-faq-item strong {
	display: block;
	font-family: 'Space Grotesk', sans-serif;
	color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
}
.sd-faq-item p {
	font-size: 15px;
	color: rgba(255,255,255,0.82);
	margin: 0;
}
.sd-back {
	display: inline-block;
	margin-top: 40px;
	color: rgba(255,255,255,0.55);
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
.sd-back:hover { color: #fff; }
@media (max-width: 768px) {
	.service-detail-wrap {
		padding: 28px 16px 40px;
	}
	.sd-features {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.sd-feature {
		padding: 28px 24px;
		border-radius: 20px;
	}
	.sd-feature strong {
		font-size: 22px;
		margin-bottom: 10px;
		display: block;
	}
	.sd-feature p {
		font-size: 17px;
		line-height: 1.7;
		color: rgba(255,255,255,0.85) !important;
	}
	.sd-feature .sd-feature-icon {
		font-size: 32px;
		margin-bottom: 14px;
		width: 58px;
		height: 58px;
	}
	.about-main .page-title {
		font-size: 52px !important;
		padding: 30px 0 20px;
	}
	.about-main > div > div:not(.page-title) {
		font-size: 18px;
		line-height: 1.6;
	}
}
.sd-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 0;
}
.sd-feature-new {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(164,36,244,0.25);
    border-radius: 20px;
    padding: 32px 28px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
}
.sd-feature-new:hover {
    background: rgba(164,36,244,0.12);
    border-color: rgba(164,36,244,0.6);
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(164,36,244,0.2);
}
.sd-feature-new-icon {
    font-size: 28px;
    margin-bottom: 16px;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, #A424F4, #6a0fad);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.sd-feature-new strong {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
}
.sd-feature-new p {
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255,255,255,0.78);
    margin: 0;
    flex-grow: 1;
}
.sd-feature-new p a { color: #A424F4; }

/* === 4 УСЛУГИ === */
.idx-sc-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 0;
}

/* === ABOUT LEAD === */
.about-lead {
    font-size: 18px;
    line-height: 1.65;
    color: rgba(255,255,255,0.8);
    max-width: 100%;
    padding-bottom: 40px;
    font-weight: 200;
}
.about-lead b{
    font-size: 20px;
    font-weight: 600;
    color: #A424F4;
}
.about-results {
    background: rgba(164,36,244,0.1);
    border: 1px solid rgba(164,36,244,0.3);
    border-radius: 16px;
    padding: 24px 28px !important;
    font-size: 18px !important;
    color: #fff !important;
}
.about-results b { color: #A424F4; }

/* === МОБИЛКА 1100px === */
@media (max-width: 1100px) and (min-width: 991px) {
    .sd-features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .idx-sc-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

/* === ПЛАНШЕТ 990px === */
@media (max-width: 990px) {
    .sd-features-grid { grid-template-columns: 1fr; gap: 20px; }
    .idx-sc-grid { grid-template-columns: 1fr; gap: 20px; }
    .page-title { font-size: 64px !important; }
    .first-logo-text { font-size: 68px !important; font-weight: 800; }
    .first-logo-text p { font-size: 52px !important; font-weight: 400; }
    .about-results { font-size: 40px !important; }
    .about-lead { font-size: 46px; padding-bottom: 30px; }
    .about-lead b{ font-size: 46px; padding-bottom: 30px; color:#fff;}
    .sd-feature-new { padding: 40px 32px; font-size: 46px; }
    .sd-feature-new-icon { width: 80px; height: 80px; font-size: 36px; border-radius: 20px; }
    .sd-feature-new strong { font-size: 40px; margin-bottom: 16px; }
    .sd-feature-new p { font-size: 46px; line-height: 1.6; }
    .service-card p { font-size: 44px !important; font-weight: 700; }
    .service-card { padding: 40px 32px !important; font-size: 46px !important; line-height: 1.6 !important; }
    .service-card-icon { font-size: 52px !important; margin-bottom: 24px; }
}

/* === МОБИЛКА 600px === */
@media (max-width: 600px) {
    .sd-features-grid { grid-template-columns: 1fr; gap: 16px; }
    .idx-sc-grid { grid-template-columns: 1fr; gap: 16px; }
    .sd-feature-new { padding: 24px 20px; }
    .sd-feature-new strong { font-size: 20px; }
    .sd-feature-new p { font-size: 16px; }
    .service-card p { font-size: 20px !important; }
    .service-card { padding: 28px 22px !important; font-size: 16px !important; }
    .first-logo-text { font-size: 28px !important; }
    .first-logo-text p { font-size: 22px !important; }
}


/* === HERO === */
.about-hero {
    padding: 60px 0 48px;
    max-width: 100%;
}
.about-hero-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 24px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-hero-title span {
    background: linear-gradient(135deg, #A424F4, #c96bfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-hero-lead {
    font-size: 20px;
    line-height: 1.75;
    color: rgba(255,255,255,0.78);
    text-align: center;
}

/* === КОМАНДА === */
.about-team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 48px 0px;
}
.about-team-card {
    background: transparent;
    border: none;
    overflow: visible;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.about-team-card:hover {
    background: transparent;
    border: none;
    box-shadow: none;
}
/* Текстовый блок всех карточек - рамка только здесь */
.about-team-info {
    padding: 24px 24px 28px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(164,36,244,0.2);
    border-radius: 20px;
    transition: 0.3s;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.about-team-card:hover .about-team-info {
    background: rgba(164,36,244,0.1);
    border-color: rgba(164,36,244,0.5);
    box-shadow: 0 8px 32px rgba(164,36,244,0.2);
}
.about-team-poster {
    width: 100%;
    height: 340px;
    object-fit: cover;
    object-position: top center;
    display: block;
    border-radius: 20px;
}
.about-team-poster--darya {
    object-position: 15% 0% !important;
}
.about-team-poster-brain {
    width: 100%;
    height: 340px;
    object-fit: contain;
    object-position: center;
    display: block;
    background: transparent;
    padding: 16px;
    box-sizing: border-box;
}


.about-team-name {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-team-role {
    font-size: 13px;
    color: #FFF;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.about-team-desc {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,0.65);
    flex: 1;
}

/* === ЧТО СТРОИМ === */
.about-build {
    background: rgba(164,36,244,0.07);
    border: 1px solid rgba(164,36,244,0.2);
    border-radius: 20px;
    padding: 40px;
    margin: 0 0 48px;
}
.about-build h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-build-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.about-build-list li {
    font-size: 17px;
    color: rgba(255,255,255,0.82);
    padding: 12px 0 12px 36px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    position: relative;
    line-height: 1.5;
}
.about-build-list li:nth-last-child(-n+2) { border-bottom: none; }
.about-build-list li::before {
    content: "\2192";
    color: #A424F4;
    position: absolute;
    left: 0;
    font-size: 18px;
}

/* === БЕЗГРАНИЧНОСТЬ === */
.about-unlimited {
    margin: 0 0 48px;
    padding: 40px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(164,36,244,0.12), rgba(106,15,173,0.06));
    border: 1px solid rgba(164,36,244,0.25);
}
.about-unlimited h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-unlimited p {
    font-size: 18px;
    line-height: 1.75;
    color: rgba(255,255,255,0.82);
    margin: 0;
}
.about-unlimited p b { color: #A424F4; }

/* === ЭТАПЫ РАБОТЫ === */
.about-steps {
    margin: 0 0 48px;
}
.about-steps-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.about-step {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(164,36,244,0.2);
    border-radius: 20px;
    padding: 28px 22px;
    transition: 0.3s;
}
.about-step:hover {
    background: rgba(164,36,244,0.1);
    border-color: rgba(164,36,244,0.5);
}
.about-step-num {
    font-size: 48px;
    font-weight: 800;
    color: rgba(164,36,244,0.25);
    font-family: 'Space Grotesk', sans-serif;
    line-height: 1;
    margin-bottom: 12px;
}
.about-step h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-step p {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,0.65);
    margin: 0;
}

/* === СТЕК === */
.about-stack {
    margin: 0 0 48px;
}
.about-stack-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.about-stack-group {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(164,36,244,0.15);
    border-radius: 16px;
    padding: 24px 22px;
}
.about-stack-group-title {
    font-size: 12px;
    font-weight: 700;
    color: #A424F4;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}
.about-stack-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.about-stack-tag {
    background: rgba(164,36,244,0.12);
    border: 1px solid rgba(164,36,244,0.25);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    white-space: nowrap;
}
.about-stack-tag-open {
    background: transparent;
    border: 1px dashed rgba(164,36,244,0.35);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 13px;
    color: rgba(164,36,244,0.7);
    white-space: nowrap;
    font-style: italic;
}

/* === ПАРТНЁРЫ === */
.about-partners {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 48px 0;
    flex-wrap: wrap;
    overflow: hidden;
}


/* === CTA === */
.about-cta {
    background: linear-gradient(135deg, rgba(164,36,244,0.15), rgba(106,15,173,0.1));
    border: 1px solid rgba(164,36,244,0.3);
    border-radius: 24px;
    padding: 48px 40px;
    text-align: center;
    margin-bottom: 48px;
}
.about-cta h2 {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    font-family: 'Space Grotesk', sans-serif;
}
.about-cta p {
    font-size: 18px;
    color: rgba(255,255,255,0.75);
    margin-bottom: 32px;
}
.ai-hero-btn {
    display: inline-block;
    background: linear-gradient(135deg, #A424F4, #6a0fad);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 16px 40px;
    border-radius: 50px;
    text-decoration: none;
    transition: 0.3s;
}
.ai-hero-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(164,36,244,0.4);
    color: #fff;
    text-decoration: none;
}

/* === МОБИЛКА === */
@media (max-width: 990px) {
    .about-hero-title { font-size: 46px; }
    .about-hero-lead { font-size: 46px; line-height: 1.5; }
    .about-team-grid { grid-template-columns: 1fr; gap: 20px; }
    .about-team-poster { height: 480px; border-radius: 16px; }
    .about-team-poster-brain { height: 420px; padding: 12px; }
    .about-team-name { font-size: 46px; }
    .about-team-role { font-size: 36px; }
    .about-team-desc { font-size: 40px; line-height: 1.5; }
    .about-team-info { padding: 28px; border-radius: 16px; }
    .about-build { padding: 32px 24px; }
    .about-build h2 { font-size: 46px; }
    .about-build-list { grid-template-columns: 1fr; }
    .about-build-list li { font-size: 46px; padding-left: 52px; padding-top: 18px; padding-bottom: 18px; }
    .about-build-list li::before { font-size: 36px; }
    .about-build-list li:nth-last-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.07); }
    .about-build-list li:last-child { border-bottom: none; }
    .about-unlimited { padding: 32px 24px; }
    .about-unlimited h2 { font-size: 46px; }
    .about-unlimited p { font-size: 46px; line-height: 1.5; }
    .about-steps-grid { grid-template-columns: 1fr; gap: 16px; }
    .about-step { padding: 32px 24px; }
    .about-step-num { font-size: 80px; }
    .about-step h3 { font-size: 46px; margin-bottom: 14px; }
    .about-step p { font-size: 40px; line-height: 1.5; }
    .about-stack-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
    .about-stack-group-title { font-size: 32px; margin-bottom: 18px; }
    .about-stack-tag { font-size: 36px; padding: 10px 16px; border-radius: 10px; }
    .about-stack-tag-open { font-size: 36px; padding: 10px 16px; border-radius: 10px; }
    .about-cta { padding: 36px 24px; }
    .about-cta h2 { font-size: 46px; }
    .about-cta p { font-size: 46px; line-height: 1.5; }
    .ai-hero-btn { font-size: 46px; padding: 24px 48px; border-radius: 60px; }
    .part-wrapper{ width: 45%; }
}
@media (max-width: 600px) {
    .about-hero-title { font-size: 46px; }
    .about-stack-grid { grid-template-columns: 1fr; }
}

/* === НАСЛОЕНИЯ ПОВЕРХ ПРОД-ФУНДАМЕНТА (09.07) === */
/* Персональные блоки О нас (08.07) - палитра из design-tokens.css */
.about-persons { margin: 40px 0; }
.about-person { background: var(--bg-raised); border: 1px solid var(--border); border-radius: 16px; padding: 28px 32px; margin-bottom: 24px; }
.about-person h2 { margin: 0 0 16px; color: var(--text-primary); font-size: 26px; }
.about-person-tag { font-size: 15px; color: var(--accent); font-weight: 400; }
.about-person p { color: var(--text-secondary); line-height: 1.6; margin: 0 0 12px; }
.about-person ul { color: var(--text-secondary); line-height: 1.6; margin: 0 0 12px 20px; }
.about-person-proof { max-width: 100%; border-radius: 12px; margin-top: 16px; border: 1px solid var(--border); cursor: zoom-in; }