Manual changes saved

intel.html

@@ -84,22 +84,22 @@
 
 <main class="flex-grow bg-gradient-to-br from-purple-600 to-indigo-700">
     <div class="container mx-auto px-4 py-12">
-        <div class="bg-white dark:bg-gray-800 p-6 sm:p-8 rounded-2xl shadow-2xl mb-8">
+        <div class="bg-white/50 dark:bg-gray-900/50 backdrop-blur-md p-6 sm:p-8 rounded-2xl shadow-2xl mb-8">
             <div class="text-center">
                 <h1 class="text-3xl sm:text-4xl font-heading font-extrabold text-gray-800 dark:text-white mb-3 leading-tight">Market Mapper</h1>
-                <p class="text-gray-600 dark:text-gray-400 max-w-2xl mx-auto mb-8">Quickly identify competitor alternatives for Scaleway products or find the Scaleway equivalent for a competitor's service.</p>
+                <p class="text-gray-700 dark:text-gray-300 max-w-2xl mx-auto mb-8">Quickly identify competitor alternatives for Scaleway products or find the Scaleway equivalent for a competitor's service.</p>
             </div>
             
             <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-4xl mx-auto">
                 <div>
-                    <label for="scaleway-product-selector" class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">Competitor by Scaleway Product</label>
+                    <label for="scaleway-product-selector" class="block text-sm font-bold text-gray-800 dark:text-gray-200 mb-2">Competitor by Scaleway Product</label>
                     <select id="scaleway-product-selector" class="block w-full py-3 px-4 pr-10 border border-gray-300 dark:border-gray-600 rounded-xl text-base font-semibold text-gray-800 dark:text-gray-200 bg-white dark:bg-gray-700 focus:ring-2 focus:ring-purple-500 focus:outline-none transition duration-200 shadow-lg">
                         <option value="">- Select a Scaleway Product -</option>
                     </select>
                 </div>
 
                 <div>
-                    <label for="competitor-search" class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">Scaleway Product by Competitor</label>
+                    <label for="competitor-search" class="block text-sm font-bold text-gray-800 dark:text-gray-200 mb-2">Scaleway Product by Competitor</label>
                     <input type="search" id="competitor-search" placeholder="e.g., EC2, S3, Blob Storage..." class="block w-full py-3 px-4 border border-gray-300 dark:border-gray-600 rounded-xl text-base font-semibold text-gray-800 dark:text-gray-200 bg-white dark:bg-gray-700 focus:ring-2 focus:ring-purple-500 focus:outline-none transition duration-200 shadow-lg">
                 </div>
             </div>