/* Landing-only overrides for the embedded Visual stage.
   The full app reserves the right third for a scrollable conversation rail; on
   the marketing page we want the luminous orb + file constellation to BE the
   hero, so the rail/scrim/sticky-prompt are dropped and the faux terminal,
   thought bubble, diff popup and HUD brand stay to keep real product motion. */

html, body { background: #121212; }

.vc-landing #content,
.vc-landing #scrim,
.vc-landing #promptpin,
.vc-landing #hud #speed {
  display: none !important;
}

/* The "Reading / Editing / Running …" status chip is a nice live caption - keep
   it, just lift it clear of the frame edge. */
.vc-landing #hud { pointer-events: none; }

/* The app reserves the right third for the conversation rail, so #terminal docks
   left of it. The landing drops that rail (#content hidden), which left the
   terminal floating mid-stage. Re-dock it against the right edge. */
.vc-landing #terminal { right: 28px; }
.vc-landing #subterminals,
.vc-landing #filediffs { right: 28px; }
/* #tasks docks immediately left of the terminal (28 + 300 + 14). */
.vc-landing #tasks { right: 342px; }

/* Soften the hard frame edges so the stage melts into the device card's bezel. */
.vc-landing #scene,
.vc-landing #bg {
  -webkit-mask-image: radial-gradient(130% 130% at 50% 45%, #000 72%, transparent 100%);
          mask-image: radial-gradient(130% 130% at 50% 45%, #000 72%, transparent 100%);
}