@media (max-width: 1100px) {
	.desctop-none{
		display:block;
	}
	.header__burger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.header__panel-head{
		display:flex;
	}
	.header__panel {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		padding: calc(16px + env(safe-area-inset-top)) 16px 16px 16px;
		background: linear-gradient(to bottom, rgba(11, 15, 20, 0.82), rgb(11 15 20));
		border-left: 1px solid var(--line);
		backdrop-filter: blur(calc(var(--blur) * .8));
		-webkit-backdrop-filter: blur(calc(var(--blur) * .8));
		box-shadow: -12px 0 30px rgba(0,0,0,0.35);
		transform: translateX(100%);
		opacity: 0;
		pointer-events: none;
		transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
		z-index: 99;
		display: flex;
		flex-direction: column;
		gap: 12px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.header__panel.is-open {
		transform: translateX(0);
		opacity: 1;
		pointer-events: auto;
	}

	.header__nav {
		display: flex;
		flex-direction: column;
		gap: 6px;
		order: 1;
		width: 100%;
	}
	.header__nav a {
		display: block;
		padding: 10px 16px;
		border-radius: 10px;
		border: 1px solid transparent;
		transition: background .2s ease, transform .2s ease;
		font-size: 20px;
	}
	.header__nav a:hover {
		background: rgba(255,255,255,0.08);
		transform: translateX(2px);
	}

	.header__contacts {
		display: block;
		order: 2;
		margin-top: 6px;
		border-top: 1px solid var(--line);
		width: 100%;
		font-size: 20px;
		padding: 10px 16px;
	}
	.header__contacts .footer__item {
		display: block;
		margin: 0 0 8px 0;
	}

	.header__actions {
		order: 3;
		margin-top: 8px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		width: 100%;
	}
	.header__actions .btn { width: 100%; }
	
	.tg-icon{
		background-image:url('../Images/telegram.svg');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 40px 40px;
		position: relative;
		overflow: hidden;
		width:40px;
		height:40px;
	}
	.header__block{
		display:flex;
		flex-wrap: nowrap;
		gap:16px;
	}
}

@media (max-width: 420px) {
		.header__panel { width: 100vw; }
		.header__actions { grid-template-columns: 1fr; }
	}



@media (max-width: 980px) {
	.products__grid > .product {
		flex: 1 1 calc((100% - 18px)/2);
	}
}

@media (max-width: 640px) {
	.products__grid > .product {
		flex: 1 1 100%;
	}
}

@media (max-width: 780px) {
	.features__list li {
		flex: 1 1 100%;
	}
}

@media (max-width: 1024px) {
	.howitworks__steps li {
		flex: 1 1 calc((100% - 14px)/2);
	}
}

@media (max-width: 540px) {
	.howitworks__steps li {
		flex: 1 1 100%;
	}
}

@media (max-width: 900px) {
	.cases__grid .case {
		flex: 1 1 calc((100% - 18px)/2);
	}
}

@media (max-width: 560px) {
	.cases__grid .case {
		flex: 1 1 100%;
	}
}

@media (max-width: 720px) {
	.form__row {
		flex: 1 1 100%;
	}
	.cta .form {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 880px) {
	.footer__col {
		flex: 1 1 100%;
		margin-bottom: 32px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { animation: none !important; transition: none !important; }
	.hero__actions,
	.js-reveal {
		opacity: 1 !important;
		transform: none !important;
	}
}

@media (min-resolution: 2dppx) {
	#bg-canvas { opacity: 0.7; }
}