diff --git a/i18n-2-landing.xlsm b/i18n-2-landing.xlsm
new file mode 100644
index 0000000..08455e2
Binary files /dev/null and b/i18n-2-landing.xlsm differ
diff --git a/i18n-2.xlsm b/i18n-2.xlsm
deleted file mode 100644
index 3659ef3..0000000
Binary files a/i18n-2.xlsm and /dev/null differ
diff --git a/src/components/FAQSection.vue b/src/components/FAQSection.vue
index 05f900c..32c403c 100644
--- a/src/components/FAQSection.vue
+++ b/src/components/FAQSection.vue
@@ -4,36 +4,22 @@
       class="q-pa-md w100 flex justify-center"
       style="max-width: 800px"
       >
-      <q-list separator>
-        <q-expansion-item
-          group="FAQgroup"
+      <q-list>
+        <faq-section-item
           v-for="item in 8"
           :key="item"
-          switch-toggle-side
-          header-class="text-h6"
-          expand-icon="mdi-plus"
-          expand-icon-class="text-brand2"
-          class="fix-icon-color"
-          >
-          <template #header="{ expanded }">
-            <div :class="expanded ? 'text-primary' : ''" class="w100">
-              {{ $t('faq__question_' + item) }}
-            </div>
-          </template>
-          <q-card>
-            <q-card-section class="text-grey-8">
-              {{ $t('faq__answer_' + item) }}
-            </q-card-section>
-          </q-card>
-        </q-expansion-item>
+          :question="'faq__question_' + item"
+          :answer="'faq__answer_' + item"
+          class="q-my-md"
+        />
       </q-list>
-      <div class="text-h6 text-primary q-py-md" align="center">
+      <div class="text-h6 text-primary q-py-md text-center">
         {{ $t('faq__description') }}
         <a
-          href="mailto:a-mart@ya.ru"
+          href="mailto:support@tgcrew.ru"
           style="text-decoration: none; color: inherit"
           >
-          a-mart@ya.ru
+          support@tgcrew.ru
         </a>
       </div>
     </div>
@@ -41,7 +27,8 @@
 </template>
 
 <script setup lang="ts">
-  import SlideTemplate from 'components/SlideTemplate.vue';
+  import SlideTemplate from 'components/SlideTemplate.vue'
+  import FaqSectionItem from 'components/FAQSectionItem.vue'
   
 </script>
 
diff --git a/src/components/FAQSectionItem.vue b/src/components/FAQSectionItem.vue
new file mode 100644
index 0000000..7fb1477
--- /dev/null
+++ b/src/components/FAQSectionItem.vue
@@ -0,0 +1,53 @@
+<template>
+  <div class="column bg-grey-4 rounded-card q-px-xl q-py-md">
+    <div class="row no-wrap items-center">
+      <div class="text-h6" style="flex-grow: 2;">
+        {{ $t(question) }}
+      </div>
+      <div class="q-pl-md">
+        <q-btn
+          @click="showAnswer=!showAnswer"
+          round unelevated color="white"
+          >
+          <q-icon
+            name="add"
+            :color="showAnswer ? 'primary' : 'grey'"
+            :class="showAnswer ? 'icon-rotated' : 'icon-rotated-back'"
+          />
+        </q-btn>
+      </div>
+    </div>
+
+
+    <q-slide-transition>
+      <div v-show="showAnswer" class="text-body q-py-md text-grey-9">
+        {{ $t(answer) }}
+      </div>
+    </q-slide-transition>
+  
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { ref } from 'vue'
+
+  defineProps({
+    question: String,
+    answer: String
+  })
+
+  const showAnswer = ref(false)
+</script>
+
+<style scoped>
+  .icon-rotated {
+    transition: transform 0.3s ease;
+    transform: rotate(45deg);
+  }
+
+  .icon-rotated-back {
+    transition: transform 0.3s ease;
+    transform: rotate(0deg);
+  }
+
+</style>
diff --git a/src/components/FooterSection.vue b/src/components/FooterSection.vue
index ac6596d..d7c42a9 100644
--- a/src/components/FooterSection.vue
+++ b/src/components/FooterSection.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="w100 flex justify-between bg-grey-11 text-caption q-pa-md q-gutter-y-md">
+    <div class="w100 flex justify-between text-caption q-pa-md q-gutter-y-md text-grey-9">
         <div class="flex column col-12 col-sm">
           <base-logo class="text-body1 q-pb-sm"/>
           <div class="flex items-center">
@@ -8,15 +8,15 @@
           </div>
           <div class="flex items-center">
             <q-icon name="mdi-phone-outline" color="brand" class="q-pr-sm" />
-            <span>+7 (926) 339-04-25</span>
+            <span>+7 (916) 439-04-25</span>
           </div>
           <div class="flex items-center">
             <q-icon name="mdi-email-outline" color="brand" class="q-pr-sm"/>
             <a
