/* Atmospheric depth below the hero. Decorations are isolated behind real content. */
.vx-ambient-section{position:relative;isolation:isolate}
.vx-ambient-section>.vx-ambient-field{
  position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none!important;
  margin:0!important;padding:0;border:0;overflow:hidden;pointer-events:none;user-select:none;
  contain:paint;
}
.vx-ambient-field>span{position:absolute;display:block;pointer-events:none;animation-play-state:paused!important}
.vx-ambient-field.is-live>span{animation-play-state:running!important}
/* Intense at the edges, quiet behind copy: light concrete, never a white void. */
:is(#ghost-period,#scenarios,#client-voices,#shift,#roadmap,#components,#industries,#founder,.build-close){
  background-color:#e9edf1;
  background-image:
    radial-gradient(ellipse 34vw 560px at 107% 12%,#ff5a1f7a 0%,#ff5a1f30 38%,transparent 76%),
    radial-gradient(ellipse 30vw 480px at -9% 85%,#ff6a1f5c 0%,#ff5a1f17 45%,transparent 78%),
    linear-gradient(#28313c08 1px,transparent 1px),linear-gradient(90deg,#28313c08 1px,transparent 1px);
  background-size:auto,auto,88px 88px,88px 88px;
}
#ghost-period{
  background-color:#18191c;
  background-image:radial-gradient(ellipse 58vw 750px at 102% 0%,#ff651fd1, #ac3b1d70 40%,transparent 76%),
    radial-gradient(ellipse 45vw 720px at -12% 78%,#ff651f99,transparent 76%),
    linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
}
#ghost-period .problem-intro h2,#ghost-period .problem-intro-copy>strong,#ghost-period .proof-transition h3{color:#f2f4f6}
#ghost-period .problem-intro-copy>p{color:#c7c5c5}
#ghost-period .problem-intro-copy mark{color:#ffad7e}
#ghost-period :is(.problem-intro,.proof-transition) .eyebrow{color:#ffb68f;background:#ffffff0a;border-color:#ffffff24}
#ghost-period .lead-simulator{color:#141518;background:linear-gradient(130deg,#f6f8faf5,#edf1f6ed);border-color:#ffffffad}
#ghost-period .booking-proof,#ghost-period .lead-evidence-story{color:#141518;background:#eef1f5f5;border-color:#ffffffa3;box-shadow:0 30px 70px #0003,inset 0 1px #fff}
#ghost-period .booking-summary{border-radius:16px}
#scenarios{
  background-image:radial-gradient(ellipse 45vw 750px at -14% 15%,#ff5a1f80,transparent 74%),
    radial-gradient(ellipse 40vw 900px at 112% 65%,#ff5a1f80,transparent 72%),
    linear-gradient(#28313c07 1px,transparent 1px),linear-gradient(90deg,#28313c07 1px,transparent 1px);
}
#client-voices,#components,#founder{
  background-image:radial-gradient(ellipse 40vw 600px at -14% 10%,#ff5a1f85,transparent 75%),
    radial-gradient(ellipse 35vw 600px at 111% 88%,#ff5a1f8c,transparent 76%),
    linear-gradient(#28313c06 1px,transparent 1px),linear-gradient(90deg,#28313c06 1px,transparent 1px);
}
/* Dark stage behind the existing diagnosis; its glass card remains readable. */
#diagnosis{
  background-color:#17181b;
  background-image:radial-gradient(ellipse 60% 80% at 108% 0%,#ff651fcc, #a13b2059 44%,transparent 76%),
    radial-gradient(ellipse 55% 65% at -12% 110%,#ff5a1fc4,transparent 76%),
    linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);
  background-size:auto,auto,88px 88px,88px 88px;
}
#diagnosis::before{display:none}
#diagnosis::after{border-color:#ffffff1c;border-radius:24px}
#diagnosis .diagnosis-motion-band{background:#ff5a1f19;border-color:#ff9b622b;box-shadow:0 0 85px #ff5a1f24}
#diagnosis .diagnosis-band-track{color:#ffb89150}
#diagnosis .quiz-shell{color:#141518;background:linear-gradient(130deg,#f6f8faed,#f1f3f7df);border:1px solid #ffffffb5;box-shadow:inset 0 1px 1px #fff,0 35px 85px #0005,0 0 55px #ff5a1f10;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
:is(#case-studies,#ownership,#booking){
  background-image:radial-gradient(ellipse 42vw 700px at 110% 10%,#ff5a1f88,transparent 75%),
    radial-gradient(ellipse 38vw 600px at -12% 95%,#ed4b1b70,transparent 76%),
    linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
  background-size:auto,auto,88px 88px,88px 88px;
}
.build-close{background-image:radial-gradient(ellipse 42vw 80% at 105% 90%,#ff5a1f85,transparent 78%),radial-gradient(ellipse 32vw 70% at -10% 10%,#ff5a1f66,transparent 76%),linear-gradient(#28313c07 1px,transparent 1px),linear-gradient(90deg,#28313c07 1px,transparent 1px)}
/* Small glass forms catch the orange environment and move at different depths. */
.vx-ambient-ring{
  top:9%;right:1.6%;width:102px;height:102px;border-radius:50%;
  border:1px solid #ffffffb3;
  background:conic-gradient(from 30deg,#fff1,#fff9 12%,#ff782a33 25%,#ffffff12 46%,#ff6b214d 65%,#fff9 82%,#fff1);
  box-shadow:inset 4px 5px 8px #ffffffa6,inset -6px -7px 12px #e34f184f,0 18px 25px #713b2b26;
  mask:radial-gradient(transparent 43%,#000 44%);-webkit-mask:radial-gradient(transparent 43%,#000 44%);
  opacity:.65;transform:rotateX(51deg) rotateY(-15deg) rotateZ(-28deg);
  animation:vxAmbientOrbit 20s ease-in-out infinite alternate;
}
.vx-ambient-lens{
  bottom:17%;left:-33px;width:128px;height:48px;border-radius:999px;
  background:linear-gradient(155deg,#ffffff7a,#ffffff09 42%,#ff792a36 80%,#fff6);
  border:1px solid #ffffffb3;box-shadow:inset 0 2px 3px #fffc,inset 0 -3px 8px #ff681f40,0 15px 25px #713b2b1c;
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:.65;
  transform:rotate(-33deg);animation:vxAmbientLens 17s ease-in-out infinite alternate;
}
.vx-ambient-dots{
  top:58%;right:1.5%;width:51px;height:88px;
  background:radial-gradient(circle,#ff5a1fa8 1.3px,transparent 1.8px);background-size:11px 11px;
  mask:linear-gradient(transparent,#000 28%,#000 65%,transparent);-webkit-mask:linear-gradient(transparent,#000 28%,#000 65%,transparent);
  opacity:.55;animation:vxAmbientDots 12s ease-in-out infinite alternate;
}
.vx-ambient-signal{
  top:36%;left:2%;width:5px;height:5px;border-radius:50%;background:#ff6a22;
  box-shadow:0 0 0 4px #ff5a1f12,0 0 18px #ff5a1f99;
  animation:vxAmbientSignal 16s ease-in-out infinite alternate;
}
.vx-ambient-signal::after{content:"";position:absolute;left:2px;bottom:7px;width:1px;height:48px;background:linear-gradient(transparent,#ff5a1f66)}
.vx-ambient-field[data-pattern="1"] .vx-ambient-ring{top:72%;right:auto;left:-26px;width:116px;height:116px;animation-delay:-7s}
.vx-ambient-field[data-pattern="1"] .vx-ambient-lens{top:12%;bottom:auto;right:-42px;left:auto;animation-delay:-4s}
.vx-ambient-field[data-pattern="1"] .vx-ambient-dots{top:28%;right:auto;left:1%}
.vx-ambient-field[data-pattern="1"] .vx-ambient-signal{left:auto;right:2%;top:62%;animation-delay:-8s}
:is(#diagnosis,#case-studies,#ownership,#booking) .vx-ambient-ring{opacity:.8;box-shadow:inset 4px 5px 8px #ffffffa6,inset -6px -7px 12px #ff6a1f80,0 20px 35px #0004}
:is(#diagnosis,#case-studies,#ownership,#booking) .vx-ambient-dots{opacity:.8}
/* Layered surface shading preserves all original illustrations and interactions. */
#ghost-period .lead-simulator{box-shadow:inset 0 1px #fff,0 30px 80px #0004,0 0 35px #ff5a1f0c}
#scenarios .scenario{background:linear-gradient(140deg,#f8fafbf5,#f1f4f7f5);box-shadow:inset 0 1px #fff,0 24px 55px #713b2b0d}
#scenarios .scenario-sticky-copy{margin:0}
#components .bento-card:not(:first-child){background:linear-gradient(145deg,#ffffffdf,#f6f8fab3);border-color:#ffffffdb;box-shadow:inset 0 1px #fff,0 14px 34px #713b2b0c}
#client-voices .testimonial-voice{background:linear-gradient(135deg,#ffffffcf,#ffffff8c);border-color:#fff;box-shadow:inset 0 1px #fff,0 24px 55px #713b2b0e}
@keyframes vxAmbientOrbit{from{transform:translate3d(0,0,0) rotateX(51deg) rotateY(-15deg) rotateZ(-28deg)}to{transform:translate3d(-8px,-20px,20px) rotateX(37deg) rotateY(18deg) rotateZ(18deg)}}
@keyframes vxAmbientLens{from{transform:translate3d(0,0,0) rotate(-33deg)}to{transform:translate3d(15px,-24px,10px) rotate(-16deg)}}
@keyframes vxAmbientDots{from{transform:translateY(0);opacity:.28}to{transform:translateY(-18px);opacity:.6}}
@keyframes vxAmbientSignal{0%,15%{transform:translateY(0);opacity:.2}75%,100%{transform:translateY(-90px);opacity:.75}}
@media(max-width:780px){
  :is(#ghost-period,#scenarios,#client-voices,#shift,#roadmap,#components,#industries,#founder,.build-close){background-size:auto,auto,64px 64px,64px 64px}
  .vx-ambient-ring{right:-26px;width:80px;height:80px;opacity:.5}
  .vx-ambient-lens{left:-55px;opacity:.45}
  .vx-ambient-dots{right:-15px;opacity:.35}
  .vx-ambient-signal{left:7px;opacity:.5}
  .vx-ambient-field[data-pattern="1"] .vx-ambient-dots{left:-20px}
  .vx-ambient-field[data-pattern="1"] .vx-ambient-signal{right:7px}
  #diagnosis::after{inset:12px;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.vx-ambient-field>span{animation:none!important}}
@media(prefers-reduced-transparency:reduce){.vx-ambient-lens{backdrop-filter:none;-webkit-backdrop-filter:none}#diagnosis .quiz-shell{background:#f3f5f7;backdrop-filter:none;-webkit-backdrop-filter:none}}