/* Preserve the original section geometry and scroll-driven reading sequence. */
html.stage-landing-page #shift.problem-story {
  background: #0a0a0a;
  color: #fafafa;
}

html.stage-landing-page #shift .inline-decision {
  border-color: #3979ef42;
  background: #3979ef14;
  color: #83afff;
}

html.stage-landing-page #shift .inline-decision .icon {
  width: 18px;
  height: 18px;
}

html.stage-landing-page #shift .zunely-reading-symbol {
  display: block;
  width: 21px;
  height: 19px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

html.stage-landing-page #shift .launch-video-player {
  background: #0d1119;
  border-color: #ffffff1a;
}

/* This demo is silent. Retain the original node and data hook for the player. */
html.stage-landing-page #shift [data-video-sound] {
  display: none;
}

html.stage-landing-page #shift .launch-video-control:focus-visible {
  outline: 2px solid #83afff;
  outline-offset: 5px;
}

html.stage-landing-page #shift [data-launch-film]:focus-visible {
  outline: 2px solid #83afff;
  outline-offset: -3px;
}

html.stage-landing-page #shift .launch-video-play {
  background: #3979ef;
  color: #fff;
  border: 1px solid #9bbfff40;
  box-shadow: 0 8px 40px #00000024;
}

html.stage-landing-page #shift .launch-video-play:hover {
  background: #4c87f1;
}

html.stage-landing-page #shift .launch-video-error {
  color: #e6eeff;
}

html.stage-landing-page #shift .problem-outro-logo.zunely-outro-logo {
  display: block;
  width: clamp(220px, 35vw, 400px);
  max-width: 78%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 1;
}

/* No color or transition override on .reading-word: experience.js owns it. */
@media (max-width: 560px) {
  html.stage-landing-page #shift .inline-decision .icon {
    width: 15px;
    height: 15px;
  }

  html.stage-landing-page #shift .zunely-reading-symbol {
    width: 18px;
    height: 16px;
  }

  html.stage-landing-page #shift .problem-outro-logo.zunely-outro-logo {
    width: 230px;
    max-width: 75%;
  }
}