* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        /* FULL SCREEN - NO SCROLL */
        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: fixed;
            top: 0;
            left: 0;
        }

        body {
            font-family: "jost", sans-serif !important;
            background: #0A0F0D;
        }

        /* MAIN WRAPPER - full viewport, no overflow */
        .mpa-fullscreen {
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: hidden;
        }

        /* BACKGROUND VIDEO - full width, perfect cover */
        .video-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
        }

        /* dark premium overlay for readability */
        .overlay-dark {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            background:
                radial-gradient(circle at 50% 0%, rgba(22, 89, 141, 0.18), transparent 38%),
                radial-gradient(circle at 20% 80%, rgba(10, 60, 93, 0.14), transparent 32%),
                linear-gradient(180deg, rgba(4, 15, 24, 0.22) 0%, rgba(3, 10, 16, 0.58) 100%);
        }

        /* CONTENT STACK */
        .content-layer {
            position: relative;
            z-index: 2;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 2rem 3rem;
        }

        /* ========= TOP CENTER LOGO + CLASSY BUTTONS ========= */
        .top-brand {
            position: absolute;
            top: 2rem;
            left: 0;
            right: 0;
            text-align: center;
            z-index: 15;
        }

        .logo-circle {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.75rem;
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            padding: 0.6rem 2rem;
            border-radius: 80px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            background: rgba(255, 255, 255, 0.05);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        .logo-circle:hover {
            transform: translateY(-3px);
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.28);
            box-shadow: 0 20px 35px rgba(0, 0, 0, 0.25);
        }

        .logo-icon-emblem {
            font-size: 2.4rem;
            filter: drop-shadow(0 2px 6px rgba(0,0,0,0.3));
        }

        .logo-text-gold h1 {
            font-size: 1.7rem;
            font-weight: 800;
            letter-spacing: -0.5px;
            background: linear-gradient(135deg, #FFFFFF, #DCEEFF);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            line-height: 1.2;
        }

        .logo-text-gold p {
            font-size: 0.65rem;
            letter-spacing: 2.5px;
            font-weight: 600;
            color: rgba(226, 242, 255, 0.9);
            margin-top: 2px;
        }

        /* CENTER HERO TAGLINE (optional but adds class) */
        .hero-center {
            text-align: center;
            max-width: 85%;
            margin-bottom: 3rem;
            animation: fadeUp 1s ease-out;
        }

        .hero-center h2 {
            font-size: clamp(2rem, 5vw, 4.2rem);
            font-weight: 800;
            letter-spacing: -0.02em;
            color: white;
            text-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
            margin-bottom: 0.75rem;
        }

        .hero-center p {
            font-size: clamp(0.9rem, 2vh, 1.2rem);
            font-weight: 500;
            color: rgba(255, 255, 240, 0.95);
            text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        }

        /* ===== PREMIUM BUTTON GROUP ===== */
        /* FIX: Ensure buttons always stay in a single row on desktop/laptop 
           No wrapping, use flex nowrap for large screens */
        .btn-premium-group {
            display: flex;
            flex-wrap: nowrap;        /* CRITICAL: prevents wrapping on laptops/desktop */
            justify-content: center;
            gap: 1.2rem;
            margin-top: 1rem;
            animation: slideUp 0.8s cubic-bezier(0.2, 0.9, 0.4, 1.1) 0.2s both;
        }

        .classy-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            min-width: 190px;
            padding: 1rem 2.25rem;
            border-radius: 999px;
            border: 1px solid transparent;
            background:
                linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02)) padding-box,
                linear-gradient(135deg, #072c46 0%, #0a3c5d 22%, #16598d 58%, #0b3a59 100%) border-box;
            background-size: 100% 100%, 220% 220%;
            color: #ffffff;
            cursor: pointer;
            text-decoration: none;
            font-weight: 800;
            font-size: 0.92rem;
            letter-spacing: 0.01em;
            overflow: hidden;
            isolation: isolate;
            z-index: 1;
            transition:
                transform 0.38s cubic-bezier(0.2, 0.9, 0.4, 1.2),
                box-shadow 0.38s ease,
                border-color 0.38s ease,
                filter 0.38s ease;
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            box-shadow:
                0 10px 22px rgba(3, 17, 27, 0.22),
                0 18px 42px rgba(10, 60, 93, 0.30),
                inset 0 1px 0 rgba(255,255,255,0.22),
                inset 0 -8px 18px rgba(0,0,0,0.18);
            animation: premiumGradientShift 6s ease infinite;
        }

        /* glossy top highlight */
        .classy-btn::before {
            content: '';
            position: absolute;
            inset: 1px;
            border-radius: inherit;
            background:
                linear-gradient(
                    180deg,
                    rgba(255,255,255,0.30) 0%,
                    rgba(255,255,255,0.12) 16%,
                    rgba(255,255,255,0.04) 40%,
                    rgba(255,255,255,0.00) 100%
                );
            z-index: -1;
            pointer-events: none;
        }

        /* shine streak */
        .classy-btn::after {
            content: '';
            position: absolute;
            top: -25%;
            left: -130%;
            width: 42%;
            height: 150%;
            background: linear-gradient(
                115deg,
                transparent 0%,
                rgba(255,255,255,0.00) 24%,
                rgba(255,255,255,0.62) 48%,
                rgba(255,255,255,0.18) 52%,
                rgba(255,255,255,0.00) 72%,
                transparent 100%
            );
            transform: skewX(-24deg);
            transition: left 0.95s ease;
            z-index: 3;
            pointer-events: none;
        }

        /* soft moving aura */
        .classy-btn .btn-orbit {
            position: absolute;
            inset: -32%;
            border-radius: inherit;
            background: conic-gradient(
                from 0deg,
                transparent 0deg,
                rgba(16, 79, 124, 0.00) 35deg,
                rgba(110, 196, 255, 0.26) 90deg,
                rgba(255,255,255,0.12) 130deg,
                rgba(22, 89, 141, 0.34) 210deg,
                rgba(10, 60, 93, 0.00) 290deg,
                transparent 360deg
            );
            filter: blur(18px);
            opacity: 0;
            z-index: -2;
            animation: orbitSpin 4.8s linear infinite;
            transition: opacity 0.35s ease;
            pointer-events: none;
        }

        .classy-btn .btn-ripple {
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background:
                radial-gradient(circle at 20% 20%, rgba(255,255,255,0.20), transparent 24%),
                radial-gradient(circle at 80% 80%, rgba(255,255,255,0.10), transparent 20%);
            opacity: 0.7;
            z-index: -1;
            pointer-events: none;
        }

        .classy-btn i,
        .classy-btn span,
        .classy-btn strong,
        .classy-btn small,
        .classy-btn .btn-text {
            position: relative;
            z-index: 4;
        }

        .classy-btn i {
            margin-right: 4px;
            font-style: normal;
            font-weight: 800;
            transition: transform 0.35s ease;
        }

        .classy-btn:hover {
            transform: translateY(-8px) scale(1.04);
            filter: saturate(1.08);
            box-shadow:
                0 16px 32px rgba(3, 17, 27, 0.24),
                0 28px 55px rgba(10, 60, 93, 0.40),
                0 0 0 1px rgba(255,255,255,0.06),
                0 0 30px rgba(22, 89, 141, 0.22),
                inset 0 1px 0 rgba(255,255,255,0.24),
                inset 0 -10px 22px rgba(0,0,0,0.24);
        }

        .classy-btn:hover::after {
            left: 145%;
        }

        .classy-btn:hover .btn-orbit {
            opacity: 1;
        }

        .classy-btn:hover i {
            transform: translateX(3px) scale(1.08);
        }

        .classy-btn:active {
            transform: translateY(-2px) scale(0.988);
            box-shadow:
                0 10px 20px rgba(3, 17, 27, 0.22),
                0 14px 28px rgba(10, 60, 93, 0.26),
                inset 0 2px 8px rgba(0,0,0,0.18);
        }

        .btn-luxury {
            background:
                linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) padding-box,
                linear-gradient(135deg, #041f33 0%, #082f49 22%, #14527f 60%, #072a43 100%) border-box;
        }

        .btn-main-cta {
            animation:
                premiumGradientShift 6s ease infinite,
                btnFloatPulse 3.6s ease-in-out infinite;
        }

        /* =========================================================
           DESKTOP / LAPTOP ORIGINAL NAV STYLE
           ========================================================= */
        .cards-row {
            position: absolute;
            bottom: 2rem;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 1.15rem;
            padding: 0 2rem;
            z-index: 12;
            flex-wrap: wrap;
            pointer-events: none;
        }

        .card-link {
            text-decoration: none;
            pointer-events: auto;
            -webkit-tap-highlight-color: transparent;
        }

     .glass-card.ultra-nav-card {
    position: relative;
    width: 210px;
    min-height: 78px;
    padding: 14px 14px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 999px;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
    pointer-events: auto;
    text-align: center;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02)) padding-box, linear-gradient(135deg, #bf8533 0%, #bf8533 28%, #bf8533 60%, #bf8533 100%) border-box;
    border: 1px solid transparent;
    box-shadow:
        0 10px 24px rgba(0,0,0,0.20),
        0 8px 20px rgba(191,133,51,0.10),
        inset 0 1px 0 rgba(255,255,255,0.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition:
        background 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease;
}

/* main text */
.glass-card.ultra-nav-card h4 {
    position: relative;
    z-index: 5;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #ffffff;
    text-shadow: 0 1px 4px rgba(0,0,0,0.18);
    transition: color 0.3s ease, transform 0.3s ease;
    line-height: 1.1;
}

/* soft ambient glow */
.ultra-card-ring {
    position: absolute;
    inset: -30%;
    border-radius: inherit;
    background: radial-gradient(
        circle,
        rgba(255, 218, 160, 0.12) 0%,
        rgba(191,133,51,0.10) 35%,
        rgba(191,133,51,0.00) 70%
    );
    filter: blur(18px);
    opacity: 0;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.35s ease;
}

/* subtle shine */
.ultra-card-shine {
    position: absolute;
    top: 0;
    left: -120%;
    width: 36%;
    height: 100%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.18) 50%,
        rgba(255,255,255,0) 100%
    );
    z-index: 3;
    pointer-events: none;
    transform: skewX(-20deg);
    transition: left 0.8s ease;
}

