feat: adopt Apple-style glassmorphism UI from logistics project

Three-tier glass system (glass-underlay, glass-capsule, glass-chip),
pill-glass capsules with inner shine for header nav pills,
two-layer header backdrop with fade mask, solid white left panel
and juicy rounded-t-3xl bottom sheet for map interactions,
bold/black headings throughout.

app/layouts/topnav.vue

@@ -61,7 +61,7 @@
         <!-- Hero content for home page -->
         <template v-if="isHomePage && collapseProgress < 1" #hero>
           <h1
-            class="text-3xl lg:text-4xl font-bold text-white mb-4"
+            class="text-3xl lg:text-5xl font-black tracking-tight text-white mb-4"
             :style="{ opacity: 1 - collapseProgress }"
           >
             {{ $t('hero.tagline', 'Make trade easy') }}