:root {
    --uncode-blue: #221cff;
    --uncode-blue-light: #5d74ff;
    --uncode-bg: #080b16;
    --uncode-card: #11162a;
}

.uncode-header {
    background: linear-gradient(180deg, rgba(5, 8, 18, .92), rgba(5, 8, 18, .35), transparent);
}

.uncode-logo {
    width: 270px;
    max-height: 72px;
    object-fit: contain;
}

.uncode-logo-mobile {
    width: 210px;
    max-height: 58px;
    object-fit: contain;
}

#mainmenu > li > a.active {
    color: var(--uncode-blue-light) !important;
}

.hero-uncode {
    min-height: 820px;
}

.hero-uncode .hero-copy {
    max-width: 700px;
}

.hero-uncode h1 {
    letter-spacing: -0.04em;
}

.hero-uncode .lead {
    max-width: 680px;
}

.uncode-pill {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid rgba(93, 116, 255, .45);
    border-radius: 999px;
    color: #aebaff;
    background: rgba(34, 28, 255, .10);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.uncode-card {
    background: linear-gradient(145deg, rgba(20, 26, 49, .95), rgba(9, 12, 26, .95));
    border: 1px solid rgba(255, 255, 255, .07);
    height: 100%;
}

.uncode-card:hover {
    border-color: rgba(93, 116, 255, .5);
}

.uncode-number {
    font-size: 58px;
    line-height: 1;
    color: rgba(93, 116, 255, .35);
    font-weight: 800;
}

.uncode-footer-logo {
    width: 280px;
    max-width: 100%;
}

.uncode-section-image img {
    min-height: 430px;
    object-fit: cover;
}

@media (max-width: 991px) {
    .uncode-logo { width: 220px; }
    .hero-uncode { min-height: 700px; }
}