html body.qs-brand.dark--blue{--qs-primary:#0033a1;--qs-secondary:#00b5e2;--qs-primary-rgb:0 51 161;--qs-secondary-rgb:0 181 226;--primary:var(--qs-primary);--blue:var(--qs-primary);--secondary:var(--qs-secondary);--colorDarkGreen:var(--qs-primary);--rgbColorDarkGreen:var(--qs-primary-rgb);--colorBlue:var(--qs-primary);--rgbColorBlue:var(--qs-primary-rgb);--colorTurquoise:var(--qs-secondary);--rgbColorTurquoise:var(--qs-secondary-rgb);--colorLimeGreen:var(--qs-secondary);--rgbColorLimeGreen:var(--qs-secondary-rgb);--colorRed:var(--qs-secondary);--rgbColorRed:var(--qs-secondary-rgb);--colorYellow:var(--qs-secondary);--rgbColorYellow:var(--qs-secondary-rgb);--colorPetroleum:var(--qs-primary);--rgbColorPetroleum:var(--qs-primary-rgb);--colorPurple:var(--qs-primary);--rgbColorPurple:var(--qs-primary-rgb);--footer-img-bg:none;--events-img-bg:none;--heading-elements-7-lightGray:none;}
body.qs-brand .top-nav-bar-wrapper,body.qs-brand header.program-home-v3,body.qs-brand header.program-home-v3 .carousel-item{background-color:var(--qs-primary)}
body.qs-brand .bg-dark-green{background-color:var(--qs-primary)!important}body.qs-brand .color-dark-green{color:var(--qs-primary)!important}body.qs-brand .color-turquoise{color:var(--qs-secondary)!important}
body.qs-brand .time-label.bg-limeGreen{background-color:var(--qs-secondary)!important;color:var(--qs-primary)}body.qs-brand .qi-share,body.qs-brand .qi-save{cursor:pointer}
body.qs-brand .qs-brand-decoration{object-fit:contain;pointer-events:none}body.qs-brand .pp-bookmark[aria-pressed=true] i{color:var(--qs-secondary)}
body.qs-brand .insights-track .track-insights-title{display:block!important}body.qs-brand .insights-track .track-insights-logged-in-title{display:none!important}
html body.qs-brand.dark--blue{--elements-1-Black:none;--elements-1-Blue:none;--elements-1-DarkGreen:none;--elements-1-Grey:none;--elements-1-LightBlue:none;--elements-1-LightPurple:none;--elements-1-LimeGreen:none;--elements-1-Orange:none;--elements-1-Peach:none;--elements-1-Petroleum:none;--elements-1-Purple:none;--elements-1-Red:none;--elements-1-Turquoise:none;--elements-1-White:none;--elements-1-Yellow:none;--elements-10-Black:none;--elements-10-Blue:none;--elements-10-DarkGreen:none;--elements-10-Grey:none;--elements-10-LightBlue:none;--elements-10-LightPurple:none;--elements-10-LimeGreen:none;--elements-10-Orange:none;--elements-10-Peach:none;--elements-10-Petroleum:none;--elements-10-Purple:none;--elements-10-Red:none;--elements-10-Turquoise:none;--elements-10-White:none;--elements-10-Yellow:none;--elements-11-LimeGreen:none;--elements-2-Peach:none;--elements-2-Red:none;--elements-3-Yellow:none;--elements-4-Blue:none;--elements-4-LightBlue:none;--elements-4-Turquoise:none;--elements-5-Turquoise:none;--elements-6-Turquoise:none;--elements-7-LimeGreen:none;--elements-7-Turquoise:none;--elements-8:none;--elements-8-Turquoise:none;--elements-9-LightBlue:none;--elements-9-LimeGreen:none;--elements-9-Turquoise:none;}

html body.qs-brand .highlighter-box-wrapper{background-color:rgba(0,181,226,.14)!important}
html body.qs-brand footer .img-background{background-image:none!important;background-repeat:no-repeat;background-size:contain}

/* Both reference bundles share the original site's navigation markup. */
html body.qs-brand .top-nav-bar-wrapper .logo-wrapper{min-width:0}
html body.qs-brand .top-nav-bar-wrapper .logo-wrapper>a{display:block;max-width:210px;flex-shrink:1}
html body.qs-brand .top-nav-bar-wrapper img.logo{display:block;width:200px;max-width:100%;height:auto;max-height:70px;object-fit:contain}
html body.qs-brand .mobile-menu{overflow-x:hidden;overflow-y:auto}
html body.qs-brand .mobile-menu__logo{min-width:0;max-width:180px}
html body.qs-brand .mobile-menu__logo img{display:block;width:180px;max-width:100%;height:auto;max-height:65px;object-fit:contain}
@media(max-width:991px){html body.qs-brand .top-nav-bar-wrapper .logo-wrapper{width:100%;gap:20px}html body.qs-brand .top-nav-bar-wrapper .logo-wrapper>a{max-width:180px}html body.qs-brand .top-nav-bar-wrapper img.logo{width:170px;max-height:55px}html body.qs-brand .toggler-wrapper{flex-shrink:0;align-items:center}}

html body.qs-brand .mobile-menu a{color:var(--qs-primary)!important}

html body.qs-brand header .slide-element img[src*="qsun-vertical.svg"]{width:95px!important;height:305px!important;max-width:95px!important;object-fit:contain;pointer-events:none}
@media(max-width:767px){html body.qs-brand header .slide-element img[src*="qsun-vertical.svg"]{width:55px!important;height:177px!important;max-width:55px!important}}

html body.qs-brand .qs-brand-decoration,html body.qs-brand img[src*="/static/brand/qsun-"]{display:none!important}

/* Reference composition: a quiet blue speaker side and a cyan glow toward the lower right. */
html body.qs-brand .hero-wrapper{background:radial-gradient(ellipse 57% 95% at 73% 100%,#00b5e2 0%,rgba(0,181,226,.83) 30%,rgba(0,181,226,0) 79%),#0033a1!important}
html body.qs-brand .hero-carousel .hero-shape,html body.qs-brand .hero-carousel .hero-shape-mobile{background:none!important;transform:none!important;pointer-events:none;overflow:hidden;filter:blur(3px)}
html body.qs-brand .hero-carousel .hero-shape{width:54%;height:100%}
html body.qs-brand .hero-carousel .hero-shape::before,html body.qs-brand .hero-carousel .hero-shape-mobile::before{content:"";position:absolute;top:19%;right:3%;height:90%;width:auto;aspect-ratio:430/463;background:linear-gradient(180deg,#b9e6eb 0%,#80d2e1 48%,#3bb8d6 100%);-webkit-mask-image:url("static/brand/qsun-original-white.png");mask-image:url("static/brand/qsun-original-white.png");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:410.465116% 111.231102%;mask-size:410.465116% 111.231102%;-webkit-mask-position:95.205993% 42.307692%;mask-position:95.205993% 42.307692%;opacity:.84;filter:none;pointer-events:none}
@media(max-width:767px){html body.qs-brand .hero-carousel .hero-shape{display:none!important}html body.qs-brand .hero-carousel .hero-shape-mobile{width:100%;left:0;right:0}html body.qs-brand .hero-carousel .hero-shape-mobile::before{top:22%;height:auto;width:90%;max-width:90%;left:50%;right:auto;transform:translateX(-50%)}html body.qs-brand .hero-wrapper{background:radial-gradient(ellipse 100% 65% at 80% 100%,#00b5e2 0%,rgba(0,181,226,0) 85%),#0033a1!important}}

/* Reverse the outcomes background and keep the dark illustration row on a light field. */
html body.qs-brand .hero-wrapper .benefits-area{background:#00B5E2!important}