/* One forest background behind the whole page (2026-11-11).
   landing/forest.js draws it on a fixed canvas; sections stay see-through so it is never cut off.
   The engine band and the footer keep their own background. */
.forest-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body.vD{background-image:none}

/* remove the old decorations: dot fields, hero grid and glow, list-line bands, corner strokes */
body.vD::before,body.vD::after,
.vD .hero::before,.vD .hero::after,
.vD .says::before,.vD .cmp::before,.vD .live::before,.vD .plans-s::before,.vD .faq::before,
.vD .dark::before,.vD .book::before,.vD .try .box::before{display:none}
.vD .ptour,.vD .ptour .pin,.vD .cmp{background:none}

/* the two dark bands become see-through, with dark text like the rest of the page */
.vD .dark,.vD .book{background:none;color:var(--ink);--mark:#1F8A5B;--mark-ink:#fff}
.vD .dark .lede,.vD .book .lede,.vD .book ul{color:var(--ink-2)}
.vD .dark .chat{background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)}
.chat .me{background:#E7EEE8}
.chat .tool{color:var(--ink-3)}
.chat .tool code{color:var(--ink-2);background:rgba(14,42,35,.06)}
.chat .ai{color:var(--ink-2)}
.chat .ai b{color:var(--ink)}
.clients li{border-color:var(--line-2);color:var(--ink-2);background:rgba(255,255,255,.55)}
.vD .dark .btn{background:var(--paper);color:var(--ink);border-color:var(--line-2)}
.vD .dark .btn:hover{border-color:var(--ink-3)}
.vD .book .btn{background:var(--ink);border-color:var(--ink);color:#fff}
.vD .book .cal{border:1px solid var(--line);box-shadow:var(--shadow)}

/* the live Demo opens in light mode, so its frame is light too */
.live-body,.live-body iframe{background:var(--paper)}
.live-body img{opacity:.7}

/* step tour: five steps, and the clip and its text sit in the middle of the screen */
.pdots button{white-space:nowrap;flex:none}
@media (min-width:900px){
  .ptrack{width:500%}
  .ppanel{width:20%}
  .vD .ptour .pin{justify-content:center;padding-top:72px;padding-bottom:16px}
  .ppanel{align-items:center}
  .ppanel .win{width:min(100%,calc((100vh - 330px)*1.6))}
}

/* app windows are light now, to match the light Demo recordings */
.vD .win{background:var(--paper);border-color:var(--line-2)}
.vD .win-bar{background:#EDF2EC;border-bottom-color:var(--line);color:var(--ink-3)}
.vD .win-bar i{background:#C9D5CB}
.live-win .pop{color:var(--ink-3)}
.live-win .pop:hover{background:#E1E9E2;color:var(--ink)}