* {
	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:#268BE3;
}
a:hover {
	text-decoration:underline;
	color:black;
}

body {
	background:#FFF;
}

@font-face {
  font-family: "SF Rounded";
  font-weight: 400;
  src: url("/fonts/SF-Pro-Rounded-Regular.otf");
}

/** Semibold */
@font-face {
  font-family: "SF Rounded";
  font-weight: 600;
  src: url("/fonts/SF-Pro-Rounded-Semibold.otf");
}

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

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

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

header#hero {
	max-width:80%;
	margin:30px auto;
	background:none;
	text-align:center;
}

body.feature-showcase header#hero {
	max-width:100%;
	margin:0;
	padding:40px 0;
	background:url(/img2/ventura_header_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}

#hero-darken {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color: #000;
	mix-blend-mode:multiply;
	opacity: 100%;
	display: none !important;
}

#hero-darken.introStarted {
	animation-name:heroDarkenFadeOut;
	animation-duration: 3.5s;
	animation-delay: 6.5s;
	animation-fill-mode: forwards;
}

.hidden {
	display:none!important;
}

#hero-darken.videoFailed {
	opacity: 0%;
	animation:none;
	display:none!important;
}

figure#hero-video {
	display:block;
	margin:0 auto;
	text-align: center;
	position:relative;
	z-index: 10;
	width:360px;
	height:360px;
}

figure#hero-video video {
	width:360px;
	height:360px;
	position: absolute;
	top:0;
	left:0;
}

video.filtered {
	z-index: 10;
	filter:grayscale(0.8) brightness(0.9) contrast(1.2);
}

video.filtered.introStarted {
	animation-name: fadeOutFilteredVideo;
	animation-duration: 4s;
	animation-delay: 6s;
	animation-fill-mode: forwards;
}

video.unfiltered {
	z-index:9;
	opacity: 0%;
}

video.unfiltered.introStarted {
	animation-name: fadeInUnfilteredVideo;
	animation-duration: 4s;
	animation-delay: 6s;
	animation-fill-mode: forwards;
}

header#hero #hero-contents, div.buy-cta {
	max-width:70%;
	margin:0 auto;
	text-align: center;
	color:white;
}

#hero-text-contents {
	opacity: 0%;
}

#hero-text-contents.introStarted {
	animation-name:fadeInWithVideo;
	animation-duration: 3s;
	animation-delay: 8s;
	animation-fill-mode: forwards;
}

#hero-text-contents.videoFailed {
	opacity: 100%;
	animation:none;
}

@keyframes fadeOutFilteredVideo {
	0% {
		opacity: 100%;
	}
	100% {
		opacity: 0%;
	}
}

@keyframes fadeInUnfilteredVideo {
	0% {
		opacity: 0%;
	}
	100% {
		opacity: 100%;
	}
}

@keyframes fadeInWithVideo {
	0% {
		opacity: 0%;
	}
	100% {
		opacity: 100%;
	}
}

@keyframes heroDarkenFadeOut {
	0% {
		opacity: 100%;
	}
	100% {
		opacity: 0%;
	}
}

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

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

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

.upgrade {
	color:inherit;
}

header#hero .upgrade {
	font-size:14px;
}
.buy-cta.footer .upgrade {
	color:#000;
}
.buy-cta.footer .upgrade a:link, .buy-cta.footer .upgrade a:active, .buy-cta.footer .upgrade a:visited {
	color:#148BD9;
	text-decoration: underline;
}

#dy-button {
	margin:16px auto;
	text-indent: -9000em;
	width:108px;
	height:40px;
	background:url(/img/DigitalYcheeButton.svg);
}

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

figure.app-icon-upgrade {
	width:353px;
	height:140px;
	text-indent: -9000em;
	overflow:hidden;
	display:block;
	background:url(/img/upgrade-icons.png) no-repeat center;
	margin:0 auto;
	max-width:100%;
}

a#play-video-button {
	display:block;
	text-decoration: none;
	color:#021C2D;
	font-size:14px;
	background:url(/img/SeeInActionButton.svg) no-repeat center;
	width:180px;
	height:30px;
	margin:22px auto;
	padding:12px 0 0 0;
	text-indent:-22px;
}

a#play-video-button:hover {
	text-decoration:underline;
}

