@font-face {
  font-family: "bahnschrift";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/bahnschrift.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "bahnschrift";
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/bahnschrift-lt.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "HalvarBreit";
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/HalvarBreit-Lt.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "HalvarBreit";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/HalvarBreit-Rg.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "HalvarBreit";
  font-style: normal;
  font-weight: 500;
  src: url("/static/fonts/HalvarBreit-Md.ttf") format("truetype");
	font-display: swap;
}

@font-face {
  font-family: "HalvarBreit";
  font-style: bold;
  font-weight: 600;
  src: url("/static/fonts/HalvarBreit-Bd.ttf") format("truetype");
	font-display: swap;
}


html {
	--viewport-height: 100vh;
	--accent-color: #F91F79;
	--color-type-plain: #fff;
	--color-type-rich: #FFF600;
	--color-type-viral: #F91F79;
	scroll-behavior: smooth;
}

body {
	background-color: #000;
	font-family: HalvarBreit, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	overflow-x: hidden;
}

body.no_scroll {
	overflow: hidden;
}

button {
	background: none;
	border: none;
	color: inherit;
	font-family: HalvarBreit, sans-serif;
}

input {
	font-family: HalvarBreit, sans-serif;
}

strong {
	font-weight: bold;
}

li {
	list-style-type: none;
}

a {
	color: inherit;
	text-decoration: none;
}

.hidden {
	display: none !important;
}



/* MOBILE */

.header {
	width: 100%;
	height: var(--viewport-height);
	min-height: 667px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.header_video {
	max-width: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	left: -50%;
	margin: auto;
	transition: all 1s;
}

.header_video2 {
	max-width: none;
	height: 100%;
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	left: -50%;
	margin: auto;
	transition: all 1s;
	border-radius: 0 0 30px 30px;
	transform: translateY(-100%);
	opacity: 0;
	z-index: 2
}

.header_logo {
	max-width: 335px;
	height: 80px;
	position: absolute;
	right: 20px;
	left: 20px;
	margin: auto;
	line-height: 42px;
	font-weight: 500;
	transition: all .6s;
	transform: translateY(calc(50vh - 50%));
	opacity: 0;
	z-index: 2;
}

.header_logo_paradox {
	font-size: 61px;
	transition: all .6s;
}

.header_logo_media {
	font-size: 47px;
	color: #1a1a1aaa;
	text-align: right;
	transition: all .6s;
}

.header_slogan {
	font-size: 36px;
	line-height: 32px;
	position: absolute;
	bottom: 40px;
	left: 20px;
	transition: all 1s;
	z-index: 1;
}

letter {
	opacity: 0;
}

letter.-letter-visible {
	opacity: 1;
}

.accent {
	color: var(--accent-color);
}



.menu {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 600;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	transition: all .4s;
}

.menu_inner {
	min-height: 100%;
	box-sizing: border-box;
	padding: 0 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 35px;
	position: relative;
	z-index: 2;
	transition: all .4s;
}

.menu_inner::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--accent-color);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .4s;
	border-radius: 0 0 0 100%;
	transform: translate(100%, -100%);
	z-index: -1;
}

.menu_header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/* background-color: var(--accent-color); */
	z-index: 3;
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	transition: background-color .1s linear .4s;
}

.menu_logo {
	transition: all .6s;
	line-height: 0.8;
	margin-top: 3px;
	margin-left: 20px;
}

.menu_logo_paradox {
	font-size: 32px;
	transition: all .6s;
}

.menu_logo_media {
	font-size: 24px;
	color: #1a1a1aaa;
	text-align: right;
	transition: all .6s;
}

.menu_close {
	margin-right: 15px;
	-webkit-tap-highlight-color: transparent;
	transition: all .6s;
	opacity: 0;
}


.menu_list {
	margin-top: 100px;
	display: flex;
	flex-direction: column;
	gap: 17px;
	transition: all .4s linear .2s;
	opacity: 0;
}

.menu_item {
	font-size: 24px;
	line-height: .9;
}

.menu_account {
	font-size: 24px;
	color: var(--accent-color);
	background-color: #fff;
	border-radius: 18px;
	line-height: 38px;
	text-align: center;
	align-self: flex-start;
	padding: 0 20px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: all .4s linear .4s;
	opacity: 0;
}

.menu_socials {
	display: flex;
	gap: 20px;
	transition: all .4s linear .6s;
	opacity: 0;
}

