NurOS-Linux
diff --git a/‎src/components/Header.astro‎
Lines changed: 3 additions & 2 deletions b/‎src/components/Header.astro‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎src/layouts/MainLayout.astro‎
Lines changed: 36 additions & 0 deletions b/‎src/layouts/MainLayout.astro‎
Lines changed: 36 additions & 0 deletions
@@ -16,7 +16,7 @@ const navHref = (anchor: string) => {
   <div class="container">
     <a href={lang === 'ru' ? '/ru' : lang === 'kz' ? '/kz' : '/'} class="logo-link" aria-label="NurOS — Home">
       <div class="logo">
-        <span class="logo-text">NurOS</span>
+        <span class="logo-text">Nur<span class="logo-os">OS</span></span>
       </div>
     </a>
 
@@ -103,7 +103,8 @@ const navHref = (anchor: string) => {
 
   .logo-link { text-decoration: none; opacity: 1; }
   .logo-link:hover { opacity: 1; }
-  .logo-text { font-size: 1.5rem; font-weight: 600; color: var(--text-color); line-height: 1.2; }
+  .logo-text { font-family: 'Inter', sans-serif; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.01em; color: var(--text-color); line-height: 1.2; }
+  .logo-os { color: var(--primary-color); }
   .tagline { font-size: 0.875rem; color: var(--accent-color); }
 
   nav ul { display: flex; list-style: none; margin: 0; padding: 0; }
 
@@ -22,11 +22,47 @@ const lang = getLangFromUrl(Astro.url);
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content={description} />
     <meta name="theme-color" content="#0d0d0d" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap" />
     <link rel="icon" href="/favicon.png" type="image/png" />
     <title>{title}</title>
   </head>
   <body>
     <a href="#main-content" class="skip-link">Skip to main content</a>
     <slot />
+    <script is:inline src="https://keepandroidopen.org/banner.js?size=minimal&animation=off"></script>
+    <style>
+      .kao-banner {
+        position: fixed !important;
+        top: 0;
+        left: 0;
+        right: 0;
+        width: 100%;
+        z-index: 1100;
+      }
+    </style>
+    <script is:inline>
+      (function () {
+        function adjustHeader() {
+          var banner = document.querySelector('.kao-banner');
+          var header = document.querySelector('header');
+          if (!header) return;
+          if (banner && banner.style.display !== 'none') {
+            header.style.top = banner.offsetHeight + 'px';
+          } else {
+            header.style.top = '0';
+          }
+        }
+        window.addEventListener('load', function () {
+          adjustHeader();
+          var banner = document.querySelector('.kao-banner');
+          if (banner) {
+            new MutationObserver(adjustHeader).observe(banner, { attributes: true, attributeFilter: ['style'] });
+          }
+        });
+        window.addEventListener('resize', adjustHeader);
+      })();
+    </script>
   </body>
 </html>