/* Boost Center-landingspagina: Groeiscan-demo (mock/groeiscan.php + landing-gsdemo.js).
   De opmaak van het scherm zelf staat als inline stijl in het sjabloon van landing-gsdemo.js (1-op-1 uit het prototypecomponent);
   hier alleen de container: de breedte van het kader, hoogte = breedte / 2 (het canvas is 1280x640 en schaalt met transform: scale(breedte / 1280)).
   Het canvas zelf (position: absolute; top/left 0; 1280x640; transform-origin: 0 0) komt uit het sjabloon. */
.lp-gsdemo { position: relative; width: 100%; aspect-ratio: 2 / 1; overflow: hidden; overflow: clip; background: #f6f5f5; contain: layout paint; pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* Browsers zonder aspect-ratio: hoogte = 50% van de breedte via een opvuller (het canvas is absoluut gepositioneerd). */
@supports not (aspect-ratio: 2 / 1) { .lp-gsdemo::before { content: ''; display: block; padding-top: 50%; } }

/* Het browserkader laat de demo zijn eigen hoogte bepalen (het oude nep-scherm had een vaste hoogte van 380px). */
.lp-gs__screen { height: auto; }