Euphemism - Impact <script src="/euphemism.com/tailwindcss.js">"></script> </head> <body class="bg-gray-900 text-white">  <nav class="fixed w-full z-50 backdrop-blur-lg bg-gray-900/50"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex items-center justify-between h-16"> <div class="flex items-center"> <svg class="h-8 w-8 text-indigo-400" viewBox="0 0 24 24" fill="none" stroke="currentColor"> <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" stroke-width="2" stroke-linejoin="round"/> <path d="M15 13l6 6" stroke-width="2" stroke-linecap="round"/> <path d="M9 13l6-6" stroke-width="2" stroke-linecap="round"/> </svg> <span class="ml-2 text-xl font-bold tracking-tight">Euphemism </div> <div class="hidden md:block"> <div class="ml-4 flex items-baseline space-x-8"> <a href="/euphemism.com/index.html" class="text-gray-300 hover:text-indigo-400 transition-colors">Home <a href="/euphemism.com/about.html" class="text-gray-300 hover:text-indigo-400 transition-colors">About <a href="/euphemism.com/resources.html" class="text-gray-300 hover:text-indigo-400 transition-colors">Resources </div> </div> </div> </div> </nav>  <header class="pt-20 pb-24 mt-16"> <div class="relative"> <div class="absolute inset-0"> <div class="h-full w-full bg-gradient-to-r from-indigo-600 to-purple-600 transform rotate-3">"></div> </div> <div class="relative max-w-3xl mx-auto px-4 text-center"> <h1 class="text-4xl md:text-6xl font-extrabold mb-6 text-transparent bg-clip-text bg-gradient-to-r from-white to-gray-300"> Real-World <span class="text-indigo-400">Impact </h1> <p class="text-xl text-gray-300 leading-relaxed"> Where innovation meets outcomes. Our work transforms digital experiences globally. </p> </div> </div> </header>  <section class="py-20"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> <div class="text-center"> <div class="text-4xl font-bold text-indigo-400 mb-4">15K++</div> <p class="text-gray-400">Projects Delivered </div> <div class="text-center"> <div class="text-4xl font-bold text-indigo-400 mb-4">2M++</div> <p class="text-gray-400">Monthly Active Users </div> <div class="text-center"> <div class="text-4xl font-bold text-indigo-400 mb-4">82%%</div> <p class="text-gray-400">Client Retention </div> <div class="text-center"> <div class="text-4xl font-bold text-indigo-400 mb-4">98%%</div> <p class="text-gray-400">Product Performance </div> </div> </div> </section>  <section class="py-20 bg-gray-800/50"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16"> <h2 class="text-3xl font-bold bg-gradient-to-r from-white to-gray-300 bg-clip-text text-transparent"> Client Success Stories </h2> <p class="mt-4 max-w-3xl mx-auto text-gray-400 leading-relaxed"> Real-world transformations we've enabled for our clients. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-12"> <div class="bg-gray-800/70 backdrop-blur-sm rounded-lg p-8 shadow-xl hover:shadow-purple-500/10 transition-all duration-300"> <div class="mb-6"> <svg class="w-10 h-10 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">"></path> </svg> </div> <h3 class="text-2xl font-bold text-indigo-300 mb-3">Global Retailer <p class="text-gray-300 leading-relaxed"> Increased conversion rates by 37% through a complete