body {
	min-height: 100vh;
	background:
		radial-gradient(circle at top left, color-mix(in srgb, var(--brand-solid) 12%, transparent), transparent 32rem),
		linear-gradient(180deg, var(--surface-50), var(--surface-100));
	color: var(--text-900);
}

.download-page {
	min-height: 100vh;
	padding: 2.25rem 1rem;
}

.download-shell {
	width: 100%;
	max-width: 42rem;
	margin: 0 auto;
}

.download-panel {
	background: color-mix(in srgb, var(--surface-0) 94%, transparent);
	border: 1px solid var(--border-200);
	border-radius: 1rem;
	box-shadow: var(--shadow-md);
	padding: 2.35rem 2.25rem;
}

.download-logo {
	display: block;
	width: 4.75rem;
	height: 4.75rem;
	margin-right: auto;
	margin-left: auto;
	object-fit: contain;
}

.download-kicker {
	color: var(--brand-solid);
	font-size: .875rem;
	font-weight: 700;
	letter-spacing: 0;
}

.download-title {
	color: var(--text-900);
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
}

.download-copy {
	color: var(--text-500);
	line-height: 1.65;
}

.download-features {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .5rem;
}

.download-features span {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
/*	background: color-mix(in srgb, var(--surface-100) 70%, transparent);*/
	border: 1px solid var(--border-200);
	border-radius: 999px;
	color: var(--text-700);
	font-size: .75rem;
	font-weight: 600;
	padding: .38rem .665rem;
}

.download-features span::before {
	content: "\2713";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: .85rem;
	height: .85rem;
	color: var(--brand-solid);
	font-size: .7rem;
	font-weight: 700;
	line-height: 1;
}

.download-store-section {
	background: color-mix(in srgb, var(--surface-100) 82%, var(--surface-0));
	border: 1px solid var(--border-200);
	border-radius: 1rem;
	margin-top: 1.25rem;
	padding: 1.15rem;
}

.download-store-header {
	margin-bottom: .875rem;
}

.download-store-label {
	color: var(--text-900);
	font-size: .9375rem;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 .25rem;
}

.download-store-copy {
	color: var(--text-500);
	font-size: .875rem;
	line-height: 1.45;
	margin: 0;
}

.store-badges {
	display: flex;
	align-items: center;
	justify-content: center;
/*	flex-wrap: wrap;*/
	gap: .875rem;
}

.store-badge-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	transition: opacity 140ms ease, transform 140ms ease;
	width:48%;
}

.store-badge-link:focus {
	opacity: .92;
	transform: translateY(-1px);
}

.store-badge-link-disabled {
	cursor: default;
	opacity: .44;
}

.store-badge-link-disabled:focus {
	opacity: .44;
	transform: none;
}

.store-badge-link img {
	display: block;
	width: auto;
	height: 3.15rem;
	max-width: 100%;
}

.download-footer {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .75rem 1rem;
	margin-top: 1.25rem;
	font-size: .875rem;
}

.download-footer a {
	color: var(--text-500);
	text-decoration: none;
}

.download-footer a:focus {
	color: var(--brand-solid);
	text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
	.store-badge-link:hover {
		opacity: .92;
		transform: translateY(-1px);
	}

	.store-badge-link-disabled:hover {
		opacity: .44;
		transform: none;
	}

	.download-footer a:hover {
		color: var(--brand-solid);
		text-decoration: underline;
	}
}
.download-logo,
.store-badge-img{
	filter: invert(0) !important;
}

@media (max-width: 480px) {
	.download-page {
		padding: 1rem;
	}

	.download-panel {
		padding: 1.45rem 0;
	}

	.download-logo {
		width: 6rem;
		height: 6rem;
	}

	.download-title {
		font-size: 1.75rem;
	}

	.download-copy {
		font-size: .9375rem;
	}

	.download-store-section {
		padding: 1rem .85rem;
		margin:0 .5rem;
	}

	.store-badge-link img {
		height: 2.9rem;
	}
}