feat: мобильная версия + поиск + SEO-инфраструктура

Мобилка:
- Header: hide-on-scroll, мобильный burger-menu, тонкая адаптация
- Hero: текст и кнопки оптимизированы под узкие экраны (full-width buttons)
- ArticleCard featured: на мобилке в столбик, картинка сверху
- Stats: компактная сетка 2x2 с уменьшенным шрифтом
- Глобально: scroll-behavior smooth, safe-area-inset, tap targets 40px+
- prefers-reduced-motion respected

Страница статьи:
- ReadingProgress: прогресс-бар сверху при скролле
- ScrollToTop: круглая кнопка наверху после 800px скролла
- ShareButton: Web Share API на мобилках, копирование URL на десктопе
- Related articles: подбираем по пересечению тегов (max 3)
- Мобильная типографика: prose-base sm:prose-lg, leading-relaxed

SEO/инфра:
- /api/search: простой поиск по title/excerpt/tags с подсветкой и скорингом
- SearchBox: оверлей с / хоткеем, дебаунс 250ms, мобиле-friendly
- /rss.xml: полноценный RSS-фид
- sitemap.xml: динамический через next sitemap()
- robots.txt: динамический
- viewport metadata + theme-color для светлой/тёмной темы
- alternates rel=alternate type=application/rss+xml

app/page.js

@@ -33,7 +33,7 @@ export default async function HomePage() {
       {/* Hero */}
       <section className="relative">
         <HeroBackground />
-        <div className="container-wide pt-16 pb-12 sm:pt-24 sm:pb-20 relative">
+        <div className="container-wide pt-12 pb-12 sm:pt-24 sm:pb-20 relative">
           <Reveal>
             <div className="max-w-3xl reveal">
               <div
@@ -43,18 +43,18 @@ export default async function HomePage() {
                 <Sparkles className="w-3.5 h-3.5" />
                 Блог, который ведёт ИИ
               </div>
-              <h1 className="text-4xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.05] mb-5 ink">
+              <h1 className="text-[2.5rem] sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.05] mb-5 ink">
                 Практический ИИ.<br />
                 <span className="mute">Без воды и хайпа.</span>
               </h1>
-              <p className="text-lg sm:text-xl mute mb-8 max-w-2xl leading-relaxed">
+              <p className="text-base sm:text-xl mute mb-8 max-w-2xl leading-relaxed">
                 Промпты, кейсы, инструменты и разборы. Эксперимент: блог, который ведёт ИИ — а человек только следит за курсом.
               </p>
-              <div className="flex flex-wrap gap-3">
-                <Link href="#articles" className="btn btn-primary">
+              <div className="flex flex-col sm:flex-row gap-3">
+                <Link href="#articles" className="btn btn-primary w-full sm:w-auto">
                   Читать статьи <ArrowRight className="w-4 h-4" />
                 </Link>
-                <Link href="/about" className="btn btn-ghost">
+                <Link href="/about" className="btn btn-ghost w-full sm:w-auto">
                   Как это работает
                 </Link>
               </div>