.home-hero-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 40px 0;
	gap: 40px;
	height: calc(100svh - var(--top-bar-height));
	max-height: 2560px;
	justify-content: space-evenly;
	min-height: 564px;
}

.home-subhero-headline {
	color: var(--color-text-3);
	margin-top: 12px;
}

.home-product-image {
	width: 100%;
	object-fit: contain;
	min-height: 180px;
	max-height: 400px;
}

.home-data-section {
	padding: 80px 0;
	display: flex;
	gap: 8px;
	text-align: center;
}

.home-data-card {
	flex: 1;
}

.home-data-card > div {
	color: var(--color-text-3);
	font: var(--font-s-regular);
}

.home-security-section {
	padding: 80px 0;
}

.home-security-section hr {
	background-color: var(--color-stroke-2);
}

.home-security-item {
	display: flex;
	gap: 16px;
	padding: 16px 0;
}

.home-security-item img {
	width: 36px;
	height: 36px;
	filter: invert(1);
	padding: 6px;
}

.home-security-item > div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 8px;
}

.home-security-item h6 {
	color: var(--color-text-3);
}

.home-features-section {
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	gap: 80px;
	text-align: center;
}

.home-feature-cards-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font: var(--font-l-regular);
}

.home-feature-card {
	background-color: var(--color-background-1-default);
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: left;
	border-radius: 24px;
	border: 1px solid var(--color-stroke-1);
	max-width: 420px;
	margin: 0 auto;
}

.home-feature-card img {
	width: 100%;
	border-radius: 24px 24px 0 0;
}

.home-feature-card h4 {
	margin-bottom: 8px;
	color: var(--color-text-1);
}

.home-feature-card > div {
	color: var(--color-text-3);
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
}

.home-privacy-section {
	padding: 80px 0 160px 0;
	text-align: center;
	font: var(--font-l-regular);
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.home-privacy-section img {
	width: 48px;
	height: 48px;
	filter: invert(1);
}

.home-reviews-section {
	display: flex;
	align-items: center;
	gap: 16px;
}

.home-reviews-section > div {
	padding: 80px 0;
	display: flex;
	gap: 24px;
	overflow: scroll;
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
}

.home-reviews-section > div:focus-visible {
	outline: 2px solid var(--color-focus);
}

.home-review-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 0 0 100%;
	scroll-snap-align: center;
	justify-content: space-between;
}

.home-stars-review-container {
	display: flex;
	gap: 4px;
}

.home-stars-review-container img {
	width: 16px;
	height: 16px;
	filter: invert(1);
}

.home-review-platform {
	color: var(--color-text-3);
	font: var(--font-s-bold);
	display: flex;
	gap: 4px;
}

.home-review-platform span {
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: var(--color-icon-3);
	mask-size: 16px 16px;
	width: 16px;
	height: 16px;
	display: flex;
}

.home-divider {
	display: none;
}

@media screen and (min-width: 960px) {
	.home-hero-section {
		padding: 64px 0;
		gap: 64px;
		justify-content: center;
	}

	.home-product-image {
		max-height: 540px;
	}

	.home-data-section {
		gap: 24px;
	}

	.home-data-card > div {
		font: var(--font-h5);
		letter-spacing: 0.02em;
	}

	.home-security-item > div {
		flex-direction: row;
		align-items: center;
	}

	.home-feature-cards-container {
		flex-direction: row;
		gap: 40px;
	}

	.home-review-container {
		flex: 0 0 calc((100% - 98px) / 3);
	}

	.home-reviews-section > div {
		flex: 1;
	}

	.home-divider {
		display: flex;
		flex: 0 0 1px;
		background-color: var(--color-stroke-3);
	}
}