/* glossy top layer */
.glass-card.ultra-nav-card::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(
        180deg,
        rgba(255,255,255,0.16) 0%,
        rgba(255,255,255,0.05) 22%,
        rgba(255,255,255,0.01) 48%,
        rgba(255,255,255,0.00) 100%
    );
    z-index: 2;
    pointer-events: none;
}

/* bottom depth - soft only */
.glass-card.ultra-nav-card::after {
    content: '';
    position: absolute;
    inset: auto 14% 8px 14%;
    height: 16px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,0,0,0.14), transparent 72%);
    filter: blur(8px);
    opacity: 0.45;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* base nav alignment */
.ultra-nav-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ultra-icon {
    position: relative;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    line-height: 1;
    color: #ffffff;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Service icons - specific styling */
.ultra-icon.service-icon {
    font-size: 26px;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.18));
}

/* hover */
.glass-card.ultra-nav-card:hover {
    transform: translateY(-3px);
    box-shadow:
        0 14px 28px rgba(0,0,0,0.24),
        0 10px 24px rgba(191,133,51,0.14),
        inset 0 1px 0 rgba(255,255,255,0.14);
}

.glass-card.ultra-nav-card:hover .ultra-card-ring {
    opacity: 1;
}

.glass-card.ultra-nav-card:hover .ultra-card-shine {
    left: 125%;
}