.menu_social {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.header.menu_opened .menu {
	display: block;
}

.header.ready {
	.menu_inner::before {
		border-radius: 0 0 0 0;
		transform: translate(0, 0);
	}

	.menu_header {
		background-color: var(--accent-color);
	}

	.menu_close,
	.menu_list,
	.menu_account,
	.menu_socials {
		opacity: 1;
	}
}

.header.menu_fadeout .menu {
	transform: translateX(120%);
	opacity: 0;
}




.header_purpose {
	font-size: 24px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #fff;
	transform: translateY(180px);
	transition: all 1s;
	z-index: 2;
}

.header_purpose_items {
	max-width: 340px;
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	font-size: 10px;
}

.chip {
	border-radius: 18px;
	padding: 8px 15px;
	white-space: nowrap;
	backdrop-filter: blur(25px);
	background: #FFFFFF66;
	line-height: 1;
}

.menu_open {
	position: fixed;
	top: 5px;
	right: 5px;
	width: 38px;
	height: 38px;
	cursor: pointer;
	z-index: 10;
	border-radius: 7px;
	backdrop-filter: blur(50px);
	background: #FFFFFF40 url('data:image/svg+xml;utf8,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="2" rx="1" fill="white"/><rect y="6" width="20" height="2" rx="1" fill="white"/><rect y="12" width="20" height="2" rx="1" fill="white"/></svg>') no-repeat;
	background-position: 50% 50%;
	transition: all .6s;
	opacity: 0;
	-webkit-tap-highlight-color: transparent;
}

.menu_open:hover {
	background-color: var(--accent-color);
}

.show_contacts_btn {
	width: 86px;
	aspect-ratio: 1;
	position: fixed;
	bottom: 20px;
	right: 20px;
	border-radius: 100%;
	background: var(--accent-color);
	backdrop-filter: blur(50px);
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all .6s;
	opacity: 0;
	z-index: 500;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}

.show_contacts_btn:hover {
	box-shadow: 0 0 15px 5px #93124780;
}

.header.a1 {
	.menu_open,
	.show_contacts_btn {
		opacity: 1;
	}

	.header_video {
		transform: translateY(100%);
		opacity: 0;
	}

	.header_video2 {
		opacity: 1;
		transform: translateY(0);
	}

	.header_logo {
		height: auto;
		top: 0;
		right: auto;
		left: 20px;
		transform: translateY(18px);
		line-height: 0.8;
		font-weight: 400;
	}

	.header_logo_paradox {
		font-size: 32px;
	}

	.header_logo_media {
		font-size: 24px;
	}

	.header_slogan {
		transform: translateY(-200px);
		opacity: 0;
	}

	.header_purpose {
		transform: translateY(0);
	}
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	backdrop-filter: blur(50px);
	z-index: 1000;
	background-color: #00000099;
	display: none;
	opacity: 0;
	transform: translateY(100%);
	transition: all .6s;
}

.modal.opened {
	opacity: 1;
	transform: translateY(0);
}

.modal_close {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="1.41418" y="0.14209" width="20" height="2" rx="1" transform="rotate(45 1.41418 0.14209)" fill="white"/><rect y="14.1421" width="20" height="2" rx="1" transform="rotate(-45 0 14.1421)" fill="white"/></svg>') no-repeat;
}


.roi_info {
	padding: 40px 20px;

	.modal_close {
		top: 12px;
		right: 12px;
	}
}

.roi_info_wrap {
	max-height: 100%;
	box-sizing: border-box;
	padding: 30px 20px 20px;
	border-radius: 15px;
	background-color: #fff;
	color: #000;
	overflow: auto;
}

.roi_info_content {

}

.roi_info_title {
	padding-left: 21px;
	color: var(--accent-color);
	font-weight: 500;
	line-height: 0.9;

	.quote1 {
		margin: 0 3px 0 -18px;
	}
	.quote2 {
		margin-left: 3px;
	}
}

.roi_info_person {
	margin-top: 15px;
	color: #696969;
	font-family: bahnschrift, sans-serif;
	font-size: 14px;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: 10px;

	img {
		width: 34px;
		height: 34px;
		flex-shrink: 0;
	}
}

.roi_info_text {
	margin-top: 27px;
	font-size: 14px;
	font-weight: 300;
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-family: bahnschrift, sans-serif;
}

.roi_info_intro {
	font-size: 18px;

	.highlight {
		font-size: 24px;
		font-weight: 400;
		line-height: 18px;
		color: var(--accent-color);
		font-family: HalvarBreit, sans-serif;
	}
}


.contacts_list {
	position: absolute;
	right: 20px;
	bottom: 100px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contacts_item {
	transform: translateX(110%);
	transition: all .6s;
}

.contacts_item.a1 {
	transform: translateX(0);
}

.contacts_link {
	font-size: 36px;
	display: flex;
	gap: 10px;
	align-items: center;
	cursor: pointer;
	justify-content: flex-end;
}

.contacts_link:hover {
	color: var(--accent-color);
}

.contacts_link::after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: currentColor;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.contacts_link-tg::after {
	background-image: url('data:image/svg+xml;utf8,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.354675 4.78636C0.385678 4.77179 0.416694 4.75795 0.446922 4.74484C0.972414 4.51611 1.50488 4.30195 2.03658 4.08779C2.06525 4.08779 2.11329 4.05647 2.14042 4.04627C2.1815 4.02952 2.22259 4.01349 2.26366 3.99674L2.50006 3.90131C2.65817 3.83794 2.8155 3.77456 2.97361 3.71119C3.28906 3.58444 3.60451 3.4577 3.91996 3.33022C4.55086 3.07672 5.18255 2.8225 5.81345 2.569C6.44435 2.31551 7.07602 2.06128 7.70693 1.80779C8.33783 1.55429 8.9695 1.30007 9.6004 1.04657C10.2313 0.79308 10.863 0.538855 11.4939 0.28536C11.6342 0.228542 11.7861 0.144044 11.9364 0.119277C12.0628 0.0981523 12.186 0.0573602 12.3131 0.0347787C12.5542 -0.00819895 12.82 -0.0256815 13.051 0.0682867C13.1308 0.101066 13.2044 0.146957 13.2657 0.204504C13.5586 0.476938 13.5176 0.924197 13.4556 1.30735C13.0238 3.9778 12.5921 6.64897 12.1597 9.31941C12.1007 9.68581 12.0201 10.0879 11.7124 10.3196C11.452 10.5155 11.0815 10.5374 10.7599 10.4543C10.4382 10.3705 10.1546 10.195 9.87632 10.0224C8.72226 9.30411 7.56742 8.58588 6.41335 7.86764C6.13898 7.69719 5.83361 7.47429 5.83671 7.1647C5.83826 6.97822 5.95683 6.81214 6.07774 6.66427C7.08067 5.43467 8.52771 4.58968 9.60428 3.4169C9.75619 3.25155 9.87555 2.95289 9.66706 2.85746C9.54305 2.80065 9.40043 2.87786 9.28727 2.95143C7.86425 3.88019 6.44203 4.80967 5.01901 5.73843C4.55475 6.04145 4.06801 6.35322 3.50842 6.42753C3.00773 6.49454 2.50394 6.36342 2.01953 6.22939C1.61339 6.11721 1.20802 6.00212 0.804215 5.88338C0.589523 5.82074 0.367853 5.75299 0.20199 5.61095C0.0361267 5.4689 -0.0591931 5.22998 0.04079 5.04058C0.10357 4.92185 0.225257 4.84682 0.353142 4.78563L0.354675 4.78636Z" fill="black"/></svg>');
}

.contacts_link-wa::after {
	background-image: url('data:image/svg+xml;utf8,<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0756 10.9814C7.02872 10.9814 4.54985 8.50173 4.54901 5.45485C4.54985 4.6825 5.17874 4.05444 5.94943 4.05444C6.02866 4.05444 6.10706 4.06112 6.18213 4.07446C6.34727 4.10199 6.50409 4.15787 6.64838 4.24211C6.66923 4.25462 6.68341 4.27464 6.68675 4.29799L7.0087 6.3273C7.01287 6.35149 7.00536 6.37484 6.98951 6.39235C6.81186 6.5892 6.58499 6.73099 6.33226 6.80189L6.21049 6.83608L6.25636 6.95369C6.67173 8.01129 7.51749 8.85621 8.57593 9.27325L8.69353 9.31996L8.72772 9.19818C8.79862 8.94546 8.94042 8.71859 9.13726 8.54093C9.15144 8.52759 9.17062 8.52091 9.1898 8.52091C9.19397 8.52091 9.19815 8.52091 9.20315 8.52175L11.2325 8.8437C11.2566 8.84787 11.2767 8.86122 11.2892 8.88207C11.3726 9.02636 11.4285 9.184 11.4568 9.34915C11.4702 9.42255 11.476 9.50012 11.476 9.58102C11.476 10.3525 10.8479 10.9806 10.0756 10.9814Z" fill="black"/><path d="M15.4788 6.83107C15.3145 4.97442 14.4637 3.25206 13.0833 1.98176C11.6946 0.703959 9.89296 0 8.00879 0C3.87344 0 0.508794 3.36466 0.508794 7.5C0.508794 8.8879 0.891626 10.2399 1.61644 11.4176L0 14.9958L5.17544 14.4445C6.0754 14.8132 7.02791 15 8.00795 15C8.26568 15 8.53009 14.9867 8.79532 14.9591C9.02886 14.9341 9.26491 14.8974 9.49678 14.8507C12.9599 14.1509 15.4879 11.0773 15.508 7.54004V7.5C15.508 7.2748 15.4979 7.0496 15.4779 6.83107H15.4788ZM5.37478 12.8739L2.51141 13.1792L3.36633 11.285L3.19534 11.0557C3.18283 11.039 3.17033 11.0223 3.15615 11.0031C2.41382 9.97804 2.0218 8.76696 2.0218 7.50083C2.0218 4.19957 4.70752 1.51385 8.00879 1.51385C11.1015 1.51385 13.723 3.92682 13.9758 7.00706C13.9891 7.17221 13.9966 7.33819 13.9966 7.50167C13.9966 7.54838 13.9958 7.59425 13.9949 7.64346C13.9316 10.4051 12.0023 12.7505 9.30327 13.3477C9.09726 13.3936 8.88623 13.4286 8.67605 13.4511C8.45752 13.4761 8.23315 13.4887 8.01046 13.4887C7.21725 13.4887 6.44657 13.3352 5.71842 13.0316C5.63752 12.9991 5.55827 12.964 5.48404 12.9282L5.37562 12.8756L5.37478 12.8739Z" fill="black"/></svg>');
}

.contacts_link-form::after {
	background-image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7421 11.9648C13.1599 11.9648 13.4999 12.3091 13.4999 12.7324C13.4999 13.1565 13.1599 13.5 12.7421 13.5H8.45984C8.04202 13.5 7.70205 13.1565 7.70203 12.7324C7.70203 12.3091 8.042 11.9648 8.45984 11.9648H12.7421ZM6.93054 0.717773C7.615 -0.161026 8.80933 -0.241512 9.77234 0.524414L10.8788 1.40332C11.3321 1.75797 11.6347 2.22523 11.7382 2.7168C11.8575 3.25778 11.7301 3.78947 11.3719 4.24902L4.7821 12.7705C4.47971 13.1575 4.03398 13.3757 3.55652 13.3838L0.929565 13.416C0.786484 13.4158 0.667426 13.3186 0.63562 13.1816L0.0389404 10.5938C-0.0644166 10.1183 0.0385646 9.62687 0.340698 9.24805L5.01257 3.20117C5.09207 3.10453 5.23543 3.08867 5.33093 3.16016L7.29675 4.72461C7.42402 4.82936 7.59916 4.88541 7.7821 4.86133C8.17193 4.81297 8.43492 4.45884 8.39539 4.08008C8.37151 3.88658 8.27566 3.72445 8.14832 3.60352C8.09892 3.56357 6.23816 2.07227 6.23816 2.07227C6.1189 1.97553 6.09495 1.79783 6.19031 1.67773L6.93054 0.717773Z" fill="%2308090D"/></svg>');
}

.contacts_link-mail::after {
	background-image: url('data:image/svg+xml;utf8,<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2043 0C12.21 0 13.1775 0.353333 13.8892 0.987333C14.6017 1.62 15 2.47333 15 3.36667V8.63333C15 10.4933 13.2975 12 11.2043 12H3.795C1.70175 12 0 10.4933 0 8.63333V3.36667C0 1.50667 1.69425 0 3.795 0H11.2043ZM12.3974 4.35989L12.4574 4.30656C12.6367 4.11323 12.6367 3.83323 12.4492 3.63989C12.3449 3.54056 12.2017 3.47989 12.0524 3.46656C11.8949 3.45923 11.7449 3.50656 11.6317 3.59989L8.24995 5.99989C7.81495 6.32056 7.1917 6.32056 6.74995 5.99989L3.37495 3.59989C3.1417 3.44656 2.8192 3.46656 2.62495 3.64656C2.42245 3.82656 2.39995 4.11323 2.5717 4.31323L2.66995 4.39989L6.08245 6.76656C6.50245 7.05989 7.0117 7.21989 7.54495 7.21989C8.0767 7.21989 8.59495 7.05989 9.0142 6.76656L12.3974 4.35989Z" fill="%23050609"/></svg>');
}



.language_content {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.language_title {
	font-size: 36px;
}

.language_list {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.language_btn {
	padding: 7px 15px;
	font-size: 14px;
	border: 1px solid #fff;
	border-radius: 18px;
	cursor: pointer;
}

.language_btn:hover {
	background-color: var(--accent-color);
	border-color: var(--accent-color);
}



.block {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
}

.title {
	font-size: 24px;
	line-height: .9;
}

.title .highlight {
	color: var(--accent-color);
	font-weight: 500;
	font-size: 36px;
	margin-bottom: 5px;
}

.tac {
	text-align: center;
}

.ba_features_wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.block-beforeafter {
	width: auto;
	padding-top: 30px;
}


.beforeafter_slider {
	width: 100%;
	max-width: 335px;
	overflow: auto;
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-color: transparent transparent;
}

.beforeafter_slider_inner {
	width: fit-content;
	display: flex;
	gap: 20px;
}

.beforeafter {
	width: 100%;
	max-width: 335px;
	margin-top: 30px;
	overflow: hidden;
	border-radius: 15px;
	position: relative;
	scroll-snap-align: center;
	scroll-snap-stop: always;
}

.beforeafter_before {
	width: 50%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
}

.beforeafter_img {
	max-width: calc(100vw - 40px);
	display: block;
	user-select: none;
}

.beforeafter_before_label {
	position: absolute;
	font-size: 12px;
	top: 20px;
	left: 20px;
	background-color: #A4A4A4;
}

.beforeafter_after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.beforeafter_after_label {
	position: absolute;
	font-size: 12px;
	top: 20px;
	right: 20px;
	background-color: var(--accent-color);
	color: #fff;
}

.beforeafter_video {
	display: block;
	max-width: calc(100vw - 40px);
}

.beforeafter_handle {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	width: 2px;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}

.beforeafter_handle::before {
	content: '';
	width: 22px;
	position: absolute;
	inset: 0 0 0 -10px;
}

.beforeafter_handle::after {
	content: '';
	width: 10px;
	height: 60px;
	border-radius: 15px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -4px;
	margin: auto;
}

.beforeafter_dots {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 16px;
}
.beforeafter_dots button {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	border: none;
	padding: 0;
	cursor: pointer;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset;
	}
.beforeafter_dots button.active {
	background: var(--accent-color);
}



.features {
	width: 100%;
	max-width: 900px;
	height: 683px;
	overflow: hidden;
	border-radius: 15px;
	position: relative;
	display: flex;
	align-items: center;
}

.features_video {
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.feature_items {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.feature_item {
	width: 163px;
	padding: 10px;
	box-sizing: border-box;
	font-size: 14px;
	background: #41414140;
	backdrop-filter: blur(50px);
	border-radius: 15px;
	line-height: 1;
	position: absolute;
}

.feature_item:nth-child(1) {
	top: 55px;
	right: 20px;
}

.feature_item:nth-child(2) {
	bottom: 80px;
	left: 20px;
}

.feature_item_val {
	margin-bottom: 5px;
	font-size: 36px;
	color: var(--accent-color);
}

.features_circles {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg width="900" height="783" viewBox="0 0 900 783" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.5" cx="451.5" cy="391.5" r="390.233" stroke="%23F91F79" stroke-opacity="0.25" stroke-width="2.53398"/><circle opacity="0.5" cx="451.5" cy="391.5" r="479.233" stroke="%23F91F79" stroke-opacity="0.25" stroke-width="2.53398"/><circle opacity="0.5" cx="451.5" cy="391.5" r="568.233" stroke="%23F91F79" stroke-opacity="0.25" stroke-width="2.53398"/><circle opacity="0.5" cx="451" cy="392" r="301.733" stroke="%23F91F79" stroke-opacity="0.25" stroke-width="2.53398"/><circle opacity="0.5" cx="451.5" cy="391.5" r="214.233" stroke="%23F91F79" stroke-opacity="0.25" stroke-width="2.53398"/></svg>') no-repeat;
	background-position: 50% 50%;
	background-size: 680px;
}

.features_circle {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: absolute;
	overflow: hidden;
	background: #fff;
}

.features_circle:nth-child(1) {
	top: 50px;
	left: 50%;
	transform: translateX(-158px);
}

.features_circle:nth-child(2) {
	top: 200px;
	left: 50%;
	transform: translateX(90px);
}

.features_circle:nth-child(3) {
	bottom: 40px;
	left: 50%;
	transform: translateX(66px);
}

.features_circle:nth-child(4) {
	display: none;
}

.features_circle video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.features_list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0 20px;
}

.feature {

}

.feature_name {
	font-size: 36px;
	position: relative;
	display: flex;
	gap: 5px;
	line-height: 0.7;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}

.feature_name::after {
	content: '';
	width: 10px;
	height: 10px;
	background-image: url('data:image/svg+xml;utf8,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 1V9M1 5H9" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	transition: all .4s;
}

.feature_text {
	box-sizing: border-box;
	font-size: 14px;
	overflow: hidden;
	transition: all .4s;
	max-height: 0;
	position: relative;
	
	p {
		padding: 10px 0;
	}
}


.feature.opened {
	.feature_name::after {
		transform: rotate(45deg);
	}
}

.block-products {
	width: 100%;
}

.products_inner {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	gap: 11px;
}

.products_column {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product {
	transition: all .4s;
	opacity: 0;
	transform: translateY(-10px);
}

.product.visible {
	opacity: 1;
	transform: translateY(0);
}

.product_video_wrap {
	cursor: pointer;
}

.product_img {

}

.product_video {
	border-radius: 15px;
	display: block;	
}

.product_link {
	display: none;
}

.block-products.loading {
	.products_order_block,
	.products_load_more  {
		opacity: 0;
	}
}

.products_load_more {
	margin: 30px auto 0;
	display: block;
}

.products_order_block {
	max-width: 290px;
	margin: 30px auto 0;
	color: #878787;
	text-align: center;
	line-height: .9;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	font-size: 16px;
	opacity: 0;
	transition: all .6s;
}

.video_modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 20000;
    transition: opacity .25s ease;
}
.video_modal.visible { display: block; }
.video_modal_overlay {
    position: absolute;
    inset: 0;
    background: #00000088;
	backdrop-filter: blur(50px);
}
.video_modal_body {
	padding: 0 20px;
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
	pointer-events: none;
}
.video_modal_body > * {
	pointer-events: auto;
}
/* .video_modal_row {
    display: flex;
    align-items: center;
    gap: 24px;
    pointer-events: auto;
} */
.video_modal_inner {
    position: relative;
}
.video_modal_holder {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.video_modal_wrap {
	position: relative;
	display: flex;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 0 15px 5px #ffffff44;
	background-color: #000;
}

.video_modal_wrap .product_type {
	opacity: 0;
}

.video_modal_wrap .product_type_info {
	opacity: 1;
	border-radius: 0;
}

.video_modal_video {
    background: #000;
    max-height: calc(var(--viewport-height) - 150px);
    width: auto;
    object-fit: contain;
}
.video_modal_link {
	padding-left: 16px;
	display: inline-block;
    text-decoration: none;
    font-size: 12px;
	color: #696969;
	line-height: .9;
	align-self: flex-start;
}

.video_modal_link:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 8px 0 -16px;
	background: url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 7.5L7.5 0.5M7.5 0.5H0.5M7.5 0.5V7.5" stroke="%23696969" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.video_modal_link:hover {
	color: #fff;
}

.video_modal_link:hover:before {
	background: url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 7.5L7.5 0.5M7.5 0.5H0.5M7.5 0.5V7.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.video_modal_poster {
	height: 720px;
	max-height: calc(100vh - 115px);
	min-height: 360px;
}
.video_modal_preloader {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.video_modal_preloader::after {
	content: '';
	width: 50px;
	height: 50px;
	background: url('data:image/svg+xml;utf8,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.499998 25C0.223856 25 -0.000524262 25.2239 0.00499558 25.5C0.100378 30.2698 1.55889 34.9167 4.21326 38.8893C6.96029 43.0005 10.8648 46.2048 15.4329 48.097C20.0011 49.9892 25.0277 50.4843 29.8773 49.5196C34.7268 48.555 39.1814 46.174 42.6777 42.6777C46.174 39.1814 48.555 34.7268 49.5196 29.8773C50.4843 25.0277 49.9892 20.0011 48.097 15.4329C46.2048 10.8648 43.0005 6.9603 38.8893 4.21326C34.9167 1.55889 30.2698 0.100382 25.5 0.00499893C25.2239 -0.000520965 25 0.22386 25 0.500002C25 0.776144 25.2239 0.999456 25.5 1.00521C30.072 1.10045 34.5256 2.50025 38.3337 5.04473C42.2805 7.68188 45.3566 11.4302 47.1731 15.8156C48.9896 20.201 49.4649 25.0266 48.5388 29.6822C47.6128 34.3377 45.327 38.6141 41.9706 41.9706C38.6141 45.327 34.3377 47.6128 29.6822 48.5388C25.0266 49.4649 20.201 48.9896 15.8156 47.1731C11.4302 45.3566 7.68188 42.2805 5.04473 38.3337C2.50025 34.5256 1.10045 30.072 1.00521 25.5C0.999453 25.2239 0.77614 25 0.499998 25Z" fill="%23F91F79"/><path d="M45.475 25C45.7649 25 46.0007 24.7649 45.9934 24.475C45.8942 20.5052 44.671 16.6408 42.4609 13.333C40.1534 9.87959 36.8736 7.18797 33.0364 5.59853C29.1991 4.00909 24.9767 3.59322 20.9031 4.40351C16.8295 5.2138 13.0877 7.21386 10.1508 10.1508C7.21385 13.0877 5.2138 16.8295 4.40351 20.9031C3.59322 24.9767 4.00909 29.1991 5.59853 33.0364C7.18797 36.8736 9.87959 40.1534 13.333 42.4609C16.6408 44.671 20.5052 45.8942 24.475 45.9934C24.7649 46.0007 25 45.7649 25 45.475C25 45.1851 24.7648 44.9507 24.475 44.9431C20.7129 44.8441 17.0515 43.6826 13.9164 41.5878C10.6356 39.3957 8.07857 36.2799 6.5686 32.6345C5.05864 28.9891 4.66356 24.9779 5.43333 21.1079C6.20311 17.238 8.10316 13.6833 10.8932 10.8932C13.6833 8.10316 17.238 6.20311 21.1079 5.43333C24.9779 4.66356 28.9891 5.05864 32.6345 6.5686C36.2799 8.07857 39.3957 10.6356 41.5878 13.9164C43.6826 17.0515 44.8441 20.7129 44.9431 24.475C44.9507 24.7648 45.1851 25 45.475 25Z" fill="%23F91F79"/></svg>') no-repeat;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.video_modal_btns {
	position: absolute;
	display: flex;
	gap: 25px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.video_modal_arrow {
	width: 40px;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid;
	backdrop-filter: blur(50px);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all .4s;
	color: #fff;
	font-size: 28px;
	-webkit-tap-highlight-color: transparent;
	
}
.video_modal_arrow:active { 
	color: var(--accent-color);
}

.video_modal_arrow_left {
}

.video_modal_arrow_right {
}


/* close */
.video_modal_close {
    
}

.product_type {
	width: 60px;
	line-height: 24px;
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 15px;
	border-radius: 12px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 0 0 14px 18px rgba(0,0,0, .03);
	color: #000;
	transition: all .3s;
	text-transform: capitalize;
}

.video_modal_wrap:hover .product_type {
	transform: scale(1.1);
}

.video_modal[data-type="viral"] .product_type {
	background-color: var(--color-type-viral);
	color: #fff;
}

.video_modal[data-type="plain"] .product_type {
	background-color: var(--color-type-plain);
}

.video_modal[data-type="rich"] .product_type {
	background-color: var(--color-type-rich);
}


.product_type_info {
	padding: 30px 20px 40px;
	opacity: 0;
	transition: all .6s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #000;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: space-between;
	border-radius: 12px;
	line-height: .9;
}

.product_type_info_title {
	font-size: 64px;
	text-transform: uppercase;
}

.product_type_info_text {
	font-size: 16px;
	text-transform: uppercase;
}

.product_type_info_price {
	margin-top: 13px;
	font-size: 24px;
}

.product_type_info.short {
	padding-top: 15px;
	gap: 8px;
}

.product_type_info.short .product_type_info_title {
	font-size: 54px;
}


.video_modal[data-type="viral"] .product_type_info {
	background-color: var(--color-type-viral);
	color: #fff;
}

.video_modal[data-type="plain"] .product_type_info {
	background-color: var(--color-type-plain);
}

.video_modal[data-type="rich"] .product_type_info {
	background-color: var(--color-type-rich);
}

.show_type_info .product_type_info {
	opacity: 1;
}

.show_type_info .product_type {
	display: none;
}




.tabs {
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.tab {
	padding: 10px 19px;
	line-height: 8px;
	color: #696969;
	border-radius: 30px;
	border: 1px solid;
	font-size: 14px;
	transition: all .2s;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	cursor: pointer;
}

.tab:hover,
.tab.active {
	background-color: var(--accent-color);
	border-color: var(--accent-color);
	color: #fff;
}

.digits_items {
	margin-top: 30px;
	gap: 10px;
	display: none;
	opacity: 0;
	transition: all .4s;
}

.digits_items_column {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.digits_items.active {
	display: flex;
}

.digits_item {
	padding: 20px 15px;
	flex-shrink: 0;
	border-radius: 15px;
	background-color: #171717;
	font-size: 12px;
	line-height: 1;
	position: relative;
	overflow: hidden;
}

.digits_item.a1::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(
		rgba(249, 31, 121, 0) 0%, 
		rgba(249, 31, 121, 0.2) 50%, 
		rgba(249, 31, 121, 0) 100%
	);
	transform: rotate(45deg);
	transition: opacity 0.3s ease;
	pointer-events: none;
	opacity: 1;
	animation: blink 0.6s ease-in-out forwards;
}

@keyframes blink {
	0% {
		transform: translateX(-100%) translateY(-100%) rotate(45deg);
	}
	100% {
		transform: translateX(100%) translateY(100%) rotate(45deg);
	}
}

.digits_item a {
	display: inline-block;
	margin-top: 17px;
	color: #696969;
	text-decoration: none;
}

.digits_item a:hover {
	color: var(--accent-color);
}

.digits_item a::after {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	vertical-align: top;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24" fill="%23696969"> <path d="M 5 5 L 5 7 L 15.5625 7 L 4.09375 18.5 L 5.5 19.90625 L 17 8.4375 L 17 19 L 19 19 L 19 6 L 19 5 L 18 5 L 5 5 z"/> </svg>') no-repeat;
	background-size: contain;
}

.digits_item a:hover::after {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24" enable-background="new 0 0 24 24" fill="%23F91F79"> <path d="M 5 5 L 5 7 L 15.5625 7 L 4.09375 18.5 L 5.5 19.90625 L 17 8.4375 L 17 19 L 19 19 L 19 6 L 19 5 L 18 5 L 5 5 z"/> </svg>') no-repeat;
}

.digit_val {
	display: block;
	font-size: 36px;
	color: var(--accent-color);
}

.digit_val_with_prep {
	display: block;

	.digit_val {
		display: inline;
		vertical-align: baseline;
	}
}



.roi {
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.roi_bg {
	max-width: 500px;
	position: absolute;
	top: -160px;
	right: 0;
	bottom: 0;
	left: -80px;
	margin: auto;
	z-index: -1;
	transform: rotate(-45deg);
}

.roi_bg_video {
	width: 786px;
	height: 1398px;
	max-width: none;
	position: absolute;
	top: -160px;
	right: 0;
	bottom: 0;
	left: -240px;
	margin: auto;
	z-index: -1;
	transform: rotate(45deg);
}

.roi_inner {
	width: 100%;
	
}

.roi_calc {
	margin-top: 30px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 22px 10px;
	border-radius: 15px;
	background: #41414140;
	backdrop-filter: blur(50px);
	font-size: 14px;
	line-height: 1;
}

.roi_calc_item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.input_error {
	color: #f00;
	font-size: 10px;
	background-color: #fff;
	border-radius: 5px;
	padding: 4px 12px 3px;
	position: absolute;
	top: 31px;
	left: 0;
	display: none;
}

.input_error::before {
	content: '';
	width: 5px;
	height: 6px;
	position: absolute;
	top: -4px;
	left: 5px;
	background: url('data:image/svg+xml;utf8,<svg width="5" height="6" viewBox="0 0 5 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1V5H4L1 1Z" stroke="white" stroke-width="2" stroke-linejoin="round"/></svg>') no-repeat;
}


.input_error span {
	text-decoration: underline;
	text-underline-offset: 1px;
	cursor: pointer;
}

.roi_calc_label {
	max-width: 190px;
	font-weight: 400;
}

.roi_calc_input_wrap {
	display: flex;
	gap: 4px;
	align-items: center;
	position: relative;
}

.roi_calc_input {
	width: 140px;
	height: 28px;
	box-sizing: border-box;
	padding: 0;
	border: none;
	border-bottom: 1px solid #fff;
	background: none;
	color: inherit;
}

.roi_calc_new_val {
	display: flex;
	align-items: center;
	gap: 18px;
	/* display: none; */
}

.roi_calc_new_val span {

}

.rarr {
	flex-shrink: 0;
	width: 12px;
	height: 8px;
	background: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 3.18213C0.223858 3.18213 0 3.40599 0 3.68213C0 3.95827 0.223858 4.18213 0.5 4.18213L0.5 3.68213L0.5 3.18213ZM11.8536 4.03568C12.0488 3.84042 12.0488 3.52384 11.8536 3.32858L8.67157 0.146595C8.47631 -0.0486672 8.15973 -0.0486672 7.96447 0.146595C7.7692 0.341857 7.7692 0.65844 7.96447 0.853702L10.7929 3.68213L7.96447 6.51056C7.7692 6.70582 7.7692 7.0224 7.96447 7.21766C8.15973 7.41293 8.47631 7.41293 8.67157 7.21766L11.8536 4.03568ZM0.5 3.68213L0.5 4.18213L11.5 4.18213V3.68213V3.18213L0.5 3.18213L0.5 3.68213Z" fill="white"/></svg>') no-repeat;
	
}

.roi.blocked-products_count .roi_calc_minimum {
	display: block;
}

.roi.blocked-products_count .roi_main_res,
.roi.blocked-annual_volume .roi_main_res,
.roi.blocked-average_bill .roi_main_res,
.roi.blocked-return_percentage .roi_main_res,
.roi.blocked-conversion_rate .roi_main_res {
	opacity: .2;
}

.roi.blocked-annual_volume .roi_calc_input[name="annual_volume"] + .roi_calc_new_val,
.roi.blocked-average_bill .roi_calc_input[name="average_bill"] + .roi_calc_new_val,
.roi.blocked-return_percentage .roi_calc_input[name="return_percentage"] + .roi_calc_new_val,
.roi.blocked-conversion_rate .roi_calc_input[name="conversion_rate"] + .roi_calc_new_val {
	display: none;
}

.roi_main_res {

}

.roi_main_res div {
	padding-bottom: 5px;
	font-size: 36px;
	display: flex;
	justify-content: space-between;
}

.roi_show_info {
	margin-top: 4px;
	color: #a8a8a8;
	cursor: pointer;
	display: inline-block;
	display: flex;
	align-items: center;
	gap: 5px;
	user-select: none;
}


.formats {
	font-size: 14px;
}

.formats_list {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow: hidden;
}

.format {
}

.format_inner {
	padding: 20px;
	border-radius: 15px;
	color: #000;
	line-height: .9;
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: all .6s;
	transform: translateX(110%);
}

.format.a1 .format_inner {
	transform: translateX(0);
}

.format_main {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.format_name {
	text-transform: uppercase;
	font-size: 36px;
}

.format:nth-child(1) .format_inner {background-color: #fff;}
.format:nth-child(2) .format_inner {background-color: #e5df4c;}
.format:nth-child(3) .format_inner {background-color: #F91F79; color: #fff;}

.format_price {

}

.format_descr {
	
}

.formats_tip {
	margin-top: 20px;
	color: #696969;
	line-height: 0.8;
	display: flex;
	flex-direction: column;
	gap: 5px;

	div {
		display: flex;
		align-items: center;
		gap: 5px;

		svg {
			flex-shrink: 0;
		}
	}
}



.team {
	padding: 20px 0;
}

.team_title {
	padding-left: 20px;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 24px;
	line-height: 1.2;

	svg {
		transform: translateY(0.3em);
	}
}

.team_title_first {
	font-weight: 500;
	font-size: 36px;
}

.team_slider {
	width: 100vw;
	margin-top: 20px;
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
	overflow-y: hidden;
	scrollbar-color: transparent transparent;
}

.team_slider_items {
	width: max-content;
	padding: 0 20px 2px;
	display: flex;
	gap: 10px;
}

.team_slide {
	flex-shrink: 0;
	overflow: hidden;
	scroll-snap-align: center;
}

.team_slide_video {
	width: calc((100vw - 50px) / 2);
	border-radius: 15px;
	display: block;
}

.team_slide-team {
	aspect-ratio: 1.75;
	
	.team_slide_video {
		width: auto;
		height: calc(((100vw - 50px) / 2) * 1.75);
	}
}

.team_slide_name {
	margin-top: 10px;
	color: var(--accent-color);
}

.team_slide_role {
	text-transform: uppercase;
	font-size: 12px;
}



.offer {
	width: 100%;
}

.offer_title {
	font-size: 24px;
	line-height: 1.2;

	div {
		font-weight: 500;
		font-size: 36px;
	}
}

.offer_items {
	margin-top: 26px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow: hidden;
}

.offer_item {

}

.offer_item_content {
	border-radius: 15px;
	padding: 11px 15px 11px 30px;
	background-color: #171717;
	font-size: 14px;
	position: relative;
	transition: transform .6s;
	transform: translateX(100%);
}


.offer_item_content::before {
	content: '';
	width: 9px;
	height: 9px;
	flex-shrink: 0;
	position: absolute;
	top: 13px;
	left: 15px;
	background: url('data:image/svg+xml;utf8,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 4.13429V4.50229C8.49951 5.36486 8.2202 6.20416 7.70373 6.89502C7.18727 7.58588 6.46131 8.09128 5.63414 8.33585C4.80697 8.58042 3.9229 8.55105 3.11379 8.25212C2.30467 7.95319 1.61386 7.40073 1.14438 6.67711C0.674906 5.9535 0.451916 5.09751 0.508671 4.23681C0.565425 3.37611 0.898883 2.55682 1.45931 1.90112C2.01974 1.24542 2.77711 0.788442 3.61847 0.598348C4.45984 0.408253 5.34011 0.495224 6.128 0.84629M8.5 1.3L4.5 5.304L3.3 4.104" stroke="%23F91F79" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
}

.offer_item.a1 .offer_item_content {
	transform: translateX(0) !important;
}


.faq {
	width: 100%;

	.title {
		font-weight: 500;
		font-size: 36px;
	}
}

.faq_list {
	padding-top: 15px;
}

.faq_item {
	padding: 10px 0;
	line-height: .9;
	border-bottom: 1px solid #696969;
}

.faq_item_name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	gap: 5px;
}

.faq_item_name::after {
	content: '';
	width: 18px;
	height: 18px;
	background: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1V17M1 9H17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
	flex-shrink: 0;
	transition: all .4s;
}

.faq_item_text {
	font-size: 14px;
	font-weight: 300;
	line-height: 1;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .4s;
	max-height: 0;
	position: relative;
	font-family: bahnschrift, sans-serif;

	div {
		padding-top: 10px;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	a {
		text-decoration: underline;
		color: var(--accent-color);
	}
}

.faq_item.opened {
	.faq_item_name {
		color: var(--accent-color);
	}
	.faq_item_name::after {
		transform: rotate(45deg);
		background: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1V17M1 9H17" stroke="%23F91F79" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
	}
}


.order {
	padding: 20px 0 30px;
	width: 100%;
}

.order_title {
	padding: 0 20px;
	font-size: 24px;
	line-height: .9;
}

.order_form_wrap {
	margin-top: 27px;
	padding: 0 20px;
	/* background: url('/static/i/order_bg.webp') no-repeat; */
	background-position: 50% 80%;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

.order_form_bg_video {
	width: 786px;
	height: 1398px;
	max-width: none;
	position: absolute;
	top: -10px;
	right: 0;
	bottom: 0;
	left: -110px;
	margin: auto;
	z-index: -1;
	transform: rotate(180deg);
}

.order_form {
	background: #41414140;
	backdrop-filter: blur(50px);
	border-radius: 15px;
	padding: 18px 20px 18px;
}

.order_form.submitting {
	pointer-events: none;

	.order_form_submit {
		opacity: .3;
	}
}

.order_form_title {
	font-size: 12px;
	margin-bottom: 5px;
}

.checkbox_wrap {
	padding: 5px 0 5px 21px;
	display: flex;
	gap: 10px;
}

.checkbox {
	margin-left: -21px;
	width: 11px;
	height: 11px;
	appearance: none;
	-webkit-appearance: none;
	border: 2px solid #fff;
	border-radius: 3px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	flex-shrink: 0;
}

.checkbox:checked {
	background-color: var(--accent-color);
}

.checkbox_label {
	font-size: 14px;
	line-height: 0.9;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.input_wrap {
	margin-top: 27px;
	position: relative;
}

.input_label {
	font-size: 12px;
}

.input {
	width: 100%;
	padding: 0;
	font-size: 14px;
	border: none;
	background: none;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.input::placeholder {
	color: inherit;
}

.input:-webkit-autofill {
	box-shadow: 0 0 0px 1000px #000 inset !important;
	-webkit-text-fill-color: #fff !important;
}

.order_form_footer {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.btn {
	background-color: var(--accent-color);
	font-size: 14px;
	border-radius: 18px;
	padding: 7px 20px;
	color: #fff;
}

.btn-outlined {
	color: #696969;
	border: 1px solid;
	background-color: #000;
}

.order_form_submit,
.referral_form_submit  {
	padding-right: 40px;
	padding-left: 40px;
}

.order_form_sub {
	max-width: 190px;
	font-size: 8px;
	color: #ffffff88;
	text-align: center;
	line-height: .9;

	a {
		text-decoration: underline;
		color: #ffffffcc;
	}
}

.input_wrap .input_error {
	display: block;
	top: 40px;
}

.order_sent {
	background-color: #000;
	/* background-image: url('/static/i/success_msg_bg.webp'); */
	/* background-repeat: no-repeat;
	background-position: 50% 100%; */
}

.order_sent_bg_video {
	max-width: none;
	width: 220%;
	position: absolute;
	bottom: 0;
	left: -50%;
}

.order_sent_content {
	margin-top: 100px;
	padding: 0 20px;
	display: flex;
	gap: 30px;
	flex-direction: column;
	position: relative;
}

.order_sent_msg {
	font-size: 36px;
	line-height: .9;
}

.order_sent_btn {
	align-self: flex-start;
}


.footer {
	width: 100%;
}

.footer_main {
	display: grid;
	grid-template-columns: 48% 48%;
	gap: 0 4%
}

/* .footer_main {
	display: flex;
	justify-content: space-between;
} */

.footer_left {
	flex-basis: 48%;
}

.footer_logo_wrap {

}

.footer_logo {
	max-width: 132px;
	line-height: 0.8;
}

.footer_logo_paradox {
	font-size: 24px;
	font-weight: 500;
	color: #636363;
}

.footer_logo_media {
	font-size: 18px;
	color: #1a1a1aaa;
	text-align: right;
	color: #63636344;
}

.footer_logo_slogan {
	margin-top: 5px;
	font-size: 10px;
	color: #636363;
	grid-column: 1;
}

.footer_right {
	flex-basis: 48%;
}

.footer_menu {
	font-size: 14px;
	line-height: .9;
	display: flex;
	flex-direction: column;
	gap: 15px;
	grid-column: 2;
	grid-row-start: 1;
	
	li {
		display: flex;
		align-items: center;
		gap: 7px;
	}
}

.footer_menu_item {

}

.footer {
	.menu_socials {
		opacity: 1;
		margin-top: 58px;
		grid-column-start: 2;
	}
	
	.menu_social {
		background-color: var(--accent-color);
	}
}

.footer_secondary {
	margin-top: 20px;
	border-top: 1px solid #171717;
}

.footer_secondary {
	padding: 18px 0 0;
	line-height: .9;
	font-size: 10px;
	display: flex;
	justify-content: space-between;
}

.footer_secondary_left {
	flex-basis: 48%;
	flex-shrink: 0;
	color: #636363;
}

.footer_secondary_right {
	flex-basis: 48%;
	color: #171717;

	a {
		text-decoration: underline;
	}
	a:hover {
		color: var(--accent-color);
	}
}



/* REFERRAL PAGE */

.body-referral,
.body-personal {
	.header {
		height: auto;
		min-height: 62px;
	}

	.header_logo,
	.menu_open {
		opacity: 1;
	}
}

.referral {
	padding: 60px 20px 80px;
	line-height: .9;
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: flex-start;
	font-size: 12px;
}

.breadcrumbs {
	font-size: 10px;
	display: flex;
	gap: 10px;

	a {
		color: #696969;
	}
}

.referral_title {
	font-size: 36px;
}

.referral_text {
	line-height: 1.1;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.referral_form_wrap {
	height: 100%;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	justify-content: center;
}

.referral_form {
	background: #41414140;
	backdrop-filter: blur(50px);
	border-radius: 15px;
	padding: 18px 20px 18px;

	.input_wrap:first-child {
		margin-top: 0;
	}
}

.referral_form.submitting {
	pointer-events: none;

	.referral_form_submit {
		opacity: .3;
	}
}

.body-personal .referral_title {
	font-size: 7vw;
}

.personal {
	line-height: 1.2;
}

.personal h1 {
	font-size: 32px;
	font-weight: 600;
	color: #28344C;
	padding: 20px 0;
}

.personal h2 {
	font-size: 20px;
	font-weight: 500;
	padding: 20px 0;
}

.personal h1 + h2 {
	padding-top: 0;
}

.personal p + p {
	margin-top: 5px;
}


@media screen and (width < 1025px) {
	.-d {
		display: none !important;
	} 
}

@media screen and (width < 376px) {
	.header_logo_paradox {
		font-size: 16vw;
	}

	.roi_calc_input {
		width: 130px;
	}

	.roi_calc_new_val {
		gap: 10px;
	}
}

@media screen and (width > 375px) {
	.beforeafter_img,
	.beforeafter_video {
		max-width: 335px;
	}
}


/* DESKTOP */

@media screen and (width > 1024px) {
	.-m {
		display: none !important;
	}

	.btn-outlined:hover {
		background-color: var(--accent-color);
		border-color: var(--accent-color);
		color: #fff;
	}

	.features {
		background-size: auto;
	}

	.header {
		height: 100vh;
		min-height: 50vw;
	}

	.header_logo,
	.header.a1 .header_logo {
		height: auto;
		top: 40px;
		right: auto;
		left: 40px;
		transform: translateY(0);
		line-height: 0.8;
		font-weight: 400;
		opacity: 1;

		.header_logo_paradox {
			font-size: 38px;
		}

		.header_logo_media {
			font-size: 28px;
		}
	}

	.header_purpose {
		bottom: 40px;
		left: 40px;
		transform: translateY(0);
	}

	.header_purpose_title {
		font-size: 36px;
	}

	.header_purpose_items {
		max-width: 420px;
		margin-top: 15px;
		font-size: 14px;
	}

	.header_slogan {
		opacity: 1;
		font-size: 12vw;
		line-height: 0.8;
		bottom: auto;
		top: 10vw;
		left: 40px;

		div {
			position: relative;
		}
	}

	.show_contacts_btn {
		width: 127px;
		right: 40px;
		bottom: 40px;
		font-size: 16px;
		opacity: 1;
	}

	.menu_open {
		width: 52px;
		height: 52px;
		top: 40px;
		right: 40px;
		opacity: 1;
		background-size: 27px;
	}

	.menu_header {
		padding: 35px 0;
	}

	.menu_close {
		margin-right: 40px;

		svg {
			width: 21px;
			height: 21px;
		}
	}

	.menu_logo {
		margin-top: 5px;
		margin-left: 40px;
	}

	.menu_logo_paradox {
		font-size: 38px;
	}

	.menu_logo_media {
		font-size: 28px;
	}

	.menu_inner {
		padding: 0 40px 40px;
	}

	.menu_list {
		margin-top: 140px;
		display: grid;
		gap: 25px;
		grid-template-columns: repeat(2, 1fr);

		li:nth-child(1),
		li:nth-child(2),
		li:nth-child(3),
		li:nth-child(4),
		li:nth-child(5),
		li:nth-child(6) {
			grid-column: 1;
		}

		li:nth-child(7) {
			grid-column: 2;
			grid-row-start: 1;
		}
		li:nth-child(8) {
			grid-column: 2;
			grid-row-start: 2;
		}
		li:nth-child(9) {
			grid-column: 2;
			grid-row-start: 3;
		}
		li:nth-child(10) {
			grid-column: 2;
			grid-row-start: 6;
		} 
	}

	.menu_item {
		font-size: 44px;
	}

	.menu_item:hover {
		text-decoration: underline;
	}

	.menu_account {
		font-size: 36px;
		line-height: 54px;
		border-radius: 54px;
		padding: 0 35px;

		svg {
			width: 22px;
			height: 34px;
			stroke-width: 3px;
		}
	}

	.header.a1 {
		.header_video2 {
			opacity: 1;
		}

		.header_slogan {
			transform: translateY(0);
			opacity: 1;
			top: 80px;
			font-size: 19px;
			z-index: 3;
		}
	}

	.title {
		font-size: 36px;
	}

	.video_modal_arrow:hover { 
		color: var(--accent-color);
	}



	.ba_features_wrap {
		padding-top: 40px;
		flex-direction: row;
		justify-content: center;
		user-select: none;
	}

	.beforeafter_slider,
	.beforeafter,
	.beforeafter_img, 
	.beforeafter_video {
		max-width: 440px;
	}

	.features {
		height: 783px;
	}

	.features_list {
		gap: 30px;
	}

	.feature_item {
		width: 207px;
		font-size: 16px;
		padding: 15px 10px 20px;
	}

	.feature_name {
		font-size: 64px;
	}

	.feature_text {
		font-size: 16px;
	}

	.feature_item_val {
		font-size: 42px;
	}

	.feature_item:nth-child(1) {
		right: auto;
		left: 48%;
	}

	.feature_item:nth-child(2) {
		bottom: 0;
		left: 180px;
	}

	.features_circles {
		background-size: 783px;
	}

	.features_circle {
		width: 60px; 
		height: 60px;
	}

	.features_circle:nth-child(1) {
		top: 55px;
		transform: translateX(-180px);
	}

	.features_circle:nth-child(2) {
		top: 220px;
	}

	.features_circle:nth-child(4) {
		display: block;
		top: 130px;
		left: 85%;
	}


	.title .highlight {
		font-size: 64px;
	}

	.tab {
		font-size: 16px;
	}

	.btn {
		font-size: 16px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.products_load_more {
		margin-top: 40px;
	}

	.block {
		max-width: 1440px;
		padding: 40px;
	}

	.products_order_block {
		max-width: 420px;
		font-size: 24px;
		margin-top: 40px;
	}

	.block-digits .title {
		max-width: 550px;
	}

	.digits_items {
		margin-top: 58px;
		gap: 20px;
	}

	.digits_items_column {
		gap: 20px;
	}

	.digits_item {
		font-size: 14px;
	}

	.digit_val {
		font-size: 64px;
	}

	.digits_item a::after {
		width: 10px;
		height: 10px;
	}

	.roi {
		overflow: visible;
	}

	.roi_inner {
		display: flex;
		gap: 20px;

		.title {
			max-width: 470px;
			flex-shrink: 2;
		}
	}

	.roi_bg_video {
		width: 1300px;
		transform: none;
		top: 80px;
		left: 20%;
	}

	.roi_calc {
		max-width: 900px;
		padding: 30px;
		font-size: 16px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px 20px
	}

	.roi_calc_item {
		gap: 15px;
	}

	.roi_calc_item:nth-child(1),
	.roi_calc_item:nth-child(3),
	.roi_calc_item:nth-child(5) {
		grid-column: 1;
	}

	.roi_calc_item:nth-child(2),
	.roi_calc_item:nth-child(4),
	.roi_main_res,
	.roi_show_info {
		grid-column: 2;
	}

	.formats {
		font-size: 16px;
	}

	.formats_list {
		margin-top: 40px;
	}

	.format_inner {
		padding: 30px 30px 80px 30px;
		flex-direction: row;
		justify-content: space-between;
	}

	.format_main {
		width: 44%;
	}

	.format_name {
		font-size: 64px;
	}

	.format_price {
		font-size: 18px;
	}
	
	.format_descr {
		width: 30%;
	}

	.formats_tip {
		margin-top: 40px;
	}


	.team {
		width: 100%;
		max-width: 1440px;
		overflow: hidden;
		padding: 40px 0;
	}

	.team_title {
		padding-left: 40px;
		font-size: 36px;

		svg {
			width: 44px;
			height: 36px;
			transform: translateY(0.5em);
		}
	}

	.team_title_first {
		font-size: 64px;
	}

	.team_slider_items {
		padding-right: 40px;
		padding-left: 40px;
		gap: 20px;
	}

	.team_slider {
		width: auto;
		margin-top: 35px;
		scrollbar-width: thin;
	}
	
	.team_slider:hover {
		scrollbar-color: #222 transparent;
		scrollbar-width: thin;
	}

	.team_slide_video {
		width: auto;
		max-height: 400px;
		/* width: calc((100vw - 160px) / 4); */
	}

	.team_slide-team {
		.team_slide_video {
			width: auto;
			max-height: 400px;
			/* height: calc(((100vw - 160px) / 4) * 1.75); */
		}
	}

	.team_slide_name {
		margin-top: 27px;
		font-size: 36px;
	}

	.team_slide_role {
		font-size: 16px;
	}



	.offer_title {
		font-size: 36px;

		div {
			font-size: 64px;
		}
	}

	.offer_items {
		display: block;
		column-count: 3;
		gap: 20px;
	}

	.offer_item {
		break-inside: avoid;
		margin-bottom: 20px;
	}

	.offer_item_content {
		font-size: 20px;
		padding: 16px 15px 16px 33px;
		line-height: 1;
	}

	.offer_item_content::before {
		width: 11px;
		height: 11px;
		top: 18px;
		background-size: contain;
	}

	.offer_item:nth-child(1) .offer_item_content,
	.offer_item:nth-child(2) .offer_item_content,
	.offer_item:nth-child(3) .offer_item_content {
		transform: translateX(300%);
	}

	.offer_item:nth-child(4) .offer_item_content,
	.offer_item:nth-child(5) .offer_item_content,
	.offer_item:nth-child(6) .offer_item_content,
	.offer_item:nth-child(7) .offer_item_content {
		transform: translateX(200%);
	}

	.offer_items.a1 .offer_item_content {
		transform: translateX(0);
	}


	.faq {
		.title {
			font-size: 64px;
			color: var(--accent-color);
		}
	}

	.faq_list {
		padding-top: 25px;
	}

	.faq_item {
		padding: 20px 0;
	}

	.faq_item_name {
		font-size: 36px;
	}

	.faq_item_name:hover {
		color: var(--accent-color);
	}

	.faq_item_text {
		max-width: 900px;
		font-size: 22px;
		line-height: 1.1;

		div {
			padding-top: 17px;
			gap: 7px;
		}
	}


	.order {
		max-width: 1440px;
		padding: 40px;
		display: flex;
		gap: 20px;
		justify-content: space-between;
		box-sizing: border-box;
	}

	.order_title {
		padding: 0;
		font-size: 36px;
		font-weight: 500;
	}

	.order_form_wrap {
		width: 100%;
		max-width: 940px;
		padding: 0 0 0 40px;
		overflow: visible;
	}

	.order_form_bg_video {
		width: 1096px;
	}

	.order_form {
		padding: 27px 30px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 40px;
	}

	.order_form_title {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.checkbox_label {
		font-size: 16px;
	}

	.input_label {
		font-size: 24px;
	}

	.input {
		font-size: 16px;
		padding-bottom: 5px;
	}

	.order_form_checkboxes,
	.input_wrap:nth-child(2) {
		grid-column: 1;
	}

	.input_wrap:nth-child(3),
	.input_wrap:nth-child(4),
	.order_form_footer {
		grid-column: 2;
	}

	.input_wrap:nth-child(3) {
		grid-row-start: 1;
	}

	.order_form_sub {
		max-width: 280px;
		font-size: 12px;
		text-align: left;
	}

	.input_error {
		font-size: 12px;
	}

	.input_wrap .input_error {
		top: 62px;
	}

	.order_form_footer {
		align-items: flex-start;
	}


	.menu_socials {
		gap: 15px;
	}

	.menu .menu_socials {
		position: absolute;
		bottom: 40px;
		left: 40px;
	}
	
	.menu_social {
		width: 60px;
		height: 60px;

		svg {
			transform: scale(1.5);
		}
	}

	.footer_main {
		grid-template-columns: 27.3% 71%;
	}
	
	.footer_logo {
		max-width: 212px;
	}

	.footer_logo_paradox {
		color: #fff;
		font-size: 38px;
	}

	.footer_logo_media {
		font-size: 28px;
	}

	.footer_logo_slogan {
		max-width: 220px;
		font-weight: 600;
		font-size: 16px;
		margin-top: 27px;
	}

	.footer_menu {
		display: block;
		font-size: 16px;
		column-count: 2;

		li {
			margin-bottom: 25px;
		}
	}

	.footer {
		.menu_socials {
			margin-top: 0;
			grid-column: 1;
		}

		.menu_social {
			width: 45px;
			height: 45px;

			svg {
				transform: scale(1.1);
			}
		}
	}

	.footer_menu_item:hover {
		color: var(--accent-color);
	}

	.footer_secondary_left {
		flex-basis: 31.3%;

		div {
			display: inline;
		}
	}

	.footer_secondary_right {
		flex-basis: 71%;
	}


	.video_modal_link {
		max-width: 440px;
		font-size: 16px;
		position: fixed;
		bottom: 40px;
		left: 40px;
	}


	.modal_close {
		width: 21px;
		height: 21px;
		background-size: contain;
		z-index: 2;
	}

	.roi_info_wrap {
		max-width: 1090px;
		margin: auto;
	}

	.roi_info_title {
		font-size: 26px;
	}

	.roi_info_person {
		font-size: 20px;

		img {
			width: 80px;
			height: 80px;
		}
	}

	.order_sent_msg {
		max-width: 850px;
		font-size: 64px;
	}
	
	.order_sent_btn {
		margin-top: 75px;
		padding-right: 40px;
		padding-left: 40px;
	}

	.order_sent_bg_video {
		width: 100%;
		left: 0;
	}







	.body-referral,
	.body-personal {
		.header {
			min-height: 100px;
		}
	}

	.referral {
		max-width: 1440px;
		width: 100%;
		box-sizing: border-box;
		padding: 40px 40px 80px;
		font-size: 20px;
		gap: 40px;
	}

	.breadcrumbs {
		font-size: 12px;
	}

	.referral_title {
		max-width: 800px;
		font-size: 96px;
		margin-top: 10px;
	}

	.referral_text {
		max-width: 1000px;
		gap: 27px;
	}

	.body-personal .referral_title {
		font-size: 5vw;
	}

	.referral_form_wrap .title {
		font-size: 64px;
		text-align: center;
	}

	.referral_form {
		width: 100%;
		max-width: 440px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 30px 30px 60px;
	}

	

}