fix: stabilize rotating homepage value proposition

public/css/main.css

@@ -1408,10 +1408,10 @@ html[data-font="mono"] .hero__title {
 
 .hero-rotator {
   position: relative;
-  display: inline-flex;
+  display: block;
   align-items: baseline;
   vertical-align: baseline;
-  min-width: 8.5ch;
+  width: 9ch;
   min-height: 0.92em;
 }
 

public/en/index.html

@@ -319,7 +319,7 @@
           <div class="hero__text">
             <p class="hero__eyebrow">Nikolay Mamadaev</p>
             <h1 id="hero-title" class="hero__title">
-              I bring order to where business loses
+              I help businesses avoid losing:
               <span class="hero-rotator" data-hero-rotator aria-label="time, customers, money">
                 <span class="hero-rotator__word" data-hero-rotator-word>time</span>
               </span>

public/index.html

@@ -319,7 +319,7 @@
           <div class="hero__text">
             <p class="hero__eyebrow">Николай Мамадаев</p>
             <h1 id="hero-title" class="hero__title">
-              Навожу порядок там, где бизнес теряет
+              Помогаю бизнесу не терять:
               <span class="hero-rotator" data-hero-rotator aria-label="время, клиентов, деньги">
                 <span class="hero-rotator__word" data-hero-rotator-word>время</span>
               </span>

public/js/modules/ui/hero-word-slot.js

@@ -5,7 +5,9 @@ export function initHeroWordSlot() {
   const wordEl = document.querySelector("[data-hero-rotator-word]");
   if (!wordEl) return;
 
-  const words = ["time", "customers", "money"];
+  const words = document.documentElement.lang === "ru"
+    ? ["время", "деньги", "клиентов"]
+    : ["time", "money", "customers"];
   if (!words.length) return;
   if (prefersReducedMotion()) {
     wordEl.textContent = words[0];

src/pages/index.en.html

@@ -20,7 +20,7 @@
           <div class="hero__text">
             <p class="hero__eyebrow">Nikolay Mamadaev</p>
             <h1 id="hero-title" class="hero__title">
-              I bring order to where business loses
+              I help businesses avoid losing:
               <span class="hero-rotator" data-hero-rotator aria-label="time, customers, money">
                 <span class="hero-rotator__word" data-hero-rotator-word>time</span>
               </span>

src/pages/index.html

@@ -20,7 +20,7 @@
           <div class="hero__text">
             <p class="hero__eyebrow">Николай Мамадаев</p>
             <h1 id="hero-title" class="hero__title">
-              Навожу порядок там, где бизнес теряет
+              Помогаю бизнесу не терять:
               <span class="hero-rotator" data-hero-rotator aria-label="время, клиентов, деньги">
                 <span class="hero-rotator__word" data-hero-rotator-word>время</span>
               </span>