html {
            scroll-behavior: smooth;
            scroll-padding-top: 7.5rem;
        }

        [id] {
            scroll-margin-top: 7.5rem;
        }

        @media (prefers-reduced-motion: reduce) {
            html {
                scroll-behavior: auto;
            }
        }

        .icon-svg {
            display: inline-block;
            flex-shrink: 0;
            object-fit: contain;
        }

        .mega-panel {
            opacity: 0;
            transform: translateY(12px);
            pointer-events: none;
            transition: opacity 180ms ease, transform 180ms ease;
        }
        .mega-panel[data-open="true"] {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .mega-nav-item[data-open="true"] .mega-trigger {
            color: #122a72;
        }
        .mega-nav-item[data-open="true"] .mega-trigger-icon {
            transform: rotate(180deg);
        }
        .mobile-accordion-panel {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 180ms ease;
        }
        .mobile-accordion-panel > div {
            overflow: hidden;
        }
        .mobile-accordion[data-open="true"] .mobile-accordion-panel {
            grid-template-rows: 1fr;
        }
        .mobile-accordion[data-open="true"] .mobile-accordion-icon {
            transform: rotate(180deg);
        }
        .faq-answer-panel {
            display: grid;
            grid-template-rows: 0fr;
            transition: grid-template-rows 220ms ease, opacity 220ms ease, margin-top 220ms ease;
            opacity: 0;
            margin-top: 0;
        }
        .faq-answer-panel > div {
            overflow: hidden;
        }
        [data-faq-item][data-open="true"] .faq-answer-panel {
            grid-template-rows: 1fr;
            opacity: 1;
            margin-top: 1rem;
        }
        [data-faq-item][data-open="true"] [data-faq-icon] {
            transform: rotate(180deg);
        }
        div#mobile-nav-panel {
            height: 90vh;
        }
        .glass-card-blue,.glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
        }
        .hero-video-wrapper {
            position: absolute;
            inset: 0;
            overflow: hidden;
        }
        .hero-video-wrapper iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 177.77777778vh;
            height: 56.25vw;
            min-width: 100%;
            min-height: 100%;
            transform: translate(-50%, -50%);
            pointer-events: none;
        }