.container {
	width: min(var(--content), calc(100% - 5rem));
	margin-inline: auto;
}
.section {
	padding-block: var(--section);
}
.header-inner,
.footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}
.hero-grid {
	display: grid;
	grid-template-columns: 1.06fr 1fr;
	align-items: center;
	gap: 3.5rem;
}
.split {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	align-items: end;
	gap: 5rem;
}
.section-heading {
	margin-bottom: 3rem;
}
.section-heading > p {
	max-width: 25rem;
	color: var(--muted);
}
.product-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
.about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 7rem;
}
.contact-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 7rem;
}
.steps {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	padding: 0;
	list-style: none;
	margin: 0;
}
.footer-inner {
	flex-wrap: wrap;
}
@media (min-width: 1500px) {
	.hero-grid {
		gap: 5rem;
	}
}
@media (max-width: 1000px) {
	.container {
		width: calc(100% - 3rem);
	}
	.hero-grid {
		gap: 2rem;
	}
	.about-grid,
	.contact-grid {
		gap: 3rem;
	}
	.split {
		gap: 2rem;
	}
	.steps {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 2rem;
	}
	.header-inner {
		gap: 1rem;
	}
	.product-grid {
		gap: 1rem;
	}
}
@media (max-width: 760px) {
	.container {
		width: calc(100% - 2.5rem);
	}
	.hero-grid,
	.split,
	.about-grid,
	.contact-grid {
		grid-template-columns: 1fr;
	}
	.hero-grid {
		gap: 2.5rem;
	}
	.product-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	.split {
		gap: 1.25rem;
	}
	.section-heading {
		margin-bottom: 2rem;
	}
	.about-grid {
		gap: 2rem;
	}
	.steps {
		grid-template-columns: 1fr 1fr;
	}
	.contact-grid {
		gap: 2.5rem;
	}
	.footer-inner {
		gap: 1.25rem;
	}
	.footer-inner small {
		width: 100%;
	}
}
@media (max-width: 400px) {
	.steps {
		grid-template-columns: 1fr;
	}
}