.glass-card.ultra-nav-card:hover h4 {
    transform: translateY(-1px);
    color: #fffaf2;
}

.glass-card.ultra-nav-card:hover::after {
    opacity: 0.6;
}

.ultra-nav-card:hover .ultra-icon {
    transform: translateY(-1px);
    color: #fff4df;
}

/* active/current item */
.glass-card.ultra-nav-card.active-card {
    box-shadow:
        0 14px 28px rgba(0,0,0,0.24),
        0 10px 22px rgba(191,133,51,0.16),
        inset 0 1px 0 rgba(255,255,255,0.15);
}

.glass-card.ultra-nav-card.active-card .ultra-card-ring {
    opacity: 0.9;
}

.active-card .ultra-icon {
    color: #ffffff;
}

/* click */
.glass-card.ultra-nav-card:active {
    transform: translateY(0) scale(0.99);
}

/* floating animation removed for professional look */
.glass-card.ultra-nav-card:nth-child(1),
.glass-card.ultra-nav-card:nth-child(2),
.glass-card.ultra-nav-card:nth-child(3),
.glass-card.ultra-nav-card:nth-child(4),
.glass-card.ultra-nav-card:nth-child(5) {
    animation: none;
}

/* kept only if used somewhere else */
@keyframes ultraSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes cardFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

