/* Scoped additions preserve the editorial design and make animated demos optional. */
.marketing-landing {
    overflow: clip;
    font-family: Inter, sans-serif;
}
.marketing-landing :focus-visible {
    outline: 3px solid #16332a;
    outline-offset: 4px;
}
.marketing-landing .weda-card:not(a) {
    cursor: default;
}
.marketing-landing .weda-card:not(a) .weda-arrow-mini {
    display: none;
}
.marketing-landing .animation-paused *,
.marketing-landing .animation-paused {
    animation-play-state: paused !important;
}
.marketing-landing .hero-video {
    background: #16332a;
}
/* Overlay navigation reserves no row. Fill the visible viewport, including mobile
   browser chrome changes, while allowing long content to increase the height. */
.marketing-landing .hero {
    margin-top: 0;
    min-height: 100vh;
    min-height: 100dvh;
}
/* A full-width scrim keeps white navigation legible as the video changes.
   It fades into the hero without introducing a separate navbar surface. */
.marketing-landing .hero::after {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 14rem;
    z-index: 1;
    background: linear-gradient(to bottom, rgb(10 22 18 / 55%), transparent);
    pointer-events: none;
}
.public-region-picker summary {
    white-space: nowrap;
}
.marketing-landing .faq-region {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: -16px 0 28px;
    font-size: 13px;
    color: #525b56;
}
.marketing-landing .faq-region .public-region-options {
    z-index: 10;
}
@media (prefers-reduced-motion: reduce) {
    .marketing-landing *,
    .marketing-landing *::before,
    .marketing-landing *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
    .marketing-landing .sticky-cta {
        display: none;
    }
}
html.show--consent .sticky-cta,
html.show--preferences .sticky-cta {
    visibility: hidden;
}