a.hero-button {
	background-color:rgb(42, 116, 255);
	backdrop-filter:none;
    -webkit-backdrop-filter:none;
	display:block;
	text-decoration: none;
	color:white;
	font-size:14px;
	border-radius: 28px;
	width:200px;
	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.vibrant {
	box-shadow: 2px 2px 17px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,0.3);
	backdrop-filter:brightness(0.9) saturate(1.5) blur(50px);
    -webkit-backdrop-filter:brightness(0.9) saturate(1.5) blur(50px);
}

a.hero-button:hover {
	background-color:rgba(81,142,255,0.5);
	text-decoration: none;
}

section.cards {
	max-width:90%;
	margin:40px auto;
}

ul.feature-cards {
	display:flex;
	flex-wrap:wrap;
}

ul.feature-cards li {
	flex:14%;
}

ul.feature-cards li {
	background: #F9F9F9;
	box-shadow: 0 -2px 10px 0 rgba(0,0,0,0.07);
	border-radius: 20px;
	padding:0 22px 34px 22px;
	margin:12px;
}

ul.feature-cards li div.icon-container {
	height:100px;
	position: relative;
}

ul.feature-cards li figure {
	display:block;
	margin-top:auto;
	position: absolute;
}

ul.feature-cards li h3 {
	margin-bottom:20px;
}

ul.feature-cards li p {
	opacity:0.92;
	font-size:14px;
	line-height:24px;
}

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

p.system-requirements a:link, p.system-requirements a:active, p.system-requirements a:visited {
    color:white;
    text-decoration: none;
    opacity: 0.7;
}

p.system-requirements a:hover {
    text-decoration: underline ;
}

.upgrade a:link, .upgrade a:active, .upgrade a:visited {
    color:#eee;
}

.upgrade {
    font-size:12px!important;
    padding-bottom:30px;
	line-height: 2em;
}

.upgrade a:hover {
	color:white;
}

.upgrade .vibrant-content {
	opacity: 0.8;
}

figure.airpods-case-image {
	background:url(/img/icn-beautiful.png) no-repeat center;
	width:53px;
	height:56px;
	overflow:hidden;
	text-indent:-9000em;
	top:22px;
}

figure.audio-switch-image {
	background:url(/img/icn-audio.png) no-repeat center;
	width:75px;
	height:50px;
	overflow:hidden;
	text-indent:-9000em;
	top:28px;
}

figure.battery-image {
	background:url(/img/icn-battery.png) no-repeat center;
	width:68px;
	height:41px;
	overflow:hidden;
	text-indent:-9000em;
	top:30px;
}

figure.puzzle-image {
	background:url(/img/icn-compat.png) no-repeat center;
	width:81px;
	height:78px;
	overflow:hidden;
	text-indent:-9000em;
	top:10px;
}

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;
}

div.bluebox {
	padding:20px;
	border-radius:12px;
	background-color:#148BD9;
	max-width:70%;
	margin:20px auto;
	color:white;
}

div.bluebox a:link, div.bluebox a:active, div.bluebox a:visited {
	color:white;
	opacity:0.9;
}

div.bluebox a:hover {
	color:white;
	opacity:1;
}

div.bluebox h4 {
	font:18px "SF Rounded", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight:600;
	margin-bottom:16px;
}

#upgrade-eligibility {
	max-width:50%;
}

#upgrade-eligibility .upgrade {
	text-align:center;
	font-size:14px;
	padding-top:20px;
}

#upgrade-eligibility ul li {
	padding:30px;
}

p.message {
	padding:20px 0;
	font-weight:500;
}

article {
	max-width:60%;
	margin:20px auto;
}

article p {
	padding: 12px 0;
	line-height:180%;
}

article h2 {
	margin-top:20px;
}

p.code-container code {
	font-family:"SF Mono", monospace;
	font-size:0.8em;
	display:block;
	background-color:#eee;
	border-radius: 5px;
	border:1px solid #ccc;
	padding:10px;
	overflow:auto;
}