-              href="mailto:a-mart@ya.ru"
+              href="mailto:info@tgcrew.ru"
               style="text-decoration: none; color: inherit"
               >
-              a-mart@ya.ru
+              info@tgcrew.ru
             </a>
           </div>
         </div>
diff --git a/src/components/HeroBanner.vue b/src/components/HeroBanner.vue
index 87c5fbb..2aff3e8 100644
--- a/src/components/HeroBanner.vue
+++ b/src/components/HeroBanner.vue
@@ -1,58 +1,54 @@
 <template>
   <div
-    class="flex w100 text-white relative-position vert-height"
-    :class="isAlignTop ? 'justify-center' : 'justify-end'"
-    style="background-image: url('/img/samolet.jpg'); background-size: cover; height: 100vh;"
+    class="flex w100 justify-center items-center"
+    style="
+      background-image: url('/img/samolet.jpg');
+      background-size: cover;
+      height: 100vh;
+    "
     >
-    <div
-      ref="slogan"
-      class="flex items-center"
-      >
       <div
-        class="flex bg-white column justify-center q-pa-lg q-ma-lg q-gutter-y-md no-wrap bg-transperant"
-        style="max-width: 400px; border-radius: 12px; opacity: 0.8"
-        :style="!isAlignTop ? 'text-align : center' : ''"
-        >
-        <div class="text-h5 text-grey">
+        class="column items-center"
+        style="max-width: 75%; height: 100%">
+        <div
+          class="column justify-end text-h4 text-grey-4 text-center edge-block"
+          >
           {{ $t('banner__slogan_prepend') }} 	&mdash;
         </div>
-        <div class="text-h4 text-brand">
+  
+        <div
+          class="text-h2 text-white text-center q-py-lg center-block"
+          style="line-height: 4rem;"
+          >
           {{ $t('banner__slogan_body') }}
           <span class="text-no-wrap" color="primary">
             <q-icon dense name="telegram"/>
             <span>Telegram</span>
           </span>
+        </div>
 
-      </div>
-        <div>
+        <div class="column items-center edge-block">
+          <div class="edge-block"/>
           <q-btn
-            size="lg"
+            size="xl"
             color="brand2"
-            class="q-mt-xl"
+            class="q-mt-lg"
+            rounded
             >
-            <div class="flex items-center no-wrap">
-              <div>{{ $t('banner__main_btn')}}</div> 
+            <div class="flex items-center no-wrap center-block">
+              <div class="q-pl-md text-h4">{{ $t('banner__main_btn')}}</div> 
               <q-icon name="keyboard_arrow_right"/>
             </div>
           </q-btn>
+          <div class="text-white q-pt-md edge-block justify-start">
+            {{ $t('banner__main_btn_description')}}
+          </div>
         </div>
       </div>
-    </div>
-    <q-resize-observer @resize="checkAlign"/>
-  </div>
+      </div>
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue'
-
-  const slogan = ref(null)
-  const image = ref(null)
-  const isAlignTop = ref(false)
-
-  const checkAlign = () => {
-    if (slogan.value && image.value)
-      isAlignTop.value = (slogan.value.offsetTop === image.value.offsetTop)
-  }
 </script>
 
 <style scoped>
@@ -65,10 +61,18 @@
   }
 
   svg {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  z-index:-1;
-}
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    z-index:-1;
+  }
+
+  .center-block {
+    flex: 0 0 auto;
+  }
+
+  .edge-block {
+    flex: 1
+  }
 </style>
diff --git a/src/components/PriceSection.vue b/src/components/PriceSection.vue
index 6b2258b..624795d 100644
--- a/src/components/PriceSection.vue
+++ b/src/components/PriceSection.vue
@@ -1,54 +1,23 @@
 <template>
   <slide-template title="price__title">
-    <div ref="container" class="w100 flex no-wrap">
-      <q-resize-observer @resize="updateWidth" />
-        <div class="w100 flex justify-center" v-if="containerWidth > 800">
-          <q-card
-            v-for="(item, idx) in tariff" 
-            :key="idx"
-            class="q-pa-md q-ma-sm flex items-center column"
-            style="width: 20%"
-            >
-            <price-section-item
-              :name="item.name"
-              :chats-qty="item.chatsQty"
-              :price="item.price"
-            />
-          </q-card>
-        </div>
-
-        <q-carousel
-          v-else
-          v-model="slide"
-          transition-prev="scale"
-          transition-next="scale"
-          swipeable
-          animated
-          navigation
-          padding
-          height="225px"
-          control-color="primary"
-          class="w100"
-          >
-          <q-carousel-slide
-            v-for="(item, idx) in tariff" 
-            :key="idx"
-            :name="item.name"
-            class="flex justify-center q-pt-lmdq-pa-none q-ma-none"
-            >
-            <price-section-item
-              :name="item.name"
-              :chats-qty="item.chatsQty"
-              :price="item.price"
-            />
-          </q-carousel-slide>
-        </q-carousel>
-    </div>
-
     <div class="q-ma-md" align="center" style="max-width: 60%;">
       {{ $t('price__tariff_description') }}
     </div>
 
