/* Landing HUD — același limbaj ca app: sticlă peste câmp */

body.landing-v2 {
    --v2-bg: #0B1A10;
    --v2-bg2: #122016;
    --v2-surface: rgba(8, 16, 12, 0.62);
    --v2-surface-2: rgba(8, 16, 12, 0.78);
    --v2-text: #F4F7F2;
    --v2-text-muted: #A8B5A4;
    --v2-text-subtle: #7E8C7A;
    --v2-text-inverse: #0B1A10;
    --v2-primary: #D4F34A;
    --v2-primary-hover: #C4E23E;
    --v2-primary-soft: rgba(212, 243, 74, 0.14);
    --v2-accent: #D4F34A;
    --v2-accent-hover: #C4E23E;
    --v2-accent2: #F5E36B;
    --v2-accent-soft: rgba(212, 243, 74, 0.14);
    --v2-dark-green: #0B1A10;
    --v2-border: rgba(255, 255, 255, 0.10);
    --v2-border-strong: rgba(255, 255, 255, 0.16);
    --v2-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter', system-ui, sans-serif;
    --v2-font-serif: var(--v2-font-display);
    --v2-font-sans: -apple-system, BlinkMacSystemFont, 'Inter', system-ui, sans-serif;
    background: #0B1A10;
    color: #F4F7F2;
}

body.landing-v2 .landing-nav {
    top: 16px;
    left: 16px;
    right: 16px;
    width: auto;
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
    background: rgba(8, 16, 12, 0.55) !important;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 999px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

body.landing-v2 .landing-nav.nav-light,
body.landing-v2 .landing-nav.scrolled {
    background: rgba(8, 16, 12, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}

body.landing-v2 .landing-nav .brand-logo {
    filter: brightness(0) invert(1);
    max-height: 40px;
}

body.landing-v2 .nav-link,
body.landing-v2 .login-btn,
body.landing-v2 .nav-demo-footnote {
    color: #F4F7F2;
}

body.landing-v2 .demo-btn,
body.landing-v2 .v2-btn--primary {
    background: #D4F34A;
    color: #0B1A10;
    border-radius: 999px;
    border: none;
    font-weight: 700;
}

body.landing-v2 .demo-btn:hover,
body.landing-v2 .v2-btn--primary:hover {
    background: #C4E23E;
    color: #0B1A10;
}

body.landing-v2 .v2-btn--secondary,
body.landing-v2 .login-btn {
    background: rgba(255, 255, 255, 0.08);
    color: #F4F7F2;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
}

body.landing-v2 .v2-hero {
    position: relative;
    min-height: 92vh;
    background:
        linear-gradient(180deg, rgba(8, 16, 12, 0.28) 0%, rgba(8, 16, 12, 0.72) 100%),
        url('https://images.unsplash.com/photo-1625246333195-78d9c38ad449?auto=format&fit=crop&w=2000&q=80') center / cover no-repeat,
        #0B1A10;
    color: #F4F7F2;
}

body.landing-v2 .v2-hero__title,
body.landing-v2 .v2-heading-hero,
body.landing-v2 .v2-kicker,
body.landing-v2 .v2-hero__subtitle {
    color: #F4F7F2;
    font-family: var(--v2-font-display);
}

body.landing-v2 .v2-hero__title em,
body.landing-v2 .v2-heading-hero em {
    color: #D4F34A;
    font-style: normal;
}

body.landing-v2 .v2-hero__float-badge {
    background: rgba(8, 16, 12, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #F4F7F2;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.landing-v2 .v2-panorama,
body.landing-v2 .v2-section,
body.landing-v2 section {
    background: #0B1A10;
    color: #F4F7F2;
}

body.landing-v2 .v2-card,
body.landing-v2 .capability-card,
body.landing-v2 .v2-feature {
    background: rgba(8, 16, 12, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 20px;
    color: #F4F7F2;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

@media (max-width: 767px) {
    body.landing-v2 .landing-nav {
        top: 10px;
        left: 10px;
        right: 10px;
        border-radius: 22px;
        min-height: 56px;
    }

    body.landing-v2 .landing-nav.nav-mobile-open .nav-links {
        background: rgba(8, 16, 12, 0.96) !important;
        color: #F4F7F2;
    }
}