/* The source page's sticky timing and live text remain in the DOM. */
#hero .framer-80ra3e { isolation:isolate;background:#fcf5e1 url('/assets/hero/hussam-intro.jpg') center / cover no-repeat!important; }
html.hussam-en #hero .framer-80ra3e { background-image:url('/assets/hero/hussam-intro-en.jpg')!important; }
#hero .framer-1yku2sz-container { visibility:hidden!important; }
#hero .hussam-hero-video { z-index:3;object-fit:cover; }
#problem .framer-8030d2,
#notification-section .framer-p19abz,
#why-parker .framer-15vw8k5 { isolation:isolate; }
/* On phones the reference CRT sticky sat above its own problem section. */
#problem { z-index:5!important; }
#problem .framer-8030d2 { background:#7f78c5 url('/assets/scroll/hussam-problem.jpg') center / cover no-repeat; }
#notification-section .framer-p19abz { background:#7f78c5 url('/assets/scroll/hussam-notification.jpg') center / cover no-repeat; }
#why-parker .framer-15vw8k5 { background:#fcf5e2 url('/assets/scroll/hussam-brain.jpg') center / cover no-repeat; }

/* Never reveal the reference character while a new video is loading or seeking. */
#problem .framer-j86v8i-container,
#notification-section .framer-82ylnw-container,
#why-parker .framer-1k51bji-container,
#why-parker .framer-17pwh3m img { visibility:hidden!important; }

.hussam-scroll-video { position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0; }
.hussam-scroll-video.is-ready { opacity:1; }
#notification-section .framer-1h6lv5c { z-index:7; }
#why-parker .framer-1m26aub { z-index:8; }
#why-parker .framer-17pwh3m { z-index:9; }

/* Replace both sizes of the little Parker maze token with Hussam. */
#maze img[src*="0gte9cTK"],#maze img[src*="VujIRzBs"] {
  content:url('/assets/hussam-mascot-amr-preview.png');object-fit:contain!important;
}

@media(max-width:809px){
  #notification-section .hussam-scroll-video { object-position:37% center; }
  #notification-section .framer-p19abz { background-position:37% center; }
  #hero .framer-80ra3e { background-image:url('/assets/hero/hussam-intro-mobile.jpg')!important;background-size:contain!important; }
  html.hussam-en #hero .framer-80ra3e { background-image:url('/assets/hero/hussam-intro-mobile-en.jpg')!important; }
  #hero .hussam-hero-video { object-fit:contain; }
}

@media (prefers-reduced-motion:reduce) {
  .hussam-scroll-video { display:none; }
}

/* Cortex chapter state is DOM-driven, including when reduced motion is enabled. */
.hussam-cortex{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.hussam-cortex>svg{display:block;width:100%;height:100%}
.hussam-cortex #cortex-head-art{isolation:isolate}
.hussam-cortex .region{mix-blend-mode:color;transition:opacity 140ms ease-out}
@media(prefers-reduced-motion:reduce){.hussam-cortex .region{transition:none}}

.hussam-problem-native{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;background:#7f78c5}
#cta{position:relative}
.hussam-closing-action{position:absolute;z-index:15;top:195px;left:50%;transform:translateX(-50%);min-width:235px;background:#f3c915;color:#111;box-shadow:5px 5px 0 #111;font-size:25px!important;font-weight:700!important}
.hussam-closing-action:hover{background:#fff8e8;box-shadow:3px 3px 0 #111}
@media(max-width:809px){.hussam-closing-action{top:295px;min-width:220px;font-size:23px!important}}

@media(max-width:809px){#cta{padding-top:110px!important;height:1080px!important}.hussam-closing-action{top:385px}}

/* Let the incoming illustrated panel expand naturally over the hero. */
#problem .framer-8030d2{background:transparent}
.hussam-problem-native{transform-origin:center center}
/* Research and recommendation scenes use readable, responsive product examples. */
.hussam-problem-native,.hussam-notification-native{position:absolute;inset:0;z-index:10;pointer-events:auto;overflow:hidden}
#notification-section .framer-1h6lv5c{visibility:hidden!important}
#notification-section .framer-p19abz{background:#f8f2e2}
#problem{height:180vh!important;min-height:1100px!important}
#notification-section{height:120vh!important;min-height:850px!important}
/* The native hero wipe completes before this sticky releases. */
#hero.has-crt-lockup .framer-1wpp53n-container{visibility:hidden!important}
#problem,#notification-section{height:0!important;min-height:0!important;overflow:hidden!important}
#problem .framer-8030d2,#notification-section>*{display:none!important}
#how-it-works{height:auto!important;min-height:0!important;display:block!important;background:#4c6971!important;padding:65px max(16px,4vw) 60px!important;overflow:visible!important}
#how-it-works>:not(.hussam-product-demo){display:none!important}
.hussam-product-demo{position:relative;width:100%;z-index:12}
@media(max-width:809px){#how-it-works{padding:50px 16px 45px!important}}

#hero.has-completed-wipe .framer-80ra3e{background:#4c6971!important}
#hero.has-completed-wipe .hussam-hero-video{background:#4c6971}
@media(prefers-reduced-motion:reduce){#how-it-works{background:#4c6971!important}}

#how-it-works{position:relative!important;z-index:6!important;margin-top:-100vh!important}
#hero.has-crt-lockup .framer-80ra3e> :not(.hussam-hero-video){visibility:hidden!important}

@media(max-width:809px){#hero.is-wiping .hussam-hero-video{object-fit:cover}}