/* Custom, Refined Executive Color Palette */
        :root {
            --color-gold: #D9A036; /* Rich, brassy gold for accent */
            --color-charcoal: #0F172A; /* Deep slate/navy for contrast and authority */
            --color-light-bg: #F9FAFB; /* Very light background for professionalism */
        }

        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
            background-color: var(--color-light-bg);
            color: var(--color-charcoal);
        }
        
        /* Utility classes replacement */
        .gold-accent {
            color: var(--color-gold);
        }
        .bg-gold-accent {
            background-color: var(--color-gold);
        }
        .bg-charcoal {
            background-color: var(--color-charcoal);
        }
        
        /* Premium shadow effect (subtle lift) */
        .shadow-premium {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
        }

        /* Enhanced hover effect for interactive elements */
        .shadow-gold-hover:hover {
            box-shadow: 0 10px 20px -5px rgba(217, 160, 54, 0.25);
            transform: translateY(-2px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .logo{
            padding-top:85px;
            
        }
        /* Process flow specific styling (Infographic look) */
        .process-icon-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 4.5rem;
            height: 4.5rem;
            border-radius: 50%;
            /* Subtle dark to light gold gradient */
            background-image: linear-gradient(135deg, #A77C32 0%, var(--color-gold) 100%);
            border: 5px solid rgba(255, 255, 255, 0.1);
            color: var(--color-charcoal);
            font-size: 2.25rem;
            font-weight: 900;
            margin: 0 auto;
            transition: transform 0.3s;
            z-index: 10; /* Ensure icon is above the connecting line */
            position: relative;
        }


        /* Make the number pop on hover */
        .process-step:hover .process-icon-container {
            transform: scale(1.05);
        }
        
        /* Subtle divider for mobile menu links */
        #mobile-menu a {
            border-bottom: 1px solid #E5E7EB;
        }

        /* Nav button base styling */
        .lang-btn {
            padding: 0.35rem 0.8rem;
            font-size: 0.875rem;
            font-weight: 700;
            border-radius: 0.375rem;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        /* Ensure step text is legible below the icon on mobile */
        @media (max-width: 768px) {
            .process-step {
                padding-bottom: 2rem;
            }
        }