/* Home closing invitation: equal text insets keep the card compact. */
/* Closing invitation: use the Home V2 composition with a proportional scene cropped by the bottom of the card. */
#dock-home-v2 #v2-demo { margin:0; padding:132px 0 0; }
#dock-home-v2 #v2-demo .demo-cta { height:auto; min-height:0; padding:0; border-radius:0; background:transparent; box-shadow:none; align-items:center; }
#dock-home-v2 #v2-demo .demo-cta-left { flex:0 0 52%; min-width:0; padding:64px; z-index:2; }
#dock-home-v2 #v2-demo .ds-h2 { max-width:650px; margin:0; font-size:clamp(42px,4.5vw,70px); line-height:1.08; }
#dock-home-v2 #v2-demo .ds-body-lg { max-width:450px; margin:26px 0 30px; font-size:21px; line-height:1.45; color:var(--ds-ink-80); }
#dock-home-v2 #v2-demo .demo-cta-illo { display:block; position:absolute; right:-88px; top:auto; bottom:-1px; width:72%; height:auto; aspect-ratio:840 / 285; margin:0; translate:none; transform:none; container-type:inline-size; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-il { position:absolute; inset:0; margin:0; aspect-ratio:auto; overflow:visible; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-fit { top:0; bottom:auto; transform:scale(calc(100cqw / 840px)); transform-origin:top left; }
/* Webflow's paragraph styles must not change the illustration's UI typography. */
#dock-home-v2 #v2-demo .demo-cta-illo .wd-bub p { margin:0; font:inherit; color:inherit; }
#dock-home-v2 #v2-demo .wd-cur--cfo i { color:#fff; }

/* Webflow embeds interrupt the shared adjacent-sibling footer rule. */
#dock-home-v2 .ds-footer { margin-top:0; }
#dock-home-v2 .ds-footer-tagline,
#dock-home-v2 .ds-footer-copy { margin:0; line-height:20px; }
#dock-home-v2 .ds-footer-legal a { padding:0; line-height:20px; }

@media (max-width:1100px) {
  #dock-home-v2 #v2-demo .demo-cta-left { padding:44px; }
}
@media (max-width:900px) {
  #dock-home-v2 #v2-demo { padding:80px 0 0; }
  #dock-home-v2 #v2-demo .demo-cta { min-height:720px; align-items:flex-start; }
  #dock-home-v2 #v2-demo .demo-cta-left { flex-basis:100%; padding:44px; }
  #dock-home-v2 #v2-demo .demo-cta-illo { top:auto; bottom:-1px; left:auto; right:-20px; width:100%; translate:none; transform:none; }
  #dock-home-v2 .ds-footer-bottom { flex-wrap:wrap; }
  #dock-home-v2 .ds-footer-legal { margin-left:0; }
}
@media (max-width:600px) {
  #dock-home-v2 #v2-demo { padding:64px 0 0; }
  #dock-home-v2 #v2-demo .demo-cta { min-height:504px; border-radius:0; }
  #dock-home-v2 #v2-demo .demo-cta-left { padding:28px; }
  #dock-home-v2 #v2-demo .ds-h2 { font-size:38px; }
  #dock-home-v2 #v2-demo .ds-body-lg { font-size:18px; }
  #dock-home-v2 #v2-demo .demo-cta-illo { left:auto; right:-28%; bottom:-1px; width:150%; aspect-ratio:840 / 320; }
  #dock-home-v2 .ds-footer > .ds-container { padding-top:48px; }
  #dock-home-v2 .ds-footer-grid { gap:32px 24px; }
  #dock-home-v2 .ds-footer-badges { margin-top:16px; }
}

#dock-home-v2 #v2-demo > .ds-container { width:calc(100% - 2 * var(--ds-page-gutter)); max-width:var(--ds-content-max); padding:0; margin-inline:auto; }

/* A small presenter tile gives the closing scene the feel of a personal demo. */
#dock-home-v2 #v2-demo .wd-chat { display:none; }
#dock-home-v2 #v2-demo .demo-call-preview { position:absolute; z-index:3; right:112px; bottom:32px; width:clamp(128px,14vw,196px); aspect-ratio:4/3; overflow:hidden; border-radius:8px; background:#121722; box-shadow:0 0 0 .5px #12172226,0 2px 6px #12172214; }
#dock-home-v2 #v2-demo .demo-call-preview > img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
#dock-home-v2 #v2-demo .demo-call-preview::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,#0009); pointer-events:none; }
#dock-home-v2 #v2-demo .demo-call-preview > span { position:absolute; bottom:9px; left:10px; z-index:1; color:#fff; font:500 12px/16px var(--ds-font); }
#dock-home-v2 #v2-demo .demo-call-preview > svg { position:absolute; bottom:10px; right:10px; z-index:1; width:14px; height:14px; color:#fff; }
@media(max-width:900px) { #dock-home-v2 #v2-demo .demo-call-preview { right:44px; bottom:24px; } }
@media(max-width:600px) { #dock-home-v2 #v2-demo .demo-call-preview { right:calc(18.6667% + 16px); bottom:20px; width:118px; } }

/* Keep the mock product UI decorative; only the presenter and cursor respond. */
#dock-home-v2 #v2-demo .demo-cta-illo { pointer-events:auto; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-il { pointer-events:none; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-cur--cfo { left:465px; top:70px; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-cur--cfo i { left:auto; right:8px; border-radius:10.404px 3.468px 10.404px 10.404px; }
#dock-home-v2 #v2-demo .demo-cta-illo .wd-cur--cfo.is-label-right i { right:auto; left:12.55px; border-radius:3.468px 10.404px 10.404px 10.404px; }
#dock-home-v2 #v2-demo .demo-cta-illo.is-you-following { cursor:none; }
#dock-home-v2 #v2-demo .demo-call-preview { display:block; padding:0; border:0; appearance:none; text-align:left; cursor:grab; touch-action:none; user-select:none; -webkit-user-select:none; }
#dock-home-v2 #v2-demo .demo-call-preview > img { pointer-events:none; -webkit-user-drag:none; }
#dock-home-v2 #v2-demo .demo-call-preview.is-dragging { cursor:grabbing; }
#dock-home-v2 #v2-demo .demo-call-preview:focus-visible { outline:2px solid #0068f9; outline-offset:3px; }