.glass-card {
    background: linear-gradient(145deg, rgba(40, 27, 15, 0.92), rgba(191, 133, 51, 0.82));
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 28px;
    padding: 1rem 1.6rem;
    width: 220px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, transform 0.35s ease;
    pointer-events: auto;
    cursor: pointer;
    box-shadow:
        0 10px 24px -12px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

.glass-card:hover {
    transform: translateY(-4px);
    background: linear-gradient(145deg, rgba(243, 175, 80, 0.795), rgba(191, 133, 51, 0.88));
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow:
        0 16px 30px -14px rgba(0, 0, 0, 0.36),
        0 8px 20px rgba(191, 133, 51, 0.12);
}

.glass-card h4 {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.4rem;
}

.glass-card p {
    font-size: 0.7rem;
    color: rgba(255, 244, 225, 0.82);
    line-height: 1.3;
}

/* responsive animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes premiumGradientShift {
    0% {
        background-position: 100% 100%, 0% 50%;
    }
    50% {
        background-position: 100% 100%, 100% 50%;
    }
    100% {
        background-position: 100% 100%, 0% 50%;
    }
}

@keyframes orbitSpin {
    0% {
        transform: rotate(0deg) scale(0.98);
    }
    50% {
        transform: rotate(180deg) scale(1);
    }
    100% {
        transform: rotate(360deg) scale(0.98);
    }
}

@keyframes btnFloatPulse {
    0%, 100% {
        transform: translateY(0);
        box-shadow:
            0 10px 22px rgba(0, 0, 0, 0.20),
            0 8px 18px rgba(191,133,51,0.12),
            inset 0 1px 0 rgba(255,255,255,0.10);
    }
    50% {
        transform: translateY(-2px);
        box-shadow:
            0 14px 24px rgba(0, 0, 0, 0.24),
            0 10px 22px rgba(191,133,51,0.14),
            inset 0 1px 0 rgba(255,255,255,0.12);
    }
}
        /* =========================================================
           TABLET + MOBILE ONLY NAV STYLE (unchanged, exactly as provided)
           ========================================================= */
        @media (max-width: 900px) {
            .cards-row {
                position: absolute;
                left: 50%;
                right: auto;
                transform: translateX(-50%);
                bottom: 0.65rem;
                width: calc(100% - 18px);
                max-width: 760px;
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                align-items: end;
                gap: 0;
                padding: 0;
               background: linear-gradient(
    180deg,
    #d89c3a 0%,
    #af7a2b 45%,
    #8a5f1f 100%
);
                border-top: 1px solid rgba(112, 205, 255, 0.32);
                border-radius: 16px;
                overflow: visible;
                box-shadow:
                    0 12px 30px rgba(0,0,0,0.35),
                    0 8px 22px rgba(3,34,58,0.30),
                    inset 0 1px 0 rgba(255,255,255,0.05);
                pointer-events: auto;
            }

            .cards-row::before {
                content: "";
                position: absolute;
                top: 0;
                left: 8%;
                right: 8%;
                height: 1px;
                background: linear-gradient(90deg, transparent, rgba(236, 168, 41, 0.82), transparent);
            }

            .card-link {
                display: flex;
                align-items: stretch;
                justify-content: center;
            }

            .glass-card.ultra-nav-card {
                width: 100%;
                min-height: 72px;
                padding: 8px 3px 10px;
                border-radius: 0;
                gap: 4px;
                background: transparent;
                border: 0;
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
                overflow: visible;
                transform: none !important;
                animation: none !important;
                justify-content: flex-end;
            }

            .glass-card.ultra-nav-card::before,
            .glass-card.ultra-nav-card::after,
            .ultra-card-ring,
            .ultra-card-shine {
                display: none !important;
            }

            .ultra-nav-card {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
                gap: 4px;
            }

            .glass-card.ultra-nav-card h4 {
                font-size: 13.5px;
                font-weight: 600;
                color: #e7f7ff;
                letter-spacing: 0;
                text-shadow: none;
                transition: color 0.25s ease;
                line-height: 1.05;
                white-space: nowrap;
                margin: 0;
            }

            .ultra-icon {
                font-size: 20px;
                color: #ffffff;
                transform: none !important;
                transition: color 0.25s ease, transform 0.25s ease;
                margin: 0;
            }

            .ultra-icon.service-icon {
                font-size: 20px;
            }

            .glass-card.ultra-nav-card:hover {
                background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
                box-shadow: none;
                filter: none;
            }

            .ultra-nav-card:hover .ultra-icon {
                color: #f1a71d;
                transform: translateY(-1px) !important;
            }

            .glass-card.ultra-nav-card:hover h4 {
                color: #ffffff;
                transform: none;
                letter-spacing: 0;
            }

            .glass-card.ultra-nav-card.active-card .ultra-icon,
            .glass-card.ultra-nav-card.active-card h4 {
                color: #ffffff;
            }

            .cards-row .card-link:nth-child(3) .glass-card.ultra-nav-card {
                padding-top: 0;
            }
            .cards-row .card-link:nth-child(3) .ultra-icon {
                width: auto;
                height: auto;
                margin-top: 0;
                margin-bottom: 0;
                border-radius: 0;
                background: none;
                box-shadow: none;
                font-size: 19px;
                color: #ffffff;
            }
            .cards-row .card-link:nth-child(3) .glass-card.ultra-nav-card h4 {
                margin-top: 1px;
                color: #ffffff;
            }

            .glass-card.ultra-nav-card:active {
                transform: scale(0.97) !important;
            }
        }

        @media (max-width: 700px) {
            .cards-row {
                width: calc(100% - 10px);
                bottom: 0.45rem;
                border-radius: 14px;
            }
            .glass-card.ultra-nav-card {
                min-height: 68px;
                padding: 7px 2px 9px;
                gap: 4px;
            }
            .glass-card.ultra-nav-card h4 {
                font-size: 9.5px;
            }
            .ultra-icon {
                font-size: 17px;
            }
            .ultra-icon.service-icon {
                font-size: 18px;
            }
            .cards-row .card-link:nth-child(3) .ultra-icon {
                width: 50px;
                height: 50px;
                margin-top: -24px;
                font-size: 22px;
            }
        }

        @media (max-width: 550px) {
            .cards-row {
                width: calc(100% - 6px);
                bottom: 60px;
                border-radius: 12px;
            }
            .glass-card.ultra-nav-card {
                min-height: 64px;
                padding: 7px 1px 8px;
                gap: 3px;
            }
            .glass-card.ultra-nav-card h4 {
                font-size: 11px;
            }
            .ultra-icon {
                font-size: 26px;
            }
            .ultra-icon.service-icon {
                font-size: 17px;
            }
            .cards-row .card-link:nth-child(3) .ultra-icon {
                width: 46px;
                height: 22px;
                margin-top: -22px;
                font-size: 24px;
            }
        }

        /* ========= RESPONSIVE (general website) ========= */
        @media (max-width: 900px) {
            .content-layer {
                padding: 1.5rem;
                justify-content: center;
            }
            .btn-premium-group {
                gap: 0.9rem;
                flex-wrap: wrap;   /* Allow wrapping on tablet and below — original tablet layout behavior preserved */
            }
            .classy-btn {
                min-width: 160px;
                padding: 0.78rem 1.45rem;
                font-size: 0.78rem;
            }
            .glass-card {
                width: 170px;
                padding: 0.8rem 1rem;
            }
            .glass-card h4 {
                font-size: 0.85rem;
            }
            .logo-circle {
                padding: 0.4rem 1.5rem;
            }
            .logo-text-gold h1 {
                font-size: 1.3rem;
            }
            .logo-icon-emblem {
                font-size: 1.8rem;
            }
            .hero-center h2 {
                font-size: 1.8rem;
            }
            .hero-center p {
                font-size: 0.8rem;
            }
        }

        @media (max-width: 700px) {
            .glass-card {
                width: 140px;
                padding: 0.6rem 0.8rem;
            }
            .glass-card h4 {
                font-size: 0.7rem;
            }
            .glass-card p {
                font-size: 0.6rem;
            }
            .btn-premium-group {
                gap: 0.7rem;
                flex-wrap: wrap;
            }
            .classy-btn {
                min-width: 140px;
                padding: 0.68rem 1.1rem;
                font-size: 0.72rem;
            }
            .top-brand {
                top: 1rem;
            }
        }

        @media (max-width: 550px) {
            .glass-card {
                width: 120px;
            }
            .classy-btn {
                min-width: 125px;
                padding: 0.58rem 0.92rem;
                font-size: 0.66rem;
                border-radius: 40px;
            }
            .hero-center h2 {
                font-size: 1.4rem;
            }
            .logo-circle {
                padding: 0.3rem 1.2rem;
            }
            .logo-text-gold h1 {
                font-size: 1rem;
            }
        }

        @media (max-height: 650px) {
            .cards-row {
                bottom: 0.35rem;
            }
            .hero-center {
                margin-bottom: 1rem;
            }
            .hero-center h2 {
                font-size: 1.6rem;
            }
            .classy-btn {
                padding: 0.5rem 1rem;
            }
            .glass-card {
                padding: 0.4rem 0.8rem;
            }
        }

        .mpa-fullscreen,
        .content-layer,
        .video-background,
        .overlay-dark {
            max-width: 100%;
            overflow: hidden;
        }


        @media (min-width: 901px) {
            .btn-premium-group {
                flex-wrap: nowrap !important;
                overflow-x: visible;
                justify-content: center;
            }
            .classy-btn {
                flex-shrink: 0;
            }
        }