*,
html {
	box-sizing: border-box;
}

.no-scroll {
	overflow: hidden;
	height: 100vh;
}

body {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background: #fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main {
	position: relative;
}

.main::before {
	content: '';
	position: absolute;
	background-image: url('../images/header-bg.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 100%;
	height: 900px;
	z-index: -1;
	top: -1.5%;
	right: -15%;
}

.container {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 15px;
}

.header {
	/* min-height: 100vh; */
	padding-bottom: 30px;
}

.header__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px 0;
}

.header__list {
	display: flex;
	align-items: center;
	gap: 47px;
}

.header__link {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	transition: all 0.3s;
}

.header__link:hover,
.header__link.active {
	color: #1090cb;
}

.header__btn-link {
	border-radius: 6px;
	background: #1090cb;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 10px 32px;
	border: 1.5px solid #1090cb;

	transition: all 0.3s;
}

.header__btn-link:hover {
	background: transparent;
	color: #1090cb;
}

.header__inner {
	display: flex;
	align-items: center;
	gap: 50px;
}
.title {
	color: #2d3740;
	font-family: 'Intro';
	font-size: 40px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 125%; /* 50.4px */
}
.title span {
	color: #e23434;
}
.header__title {
	text-wrap: nowrap;
}

.header__description {
	color: #1090cb;
	text-transform: uppercase;
	font-family: 'Intro';
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 18px */
	margin: 20px 0;
}
.header__text {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	letter-spacing: 0.64px;
	margin-bottom: 50px;
	max-width: 450px;
}
.header__buttons {
	display: flex;
	align-items: center;
	gap: 13px;
}

.header__img-wrapper {
	position: relative;
}

.header__items {
	margin-top: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
}
.header__item {
	display: flex;
	align-items: center;
	gap: 15px;
}

.header__item:nth-child(3) .header__item-text {
	width: 290px;
}
.header__item-text {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	width: 230px;
	line-height: 110%; /* 16.5px */
	letter-spacing: 0.15px;
}

.standards {
	padding-top: 65px;
	padding-bottom: 70px;
	position: relative;
}

