@media (max-width: 1100px) {
	.msa-product__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.msa-how__steps {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 900px) {
	.msa-hero__grid,
	.msa-how__split {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.msa-demo__grid {
		grid-template-columns: 1fr;
		gap: 32px;
		height: auto;
	}

	.msa-demo__grid > *,
	.msa-demo__dashboard,
	.msa-demo__dash-frame {
		height: auto;
	}

	.msa-demo__dash-frame img,
	.msa-demo__dashboard img,
	.msa-demo__dashboard-img {
		height: auto;
		object-fit: initial;
		object-position: initial;
		flex: none;
	}

	.msa-trust__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.msa-problem__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.msa-trust__cards {
		grid-template-columns: 1fr;
	}

	.msa-mock-assistant {
		position: static;
		width: auto;
		margin-top: 16px;
	}

	.msa-mock-status {
		position: static;
		margin-bottom: 12px;
	}

	.msa-hero h1 {
		font-size: 40px;
	}

	.msa-product__grid {
		grid-template-columns: 1fr;
	}

	.msa-how__steps {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.msa-nav-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		flex-shrink: 0;
	}

	.msa-nav-toggle__bars,
	.msa-nav-toggle__bars::before,
	.msa-nav-toggle__bars::after {
		display: block;
		width: 18px;
		height: 2px;
		background: var(--msa-slate-900);
		position: relative;
	}

	.msa-nav-toggle__bars::before,
	.msa-nav-toggle__bars::after {
		content: "";
		position: absolute;
		left: 0;
	}

	.msa-nav-toggle__bars::before {
		top: -6px;
	}

	.msa-nav-toggle__bars::after {
		top: 6px;
	}

	.msa-header__inner {
		gap: 12px;
		height: var(--msa-header-h);
		overflow: visible;
	}

	.msa-brand {
		min-width: 0;
	}

	.msa-brand__logo {
		width: 128px;
		max-width: min(50vw, 128px);
	}

	.msa-nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: var(--msa-header-h);
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 12px var(--msa-pad-x) 20px;
		background: rgba(248, 250, 252, 0.98);
		border-bottom: 1px solid var(--msa-slate-200);
		margin-left: 0;
		max-height: calc(100vh - var(--msa-header-h));
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 40;
	}

	.msa-nav.is-open {
		display: flex;
	}

	.msa-nav__links {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.msa-nav__link {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid var(--msa-slate-100);
		min-height: 44px;
	}

	.msa-nav__actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding-top: 16px;
		margin-top: 4px;
	}

	.msa-nav__actions .msa-lang {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.msa-nav__actions .msa-lang__btn {
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		padding: 10px 14px;
	}

	.msa-nav__actions .msa-header__login {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 10px 0;
	}

	.msa-nav__actions .msa-header__cta {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 44px;
		text-align: center;
		box-sizing: border-box;
	}

	.msa-pricing__grid {
		grid-template-columns: 1fr;
	}

	.msa-hero {
		padding: 0;
	}

	.msa-hero__grid {
		padding: 48px var(--msa-pad-x) 56px;
	}

	.msa-problem,
	.msa-product,
	.msa-how,
	.msa-demo,
	.msa-pricing,
	.msa-trust,
	.msa-faq,
	.msa-final {
		padding: 48px 0;
	}

	.msa-problem h2,
	.msa-product h2,
	.msa-how h2,
	.msa-demo h2,
	.msa-pricing h2,
	.msa-trust h2,
	.msa-faq h2,
	.msa-final h2 {
		font-size: 28px;
	}

	:root {
		--msa-pad-x: 20px;
	}

	.msa-mobile-nav {
		display: none;
	}
}

@media (max-width: 480px) {
	.msa-hero h1 {
		font-size: 32px;
	}

	.msa-hero__ctas,
	.msa-final__ctas {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}

	.msa-mock-products {
		grid-template-columns: 1fr;
	}
}