@media (min-width: 1201px) {
    body.landing-layout > .site-nav {
        align-items: center;
    }

    body.landing-layout > .site-nav nav {
        align-items: center;
    }

    body.landing-layout > .site-nav nav > .landing-nav-link,
    body.landing-layout > .site-nav nav > .landing-nav-match,
    body.landing-layout > .site-nav nav > .landing-nav-contact,
    body.landing-layout > .site-nav nav > .landing-more-menu > summary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 11px;
        border-radius: 11px;
        color: #465760;
        font-size: .9rem;
        line-height: 1.2;
        transition: color .18s ease, background-color .18s ease, transform .18s ease;
    }

    body.landing-layout > .site-nav nav > .landing-nav-link::after {
        display: none;
    }

    body.landing-layout > .site-nav nav > .landing-nav-link:hover,
    body.landing-layout > .site-nav nav > .landing-nav-link:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-link.is-active,
    body.landing-layout > .site-nav nav > .landing-nav-match:hover,
    body.landing-layout > .site-nav nav > .landing-nav-match:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-contact:hover,
    body.landing-layout > .site-nav nav > .landing-nav-contact:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-contact.is-active,
    body.landing-layout > .site-nav nav > .landing-more-menu:hover > summary,
    body.landing-layout > .site-nav nav > .landing-more-menu:focus-within > summary,
    body.landing-layout > .site-nav nav > .landing-more-menu.is-active > summary {
        color: var(--theme-primary, #16a879) !important;
        background: color-mix(in srgb, var(--theme-primary, #16a879) 12%, #fff) !important;
        transform: translateY(-1px);
    }

    body.landing-layout > .site-nav nav > .landing-nav-link:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-match:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-contact:focus-visible,
    body.landing-layout > .site-nav nav > .landing-more-menu > summary:focus-visible {
        outline: 2px solid #16a879;
        outline-offset: 2px;
    }

    body.landing-layout > .site-nav nav > .nav-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 42px;
        padding: 0 19px;
        border-radius: 12px;
        font-size: .9rem;
        line-height: 1.2;
        box-shadow: 0 7px 16px color-mix(in srgb, var(--theme-primary, #16a879) 22%, transparent);
        transition: box-shadow .18s ease, transform .18s ease;
    }

    body.landing-layout > .site-nav nav > .nav-cta:hover,
    body.landing-layout > .site-nav nav > .nav-cta:focus-visible {
        box-shadow: 0 10px 20px color-mix(in srgb, var(--theme-primary, #16a879) 30%, transparent);
        transform: translateY(-1px);
    }
}

@media (max-width: 1200px) {
    body.landing-layout > .site-nav nav > .landing-nav-link,
    body.landing-layout > .site-nav nav > .landing-nav-match,
    body.landing-layout > .site-nav nav > .landing-nav-contact,
    body.landing-layout > .site-nav nav > .landing-more-menu > summary {
        border: 1px solid transparent;
        border-radius: 10px;
        transition: color .18s ease, background-color .18s ease, border-color .18s ease;
    }

    body.landing-layout > .site-nav nav > .landing-nav-link:hover,
    body.landing-layout > .site-nav nav > .landing-nav-link:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-link.is-active,
    body.landing-layout > .site-nav nav > .landing-nav-match:hover,
    body.landing-layout > .site-nav nav > .landing-nav-match:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-contact:hover,
    body.landing-layout > .site-nav nav > .landing-nav-contact:focus-visible,
    body.landing-layout > .site-nav nav > .landing-nav-contact.is-active,
    body.landing-layout > .site-nav nav > .landing-more-menu:hover > summary,
    body.landing-layout > .site-nav nav > .landing-more-menu:focus-within > summary,
    body.landing-layout > .site-nav nav > .landing-more-menu.is-active > summary {
        border-color: color-mix(in srgb, var(--theme-primary, #16a879) 28%, #fff);
        color: var(--theme-primary, #16a879) !important;
        background: color-mix(in srgb, var(--theme-primary, #16a879) 12%, #fff) !important;
    }

    body.landing-layout > .site-nav nav > .nav-cta {
        border-radius: 10px;
        box-shadow: 0 6px 14px color-mix(in srgb, var(--theme-primary, #16a879) 20%, transparent);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.landing-layout > .site-nav nav > .landing-nav-link,
    body.landing-layout > .site-nav nav > .landing-nav-match,
    body.landing-layout > .site-nav nav > .landing-nav-contact,
    body.landing-layout > .site-nav nav > .landing-more-menu > summary,
    body.landing-layout > .site-nav nav > .nav-cta {
        transition: none;
    }
}
