/* Warm light, quieter glass and sparse travelling signals around the customer film. */
#top.hero {
  background:
    radial-gradient(ellipse 85% 56% at 87% -24%, #271e23 33%, #633228 64%, #c05427 79%, #fb9253 84%, #ed6428 87%, #a33f21 93%, transparent 104%),
    radial-gradient(ellipse 52% 73% at -14% 13%, #f17b39, #97401e 45%, transparent 85%),
    radial-gradient(ellipse 64% 57% at 112% 90%, #fc702c 2%, #92351d 41%, transparent 81%),
    linear-gradient(118deg, #3f2825 0%, #262125 36%, #181a21 61%, #402423 100%);
}
#top .hero-atmosphere>span {
  position: absolute;
  pointer-events: none;
  filter: blur(8px);
  animation: vxHeroLight 17s ease-in-out infinite alternate;
}
#top .hero-atmosphere>span:first-child {
  left: 20%;
  top: -19%;
  width: 116%;
  height: 57%;
  background: radial-gradient(ellipse 58% 69% at 55% 4%, transparent 65%, #af4e2b26 79%, #ffb67d9c 86%, #f684418c 88%, transparent 98%);
  animation-delay: -5s;
}
#top .hero-atmosphere>span:last-child {
  right: -23%;
  bottom: -15%;
  width: 76%;
  height: 47%;
  background: radial-gradient(ellipse at 85% 95%, transparent 47%, #f9743b55 57%, #ff9a5a94 61%, transparent 73%);
  animation-duration: 21s;
  animation-delay: -12s;
}
#top .hero-contours{opacity:.19;stroke:#ffc39b;stroke-width:.9}
#top .hero-copy>.eyebrow{width:fit-content;max-width:100%;padding:8px 12px;border:1px solid #ffb9864f;border-radius:10px;background:linear-gradient(120deg,#ffffff0b,#ff9a4810);box-shadow:inset 0 1px #fff1,0 5px 20px #3b1a0d08;font-size:clamp(.58rem,.7vw,.65rem);line-height:1.65;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#top .hero-media{padding:8px 0 20px;min-height:660px}
.liquid-orbit,.vx-ambient-ring{display:none!important}
.site-nav.is-scrolled{background:rgba(44,37,34,.50);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:0 12px 30px #00000017}
#top .hero-live-proof{overflow:visible}
#top .hero-live-proof strong{position:relative;padding-bottom:6px}
#top .hero-live-proof strong::after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#ff6b27,#ffc099);box-shadow:0 0 9px #ff8b4d40;animation:vxProofLoading 6.8s cubic-bezier(.24,.7,.4,1) infinite;animation-play-state:paused}
#top .hero-live-proof.is-proof-visible strong::after{animation-play-state:running}
#top .hero-live-proof :is(strong,.client-update-number){animation:none!important;transform:none!important;filter:none!important}
#top .hero-live-proof .proof-status{animation:none!important}
/* The backing plate and three stepped squares sit outside the player. */
#vsl .vsl-inner {
  --plate: clamp(5px, .65vw, 10px);
  --tile: clamp(9px, 1.5vw, 22px);
  position: relative;
  min-height: 0;
}
#vsl .video-frame.video-frame-large {
  border: 1px solid #625044;
  border-right-color: #ee843b;
  border-bottom-color: #ff9652;
  box-shadow: var(--plate) var(--plate) 0 #cf510e, 0 22px 58px #0006;
}
#vsl::after, #vsl .vsl-inner::before { display: none; }
#vsl .vsl-inner::after {
  content: "";
  position: absolute;
  width: var(--tile);
  height: var(--tile);
  right: var(--tile);
  bottom: calc(100% + var(--tile) + 5px);
  background: #f16b1b;
  box-shadow: calc(0px - var(--tile)) var(--tile) 0 #c85015, var(--tile) var(--tile) 0 #69351f;
  pointer-events: none;
}
/* Less empty scrolling, with a quick entrance and a longer fully readable hold. */
#ghost-period .problem-intro{margin-bottom:14px}
#ghost-period .lead-question-sequence{height:245svh;min-height:0}
#ghost-period .lead-question-pin{min-height:0}
/* Several different right-angle routes, at unrelated speeds and phases. */
.vx-light-dots>i{width:4px;height:4px;background:#ff813a;box-shadow:0 0 0 4px #ff732414,0 0 12px #ff8a3b70;opacity:.56;animation-name:vxGridRouteA;animation-timing-function:linear}
.vx-light-dots>i:nth-child(3n){animation-name:vxGridRouteB}
.vx-light-dots>i:nth-child(3n + 1){animation-name:vxGridRouteC}
@keyframes vxHeroLight {
  from { transform: translate3d(-2%,0,0) rotate(-5deg); opacity: .64; }
  to { transform: translate3d(3%,5%,0) rotate(-1deg); opacity: .91; }
}
@keyframes vxProofLoading{0%,9%{transform:scaleX(0);opacity:0}13%{opacity:.9}65%{transform:scaleX(1);opacity:1}78%{transform:scaleX(1);opacity:.75}90%,100%{transform:scaleX(1);opacity:0}}
@keyframes vxGridRouteA{0%{transform:translate(0,0);opacity:.1}12%{opacity:.65}25%{transform:translate(var(--dot-x),0)}48%{transform:translate(var(--dot-x),var(--dot-y))}73%{transform:translate(calc(var(--dot-x) * -.4),var(--dot-y))}93%{opacity:.5}100%{transform:translate(calc(var(--dot-x) * -.4),calc(var(--dot-y) * 1.5));opacity:0}}
@keyframes vxGridRouteB{0%{transform:translate(0,0);opacity:0}15%{opacity:.6}30%{transform:translate(0,calc(var(--dot-y) * -.6))}56%{transform:translate(var(--dot-x),calc(var(--dot-y) * -.6))}81%{transform:translate(var(--dot-x),calc(var(--dot-y) * .4));opacity:.55}100%{transform:translate(calc(var(--dot-x) * 1.6),calc(var(--dot-y) * .4));opacity:0}}
@keyframes vxGridRouteC{0%{transform:translate(0,0);opacity:0}14%{opacity:.58}27%{transform:translate(calc(var(--dot-x) * -.8),0)}53%{transform:translate(calc(var(--dot-x) * -.8),calc(var(--dot-y) * .65))}77%{transform:translate(calc(var(--dot-x) * .2),calc(var(--dot-y) * .65))}100%{transform:translate(calc(var(--dot-x) * .2),var(--dot-y));opacity:0}}
@media(max-width:560px){
 #top.hero {
   background:
     radial-gradient(ellipse 105% 25% at 88% -8%, #352327 39%, #8a3622 65%, #ee7a38 80%, #ac4828 87%, transparent 100%),
     radial-gradient(ellipse 84% 28% at -18% 19%, #943e23, transparent 84%),
     radial-gradient(ellipse 82% 39% at 117% 72%, #e9682b, #7f311e 36%, transparent 80%),
     linear-gradient(132deg, #342627, #1b1c22 47%, #352625);
 }
 #top .hero-atmosphere>span:first-child { height: 25%; top: -7%; }
 #top .hero-media{padding:8px 0 20px;min-height:0}
 #top .hero-copy>.eyebrow{padding:7px 10px;font-size:.57rem;border-radius:9px}
 #ghost-period .lead-question-sequence{height:235svh;min-height:0}
 #ghost-period .problem-intro{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 #top .hero-atmosphere>span{animation:none}
 #top .hero-live-proof strong::after{animation:none;transform:scaleX(1);opacity:.6}
 #ghost-period .lead-question-sequence{height:auto;min-height:0}
 .vx-light-dots>i{animation:none!important;opacity:.35}
}

#top .hero-atmosphere>span{animation-play-state:paused}
#top.is-hero-lit .hero-atmosphere>span{animation-play-state:running}

@media(max-width:560px){#shift .objection-answer .objection-proof a{display:block;white-space:normal;overflow-wrap:anywhere;max-width:100%}}
