/* Categoria: publico. landing; composição e estados deste módulo. */
html.landing-page {
    scrollbar-width: none;
}

html.landing-page::-webkit-scrollbar {
    display: none;
}

/* Composição exclusiva da landing; tokens e componentes vêm de styles compartilhados. */
.landing {
    --landing-width: 1200px;
    --landing-gutter: clamp(24px, 5vw, 64px);
    --landing-inset: max(var(--landing-gutter), calc((100% - var(--landing-width)) / 2));
    --landing-section-space: clamp(48px, 7vw, 80px);
    --focus-visible: var(--focus-on-dark);
    --flag-red: #df817b;
    --flag-yellow: #edcb70;
    --flag-green: #9bbb91;
    --ease-smooth: cubic-bezier(.45, 0, .55, 1);
}

.landing .ui-skip-link:focus-visible {
    outline-color: var(--focus-on-light);
}

.landing-header {
    position: absolute;
    z-index: 5;
    inset: 0 0 auto;
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
    padding: var(--space-3) var(--landing-inset);
    color: var(--white);
}