+    <div
+      class="fit row"
+      >
+      <div class="col-md-3 col-sm-6 col-xs-12 q-pa-lg"
+        v-for="(item, idx) in tariff"
+        :key="idx"
+        >
+        <price-section-item
+          :name="item.name"
+          :chats-qty="item.chatsQty"
+          :price="item.price"
+        />
+      </div>
+    </div>
     <q-card 
       flat
       class="bg-grey-3"
@@ -76,7 +45,6 @@
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue'
   import SlideTemplate from 'components/SlideTemplate.vue'
   import PriceSectionItem from 'components/PriceSectionItem.vue'
   import telegramStar from 'components/TelegramStar.vue'
@@ -87,17 +55,6 @@
     { id: 3, name: 'PRO', price: 5000, chatsQty: 40 },
     { id: 4, name: 'VIP', price: 12000, chatsQty: null }
   ]
-
-  const containerWidth = ref(0)
-  const cardWidth=ref(175)
-
-  const updateWidth = ({ width }) => {
-    containerWidth.value = width
-    cardWidth.value = width < 1200 ? 250 : 175
-  }
-
-  const slide = ref(tariff[0].name)
-
   
 </script>
 
diff --git a/src/components/PriceSectionItem.vue b/src/components/PriceSectionItem.vue
index 31ad7a9..36e33fc 100644
--- a/src/components/PriceSectionItem.vue
+++ b/src/components/PriceSectionItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex column items-center">
+  <div class="flex column items-center bg-white rounded-card q-pa-md">
     <div class="text-h5 text-primary text-bold">
       {{ name }}
     </div>
diff --git a/src/components/ProblemSection.vue b/src/components/ProblemSection.vue
index ed11e2d..2f7d93b 100644
--- a/src/components/ProblemSection.vue
+++ b/src/components/ProblemSection.vue
@@ -1,77 +1,32 @@
 <template>
-  <slide-template>
-    <div ref="container" class="w100 flex no-wrap q-pt-lg">
-      <q-resize-observer @resize="updateWidth" />
-      <div class="w100 flex justify-center" v-if="containerWidth > 800">
-        <q-card
-          v-for="(item, idx) in problems" 
-          :key="idx"
-          class="q-pa-md q-ma-sm"
-          >
-          <problem-section-item
-            :icon="item.icon"
-            :title="item.title"
-            :description="item.description"
-            style="overflow: hidden;"
-            :style="{ width: cardWidth + 'px' }"
-          />
-        </q-card>
-      </div>
-
-      <q-carousel
-        v-else
-        v-model="slide"
-        transition-prev="scale"
-        transition-next="scale"
-        swipeable
-        animated
-        navigation
-        padding
-        height="300px"
-        control-color="primary"
-        class="w100"
+  <slide-template title="problem__title">
+    <div
+      class="fit row"
+      >
+      <div class="col-sm-6 col-xs-12 q-pa-lg"
+        v-for="(item, idx) in problems"
+        :key="idx"
         >
-        <q-carousel-slide
-          v-for="(item, idx) in problems" 
-          :key="idx"
-          :name="item.title"
-          class="flex justify-center q-pa-none q-ma-none"
-          >
-          <problem-section-item
-            :icon="item.icon"
-            :title="item.title"
-            :description="item.description"
-            style="overflow: hidden; min-width: 100px; max-width: 200px;"
-          />
-        </q-carousel-slide>
-      </q-carousel>
+        <problem-section-item
+          :icon="item.icon"
+          :title="item.title"
+          :description="item.description"
+        />
+      </div>
     </div>
   </slide-template>
-
 </template>
 
 <script setup lang="ts">
-  import { ref } from 'vue'
-  import ProblemSectionItem from 'components/ProblemSectionItem.vue'
   import SlideTemplate from 'components/SlideTemplate.vue'
-  
+  import ProblemSectionItem from 'components/ProblemSectionItem.vue'
+
   const problems = [
-    { id: 1, icon: 'mdi-account-group-outline', title: 'problem__address_book', description: 'problem__address_book_description' },
-    { id: 2, icon: 'mdi-clipboard-outline', title: 'problem__tasks', description: 'problem__tasks_description' },
-    { id: 3, icon: 'mdi-calendar-month', title: 'problem__meeting', description: 'problem__meeting_description' },
-    { id: 4, icon: 'mdi-folder-open-outline', title: 'problem__files', description: 'problem__files_description' },
-    { id: 5, icon: 'mdi-lock-outline', title: 'problem__privacy', description: 'problem__privacy_description' }
+    { id: 1, icon: 'mdi-folder-multiple-outline', title: 'problem__1', description: 'problem__1_description' },
+    { id: 2, icon: 'mdi-account-group-outline', title: 'problem__2', description: 'problem__2_description' },
+    { id: 3, icon: 'mdi-chat-processing-outline', title: 'problem__3', description: 'problem__3_description' },
+    { id: 4, icon: 'mdi-lock-check-outline', title: 'problem__4', description: 'problem__4_description' },
   ]