.standards__title {
	text-align: center;
	margin-bottom: 65px;
}
.standards__title span:nth-child(2) {
	color: #1090cb;
}
.standards::after {
	content: '';
	position: absolute;
	background-image: url('../images/standards-wave.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
	bottom: -50%;
	left: 0;
}

.standards::before {
	content: '';
	position: absolute;
	background: linear-gradient(
		180deg,
		rgba(187, 133, 255, 0.14) 0%,
		rgba(255, 177, 222, 0.14) 100%
	);
	filter: blur(75px);
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.standards__inner {
	max-width: 990px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}
.standards__img-wrapper {
	position: relative;
}
.standards__img-wrapper::before {
	content: '';
	position: absolute;
	background-image: url('../images/standards-img-decor.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	width: 184px;
	height: 92px;
	z-index: -1;
	top: 8%;
	left: 0;
}

.standards__item {
	display: flex;
	align-items: center;
	gap: 27px;
}
.standards__item:first-child {
	margin-bottom: 40px;
}

.standards__item-text {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 27.5px */
	letter-spacing: 0.88px;
}
.standards__buttons {
	margin-top: 70px;
	justify-content: center;
	display: flex;
	gap: 15px;
}

.controls {
	padding-top: 80px;
	padding-bottom: 65px;
	position: relative;
}

.controls::after {
	content: '';
	position: absolute;
	background-image: url('../images/curve-arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	z-index: -1;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20%;
}

.controls__title {
	text-align: center;
	margin-bottom: 55px;
}

.controls__items {
	display: flex;
	justify-content: space-between;
	gap: 43px;
}
.controls__item {
	width: 240px;
}
.controls__item-top {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 22px;
}

.controls__item-title {
	position: relative;
	color: #25202f;
	font-family: 'Ubuntu', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.controls__item-title::after {
	content: '';
	position: absolute;
	background-image: url('../images/wave-pink.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 62px;
	height: 44px;
	top: -50%;
	transform: translateY(15%);
	right: -85px;
}
.controls__item-text {
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	letter-spacing: 0.64px;
}

.footer {
	position: relative;
	padding: 150px 0 40px;
}

.footer::after {
	content: '';
	position: absolute;
	background-image: url('../images/footer-bg.svg');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 110%;
	height: 100%;
	z-index: -1;
	bottom: 0;
}

.footer::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: linear-gradient(
		0deg,
		rgba(203, 163, 255, 0.2) 0%,
		rgba(197, 255, 176, 0.2) 100%
	);
	filter: blur(75px);
	bottom: 0;
}

.footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 90px;
	margin-bottom: 70px;
}
.footer__content {
	position: relative;
}
.footer__content::after {
	content: '';
	position: absolute;
	background-image: url('../images/tg-group.svg');
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: -17%;
	right: -65%;
}

.footer__title {
	margin-bottom: 15px;
}

.footer__description {
	color: #1090cb;
	text-transform: uppercase;
	font-family: 'Intro';
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 18px */
	margin-bottom: 30px;
}
.footer__buttons {
	display: flex;
	align-items: center;
	gap: 25px;
}

.footer__copy {
	color: rgba(0, 0, 0, 0.7);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	text-align: center;
	letter-spacing: 0.64px;
}

.questions {
	position: relative;
	padding-bottom: 70px;
}

.questions::before {
	content: '';
	position: absolute;
	background: linear-gradient(
		180deg,
		rgba(187, 133, 255, 0.14) 0%,
		rgba(255, 177, 222, 0.14) 100%
	);
	filter: blur(75px);
	width: 100%;
	height: 720px;
	z-index: -1;
	left: 0;
	bottom: 0%;
}
.questions::after {
	content: '';
	position: absolute;
	background-image: url('../images/curve-arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	z-index: -1;
	transform: translateY(-50%);
	left: 48%;
	bottom: -13%;
}
.questions__title {
	text-align: center;
	margin-bottom: 8px;
}

.questions__img-wrapper {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 7px;
}

.questions__accordion {
	max-width: 835px;
	margin: 0 auto;
}

.questions__accordion-item {
	padding: 0;
	border-radius: 16px;
	background: #f1f0fb;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
}
.questions__accordion-item + .questions__accordion-item {
	margin-top: 17px;
}
.questions__accordion-item.active {
	background: #e8e5f7;
}
.questions__accordion-header {
	padding: 26px 32px;
	display: flex;
	align-items: center;
	gap: 21px;
	transition: all 0.3s ease;
}
.questions__accordion-item.active .questions__accordion-header {
	background: #e8e5f7;
}
.questions__accordion-item-img {
	transition: transform 0.3s ease;
}
.questions__accordion-item.active .questions__accordion-item-img {
	transform: rotate(180deg);
	filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%)
		hue-rotate(199deg) brightness(96%) contrast(96%);
}
.questions__accordion-item-title {
	color: #000;
	font-family: 'Intro', sans-serif;
	font-size: 18px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 100%; /* 18px */
}
.questions__accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 32px;
}
.questions__accordion-item.active .questions__accordion-content {
	max-height: 200px;
	padding: 0 32px 26px 32px;
}
.questions__accordion-content p {
	color: #000;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 166%; /* 26.56px */
	padding-left: 38px;
}

.download {
	position: relative;
	padding-bottom: 30px;
}
.download::after {
	content: '';
	position: absolute;
	background-image: url('../images/curve-arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100px;
	height: 100px;
	z-index: -1;
	transform: translateX(-50%);
	left: 48%;
	bottom: -20%;
}
.download::before {
	content: '';
	position: absolute;
	background-image: url('../images/standards-wave.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 62px;
	height: 44px;
	z-index: -1;
	transform: translateX(-50%);
	left: 46%;
	bottom: -5%;
}
.download-footer::before {
	content: '';
	position: absolute;
	background: linear-gradient(
		0deg,
		rgba(187, 133, 255, 0.14) 0%,
		rgba(255, 177, 222, 0.14) 100%
	);
	filter: blur(75px);
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateX(-50%);
	left: 50%;
	bottom: 0;
}
.download__title {
	text-align: center;
	margin-bottom: 90px;
	position: relative;
}

.download__title::after {
	content: '';
	position: absolute;
	background-image: url('../images/curve-arrow.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 55px;
	height: 55px;
	z-index: -1;
	transform: translateX(-50%);
	left: 50%;
	bottom: -150%;
}

.download__inner {
	padding: 0 35px;
	display: flex;
	align-items: center;
	gap: 40px;
}
.download__inner.right {
	justify-content: flex-end;
}
.download__inner:nth-child(4) .download__content {
	text-align: right;
}

.download__inner:nth-child(4) .download__btn {
	align-self: flex-end;
}
.download__line {
	background: rgba(0, 0, 0, 0.1);
	margin: 60px 0 45px;
}

.download__content-text {
	color: #000;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: 'Poppins', sans-serif;
	max-width: 640px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 124%; /* 19.84px */
	margin-bottom: 35px;
}

.download__btn {
	display: inline-block;
	transition: transform 0.3s ease;
}

.download__btn:hover {
	transform: scale(1.05);
}

/* Hover ефекти для кнопок */
.header__button:hover,
.standards__button:hover {
	transform: scale(1.05);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.download__btn img {
	width: 160px;
	height: auto;
	display: block;
}

/* Кастомні анімації */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

/* Плавні переходи для конкретних елементів */
.header__button,
.standards__button,
.header__item,
.header__img,
.standards__img {
	transition: all 0.3s ease;
}

/* Анімація для зображень при наведенні */
.header__img:hover,
.standards__img:hover {
	transform: scale(1.05);
}

/* Бургер меню */
.header__burger {
	display: none;
	cursor: pointer;
	width: 30px;
	height: 20px;
	position: relative;
	z-index: 1000;
}

/* Увеличиваем область клика для гамбургер-меню */
.header__burger::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	z-index: -1;
}

.header__burger span {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000;
	position: absolute;
	left: 0;
	transition: all 0.3s ease;
}

.header__burger span:nth-child(1) {
	top: 0;
}

.header__burger span:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.header__burger span:nth-child(3) {
	bottom: 0;
}

.header__burger.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 50%;
}

.header__burger.active span:nth-child(2) {
	opacity: 0;
}

.header__burger.active span:nth-child(3) {
	transform: rotate(-45deg);
	bottom: 38%;
}

/* Увеличиваем область клика для крестика в открытом состоянии */
.header__burger.active::before {
	top: -15px;
	left: -15px;
	right: -15px;
	bottom: -15px;
}

/* Адаптивні стилі для мобільних пристроїв */
@media (max-width: 768px) {
	.container {
		padding: 0 20px;
	}
	.footer::after,
	.footer::before {
		display: none;
	}

	.controls::after {
		bottom: -10%;
	}
	/* Приховуємо фоновий елемент на мобільних */
	.main::before {
		display: none;
		/* width: 150%; */
	}

	.footer__inner {
		margin-bottom: 30px;
	}

	.header__top {
		padding: 30px 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 20px;
	}

	.header__burger {
		display: block;
	}

	/* Увеличиваем область клика для мобильного гамбургер-меню */
	.header__burger::before {
		content: '';
		position: absolute;
		top: -15px;
		left: -15px;
		right: -15px;
		bottom: -15px;
		z-index: -1;
	}

	.header__menu {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100vh;
		background: rgba(255, 255, 255, 0.95);
		backdrop-filter: blur(10px);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: left 0.3s ease;
		z-index: 999;
	}

	.header__menu.active {
		left: 0;
	}

	.header__list {
		flex-direction: column;
		gap: 30px;
		text-align: center;
	}

	.header__link {
		font-size: 24px;
		font-weight: 600 !important;
	}

	.header__inner {
		flex-direction: column;
		gap: 30px;
		text-align: center;
		padding-top: 20px; /* Додаємо padding-top */
	}

	.header__img-wrapper {
		order: -1;
	}

	.header__img {
		max-width: 100%;
		height: auto;
		animation: none !important; /* Прибираємо анімацію появи в адаптиві */
	}

	/* Прибираємо всі анімації в header для адаптиву, крім бургер меню */
	.header
		*:not(.header__burger):not(.header__burger *):not(.header__menu):not(
			.header__menu *
		) {
		animation: none !important;
		transition: none !important;
	}

	/* Прибираємо hover ефекти в header */
	.header__link:hover,
	.header__btn-link:hover,
	.header__button:hover,
	.header__img:hover {
		transform: none !important;
		box-shadow: none !important;
		background: inherit !important;
		color: inherit !important;
	}

	/* Прибираємо hover ефекти для download кнопок */
	.download__btn:hover {
		transform: none !important;
	}

	.title {
		font-size: 32px;
	}

	.header__description {
		font-size: 16px;
	}

	.header__text {
		font-size: 14px;
		max-width: 100%;
	}

	.header__buttons {
		justify-content: center;
	}

	.header__button img {
		width: 140px;
		height: auto;
	}

	.header__items {
		flex-direction: column;
		gap: 20px;
		margin-top: 50px;
	}

	.header__item {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.header__item:nth-child(3) .header__item-text {
		width: 100%;
	}

	.header__item-text {
		width: 100%;
		font-size: 14px;
	}

	.standards__inner {
		flex-direction: column;
		gap: 30px;
	}

	.standards__img {
		max-width: 100%;
		height: auto;
		object-fit: contain;
	}

	.standards__item {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.standards__item-text {
		font-size: 18px;
	}

	.controls__items {
		flex-direction: column;
		gap: 30px;
		align-items: center;
	}

	.controls__item {
		width: 100%;
		max-width: 400px;
		text-align: center;
	}

	.controls__item-top {
		justify-content: center;
	}

	.footer__inner {
		flex-direction: column;
		gap: 40px;
		text-align: center;
	}

	.footer__img {
		max-width: 100%;
		height: auto;
		object-fit: contain;
	}

	.footer__buttons {
		justify-content: center;
	}

	/* Адаптивні стилі для FAQ */
	.questions {
		padding-bottom: 40px;
	}

	.questions::after {
		width: 60px;
		height: 60px;
		left: 50%;
		bottom: -8%;
	}

	/* Адаптивні стилі для Download */
	.download {
		padding-bottom: 40px;
	}

	.download::after {
		width: 60px;
		height: 60px;
		left: 50%;
		bottom: -10%;
	}

	.download::before {
		width: 40px;
		height: 30px;
		left: 50%;
		bottom: -3%;
	}

	.download__title {
		margin-bottom: 40px;
		font-size: 32px;
	}

	.download__title::after {
		width: 35px;
		height: 35px;
		bottom: -100%;
	}

	.download__inner {
		flex-direction: column;
		padding: 0 20px;
		gap: 30px;
		text-align: center;
	}

	.download__inner.right {
		justify-content: center;
	}

	.download__inner:nth-child(4) .download__content {
		text-align: center;
	}

	.download__inner:nth-child(4) .download__btn {
		align-self: center;
	}

	.download__line {
		margin: 40px 0 30px;
	}

	.download__content-text {
		font-size: 14px;
		max-width: 100%;
		margin-bottom: 25px;
	}

	.download__img {
		max-width: 80%;
		height: auto;
		margin: 0 auto;
		display: block;
		animation: none !important;
	}

	.download__btn img {
		width: 160px;
		height: auto;
	}

	/* Адаптивні стилі для footer на download сторінці */
	.download-footer .footer__inner {
		flex-direction: column;
		gap: 30px;
		text-align: center;
	}

	.download-footer .footer__img {
		max-width: 80%;
		height: auto;
		margin: 0 auto;
		display: block;
		animation: none !important;
	}

	.download-footer .footer__buttons {
		justify-content: center;
		gap: 15px;
	}

	.download-footer .footer__button img {
		width: 140px;
		height: auto;
	}

	.questions__title {
		margin-bottom: 20px;
		font-size: 32px;
	}

	.questions__img-wrapper {
		margin-bottom: 30px;
	}

	.questions__img {
		max-width: 80%;
		height: auto;
	}

	.questions__accordion {
		max-width: 100%;
	}

	.questions__accordion-item {
		border-radius: 12px;
	}

	.questions__accordion-item + .questions__accordion-item {
		margin-top: 12px;
	}

	.questions__accordion-header {
		padding: 20px 24px;
		gap: 15px;
	}

	.questions__accordion-item-title {
		font-size: 16px;
		line-height: 120%;
	}

	.questions__accordion-content {
		padding: 0 24px;
	}

	.questions__accordion-item.active .questions__accordion-content {
		padding: 0 24px 20px 24px;
		max-height: 300px;
	}

	.questions__accordion-content p {
		font-size: 14px;
		line-height: 150%;
		padding-left: 30px;
	}

	.questions__accordion-item-img {
		width: 20px;
		height: 20px;
	}

	.questions__accordion-item.active .questions__accordion-item-img {
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 0 15px;
	}

	.header__top {
		padding: 20px 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 15px;
	}

	.header__logo img {
		width: 120px; /* Збільшуємо лого трохи більше */
		height: auto;
	}

	.header__burger {
		width: 25px;
		height: 18px;
	}

	.header__link {
		font-size: 20px;
	}

	.header__btn-link {
		font-size: 12px;
		padding: 8px 16px;
	}

	.header__inner {
		padding-top: 20px; /* Додаємо padding-top */
	}

	.header__img {
		animation: none !important; /* Прибираємо анімацію появи в адаптиві */
	}

	/* Прибираємо всі анімації в header для адаптиву, крім бургер меню */
	.header
		*:not(.header__burger):not(.header__burger *):not(.header__menu):not(
			.header__menu *
		) {
		animation: none !important;
		transition: none !important;
	}

	/* Прибираємо hover ефекти в header */
	.header__link:hover,
	.header__btn-link:hover,
	.header__button:hover,
	.header__img:hover {
		transform: none !important;
		box-shadow: none !important;
		background: inherit !important;
		color: inherit !important;
	}

	/* Прибираємо hover ефекти для download кнопок */
	.download__btn:hover {
		transform: none !important;
	}

	.title {
		font-size: 28px;
	}

	.header__description {
		font-size: 14px;
		margin: 15px 0;
	}

	.header__text {
		font-size: 13px;
		margin-bottom: 30px;
	}

	.header__buttons {
		gap: 10px;
	}

	.header__button img {
		width: 120px;
		height: auto;
	}

	.header__items {
		margin-top: 40px;
	}

	.header__item-text {
		font-size: 13px;
	}

	.standards {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.standards__title {
		margin-bottom: 40px;
	}

	.standards__img {
		max-width: 90%;
		margin: 0 auto;
		display: block;
	}

	.standards__img-wrapper::before {
		display: none;
	}

	.standards__item-text {
		font-size: 16px;
	}

	.standards__buttons {
		margin-top: 40px;
		gap: 10px;
	}

	.standards__button img {
		width: 120px;
		height: auto;
	}

	.controls {
		padding-top: 50px;
		padding-bottom: 40px;
	}

	.controls__title {
		margin-bottom: 40px;
	}

	.controls__item-title {
		font-size: 18px;
	}

	.controls__item-text {
		font-size: 14px;
	}

	.footer {
		padding: 80px 0 30px;
	}

	.footer__description {
		font-size: 16px;
	}

	.footer__img {
		max-width: 90%;
		margin: 0 auto;
		display: block;
	}

	.footer__content::after {
		display: none;
	}

	.footer__buttons {
		gap: 15px;
		justify-content: center;
	}

	.footer__button img {
		width: 120px;
		height: auto;
	}

	.footer__copy {
		font-size: 14px;
	}

	/* Адаптивні стилі для Download на екранах 480px */
	.download {
		padding-bottom: 30px;
	}

	.download::after {
		width: 50px;
		height: 50px;
		left: 50%;
		bottom: -8%;
	}

	.download::before {
		width: 35px;
		height: 25px;
		left: 50%;
		bottom: -2%;
	}

	.download__title {
		margin-bottom: 30px;
		font-size: 28px;
	}

	.download__title::after {
		width: 30px;
		height: 30px;
		bottom: -80%;
	}

	.download__inner {
		padding: 0 15px;
		gap: 25px;
	}

	.download__line {
		margin: 30px 0 25px;
	}

	.download__content-text {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.download__img {
		max-width: 70%;
		animation: none !important;
	}

	.download__btn img {
		width: 160px;
		height: auto;
	}

	/* Адаптивні стилі для footer на download сторінці */
	.download-footer .footer__inner {
		gap: 25px;
	}

	.download-footer .footer__img {
		max-width: 70%;
		animation: none !important;
	}

	.download-footer .footer__buttons {
		gap: 12px;
	}

	.download-footer .footer__button img {
		width: 120px;
		height: auto;
	}
}

@media (max-width: 375px) {
	.container {
		padding: 0 10px;
	}

	.header__top {
		padding: 15px 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
	}

	.header__logo img {
		width: 100px; /* Збільшуємо лого трохи більше */
		height: auto;
	}

	.header__burger {
		width: 22px;
		height: 16px;
	}

	.header__link {
		font-size: 18px;
	}

	.header__btn-link {
		font-size: 10px;
		padding: 6px 12px;
	}

	.header__inner {
		gap: 20px;
		padding-top: 20px; /* Додаємо padding-top */
	}

	.title {
		font-size: 22px;
		line-height: 120%;
	}

	.header__description {
		font-size: 12px;
		margin: 10px 0;
	}

	.header__text {
		font-size: 11px;
		margin-bottom: 20px;
		letter-spacing: 0.4px;
	}

	.header__buttons {
		gap: 6px;
	}

	.header__button img {
		width: 90px;
		height: auto;
	}

	.header__img {
		max-width: 100%;
		height: auto;
		animation: none !important; /* Прибираємо анімацію появи в адаптиві */
	}

	/* Прибираємо всі анімації в header для адаптиву, крім бургер меню */
	.header
		*:not(.header__burger):not(.header__burger *):not(.header__menu):not(
			.header__menu *
		) {
		animation: none !important;
		transition: none !important;
	}

	/* Прибираємо hover ефекти в header */
	.header__link:hover,
	.header__btn-link:hover,
	.header__button:hover,
	.header__img:hover {
		transform: none !important;
		box-shadow: none !important;
		background: inherit !important;
		color: inherit !important;
	}

	/* Прибираємо hover ефекти для download кнопок */
	.download__btn:hover {
		transform: none !important;
	}

	.header__items {
		margin-top: 25px;
		gap: 12px;
	}

	.header__item {
		gap: 6px;
	}

	.header__item-img {
		width: 30px;
		height: auto;
	}

	.header__item-text {
		font-size: 11px;
		line-height: 120%;
	}

	.standards {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.standards__title {
		margin-bottom: 25px;
		font-size: 20px;
	}

	.standards__inner {
		gap: 15px;
	}

	.standards__img {
		max-width: 85%;
		margin: 0 auto;
		display: block;
	}

	.standards__img-wrapper::before {
		display: none;
	}

	.standards__item {
		gap: 8px;
	}

	.standards__item:first-child {
		margin-bottom: 20px;
	}

	.standards__item-img {
		width: 40px;
		height: auto;
	}

	.standards__item-text {
		font-size: 13px;
		letter-spacing: 0.5px;
	}

	.standards__buttons {
		margin-top: 25px;
		gap: 6px;
	}

	.standards__button img {
		width: 90px;
		height: auto;
	}

	.controls {
		padding-top: 30px;
		padding-bottom: 25px;
	}

	.controls__title {
		margin-bottom: 25px;
		font-size: 20px;
	}

	.controls__items {
		gap: 20px;
		align-items: center;
	}

	.controls__item {
		max-width: 350px;
		text-align: center;
	}

	.controls__item-top {
		gap: 10px;
		margin-bottom: 12px;
		justify-content: center;
	}

	.controls__item-img {
		width: 25px;
		height: auto;
	}

	.controls__item-title {
		font-size: 14px;
	}

	.controls__item-title::after {
		width: 30px;
		height: 20px;
		right: -35px;
	}

	.controls__item-text {
		font-size: 11px;
		letter-spacing: 0.4px;
	}

	.footer {
		padding: 50px 0 20px;
	}

	.footer__inner {
		gap: 25px;
		margin-bottom: 40px;
	}

	.footer__title {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.footer__description {
		font-size: 12px;
		margin-bottom: 20px;
	}

	.footer__img {
		max-width: 85%;
		margin: 0 auto;
		display: block;
	}

	.footer__content::after {
		display: none;
	}

	.footer__buttons {
		gap: 8px;
	}

	.footer__button img {
		width: 90px;
		height: auto;
	}

	.footer__copy {
		font-size: 11px;
		letter-spacing: 0.4px;
	}

	/* Приховуємо всі декоративні елементи на дуже малих екранах */
	.main::before {
		display: none;
	}

	.standards::after,
	.standards::before {
		display: none;
	}

	.controls::after {
		display: none;
	}

	.footer__content::after {
		display: none;
	}

	.standards__img-wrapper::before {
		display: none;
	}

	/* Приховуємо декоративні елементи FAQ на дуже малих екранах */
	.questions::after {
		display: none;
	}

	/* Адаптивні стилі для FAQ на малих екранах */
	.questions {
		padding-bottom: 30px;
	}

	.questions::after {
		width: 40px;
		height: 40px;
		left: 50%;
		bottom: -5%;
	}

	.questions__title {
		margin-bottom: 15px;
		font-size: 28px;
	}

	.questions__img-wrapper {
		margin-bottom: 20px;
	}

	.questions__img {
		max-width: 70%;
		height: auto;
	}

	.questions__accordion {
		max-width: 100%;
	}

	.questions__accordion-item {
		border-radius: 10px;
	}

	.questions__accordion-item + .questions__accordion-item {
		margin-top: 10px;
	}

	.questions__accordion-header {
		padding: 16px 20px;
		gap: 12px;
	}

	.questions__accordion-item-title {
		font-size: 14px;
		line-height: 125%;
	}

	.questions__accordion-content {
		padding: 0 20px;
	}

	.questions__accordion-item.active .questions__accordion-content {
		padding: 0 20px 16px 20px;
		max-height: 250px;
	}

	.questions__accordion-content p {
		font-size: 13px;
		line-height: 140%;
		padding-left: 25px;
	}

	.questions__accordion-item-img {
		width: 18px;
		height: 18px;
	}

	.questions__accordion-item.active .questions__accordion-item-img {
		width: 18px;
		height: 18px;
	}

	/* Адаптивні стилі для FAQ на дуже малих екранах */
	.questions {
		padding-bottom: 25px;
	}

	.questions::after {
		width: 30px;
		height: 30px;
		left: 50%;
		bottom: -3%;
	}

	.questions__title {
		margin-bottom: 12px;
		font-size: 24px;
	}

	.questions__img-wrapper {
		margin-bottom: 15px;
	}

	.questions__img {
		max-width: 60%;
		height: auto;
	}

	.questions__accordion-item {
		border-radius: 8px;
	}

	.questions__accordion-item + .questions__accordion-item {
		margin-top: 8px;
	}

	.questions__accordion-header {
		padding: 14px 16px;
		gap: 10px;
	}

	.questions__accordion-item-title {
		font-size: 12px;
		line-height: 130%;
	}

	.questions__accordion-content {
		padding: 0 16px;
	}

	.questions__accordion-item.active .questions__accordion-content {
		padding: 0 16px 14px 16px;
		max-height: 200px;
	}

	.questions__accordion-content p {
		font-size: 11px;
		line-height: 135%;
		padding-left: 20px;
	}

	/* Додаткові стилі для покращення адаптивності FAQ */
	.questions__accordion-item-img {
		width: 16px;
		height: 16px;
	}

	.questions__accordion-item.active .questions__accordion-item-img {
		width: 16px;
		height: 16px;
	}

	/* Адаптивні стилі для Download на екранах 375px */
	.download {
		padding-bottom: 25px;
	}

	.download::after {
		width: 40px;
		height: 40px;
		left: 50%;
		bottom: -6%;
	}

	.download::before {
		width: 30px;
		height: 20px;
		left: 50%;
		bottom: -1%;
	}

	.download__title {
		margin-bottom: 25px;
		font-size: 22px;
	}

	.download__title::after {
		width: 25px;
		height: 25px;
		bottom: -60%;
	}

	.download__inner {
		padding: 0 10px;
		gap: 20px;
	}

	.download__line {
		margin: 25px 0 20px;
	}

	.download__content-text {
		font-size: 11px;
		margin-bottom: 15px;
		line-height: 130%;
	}

	.download__img {
		max-width: 60%;
		animation: none !important;
	}

	.download__btn img {
		width: 90px;
		height: auto;
	}

	/* Адаптивні стилі для footer на download сторінці */
	.download-footer .footer__inner {
		gap: 20px;
	}

	.download-footer .footer__img {
		max-width: 60%;
		animation: none !important;
	}

	.download-footer .footer__buttons {
		gap: 8px;
	}

	.download-footer .footer__button img {
		width: 90px;
		height: auto;
	}

	/* Приховуємо декоративні елементи download на дуже малих екранах */
	.download::after,
	.download::before {
		display: none;
	}

	.download__title::after {
		display: none;
	}
}

/* Анімації для зображень */
@keyframes float {
	0%,
	100% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-15px);
	}
	60% {
		transform: translateY(-7px);
	}
}

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

@keyframes slideInFromLeft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes slideInFromRight {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Класи для анімацій */
.animate-float {
	animation: float 3s ease-in-out infinite;
}

.animate-pulse {
	animation: pulse 2s ease-in-out infinite;
}

.animate-bounce {
	animation: bounce 2s ease-in-out infinite;
}

.animate-rotate {
	animation: rotate 4s linear infinite;
}

.animate-slide-left {
	animation: slideInFromLeft 0.8s ease-out forwards;
}

.animate-slide-right {
	animation: slideInFromRight 0.8s ease-out forwards;
}

.animate-fade-up {
	animation: fadeInUp 0.8s ease-out forwards;
}

/* Специфічні анімації для зображень */
.questions__img {
	transition: all 0.3s ease;
}

.questions__img.animated {
	animation: float 4s ease-in-out infinite;
}

.download__img {
	transition: all 0.3s ease;
}

.download__img.animated {
	animation: pulse 3s ease-in-out infinite;
}

.footer__img {
	transition: all 0.3s ease;
}

.footer__img.animated {
	animation: bounce 2.5s ease-in-out infinite;
}

.standards__img {
	transition: all 0.3s ease;
}

.standards__img.animated {
	animation: float 2s ease-in-out infinite;
}

/* Hover ефекти */
.questions__img:hover {
	transform: scale(1.05);
}

.download__img:hover {
	transform: scale(1.05) rotate(5deg);
}

.footer__img:hover {
	transform: scale(1.05);
}

.standards__img:hover {
	transform: scale(1.05);
}

/* Адаптивні анімації */
@media (max-width: 768px) {
	.questions__img.animated {
		animation: pulse 2.5s ease-in-out infinite;
	}

	.download__img.animated {
		animation: float 3s ease-in-out infinite;
	}

	.footer__img.animated {
		animation: pulse 2s ease-in-out infinite;
	}

	.standards__img.animated {
		animation: pulse 2.5s ease-in-out infinite;
	}
}

@media (max-width: 480px) {
	.questions__img.animated,
	.download__img.animated,
	.footer__img.animated,
	.standards__img.animated {
		animation: none;
	}

	.questions__img:hover,
	.download__img:hover,
	.footer__img:hover,
	.standards__img:hover {
		transform: none;
	}
}










.modal-btn {
  transition: background 250ms;
  padding: 16px 24px;
  border-radius: 4px;
  background-color: #3a3a3a;
  color: #fcfcfc;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 32px;
  display: inline-block;
  text-decoration: none;
}

.modal-btn:hover,
.modal-btn:focus {
  background-color: black;
}

.modal {
  position: fixed;
  min-height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  z-index: 2;
}

.modal:not(:target) {
  visibility: hidden;
  transition-delay: 500ms;
  transition-property: visibility;
}

.modal:target .modal-content {
  transform: translateY(100vh);
  animation: 500ms ease-in-out slideUp forwards;
}

.modal:not(:target) .modal-content {
  transform: translateY(0);
  animation: 500ms ease-out slideDown forwards;
}

.modal:target .modal-overlay {
  opacity: 0;
  animation: 500ms linear fadeIn forwards;
}

.modal:not(:target) .modal-overlay {
  opacity: 1;
  animation: 500ms linear fadeOut forwards;
}

.modal-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
}

.modal-content {
  transition: transform 1s;
  background: #fff;
  width: 75%;
  position: relative;
  margin: auto;
  height: 75%;
  padding: 48px 24px;
  border-radius: 4px;
  max-width: 300px;
}

.modal-close {
  font-size: 36px;
  text-decoration: none;
  color: inherit;
  position: absolute;
  right: 24px;
  top: 10px;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(100vh);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100vh);
  }
}