nav .logo {margin-top: 5px; --logo-height: 30px;}

header.hero {

	.text {text-align: center; max-width: 900px; margin: auto;}
	.btn-row {justify-content: center;}

}

.preview-window {
	width: 100%; position: relative; margin: 50px 0;
	img {width: 100%; border-radius: 10px; border: 2px solid #fff4;}
	.shade {position: absolute; left: -7.5%; top: -7.5%; width: 115%; height: 115%; background-image: var(--shade-gradient); filter: blur(200px); z-index: -1; opacity: .7; border-radius: 100px;}
}

.herologo .shade {width: 250px; height: 250px; opacity: .7;}

.highlights-grid h3 {filter: drop-shadow(0 3px 7px #0004);}

footer img {margin-bottom: -4px;}