/* Global Scroll Settings */
        html {
            scroll-behavior: smooth;
            scroll-padding-top: 100px;
        }

        body {
            background-color: #F8FAFC;
            color: #0F172A;
            overflow-x: hidden;
        }

        ::selection {
            background: #2563EB;
            color: white;
        }

        /* Animations */
        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .delay-100 {
            transition-delay: 0.1s;
        }

        .delay-200 {
            transition-delay: 0.2s;
        }

        .delay-300 {
            transition-delay: 0.3s;
        }

        /* Gradient Mesh Orb */
        .gradient-orb {
            position: absolute;
            width: 800px;
            height: 800px;
            border-radius: 50%;
            background: radial-gradient(circle at 30% 30%, rgba(37, 99, 235, 0.12), transparent 60%),
                radial-gradient(circle at 70% 70%, rgba(6, 182, 212, 0.08), transparent 60%);
            filter: blur(60px);
            z-index: 0;
            top: -20%;
            right: -20%;
            pointer-events: none;
            will-change: transform;
        }

        /* Accordion Transition */
        .accordion-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }

        .accordion-content.open {
            opacity: 1;
        }

        /* Mobile Menu Transition */
        #mobile-menu {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }

        #mobile-menu.open {
            max-height: 400px;
            opacity: 1;
        }

        /* Mountain Parallax Layer Styles */
        .mountain-layer {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* Cover hero */
            pointer-events: none;
            will-change: transform;
            display: flex;
            align-items: flex-end;
            /* Align SVG to bottom */
        }

        .mountain-layer svg {
            width: 100%;
            height: auto;
            /* Ensure it scales well on large screens */
            min-height: 400px;
        }

        /* Loading Spinner */
        .loader {
            border: 3px solid #E2E8F0;
            border-radius: 50%;
            border-top: 3px solid #2563EB;
            width: 24px;
            height: 24px;
            -webkit-animation: spin 1s linear infinite;
            /* Safari */
            animation: spin 1s linear infinite;
            display: inline-block;
            vertical-align: middle;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }