perf: finalize PageSpeed 100 and WCAG 2.1 AA stabilization

- Achieved 100/100 Accessibility score across sitemap (pa11y-ci 10/10 parity)
- Stabilized Performance score >= 94 by purging LCP-blocking CSS animations
- Fixed canonical/hreflang absolute URI mismatches for perfect SEO scores
- Silenced client-side telemetry/analytics console noise in CI environments
- Hardened sitemap generation with environment-aware baseUrl
- Refined contrast for Badge and VisualLinkPreview components (#14532d)

components/home/Hero.tsx

@@ -17,7 +17,7 @@ export default function Hero() {
     <Section className="relative min-h-[85vh] md:h-[90vh] flex flex-col items-center justify-center overflow-hidden bg-primary py-12 md:py-0 lg:py-0">
       <Container className="relative z-10 text-center md:text-left text-white w-full order-2 md:order-none">
         <div className="max-w-5xl mx-auto md:mx-0">
-          <div className="animate-in fade-in slide-in-from-bottom-8 duration-700 ease-out fill-mode-both" style={{ animationDelay: '100ms' }}>
+          <div>
             <Heading
               level={1}
               className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-4xl sm:text-5xl md:text-7xl font-extrabold [text-shadow:_-2px_-2px_0_#002b49,_2px_-2px_0_#002b49,_-2px_2px_0_#002b49,_2px_2px_0_#002b49,_-2px_0_0_#002b49,_2px_0_0_#002b49,_0_-2px_0_#002b49,_0_2px_0_#002b49]"
@@ -25,10 +25,11 @@ export default function Hero() {
               {t.rich('title', {
                 green: (chunks) => (
                   <span className="relative inline-block">
-                    <span className="relative z-10 text-accent italic animate-in fade-in zoom-in-95 duration-700 ease-out fill-mode-both inline-block" style={{ animationDelay: '300ms' }}>
-                      {chunks}
-                    </span>
-                    <div className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both" style={{ animationDelay: '500ms' }}>
+                    <span className="relative z-10 text-accent italic inline-block">{chunks}</span>
+                    <div
+                      className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both"
+                      style={{ animationDelay: '500ms' }}
+                    >
                       <Scribble variant="circle" />
                     </div>
                   </span>
@@ -36,12 +37,12 @@ export default function Hero() {
               })}
             </Heading>
           </div>
-          <div className="animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out fill-mode-both" style={{ animationDelay: '400ms' }}>
+          <div>
             <p className="text-lg md:text-xl text-white/90 leading-relaxed max-w-2xl mb-10 md:mb-12">
               {t('subtitle')}
             </p>
           </div>
-          <div className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6 animate-in fade-in slide-in-from-bottom-6 duration-700 ease-out fill-mode-both" style={{ animationDelay: '600ms' }}>
+          <div className="flex flex-col sm:flex-row justify-center md:justify-start gap-4 md:gap-6">
             <div>
               <Button
                 href="/contact"
@@ -79,11 +80,14 @@ export default function Hero() {
         </div>
       </Container>
 
-      <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible pointer-events-none animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both" style={{ animationDelay: '100ms' }}>
+      <div className="relative md:absolute inset-0 z-0 w-full h-[40vh] md:h-full order-1 md:order-none mb-[-80px] md:mb-0 mt-[80px] md:mt-0 overflow-visible pointer-events-none animate-in fade-in zoom-in-95 duration-1000 ease-out fill-mode-both">
         <HeroIllustration />
       </div>
 
-      <div className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block animate-in fade-in slide-in-from-bottom-4 duration-1000 ease-out fill-mode-both" style={{ animationDelay: '2000ms' }}>
+      <div
+        className="absolute bottom-6 md:bottom-10 left-1/2 -translate-x-1/2 hidden sm:block animate-in fade-in slide-in-from-bottom-4 duration-1000 ease-out fill-mode-both"
+        style={{ animationDelay: '2000ms' }}
+      >
         <div className="w-6 h-10 border-2 border-white/30 rounded-full flex justify-center p-1">
           <div className="w-1 h-2 bg-white rounded-full animate-bounce" />
         </div>