/*
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%;
	}
	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/airbuddy2-icon-marketing@2x.png) no-repeat center;
		background-size:226px 226px;
	}

	figure.app-icon-upgrade {
		background:url(/img/upgrade-icons@2x.png) no-repeat center;
		background-size:353px 140px;
	}

	figure.airpods-case-image {
		background:url(/img/icn-beautiful@2x.png) no-repeat center;
		background-size:53px 56px;
	}

	figure.audio-switch-image {
		background:url(/img/icn-audio@2x.png) no-repeat center;
		background-size:75px 50px;
	}

	figure.battery-image {
		background:url(/img/icn-battery@2x.png) no-repeat center;
		background-size:68px 41px;
	}

	figure.puzzle-image {
		background:url(/img/icn-compat@2x.png) no-repeat center;
		background-size:81px 78px;
	}
}

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

	figure.app-icon-upgrade {
		background:url(/img/upgrade-icons@3x.png) no-repeat center;
		background-size:353px 140px;
	}

	figure.airpods-case-image {
		background:url(/img/icn-beautiful@3x.png) no-repeat center;
		background-size:53px 56px;
	}

	figure.audio-switch-image {
		background:url(/img/icn-audio@3x.png) no-repeat center;
		background-size:75px 50px;
	}

	figure.battery-image {
		background:url(/img/icn-battery@3x.png) no-repeat center;
		background-size:68px 41px;
	}

	figure.puzzle-image {
		background:url(/img/icn-compat@3x.png) no-repeat center;
		background-size:81px 78px;
	}
}

/*
DARK MODE OVERRIDES
*/

@media (prefers-color-scheme: dark) {
	body.feature-showcase header#hero {
		background:url(/img2/ventura_header_bg_dark.jpg) no-repeat center center;
		background-size:cover;
	}
	html, body {
		background:#1B1D1E;
		color:white;
	}
	a:hover {
		text-decoration:underline;
		color:white;
	}
	ul.feature-cards li {
		background:#242628;
	}
	footer small {
		color:#555;
		opacity:1;
	}
	footer small a:link, footer small a:visited, footer small a:active {
		color:#777;
	}
	footer small a:hover {
		color:#999;
	}
	a#play-video-button {
		color:white;
	}
	a#play-video-button {
		background:url(/img/SeeInActionButton-Dark.svg) no-repeat center;
	}
	figure.app-icon-upgrade {
		background:url(/img/upgrade-icons-dark.png) no-repeat center;
	}
	p.code-container code {
        background:#000;
    }
	.buy-cta.footer .upgrade {
		color:#FFF;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (prefers-color-scheme: dark) {
	figure.app-icon-upgrade {
		background:url(/img/upgrade-icons-dark@2x.png) no-repeat center;
		background-size:353px 140px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) and (prefers-color-scheme: dark) {
	figure.app-icon-upgrade {
		background:url(/img/upgrade-icons-dark@3x.png) no-repeat center;
		background-size:353px 140px;
	}
}

div.alert-banner {
	position: fixed;
	top:0;
	left:0;
	background-color:#FFDC8C;
	padding:20px 0;
	text-align:center;
	width:100%;
	color:#72520A;
	font-size:0.8em;
	font-weight:bolder;
	z-index:999;
}

div.alert-banner.monterey {
	font-weight:normal!important;
	color:#DDDDEF!important;
	background-color:#5210DB!important;
}

div.alert-banner.monterey a:link, div.alert-banner.monterey a:active, div.alert-banner.monterey a:visited {
	color:white!important;
}

.flashingAnimation {
	animation: blinker 0.8s ease-in-out infinite;
}
  
@keyframes blinker {
	50% {
		opacity: 0.7;
	}
}

/*
DOWNLOAD / LICENSE RECOVERY PAGE
*/

#download-options a {
    display:block;
    border-radius:44px;
    padding:22px;
    margin-bottom:16px;
    font-size:22px;
    font-weight:400;
    background-color:white;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
}

#download-options a:link, #download-options a:visited, #download-options a:active {
    text-decoration:none;
    color:black;
    opacity: 0.7;
}

#download-options a:hover {
    color:#268BE3;
}

@media (prefers-color-scheme: dark) {
	#download-options a:link, #download-options a:visited, #download-options a:active {
        color:white;
    }
    #download-options a {
        background-color:#242628;
    }
    #download-options a:hover {
        color:#268BE3;
    }
}

/* Setapp upsell */

.setapp-upsell {
	color:inherit;
}

.setapp-upsell p:first-child {
	padding:0;
}

.setapp-upsell a:link, .upgrade a:active, .upgrade a:visited {
	text-decoration: none;
	color:#eee;
}

.setapp-upsell a:hover {
	text-decoration: underline;
	color:white;
}

header#hero .setapp-upsell {
	font-size:14px;
}