.demo-landing .entry-copy{position:relative;isolation:isolate;overflow:hidden;padding-top:30px;padding-bottom:22px}.entry-copy>.kicker,.entry-copy>h1,.entry-copy>.intro,.billboard-controls{position:relative;z-index:2}.billboard-motion{position:absolute;inset:-50px 0 -35px;z-index:-1;pointer-events:none;opacity:.25;transform:translate(var(--billboard-x,0px),var(--billboard-y,0px));transition:transform .45s ease-out}.billboard-motion:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 5%,#122a26a8 32%,#122a26bf 68%,transparent 95%)}.billboard-motion svg{display:block;width:100%;height:100%;overflow:visible}.board-frame{fill:#9ccbb0;stroke:#c9e6c8;stroke-width:2}.board-screen{fill:#335b43;transition:fill .5s}.board-structure{fill:none;stroke:#9ccbb0;stroke-width:4;stroke-linejoin:round}.board-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;fill:#f7f8f2;letter-spacing:-.5px}.board-small{font:8px 'DM Sans',sans-serif;letter-spacing:2px;fill:#d7f54d}.board-upload{fill:none;stroke:#d7f54d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.board-progress{fill:none;stroke:#d7f54d;stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200;animation:billboard-loading 6s ease-in-out infinite;animation-delay:var(--delay)}.city-line{fill:none;stroke:#91b29b;stroke-width:1;opacity:.45}.motion-board{animation:billboard-float 8s ease-in-out infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:center}.board-active .board-screen{fill:#91b51b}.board-active .board-frame{stroke:#d7f54d;stroke-width:5}.has-preview .billboard-motion{opacity:.4}.billboard-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}.billboard-controls button{font:11px 'DM Sans',sans-serif;border:0;background:transparent;color:#c5d8c8;cursor:pointer;padding:7px 0;min-height:32px}.billboard-controls .billboard-try{color:#d7f54d}.billboard-controls .billboard-try span{margin-left:6px}.billboard-controls button:focus-visible{outline:2px solid #d7f54d;outline-offset:4px}.motion-paused .motion-board,.motion-paused .board-progress,.motion-offscreen .motion-board,.motion-offscreen .board-progress{animation-play-state:paused}
@keyframes billboard-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(var(--drift)) rotate(1deg)}}@keyframes billboard-loading{0%,15%{stroke-dashoffset:200;opacity:.4}60%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.2}}
@media(max-width:800px){.demo-landing .entry-copy{padding-top:20px;padding-bottom:16px}.billboard-motion{inset:-10px -105px -30px;opacity:.2}.billboard-motion svg{min-height:240px}.billboard-motion:after{background:linear-gradient(90deg,transparent,#122a2680 35%,#122a2680 65%,transparent)}.billboard-controls{margin-top:12px;gap:18px}.billboard-controls button{font-size:10px}.has-preview .billboard-motion{opacity:.35}}
@media(prefers-reduced-motion:reduce){.motion-board,.board-progress{animation:none}.billboard-motion{transition:none}.board-progress{stroke-dashoffset:0}}