.bg-gradient {
	background-color: #fafafa;
}
body[data-color-scheme="dark"] .bg-gradient,
.theme-dark .bg-gradient {
	background: linear-gradient(
		to top,
		var(--dark) 0%,
		var(--fill-gray-quaternary) 100%
	);
}

.bg-rounded {
	background-color: var(--fill-secondary);
	border-radius: 1em;
}

.row-flex {
	display: flex;
}

.column-flex-center {
	align-self: center;
}

.center-wrap-right {
	display: table-cell;
	height: 494px;
	vertical-align: middle;
}

.center-wrap-left {
	display: table-cell;
	height: 494px;
	vertical-align: middle;
	padding-right: 30px
}

.lockup-wrap {
	width: 283px;
	margin-left: 46px;
}

#main sf-symbol {
	color: #71bcec;
	font-size: 80px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 1068px) {
	.center-wrap-right, {
	.center-wrap-left {
		height: 385px;
	}
	.device-wrap {
		height: 350px;
	}
	.lockup-wrap {
		width: 212px;
		margin-left: 18px;
	}
}

@media only screen and (max-width: 734px) {
	.row-flex {
		display: block;
		text-align: center;
	}
	.center-wrap-right,
	.center-wrap-left {
		display: block;
		height: auto;
		padding: 0 2em 1em;
		text-align: center;
	}
	.device-wrap {
		margin: 2em auto 0;
		height: auto;
	}
	.device-wrap .device-iphone-16-pro-titanium-container,
	.large-push-7 .device-wrap .device-iphone-16-pro-titanium-container {
		margin: 0 auto;
	}
	.lockup-wrap {
		width: 280px;
		margin: 2em auto 0;
	}
}

@media only screen and (max-width: 414px) {
	.center-wrap {
		padding: 0 1em 1em;
	}
}


/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	margin-bottom: 2em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section.section-hero {
		margin-bottom: 1em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}