/* ===== Nav visibility boost =====
   Layered on top of landing-page.css so the top menu reads as a clear,
   sticky brand bar instead of blending into the page. */

.nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.10) !important;
}

.nav .nav-inner {
    min-height: 76px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.nav .brand {
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.2px !important;
}

.nav .nav-links {
    gap: 6px !important;
}

.nav .nav-links a {
    font-size: 15.5px !important;
    font-weight: 600 !important;
    color: var(--slate-700, #334155) !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}

.nav .nav-links a:hover {
    background: var(--teal-50, #f0fdfa) !important;
    color: var(--teal-700, #0d9488) !important;
}

.nav .nav-cta .btn {
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 11px 20px !important;
}

.nav .nav-toggle {
    transform: scale(1.15) !important;
}

/* Give the sticky bar room to sit above hero content without overlap */
.nav ~ header.hero {
    scroll-margin-top: 84px !important;
}