@media screen and (max-width: 1140px) {
	.header__inner {justify-content: center;}
	.header__menu {display: none;}
	
	.index__clients-items {
		grid-template-columns: repeat(2, minmax(auto, 305px));
		justify-content: center;
	}
	.index__tier {font-size: 36px;}
	.index__tier-unit {font-size: 20px;}
	.index__tiers-hint {font-size: 36px;}
	
	.index__functions-items {
		grid-template-columns: repeat(3, minmax(auto, 280px));
		justify-content: center;
	}
	
	.index__trial-stages {grid-template-columns: repeat(3, 31%);}
	
	.footer__container {
		flex-flow: column;
		align-items: center;
		justify-content: center;
		padding: 30px 0px;
		gap: 25px;
	}	
	
	.footer__identity {
		position: relative;
		transform: none;
	}
	.footer__platforms {
		position: relative;
		transform: none;
	}
}

@media screen and (max-width: 767px) {
	.header {padding-top: 20px;}
	.header__inner {justify-content: center;}
	
	.common__section {margin-bottom: 80px;}
	.common__title {font-size: 24px;}
	.common__metabox {padding: 15px;}
	.common__metabox.decorated:before {top: 16px;}
	
	.common__slider-nav {
		width: 45px;
		height: 45px;
	}
	.common__slider-pagination {--swiper-pagination-bullet-width: 20px;}
	
	.index__hero-label {font-size: 18px;}
	.index__hero-brand {font-size: 40px;}
	.index__hero-excerpt {margin-bottom: 30px;}
	
	.index__features-title {margin-bottom: 30px;}
	.index__feature-header {margin-bottom: 40px;}
	.index__feature-title {font-size: 40px;}
	.index__features-slider {
		padding-top: 70px;
		padding-bottom: 60px;
	}
	.index__features-navigation {
		top: 0px;
		left: 0px;
		right: auto;
	}
	.index__feature-content {
		font-size: 22px;
		line-height: normal;
	}
	
	.index__examples-title {margin-bottom: 35px;}
	.index__examples-slider:after,
	.index__examples-slider:before {display: none;}
	
	.index__example {width: 100%;}
	.index__example-content {
		font-size: 18px;
		padding: 16px;
		border-radius: 12px;
	}
	.index__example-content:before {display: none;}
	.index__example-cta {
		height: auto;
		font-size: 18px;
		border-radius: 12px;
		padding: 10px;
	}
	
	.index__quote-inner {
		padding-top: 55px;
		font-size: 20px;
	}
	.index__quote-hero {
		flex-flow: column;
		gap: 16px;
	}
	.index__quote-decorator {
		width: 100%;
		height: 26px;
	}
	.index__quote-icon {
		width: 45px;
		height: 45px;
	}
	
	.index__advantage {margin-bottom: 60px;}
	.index__advantage-header {margin-bottom: 28px;}
	.index__advantage-label {font-size: 26px;}
	.index__advantage-title {font-size: 26px;}
	.index__advantage-excerpt {font-size: 20px;}
	
	.index__onboarding-excerpt {font-size: 20px;}
	.index__onboarding-slider:before,
	.index__onboarding-slider:after {display: none;}
	
	.index__clients-title {margin-bottom: 32px;}
	.index__clients-items {grid-template-columns: minmax(auto, 305px);}
	
	.index__tiers-header {
		padding-bottom: 15px;
		margin-bottom: 25px;
	}
	.index__tiers-items {
		grid-template-columns: 1fr;
		gap: 40px;
		margin-bottom: 40px;
	}
	.index__tier {font-size: 22px;}
	.index__tier-title {margin-bottom: 20px;}
	.index__tier-prop:not(:last-child) {margin-bottom: 20px;}
	.index__tiers-hint {font-size: 22px;}
	
	.index__stages-items {grid-template-columns: 1fr;}
	
	.index__stage,
	.index__stage:nth-last-child(-n+3) {
		border: none;
		border-bottom: 1px solid #1D1D1D;
	}
	.index__stage:before {left: 0px;}
	.index__stage:nth-child(-n+3):before {top: 20px;}
	.index__stage:last-child {border-bottom: none;}
	
	.index__functions-header {margin-bottom: 26px;}
	.index__functions-items {grid-template-columns: 1fr;}
	.index__function-content {font-size: 20px;}
	
	.index__trial-stages {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.index__trial-excerpt {font-size: 20px;}
	.index__trial-hero {height: 460px;}
	.index__trial-value {
		width: 260px;
		height: 170px;
	}
	.index__trial-content {font-size: 22px;}
	.index__trial-cta {
		display: block;
		height: 50px;
		line-height: 58px;
		padding: 0px;
		font-size: 18px;
		width: calc(100% - 125px);
		margin: auto;
	}
	.index__trial-cta:before {
		height: 50px;
		width: 53px;
		left: -60px;
	}
	.index__trial-cta:after {
		height: 50px;
		width: 53px;
		right: -60px;
	}
}