<!-- Load Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome CDN for icons (still here, though not used in CTA) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" xintegrity="sha512-SnH5WK+bZxgPHs44uWIX+LLMDJdU4R6l8rMDR0pBfW7H2zQ/H4n5s0wY5p0g3H+g/8p6+lX/8w/H5P5p5p5p5g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- Custom Tailwind Configuration for new color scheme -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        // Dark Blue/Navy from the image
                        'primary-dark': '#0F2C5B',
                        // Vibrant Orange from the image
                        'accent-orange': '#FF6633',
                        // Light background for icons
                        'accent-light-orange': '#FFE5D9',
                    }
                }
            }
        }
    </script>
    <!-- Custom Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
    <style>
        /* Set default font and base background for the page */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #ffffff;
        }
    </style>