* {
	margin:0;
	padding:0;
	list-style: none;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

a:link, a:active, a:visited {
	color:#7100FF;
}
a:hover {
	text-decoration:underline;
	color:black;
}

body {
	padding-top:20px;
	background:#FFF;
}

h1 {
	font:28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 600;
}

h2 {
	font:24px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 600;
}

h3 {
	font:20px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 400;
}

header#hero, div.buy-cta {
	max-width:60%;
	text-align: center;
}

div.buy-cta {
	margin:0 auto 180px auto;
}

header#hero {
	margin:30px auto 40px auto;
}

header#hero h1 {
	margin:32px 0;
}

header#hero p.intro {
	font-size:17px;
	line-height:25px;
	opacity: 0.7;
}

header#hero p.upgrade {
	font-size:14px;
}

figure.app-icon {
	width:307px;
	height:307px;
	text-indent: -9000em;
	overflow:hidden;
	display:block;
	background:url(/img/FanFanIcon.png) no-repeat center;
	margin:0 auto;
}

a.hero-button {
	display:block;
	text-decoration: none;
	color:#021C2D;
	font-size:14px;
	background-color:#7100FF;
	border-radius: 28px;
	width:230px;
	height:43px;
	margin:22px auto;
	font:24px "SF Rounded", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	font-weight: 600;
	color:white;
	padding:13px 6px 0 6px;
	transition-duration: 300ms;
	transition-property: background-color;
}

a.hero-button:hover {
	background-color:#8829FF;
}

p.system-requirements {
	font-size:12px;
	padding-bottom:20px;
}

footer {
	padding:40px 0;
	text-align: center;
}

footer small {
	font-size:14px;
	opacity:50%;
	display:block;
	padding:12px 0;
}

footer small a:hover {
	color:#268BE3;
}

footer small.trademarks {
	color:#6C6C6C;
	font-size:11px;
}

/*
RESPONSIVE OVERRIDES
*/

@media (max-width: 1200px) {
	ul.feature-cards li {
		flex: 30%;
	}
	#upgrade-eligibility {
		max-width:100%;
	}
}

@media (max-width: 800px) {
	ul.feature-cards li {
		flex: 40%;
	}
	header#hero {
		max-width:90%;
	}
	div.bluebox {
		max-width:100%;
	}
	#upgrade-eligibility {
		max-width:100%;
	}
}

/*
SCREEN DENSITY OVERRIDES
*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	figure.app-icon {
		background:url(/img/FanFanIcon@2x.png) no-repeat center;
		background-size:307px 307px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	figure.app-icon {
		background:url(/img/FanFanIcon@3x.png) no-repeat center;
		background-size:307px 307px;
	}
}


p.qvnRspHYaV {
	visibility: hidden;
}