.screen-only-small {
	margin-top: 2em;
}

h2 + h3 {
	margin-top: 1.6em;
}

.large-centered.large-12 h2 {
	margin-top: 2em;
}

.large-centered.large-12 .callout h2 {
	margin-top: 0.3em;
}

.section-track .large-centered.large-12 h2 {
	margin-top: 0;
}

img.screen-only-small {
	width: 100%;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 6px;
}

body[data-color-scheme="dark"] img.screen-only-small {
	border-color: #555;
}

.icon-xcode-small {
	margin-bottom: 1.5em;
}

.icon-testflight {
	margin-top: 14px;
}

.parallel-testing {
	background-color: #fff;
}

.callout {
	margin-top: 4em;
}
@media only screen and (max-width: 734px) {
	.callout {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 375px) {
	.button.button-pill {
		white-space: normal;
	}
}

/* ========== Plan cards ========== */
.section-plans .footnote-content {
	width: 100%;
	/* max-width: 1150px; */
	max-width: 1300px;
	padding: 0 34px;
}

.section-plans .footnote-margin-left {
	margin-left: 5px;
}

.section-plans .footnote.column {
	margin-top: 8px;
	margin-bottom: 0;
	min-width: 10px;
}

.plans-tiles {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 1.5em;
	row-gap: 1em;
	/* max-width: 1150px; */
	max-width: 1300px;
	padding: 0;
}

.plan-tile {
	position: relative;
	background: #fff;
	/* width: 310px; */
	padding-top: 32px;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	box-sizing: border-box;
	border-radius: 8px;
}

.plans-tiles.plan-tile-wide {
	grid-template-columns: 1fr;
	max-width: 480px;
}

body[data-color-scheme="light"] .plan-tile {
	border: 1px solid #ddd;
}

body[data-color-scheme="dark"] .plan-tile {
	background-color: #171717;
}

@media only screen and (max-width: 1068px) {
	.plans-tiles {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 734px) {
	.plans-tiles {
		display: grid;
		grid-template-columns: 1fr;
	}
	.plans-tiles.plan-tile-wide {
		max-width: 1300px;
	}
}

.typography-plan-subhead {
	/* font-size: 28px; */
	font-size: 23px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.0002em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.typography-plan-subhead:lang(ja) {
	font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
		"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-plan-subhead:lang(ko) {
	font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.typography-plan-subhead:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.typography-plan-subhead {
		font-size: 20px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: 0.00022em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.typography-plan-subhead:lang(ja) {
		line-height: 1.25;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
			"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.typography-plan-subhead:lang(ko) {
		line-height: 1.29167;
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.typography-plan-subhead:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-plan-subhead {
		font-size: 20px;
		line-height: 1.16667;
		font-weight: 700;
		letter-spacing: 0.00022em;
		font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.typography-plan-subhead:lang(ja) {
		line-height: 1.25;
		font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
			"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.typography-plan-subhead:lang(ko) {
		line-height: 1.29167;
		font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}
	.typography-plan-subhead:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

.section-plans .keyline {
	margin-top: 25px;
	height: 2px;
}

@media only screen and (max-width: 1068px) {
	.section-plans .keyline {
		margin-top: 21px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-plans .keyline {
		margin-top: 12px;
	}
}

.section-plans .keyline {
	background: #ff406d;
}

.plan-detail {
	margin-top: 0.75em;
}

.plan-note {
	margin-top: -5px;
}

.light-red {
	color: #ff406d;
}

.typography-plan-copy-big {
	/* font-size: 21px; */
	font-size: 18px;
	/* line-height: 1.23536; */
	font-weight: 700;
	letter-spacing: -0.02em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.typography-plan-copy-small {
	font-size: 14px;
	/* line-height: 1.23536; */
	font-weight: 700;
	letter-spacing: -0.02em;
	font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.typography-plan-copy:lang(ja) {
	letter-spacing: -0.02em;
	font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
		"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-plan-copy:lang(ko) {
	line-height: 1.35296;
	letter-spacing: -0.02em;
	font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic",
		"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.typography-plan-copy:lang(zh-CN) {
	font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
	.typography-plan-copy {
		font-size: 14px;
		line-height: 1.28577;
		font-weight: 600;
		letter-spacing: -0.02em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.typography-plan-copy:lang(ja) {
		line-height: 1.35718;
		letter-spacing: -0.02em;
		font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
			"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.typography-plan-copy:lang(ko) {
		line-height: 1.42859;
		letter-spacing: -0.02em;
		font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.typography-plan-copy:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-plan-copy {
		font-size: 14px;
		line-height: 1.28577;
		font-weight: 600;
		letter-spacing: -0.02em;
		font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica",
			"Arial", sans-serif;
	}

	.typography-plan-copy:lang(ja) {
		line-height: 1.35718;
		letter-spacing: -0.02em;
		font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons",
			"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo",
			"ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}

	.typography-plan-copy:lang(ko) {
		line-height: 1.42859;
		letter-spacing: -0.02em;
		font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic",
			"HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue",
			"Helvetica", "Arial", sans-serif;
	}

	.typography-plan-copy:lang(zh-CN) {
		font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
			"Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
}

/* === Grid === */
#main section.section.section-hero {
	padding-bottom: 0;
}
#main section.section.section-features {
	padding-top: 0;
}
#main section .section-content .row.row-features .column.large-6:first-of-type {
	margin-top: 4em;
	padding-right: 2em;
}
#main section .section-content .row.row-features .column.large-6:last-of-type {
	margin-top: 4em;
	padding-left: 2em;
}
@media only screen and (max-width: 734px) {
	#main
		section
		.section-content
		.row.row-features
		.column.large-6:first-of-type {
		margin-top: 3em;
		padding-right: 0;
	}
	#main
		section
		.section-content
		.row.row-features
		.column.large-6:last-of-type {
		margin-top: 3em;
		padding-left: 0;
	}
}