@font-face {
	font-family: 'Geist';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('https://disneyadvertising.com/app/uploads/sites/117/2026/07/Geist-VariableFont_wght.ttf') format('truetype');
}
body.qs-page main{
	font-family: 'Geist';
}
body.qs-page main *{
	box-sizing: border-box;
	font-family: 'Geist';
}
body.qs-page main h2{
	margin:.5em 0;
	font-size:1.6rem;
}
.qs-purple{
	color:#3611C8;
	font-weight:bold;
}
body.qs-page main p, body.qs-page main ul{
	color:#000;
	font-size:.9rem;
}
/* Hero under transparent fixed nav — banner hits top of viewport */
body.qs-page main {
	padding-top: 0 !important;
	margin-top: 0 !important;
	position: relative;
}
body.qs-page main::before {
	display: none !important;
	content: none !important;
	height: 0 !important;
}
body.qs-page #nav,
body.qs-page nav#nav,
body.qs-page nav#nav.fixed {
	background: transparent !important;
	background-color: transparent !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}
body.qs-page #nav .nav-logo .normal_logo {
	display: none !important;
}
body.qs-page #nav .nav-logo .dark_logo {
	display: block !important;
}
body.qs-page #nav .nav-links.dropdown.menu > li > a {
	color: #fff !important;
}
body.qs-page #nav .nav-links.dropdown.menu.nav-horizontal > li.is-dropdown-submenu-parent > a::after {
	content: url(/wp-content/themes/huluwp/static/dist/assets/img/icons/arrow-down-icon-white.svg) !important;
}
body.qs-page #nav .hamburger-button .line {
	background-color: #fff !important;
}
body.qs-page #nav.is-stuck,
body.qs-page #nav.is-stuck-hero {
	background: rgba(255, 255, 255, 0.92) !important;
	background-color: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(3px);
	box-shadow: 0 11px 13px 0 rgba(0, 0, 0, 0.09) !important;
}
body.qs-page #nav.is-stuck .nav-logo .normal_logo,
body.qs-page #nav.is-stuck-hero .nav-logo .normal_logo {
	display: block !important;
}
body.qs-page #nav.is-stuck .nav-logo .dark_logo,
body.qs-page #nav.is-stuck-hero .nav-logo .dark_logo {
	display: none !important;
}
body.qs-page #nav.is-stuck .nav-links.dropdown.menu > li > a,
body.qs-page #nav.is-stuck-hero .nav-links.dropdown.menu > li > a {
	color: #040405 !important;
}
body.qs-page #nav.is-stuck .nav-links.dropdown.menu.nav-horizontal > li.is-dropdown-submenu-parent > a::after,
body.qs-page #nav.is-stuck-hero .nav-links.dropdown.menu.nav-horizontal > li.is-dropdown-submenu-parent > a::after {
	content: url(/wp-content/themes/huluwp/static/dist/assets/css/../img/icons/arrow-down-icon.svg) !important;
}
body.qs-page #nav.is-stuck .hamburger-button .line,
body.qs-page #nav.is-stuck-hero .hamburger-button .line {
	background-color: #151515 !important;
}

body.qs-page .qs-hero{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	min-height: 200px;
	margin: 0;
	padding: 120px 80px;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-image: url('header-img.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
body.qs-page .qs-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 68.191%, #fff 100%);
}
body.qs-page .qs-hero > * {
	position: relative;
	z-index: 1;
}
body.qs-page .qs-hero__logos {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	gap: 16px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
}
body.qs-page .qs-hero__logo-wordmark,
body.qs-page .qs-hero__logo-badge {
	display: block;
	flex: 0 1 auto;
	width: auto;
	min-width: 0;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}
body.qs-page .qs-hero__logo-wordmark {
	height: 46px;
	max-width: min(544px, 100%);
}
body.qs-page .qs-hero__logo-badge {
	display: none;
}
body.qs-page .qs-hero__content {
	width: 100%;
	min-width: 0;
	max-width: 840px;
	text-align: center;
}
body.qs-page .qs-hero__title {
	margin: 0 0 8px;
	font-family: 'Geist', sans-serif;
	font-size: clamp(32px, 6vw, 80px);
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: -0.01em;
	overflow-wrap: anywhere;
	background-image: linear-gradient(0deg, #acbbf7 0%, #ffffff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
body.qs-page .qs-hero__intro {
	margin: 0 auto;
	max-width: 746px;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #fff;
	overflow-wrap: break-word;
}
.qs-main{
	display:flex;
	flex-direction: column;
	gap:40px;
	max-width:1440px;
	margin:0 auto;
	padding:40px;
}
.qs-main > div.split{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap:40px;
}
.qs-main > div.split.vert-center{
	align-items: center;
}
.qs-main > div.split > div{
	width:calc(50% - 20px);
}
@media (max-width: 800px) {
	.qs-main > div.split{
		flex-direction: column;
	}
	.qs-main > div.split > div{
		width: 100%;
	}
	body.qs-page .qs-hero {
		padding: 96px 24px 48px;
		gap: 24px;
		background-image:url('Hero_bg_mob.png');
	}
	body.qs-page .qs-hero::after{
		background: unset;
	}
	body.qs-page .qs-hero__logo-wordmark {
		height: 32px;
	}
}
.qs-row.center{
	text-align:center;
}
.qs-main .screenshot{
	border-radius:14px;
	overflow:hidden;
	box-shadow: 0 4px 30px 10px rgba(54, 17, 200, 0.16);
}
.qs-main .screenshot img{
	display: block;
	width: 100%;
	height: auto;
}
/* Alternating cyan shadows (screenshot 2 & 4) */
.qs-main > .qs-row:nth-child(3) .screenshot,
.qs-main > .qs-row:nth-child(5) .screenshot{
	box-shadow: 0 4px 30px 10px rgba(0, 214, 232, 0.16);
}
.qs-section-stack{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.qs-section-stack .qs-section{
	width: 100%;
}
.qs-checklist-card{
	border-radius: 16px;
	border: 1px solid #EFF3F5;
	padding:1rem;
}
.qs-check{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.25em;
	vertical-align: -0.15em;
}
.qs-check lottie-player{
	display: block;
	width: 100%;
	height: 100%;
}