:root {
    --theme-brand-navy: #041a33;
    --theme-brand-blue: #7ac8f7;
    --theme-brand-blue-strong: #3ea7e7;
    --theme-brand-blue-deep: #0f6fae;

    --theme-bg-1: #eaf4ff;
    --theme-bg-2: #d7e9fb;
    --theme-surface: rgba(255, 255, 255, 0.95);
    --theme-line: #c9ddf2;
    --theme-ink: #12263f;
    --theme-ink-soft: #547091;

    --theme-primary: #2799e0;
    --theme-primary-strong: #1277b7;
    --theme-primary-soft: #e2f2ff;
    --theme-primary-glow: rgba(39, 153, 224, 0.28);

    --theme-shadow: 0 16px 34px rgba(4, 26, 51, 0.14);
    --theme-shadow-soft: 0 10px 24px rgba(4, 26, 51, 0.1);

    --theme-scroll-track: #e4effc;
    --theme-scroll-thumb: #79abd8;
    --theme-scroll-thumb-hover: #4f8dc4;

    --theme-danger: #c24a2e;
    --theme-danger-strong: #9e361f;

    --theme-orb-cool: rgba(122, 200, 247, 0.48);
    --theme-orb-deep: rgba(4, 26, 51, 0.24);

    --theme-header-grad-start: rgba(4, 26, 51, 0.98);
    --theme-header-grad-mid: rgba(15, 111, 174, 0.95);
    --theme-header-grad-end: rgba(62, 167, 231, 0.9);

    --theme-panel-bg: linear-gradient(160deg, rgba(255, 255, 255, 0.98) 0%, rgba(241, 248, 255, 0.96) 100%);
    --theme-panel-bg-soft: linear-gradient(160deg, rgba(247, 252, 255, 0.98) 0%, rgba(236, 245, 255, 0.96) 100%);
}

.brand-lockup {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.brand-logo-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #0b2138 0%, #061324 100%);
    border: 1px solid rgba(39, 82, 124, 0.45);
    box-shadow: 0 8px 16px rgba(6, 22, 42, 0.2);
    padding: 6px 8px;
    flex-shrink: 0;
}

.brand-logo {
    display: block;
    width: auto;
    height: 50px;
}

.brand-heading {
    min-width: 0;
}

@media (max-width: 760px) {
    .brand-lockup {
        flex-direction: column;
        align-items: center;
    }

    .brand-heading {
        text-align: center;
    }

    .brand-logo {
        height: 40px;
    }

    .hero-links {
        justify-content: center;
    }
}