-
-  const containerWidth = ref(0)
-  const cardWidth = ref(175)
-
-  const updateWidth = ({ width }) => {
-    containerWidth.value = width
-    cardWidth.value = width < 1200 ? 250 : 175
-  }
-
-  const slide = ref(problems[0].title)
   
 </script>
 
diff --git a/src/components/ProblemSectionItem.vue b/src/components/ProblemSectionItem.vue
index 329297d..44373bd 100644
--- a/src/components/ProblemSectionItem.vue
+++ b/src/components/ProblemSectionItem.vue
@@ -1,19 +1,14 @@
 <template>
-  <div class="flex column items-center">
-    <div>
-      <q-avatar
-        color="brand"
-        text-color="white" 
-        :icon
-        font-size="45px"
-        size="75px"
-        class="q-my-md"
-      />
-    </div>
-    <div class="text-bold text-h5" align="center">
+  <div class="column items-start bg-white fit q-pa-lg rounded-card fit">
+    <q-icon
+      :name="icon"
+      size="xl"
+      color="primary"
+    />
+    <div class="text-bold text-h5 q-pt-lg">
       {{ $t(title) }}
     </div>
-    <div class="text-grey-8 q-pt-sm" style="text-align: center;">
+    <div class="text-grey q-pt-sm text-wrap">
       {{ $t(description) }}
     </div>
   </div>
diff --git a/src/css/app.scss b/src/css/app.scss
index 9ba0d9f..01eb502 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -31,8 +31,9 @@ body, html, #q-app {
 }
 
 :root {
-  --body-width: 1200px;
+  --body-width: 1440px;
   --logo-color-bg-white: grey;
+  --base-radius: 24px;
 }
 
 .main-content {
@@ -40,6 +41,10 @@ body, html, #q-app {
   margin: 0 auto;
 }
 
