From 5675ff958bc3a4f63ee2100c6aa4db2b54b06cbd Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@mail.ru>
Date: Thu, 23 Jul 2026 20:20:14 +0300
Subject: [PATCH] Make interactive demo visible from hero

---
 index.html | 3 ++-
 styles.css | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index ad4a678..e364697 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,8 @@
         <div class="eyebrow">Правовая система для работы</div>
         <h1>Знания, которые<br><span>помогают решать</span></h1>
         <p>Все законодательство России, судебная практика и готовые решения — в одной системе.</p>
-        <div class="hero-actions"><a class="button primary" href="#products">Выбрать продукт <span>→</span></a><button class="text-button" data-modal="trial">Получить пробный доступ <span>↗</span></button></div>
+        <div class="hero-actions"><a class="button primary" href="#search">Открыть демо системы <span>→</span></a><button class="text-button" data-modal="trial">Получить пробный доступ <span>↗</span></button></div>
+        <div class="demo-hint"><span>⌕</span> Поиск документов · карточки · оглавление · избранное</div>
       </div>
       <div class="hero-visual" aria-hidden="true">
         <div class="orb orb-one"></div><div class="orb orb-two"></div>
diff --git a/styles.css b/styles.css
index e4e0696..40d4188 100644
--- a/styles.css
+++ b/styles.css
@@ -4,3 +4,4 @@
 @media(max-width:470px){.role-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-visual{transform:scale(.84);margin:-20px 0}.about{display:block}.about-number{border-left:0;border-top:1px solid var(--line);width:100%;padding:24px 0;margin-top:35px;height:auto}.news-main h3{margin-top:35px}.search-form button{padding:0 15px}}
 .doc-modal{position:fixed;inset:0;display:none;z-index:6}.doc-modal.open{display:grid;place-items:center}.doc-viewer{position:relative;background:#fff;border-radius:10px;width:min(850px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:38px 44px;box-shadow:0 20px 80px #10253940}.doc-breadcrumb{font-size:11px;color:var(--muted);margin-bottom:30px}.doc-viewer h2{font-size:34px;line-height:1.1;letter-spacing:-.05em;margin:12px 0 20px}.doc-meta{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:25px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.doc-meta span{background:var(--pale);padding:7px 10px;border-radius:4px}.doc-layout{display:grid;grid-template-columns:225px 1fr;gap:38px;padding-top:28px}.doc-layout aside{display:flex;flex-direction:column;gap:13px;font-size:12px}.doc-layout aside b{font-size:13px;margin-bottom:5px}.doc-layout aside a{color:var(--muted)}.doc-layout aside a:hover{color:var(--blue)}.doc-layout article h3{font-size:21px;margin:0 0 13px}.doc-layout article p{color:var(--muted);font-size:13px}.doc-notice{margin:22px 0;padding:15px;border-left:3px solid var(--blue);background:#edf4ff;color:var(--ink);font-size:12px}
 .search-results{width:100%;}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 12px;font-size:12px}.result-toolbar select{border:1px solid var(--line);border-radius:5px;padding:7px 10px;background:#fff;color:var(--ink)}.result-card{display:grid;grid-template-columns:145px 1fr 150px;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:14px 2px;text-align:left;color:var(--ink);cursor:pointer}.result-card:hover strong,.result-card:hover i{color:var(--blue)}.result-card strong{font-size:13px}.result-card small{color:var(--muted);font-size:11px}.result-card i{font-style:normal;color:var(--blue);font-size:11px;text-align:right}.result-type{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.favorite-button{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:4px;padding:7px 10px;cursor:pointer;font-size:11px}.favorite-button:hover{border-color:var(--blue)}
+.demo-hint{margin-top:18px;color:var(--muted);font-size:11px}.demo-hint span{color:var(--blue);font-size:18px;vertical-align:-2px;margin-right:5px}