.docs-page,
.enterprise-page,
.platform-page {
    --subpage-dark: #070a13;
    --subpage-dark-soft: #101224;
    --subpage-light: #f5f6f8;
    --subpage-panel: #ffffff;
    --subpage-text: #171923;
    --subpage-muted: #626778;
    --subpage-purple: #7753e8;
    --subpage-purple-soft: #ede8ff;
    background: var(--subpage-light);
}

.docs-page .main-content,
.enterprise-page .main-content,
.platform-page .main-content {
    min-height: 100vh;
    margin-top: 0;
    background: var(--subpage-light);
}

.docs-page .navbar,
.enterprise-page .navbar,
.platform-page .navbar {
    top: 16px;
    right: clamp(16px, 2.7vw, 40px);
    left: clamp(16px, 2.7vw, 40px);
    width: auto;
    overflow: visible;
    border: 1px solid rgba(218, 224, 244, 0.14);
    border-radius: 16px;
    color: #fff;
    background: rgba(17, 22, 34, 0.86);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(22px) saturate(125%);
}

.docs-page .navbar-container,
.enterprise-page .navbar-container,
.platform-page .navbar-container {
    max-width: none;
    height: 72px;
    padding: 0 28px;
}

.docs-page .navbar-logo,
.enterprise-page .navbar-logo,
.platform-page .navbar-logo {
    gap: 12px;
    color: #f8f7ff;
    font-size: 1.15rem;
}

.docs-page .navbar-logo:hover,
.enterprise-page .navbar-logo:hover,
.platform-page .navbar-logo:hover {
    color: #fff;
}

.docs-page .navbar-logo__mark,
.enterprise-page .navbar-logo__mark,
.platform-page .navbar-logo__mark {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 0;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(107, 67, 217, 0.34));
}

.docs-page .navbar-menu,
.enterprise-page .navbar-menu,
.platform-page .navbar-menu {
    gap: clamp(2rem, 4vw, 4.25rem);
}

.docs-page .navbar-menu a,
.enterprise-page .navbar-menu a,
.platform-page .navbar-menu a {
    color: #c9c8d3;
    font-size: 1rem;
}

.docs-page .navbar-menu a:hover,
.enterprise-page .navbar-menu a:hover,
.platform-page .navbar-menu a:hover,
.docs-page .navbar-menu a.active,
.enterprise-page .navbar-menu a.active,
.platform-page .navbar-menu a.active {
    color: #fff;
}

.docs-page .navbar-menu a.active::after,
.enterprise-page .navbar-menu a.active::after,
.platform-page .navbar-menu a.active::after {
    background: linear-gradient(90deg, #7a56e8, #b28cff);
    box-shadow: 0 0 16px rgba(137, 91, 244, 0.54);
}

.docs-page .lang-switcher,
.enterprise-page .lang-switcher,
.platform-page .lang-switcher {
    min-height: 42px;
    padding: 0 16px;
    border-color: rgba(224, 221, 239, 0.13);
    color: #eeecf6;
    background: rgba(8, 12, 22, 0.38);
}

.docs-page .lang-switcher::after,
.enterprise-page .lang-switcher::after,
.platform-page .lang-switcher::after {
    color: #aaa6bb;
}

.docs-page .lang-dropdown,
.enterprise-page .lang-dropdown,
.platform-page .lang-dropdown {
    border-color: rgba(220, 216, 240, 0.12);
    color: #f4f2fa;
    background: rgba(15, 18, 31, 0.98);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
}

.docs-page .lang-option:hover,
.enterprise-page .lang-option:hover,
.platform-page .lang-option:hover {
    background: rgba(128, 85, 234, 0.16);
}

.docs-page .footer {
    margin-top: 0;
    border-top: 1px solid #e7e8ed;
    background: #f5f6f8;
}

.enterprise-page .footer,
.platform-page .footer {
    margin-top: 0;
    border-top: 1px solid rgba(205, 199, 232, 0.1);
    color: #8f91a3;
    background: #090b18;
}

.docs-page .footer::before,
.enterprise-page .footer::before,
.platform-page .footer::before {
    display: none;
}

@media (max-width: 768px) {
    .docs-page .navbar,
    .enterprise-page .navbar,
    .platform-page .navbar {
        top: 10px;
        right: 10px;
        left: 10px;
        border-radius: 14px;
    }

    .docs-page .navbar-container,
    .enterprise-page .navbar-container,
    .platform-page .navbar-container {
        height: 64px;
        padding: 0 14px;
    }

    .docs-page .navbar-logo,
    .enterprise-page .navbar-logo,
    .platform-page .navbar-logo {
        gap: 8px;
        font-size: 0.88rem;
    }

    .docs-page .navbar-logo__mark,
    .enterprise-page .navbar-logo__mark,
    .platform-page .navbar-logo__mark {
        width: 40px;
        height: 40px;
    }

    .docs-page .navbar-toggle,
    .enterprise-page .navbar-toggle,
    .platform-page .navbar-toggle {
        order: 3;
        padding: 7px 9px;
        border: 1px solid rgba(221, 225, 241, 0.14);
        border-radius: 9px;
        color: #fff;
        background: rgba(8, 12, 22, 0.36);
    }

    .docs-page .navbar-menu,
    .enterprise-page .navbar-menu,
    .platform-page .navbar-menu {
        top: 70px;
        right: 0;
        left: 0;
        width: 100%;
        padding: 18px;
        border: 1px solid rgba(218, 224, 244, 0.14);
        border-radius: 14px;
        color: #fff;
        background: rgba(17, 22, 34, 0.97);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.34);
    }

    .docs-page .navbar-menu a,
    .enterprise-page .navbar-menu a,
    .platform-page .navbar-menu a {
        color: #eceaf5;
    }

    .docs-page .navbar-lang,
    .enterprise-page .navbar-lang,
    .platform-page .navbar-lang {
        margin-right: 8px;
        margin-left: auto;
    }

    .docs-page .lang-switcher,
    .enterprise-page .lang-switcher,
    .platform-page .lang-switcher {
        min-width: 64px;
        padding-left: 10px;
        font-size: 0.78rem;
    }
}

@media (max-width: 460px) {
    .docs-page .navbar-logo span,
    .enterprise-page .navbar-logo span,
    .platform-page .navbar-logo span {
        max-width: 126px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}