diff --git a/docs/mockup_commercial.html b/docs/mockup_commercial.html
index b1ec50c..fc92140 100644
--- a/docs/mockup_commercial.html
+++ b/docs/mockup_commercial.html
@@ -213,14 +213,15 @@ function _sHome(){
   var prevP={'Май':'апрелю','Апр':'марту','Мар':'февралю'};
 
   return '<div class="page">'
-    // Период-свитчер
-    +'<div style="display:flex;gap:6px;padding:10px 16px 0;background:var(--card);border-bottom:1px solid rgba(0,0,0,.06)">'
-    +periodLabels.map(function(p){
-      var act=window._period===p;
-      return '<div onclick="window._period=\''+p+'\';_render()" style="padding:7px 18px;border-radius:20px 20px 0 0;font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid '+(act?'var(--accent)':'transparent')+';color:'+(act?'var(--accent)':'var(--muted)')+'">'+p+'</div>';
-    }).join('')
-    +'</div>'
     +'<div class="hero-grad">'
+    // Период-свитчер внутри hero
+    +  '<div style="display:flex;gap:6px;margin-bottom:14px">'
+    +  periodLabels.map(function(p){
+         var act=window._period===p;
+         return '<div onclick="window._period=\''+p+'\';_render()" style="padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;'
+           +(act?'background:rgba(255,255,255,.25);color:#fff':'background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)')+'">'+p+'</div>';
+       }).join('')
+    +  '</div>'
     +  '<div style="font-size:11px;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px">'+window._period.toUpperCase()+' 2026 · Коммерческий директор</div>'
     +  '<div style="font-size:28px;font-weight:800;letter-spacing:-.03em">'+totalFact.toLocaleString('ru')+' ₽</div>'
     +  '<div style="font-size:13px;opacity:.8;margin-top:4px">Выручка · <span style="color:'+(d.growth>=0?'#76BD22':'#FCA5A5')+';font-weight:700">'+(d.growth>=0?'▲ +':'▼ ')+Math.abs(d.growth)+'%</span> к '+prevP[window._period]+'</div>'