<!-- Hero Section --> <header class="relative pt-32 lg:pt-40 pb-16 lg:pb-24 overflow-hidden"> <!-- Blob Background --> <div class="absolute inset-0 overflow-hidden pointer-events-none"> <div class="absolute top-20 left-10 w-96 h-96 bg-brand-200 rounded-full mix-blend-multiply filter blur-[100px] opacity-40 animate-blob"></div> <div class="absolute top-40 right-10 w-96 h-96 bg-teal-200 rounded-full mix-blend-multiply filter blur-[100px] opacity-40 animate-blob animation-delay-2000"></div> <div class="absolute bottom-0 left-1/3 w-96 h-96 bg-emerald-100 rounded-full mix-blend-multiply filter blur-[100px] opacity-30 animate-blob animation-delay-4000"></div> </div>