+.rounded-card {
+  border-radius: var(--base-radius);
+}
+
 @font-face {
   font-family: 'myFont';
   src: url(./fonts/Inter-Regular.woff2);
diff --git a/src/i18n/en-US/index.js b/src/i18n/en-US/index.js
index ee0db7b..f3ca9c1 100644
--- a/src/i18n/en-US/index.js
+++ b/src/i18n/en-US/index.js
@@ -1 +1 @@
-export default  { EN: 'EN',  RU: 'RU',  '': '',  main__how_it_works: 'How it works?',  main__price: 'Tariff',  main__faq: 'FAQ',  main__contacts: 'Contacts',  banner__slogan_prepend: 'More than just chats',  banner__slogan_body: 'Your project\'s workspace in',  banner__main_btn: 'Fly',  problem__address_book: 'Address Book',  problem__address_book_description: 'No more guessing who\'s who.',  problem__tasks: 'Tasks',  problem__tasks_description: 'Did you agree on something? Lock it in!',  problem__meeting: 'Meeting',  problem__meeting_description: 'A meeting or a conference call — schedule it right in the chat.',  problem__files: 'Files',  problem__files_description: 'No need to remember which chat had that file — everything is in one place now.',  problem__privacy: 'Access Rights',  problem__privacy_description: 'Users can only see information from the chats they are in.',  how_it_works__title: 'How it works?',  how_works__step1: 'Step 1',  how_works__step1_description: 'Create a new project or select an existing one',  how_works__step2: 'Step 2',  how_works__step2_description: 'Attach a chat to the app',  how_works__step3: 'Step 3 (Optional)',  how_works__step3_description: 'Set up the address book',  how_works__step4: 'Done!',  how_works__step4_description: 'Access via the button in the pinned message',  how_works__step_user: 'User',  how_works__step_admin: 'Administrator',  price__title: 'Tariff',  price__per_month: 'per month',  price__free_tax: 'FREE',  price__chats: 'chats',  price__stars_pay: 'Payment via',  price__stars_description: 'Telegram\'s internal currency',  price__tariff_description: 'All plans include full functionality: an unlimited number of users, projects, tasks, and meetings.',  FAQ__title: 'Frequently Asked Questions (FAQ)',  faq__question_1: 'Who is this app for?',  faq__answer_1: 'If you actively communicate on projects in Telegram chats, this app will create a unified information space for you, where you can also connect contractors.',  faq__question_2: 'Can I buy a subscription directly, without using Telegram Stars?',  faq__answer_2: 'Unfortunately, that\'s not possible. We use Telegram Stars as the only payment system for mini-apps—this is a rule of the platform itself.',  faq__question_3: 'Why does the bot need chat admin rights?',  faq__answer_3: 'To help you! For the core functions to work—collecting files, creating meeting and task notifications right in the chat—the bot needs rights to read messages and manage messages. This is standard practice for functional bots. We guarantee that your data is confidential and is not shared with third parties (learn more in our Privacy Policy).',  faq__question_4: 'Where are my files and data stored?',  faq__answer_4: 'Your files and messages remain in your Telegram chats on Telegram\'s servers. We do not store them ourselves. The app merely organizes them, providing convenient search and display.',  faq__question_5: 'Why are some contacts in the address book not fully displayed?',  faq__answer_5: 'The contact information (name, position, phone, email) is entered into the system by your project\'s administrator. However, for this full data to be displayed to other participants, the user themselves must give their consent upon first launching the app. This is a requirement of personal data protection laws. Thus, you will only see the information that the administrator has added to your book and that the user has permitted to be shown.',  faq__question_6: 'What happens if I remove the bot from a chat or stop tracking?',  faq__answer_6: 'The app will stop receiving new messages and files from that chat. All previously collected information will remain in your history and will be available for search, but it will no longer update. This is convenient when a project is completed but its archive needs to be preserved.',  faq__question_7: 'Can one chat be linked to several projects at once?',  faq__answer_7: 'No, one chat can only be linked to one project. This helps maintain order and avoids confusing participants. But you can easily switch between all projects you have access to—even from different administrators.',  faq__question_8: 'Can participants of one project see data from another?',  faq__answer_8: 'No, all projects are completely independent. This is done for your confidentiality. Information from one project (chats, files, tasks, contacts) never leaks into another. Moreover, the same user can appear in different projects in different roles and from different companies. When switching between projects, you only see the information relevant to the selected project.',  faq__description: 'Still have questions? We\'re here to help:',  footer__docs: 'App documents',  footer__doc_terms_of_use: 'Term of use',  footer__doc_privacy_policy: 'Privacy Policy',  footer__contacts_location: 'Russia, Moscow/Voronezh',  footer__description_user_data: 'The site does not collect user data, use cookies, or track user activity.' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  '': '',  main__how_it_works: 'How it works?',  main__price: 'Tariff',  main__faq: 'FAQ',  main__contacts: 'Contacts',  banner__slogan_prepend: 'More than just chats',  banner__slogan_body: 'Your project\'s workspace in',  banner__main_btn: 'Let’s Fly!',  banner__main_btn_description: 'Continue in Telegram',  problem__title: 'Keep your workflow, boost your efficiency',  problem__1: 'Unified Workspace',  problem__1_description: 'Gathers tasks, meetings, and files from all your connected chats into a single, unified space.',  problem__2: 'Team Directory',  problem__2_description: 'Shows all members and their roles so you can instantly see who is responsible for what.',  problem__3: 'Chat Integration',  problem__3_description: 'Updates to tasks and meetings appear right in your chats — where the conversation happens.',  problem__4: 'Smart Permissions',  problem__4_description: 'Everyone sees only their relevant info. We take care of privacy and order, so you don\'t have to.',  how_it_works__title: 'How it works?',  how_works__step1: 'Step 1',  how_works__step1_description: 'Create a new project or select an existing one',  how_works__step2: 'Step 2',  how_works__step2_description: 'Attach a chat to the app',  how_works__step3: 'Step 3 (Optional)',  how_works__step3_description: 'Set up the address book',  how_works__step4: 'Done!',  how_works__step4_description: 'Access via the button in the pinned message',  how_works__step_user: 'User',  how_works__step_admin: 'Administrator',  price__title: 'Tariff',  price__per_month: 'per month',  price__free_tax: 'FREE',  price__chats: 'chats',  price__stars_pay: 'Payment via',  price__stars_description: 'Telegram\'s internal currency',  price__tariff_description: 'All plans include full functionality: an unlimited number of users, projects, tasks, and meetings.',  FAQ__title: 'Frequently Asked Questions (FAQ)',  faq__question_1: 'Who is this app for?',  faq__answer_1: 'If you actively communicate on projects in Telegram chats, this app will create a unified information space for you, where you can also connect contractors.',  faq__question_2: 'Can I buy a subscription directly, without using Telegram Stars?',  faq__answer_2: 'Unfortunately, that\'s not possible. We use Telegram Stars as the only payment system for mini-apps—this is a rule of the platform itself.',  faq__question_3: 'Why does the bot need chat admin rights?',  faq__answer_3: 'To help you! For the core functions to work—collecting files, creating meeting and task notifications right in the chat—the bot needs rights to read messages and manage messages. This is standard practice for functional bots. We guarantee that your data is confidential and is not shared with third parties (learn more in our Privacy Policy).',  faq__question_4: 'Where are my files and data stored?',  faq__answer_4: 'Your files and messages remain in your Telegram chats on Telegram\'s servers. We do not store them ourselves. The app merely organizes them, providing convenient search and display.',  faq__question_5: 'Why are some contacts in the address book not fully displayed?',  faq__answer_5: 'The contact information (name, position, phone, email) is entered into the system by your project\'s administrator. However, for this full data to be displayed to other participants, the user themselves must give their consent upon first launching the app. This is a requirement of personal data protection laws. Thus, you will only see the information that the administrator has added to your book and that the user has permitted to be shown.',  faq__question_6: 'What happens if I remove the bot from a chat or stop tracking?',  faq__answer_6: 'The app will stop receiving new messages and files from that chat. All previously collected information will remain in your history and will be available for search, but it will no longer update. This is convenient when a project is completed but its archive needs to be preserved.',  faq__question_7: 'Can one chat be linked to several projects at once?',  faq__answer_7: 'No, one chat can only be linked to one project. This helps maintain order and avoids confusing participants. But you can easily switch between all projects you have access to—even from different administrators.',  faq__question_8: 'Can participants of one project see data from another?',  faq__answer_8: 'No, all projects are completely independent. This is done for your confidentiality. Information from one project (chats, files, tasks, contacts) never leaks into another. Moreover, the same user can appear in different projects in different roles and from different companies. When switching between projects, you only see the information relevant to the selected project.',  faq__description: 'Still have questions? We\'re here to help:',  footer__docs: 'App documents',  footer__doc_terms_of_use: 'Term of use',  footer__doc_privacy_policy: 'Privacy Policy',  footer__contacts_location: 'Russia, Moscow/Voronezh',  footer__description_user_data: 'The site does not collect user data, use cookies, or track user activity.' }
\ No newline at end of file
diff --git a/src/i18n/ru-RU/index.js b/src/i18n/ru-RU/index.js
index 4659caa..3c2fdc4 100644
--- a/src/i18n/ru-RU/index.js
+++ b/src/i18n/ru-RU/index.js
@@ -1 +1 @@
-export default  { EN: 'EN',  RU: 'RU',  '': '',  main__how_it_works: 'Как это работает',  main__price: 'Тарифы',  main__faq: 'Вопросы',  main__contacts: 'Контакты',  banner__slogan_prepend: 'Больше чем просто чаты',  banner__slogan_body: 'Рабочее пространство ваших проектов в',  banner__main_btn: 'Полетели',  problem__address_book: 'Адресная книга',  problem__address_book_description: 'Не нужно угадывать, кто есть кто.',  problem__tasks: 'Задачи',  problem__tasks_description: 'Что-то договорились сделать? Зафиксируйте это!',  problem__meeting: 'Совещания',  problem__meeting_description: 'Встреча или конференц-колл - назначайте в чате.',  problem__files: 'Файлы',  problem__files_description: 'Не нужно помнить в каком именно чате был нужный файл  - теперь все в одном месте.',  problem__privacy: 'Права доступа',  problem__privacy_description: 'Пользователям доступна только та информация, что есть в их чатах.',  how_it_works__title: 'Как это работает',  how_works__step1: 'Шаг 1',  how_works__step1_description: 'Создайте проект или выберите существующий',  how_works__step2: 'Шаг 2',  how_works__step2_description: 'Подключите чат к приложению',  how_works__step3: 'Шаг 3 (опционально)',  how_works__step3_description: 'Настройте адресную книгу',  how_works__step4: 'Готово! ',  how_works__step4_description: 'Вход по кнопке в прикрепленном сообщении',  how_works__step_user: 'Пользователь',  how_works__step_admin: 'Администратор',  price__title: 'Тарифы',  price__per_month: 'в месяц',  price__free_tax: 'БЕСПЛАТНО',  price__chats: 'чатов',  price__stars_pay: 'Оплата только',  price__stars_description: 'Внутренняя валюта Telegram',  price__tariff_description: 'Все тарифы включают полный доступ к функционалу: неограниченное количество пользователей, проектов, задач и совещаний.',  FAQ__title: 'Вопросы',  faq__question_1: 'Для кого это приложение?',  faq__answer_1: 'Если вы активно общаетесь по проектам в Telegram-чатах — приложение создаст для вас единое информационное поле, куда можно подключить и подрядчиков.',  faq__question_2: 'Можно ли купить подписку напрямую, без использования Telegram Stars?',  faq__answer_2: 'К сожалению, это невозможно. Мы используем Telegram Stars как единственную платёжную систему для мини-приложений — это правило самой платформы.',  faq__question_3: 'Зачем боту права администратора чата?',  faq__answer_3: 'Чтобы помогать вам! Для работы основных функций — сбора файлов, создания уведомлений о встречах и задачах прямо в чате — боту нужны права на чтение сообщений и управление сообщениями. Это стандартная практика для функциональных ботов. Мы гарантируем, что ваши данные конфиденциальны и не передаются третьим лицам (подробнее в нашей Политике конфиденциальности).',  faq__question_4: 'Где хранятся мои файлы и данные?',  faq__answer_4: 'Ваши файлы и сообщения остаются в ваших чатах Telegram на серверах Telegram. Мы не храним их у себя. Приложение лишь организует их, предоставляет удобный поиск и отображение.',  faq__question_5: 'Почему некоторые контакты в адресной книге отображаются не полностью?',  faq__answer_5: 'Контактную информацию (имя, должность, телефон, email) вносит в систему администратор вашего проекта. Однако для отображения полных данных другим участникам сам пользователь должен дать на это своё согласие при первом запуске приложения. Это требование законодательства о защите персональных данных. Таким образом, вы увидите только ту информацию, которую администратор добавил в вашу книгу и которую пользователь разрешил показывать.',  faq__question_6: 'Что произойдет, если я исключу бота из чата или остановлю отслеживание?',  faq__answer_6: 'Приложение перестанет получать новые сообщения и файлы из этого чата. Вся уже собранная информация останется в вашей истории и будет доступна для поиска, но обновляться не будет. Это удобно, когда проект завершён, но его архив нужно сохранить.',  faq__question_7: 'Можно ли один чат привязать к нескольким проектам сразу?',  faq__answer_7: 'Нет, один чат можно привязать только к одному проекту. Это помогает поддерживать порядок и не путать участников. Но вы можете легко переключаться между всеми проектами, к которым у вас есть доступ — даже от разных администраторов.',  faq__question_8: 'Видят ли участники одного проекта данные из другого?',  faq__answer_8: 'Нет, все проекты полностью независимы. Это сделано для вашей конфиденциальности. Информация из одного проекта (чаты, файлы, задачи, контакты) никогда не попадает в другой. Более того, один и тот же пользователь в разных проектах может фигурировать в разных ролях и от разных компаний. Переключаясь между проектами, вы видите только ту информацию, которая относится к выбранному проекту.',  faq__description: 'Остались вопросы? Напишите -',  footer__docs: 'Документы',  footer__doc_terms_of_use: 'Пользовательское соглашение',  footer__doc_privacy_policy: 'Политика конфиденциальности',  footer__contacts_location: 'Россия, г. Москва / г. Воронеж',  footer__description_user_data: 'Сайт не собирает пользовательские данные и не использует файлы cookie, а также не отслеживает активность пользователей.' }
\ No newline at end of file
+export default  { EN: 'EN',  RU: 'RU',  '': '',  main__how_it_works: 'Как это работает',  main__price: 'Тарифы',  main__faq: 'Вопросы',  main__contacts: 'Контакты',  banner__slogan_prepend: 'Больше чем просто чаты',  banner__slogan_body: 'Рабочее пространство ваших проектов в',  banner__main_btn: 'Полетели',  banner__main_btn_description: 'Продолжить в Telegram',  problem__title: 'Общайтесь как обычно, работайте удобнее',  problem__1: 'Единое пространство',  problem__1_description: 'Собирает задачи, совещания и файлы из всех связанных чатов в одном месте.',  problem__2: 'Адресная книга',  problem__2_description: 'Показывает всех участников и их роли, чтобы сразу понимать, кто чем занимается.',  problem__3: 'Интеграция с чатами',  problem__3_description: 'Обновление задач и совещаний видно прямо в переписке — там, где вы общаетесь.',  problem__4: 'Права доступа без сложностей',  problem__4_description: 'Показывает каждому только то, в чём он участвует — приватность и порядок без ручной настройки.',  how_it_works__title: 'Как это работает',  how_works__step1: 'Шаг 1',  how_works__step1_description: 'Создайте проект или выберите существующий',  how_works__step2: 'Шаг 2',  how_works__step2_description: 'Подключите чат к приложению',  how_works__step3: 'Шаг 3 (опционально)',  how_works__step3_description: 'Настройте адресную книгу',  how_works__step4: 'Готово! ',  how_works__step4_description: 'Вход по кнопке в прикрепленном сообщении',  how_works__step_user: 'Пользователь',  how_works__step_admin: 'Администратор',  price__title: 'Тарифы',  price__per_month: 'в месяц',  price__free_tax: 'БЕСПЛАТНО',  price__chats: 'чатов',  price__stars_pay: 'Оплата только',  price__stars_description: 'Внутренняя валюта Telegram',  price__tariff_description: 'Все тарифы включают полный доступ к функционалу: неограниченное количество пользователей, проектов, задач и совещаний.',  FAQ__title: 'Вопросы',  faq__question_1: 'Для кого это приложение?',  faq__answer_1: 'Если вы активно общаетесь по проектам в Telegram-чатах — приложение создаст для вас единое информационное поле, куда можно подключить и подрядчиков.',  faq__question_2: 'Можно ли купить подписку напрямую, без использования Telegram Stars?',  faq__answer_2: 'К сожалению, это невозможно. Мы используем Telegram Stars как единственную платёжную систему для мини-приложений — это правило самой платформы.',  faq__question_3: 'Зачем боту права администратора чата?',  faq__answer_3: 'Чтобы помогать вам! Для работы основных функций — сбора файлов, создания уведомлений о встречах и задачах прямо в чате — боту нужны права на чтение сообщений и управление сообщениями. Это стандартная практика для функциональных ботов. Мы гарантируем, что ваши данные конфиденциальны и не передаются третьим лицам (подробнее в нашей Политике конфиденциальности).',  faq__question_4: 'Где хранятся мои файлы и данные?',  faq__answer_4: 'Ваши файлы и сообщения остаются в ваших чатах Telegram на серверах Telegram. Мы не храним их у себя. Приложение лишь организует их, предоставляет удобный поиск и отображение.',  faq__question_5: 'Почему некоторые контакты в адресной книге отображаются не полностью?',  faq__answer_5: 'Контактную информацию (имя, должность, телефон, email) вносит в систему администратор вашего проекта. Однако для отображения полных данных другим участникам сам пользователь должен дать на это своё согласие при первом запуске приложения. Это требование законодательства о защите персональных данных. Таким образом, вы увидите только ту информацию, которую администратор добавил в вашу книгу и которую пользователь разрешил показывать.',  faq__question_6: 'Что произойдет, если я исключу бота из чата или остановлю отслеживание?',  faq__answer_6: 'Приложение перестанет получать новые сообщения и файлы из этого чата. Вся уже собранная информация останется в вашей истории и будет доступна для поиска, но обновляться не будет. Это удобно, когда проект завершён, но его архив нужно сохранить.',  faq__question_7: 'Можно ли один чат привязать к нескольким проектам сразу?',  faq__answer_7: 'Нет, один чат можно привязать только к одному проекту. Это помогает поддерживать порядок и не путать участников. Но вы можете легко переключаться между всеми проектами, к которым у вас есть доступ — даже от разных администраторов.',  faq__question_8: 'Видят ли участники одного проекта данные из другого?',  faq__answer_8: 'Нет, все проекты полностью независимы. Это сделано для вашей конфиденциальности. Информация из одного проекта (чаты, файлы, задачи, контакты) никогда не попадает в другой. Более того, один и тот же пользователь в разных проектах может фигурировать в разных ролях и от разных компаний. Переключаясь между проектами, вы видите только ту информацию, которая относится к выбранному проекту.',  faq__description: 'Остались вопросы? Напишите -',  footer__docs: 'Документы',  footer__doc_terms_of_use: 'Пользовательское соглашение',  footer__doc_privacy_policy: 'Политика конфиденциальности',  footer__contacts_location: 'Россия, г. Москва / г. Воронеж',  footer__description_user_data: 'Сайт не собирает пользовательские данные и не использует файлы cookie, а также не отслеживает активность пользователей.' }
\ No newline at end of file
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 800e250..85a4a17 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,8 +1,13 @@
 <template>
-  <q-layout view="lHr lpr lFr" class="bg-transparent relative-position">
+  <q-layout view="lHr lpr lFr" class="bg-grey-11 relative-position">
     <q-header
-      class="main-content q-py-sm"
-      :class="isHeroScroll ? 'text-white bg-transparent' : 'text-grey glass'"
+      class="main-content q-py-sm q-px-md"
+      :class="isHeroScroll ? 'text-white bg-transparent' : 'text-grey glass shadow-6'"
+      style="
+        transition: background-color 0.5s ease, color 0.5s ease;
+        border-bottom-left-radius: var(--base-radius);
+        border-bottom-right-radius: var(--base-radius);
+      "
       reveal
       >
       <div
diff --git a/src/pages/DocPage.vue b/src/pages/DocPage.vue
index bc9b316..19f624d 100644
--- a/src/pages/DocPage.vue
+++ b/src/pages/DocPage.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="flex justify-center bg-grey-11"
+    class="flex justify-center"
     style="height: 100vh"
     >
     <q-layout container style="max-width: 800px !important">
@@ -8,7 +8,7 @@
         <q-page class="flex w100 column">
           <div >
             <div
-              class="main-content flex items-center column w100 bg-white q-px-lg q-pb-xl"
+              class="main-content flex items-center column w100 q-px-lg q-pb-xl"
               >
               <base-logo
                 class="q-pa-md text-h4 cursor-pointer"