fix: align landing header capsule geometry

app/components/navigation/MainNavigation.vue

@@ -6,7 +6,6 @@
     <div class="relative mx-auto max-w-[2200px] px-3 py-2 md:px-4">
       <div
         class="flex items-center gap-2"
-        :class="isHeroLayout ? 'items-start' : ''"
         :style="rowStyle"
       >
       <!-- Left: Logo + AI button + Nav links (top aligned) -->
@@ -98,10 +97,7 @@
 
       <!-- Center: Search input OR Client Area tabs (vertically centered) -->
       <div
-        class="relative flex-1 flex flex-col items-center mx-auto gap-2 transition-all"
-        :class="[
-          isHeroLayout ? 'w-full max-w-none justify-start' : 'max-w-2xl justify-center'
-        ]"
+        class="relative mx-auto flex flex-1 flex-col items-center justify-center gap-2 max-w-2xl"
       >
         <!-- Client Area tabs -->
         <template v-if="isClientArea">
@@ -525,24 +521,16 @@ const getTokenIcon = (type: string) => {
 }
 
 const isHeroLayout = computed(() => props.isHomePage && !props.isClientArea)
-const topRowHeight = 100
 const LANDING_CAPSULE_TOP_START = 500
-const LANDING_CAPSULE_TOP_STOP = 2
+const LANDING_CAPSULE_TOP_STOP = 0
 
-const rowStyle = computed(() => {
-  if (isHeroLayout.value) {
-    return { height: `${topRowHeight}px` }
-  }
-  return { height: `${props.height}px` }
-})
+const rowStyle = computed(() => ({ height: `${props.height}px` }))
 
 const isFloatingHomeCapsule = computed(() => isHeroLayout.value)
 
 const landingCapsuleTopStart = computed(() => {
   if (!isFloatingHomeCapsule.value) return LANDING_CAPSULE_TOP_STOP
-  const base = props.heroBaseHeight || 0
-  if (!base) return LANDING_CAPSULE_TOP_START
-  return Math.max(280, Math.min(LANDING_CAPSULE_TOP_START, base - 180))
+  return LANDING_CAPSULE_TOP_START
 })
 
 const landingCapsuleTop = computed(() => {
@@ -553,7 +541,7 @@ const landingCapsuleTop = computed(() => {
 
 const searchCapsuleClass = computed(() => {
   if (!isFloatingHomeCapsule.value) return 'w-full'
-  return 'w-full lg:absolute lg:left-1/2 lg:z-20 lg:w-[min(1120px,calc(100%-1.5rem))] lg:-translate-x-1/2 transition-[top] duration-200 ease-out'
+  return 'w-full lg:fixed lg:left-1/2 lg:z-[55] lg:w-[min(1120px,calc(100vw-1.5rem))] lg:-translate-x-1/2'
 })
 
 const searchCapsuleStyle = computed(() => {

app/pages/index.vue

@@ -9,9 +9,6 @@
           <h1 class="text-4xl font-black leading-tight md:text-6xl">
             {{ $t('hero.tagline', 'Торговля — это просто') }}
           </h1>
-          <p class="mx-auto mt-4 max-w-3xl text-base text-white/80 md:text-lg">
-            {{ $t('hero.subtitle', 'Сравнивайте предложения, находите поставщиков и управляйте закупками в одном интерфейсе.') }}
-          </p>
         </div>
       </div>
     </section>