/* ============================================================
   site.css — единый хром innatop.com (навбар + футер)
   Подключается на всех страницах лендинга. Классы с префиксом
   site- чтобы не конфликтовать с инлайновыми стилями страниц.
   Палитра/шрифт наследуются от страницы (Inter, --accent и т.д.);
   переменные ниже — фолбэк, если страница их не задаёт.
   ============================================================ */
:root{
  --site-bg:#f8fafc;
  --site-surface:#ffffff;
  --site-border:#e2e8f0;
  --site-text:#0f172a;
  --site-text-2:#1e293b;
  --site-muted:#64748b;
  --site-accent:#0284c7;
  --site-accent-dark:#0369a1;
  --site-accent-bg:#e0f2fe;
  --site-accent-light:#f0f9ff;
  --site-ink:#0c1523;
}

/* Компенсация фиксированной шапки (60px) при переходах по якорям — иначе
   заголовок секции уходит под sticky-шапку. Плюс небольшой зазор. */
html{scroll-padding-top:72px}

/* Вторичная кнопка-ссылка. На части страниц .btn-ghost не задан инлайн —
   иначе ссылка рендерится голым текстом и рвётся посреди фразы. Фолбэки
   на случай, если страница не определяет свои палитра-переменные. */
.btn-ghost{background:var(--surface,#fff);border:1.5px solid var(--border-mid,#cbd5e1);color:var(--text-2,#1e293b);font-weight:700;font-size:.95rem;padding:.8rem 1.5rem;border-radius:11px;display:inline-flex;align-items:center;gap:.5rem;transition:all .18s;text-decoration:none;white-space:nowrap}
.btn-ghost:hover{border-color:var(--accent,#0284c7);color:var(--accent,#0284c7);text-decoration:none}
/* На мобиле CTA в hero страны — столбиком во всю ширину (иначе кнопки липнут). */
@media(max-width:600px){
  .hero-country .btn-primary,.hero-country .btn-ghost{display:flex;width:100%;justify-content:center;margin:.55rem 0 0}
}

/* ───────── HEADER / NAVBAR ───────── */
.site-header{
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--site-border);
  position:sticky;top:0;z-index:100;
}
.site-header-inner{
  max-width:1140px;margin:0 auto;padding:0 1.5rem;
  height:60px;display:flex;align-items:center;gap:1.25rem;
}
.site-logo{font-weight:800;font-size:1.05rem;color:var(--site-text);letter-spacing:-.03em;display:flex;align-items:center;gap:.45rem;flex-shrink:0}
.site-logo:hover{text-decoration:none}
.site-logo-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;color:#fff;box-shadow:0 2px 6px rgba(2,132,199,.3);flex-shrink:0}
.site-logo em{font-style:normal;color:var(--site-accent)}

.site-nav{display:flex;align-items:center;gap:.15rem;margin-left:.25rem}
.site-nav a{color:var(--site-text-2);font-weight:600;font-size:.88rem;letter-spacing:-.01em;padding:.5rem .7rem;border-radius:7px;transition:all .15s;display:inline-flex;align-items:center;gap:.35rem;position:relative;white-space:nowrap}
.site-nav a:hover{background:var(--site-accent-light);color:var(--site-accent);text-decoration:none}
.site-nav a.active{color:var(--site-accent)}
.site-nav a.active::after{content:'';position:absolute;left:.7rem;right:.7rem;bottom:-1px;height:2px;background:var(--site-accent);border-radius:2px}
.site-nav .site-ext{width:13px;height:13px;opacity:.5}

.site-spacer{flex:1}
.site-header-right{display:flex;align-items:center;gap:.7rem;flex-shrink:0}
.site-lang{display:flex;gap:2px;background:var(--site-bg);border:1px solid var(--site-border);border-radius:6px;padding:2px}
.site-lang button{border:none;background:transparent;padding:3px 9px;border-radius:4px;font-size:.72rem;font-weight:700;cursor:pointer;color:var(--site-muted);font-family:inherit;transition:all .15s}
.site-lang button.active{background:var(--site-surface);color:var(--site-text);box-shadow:0 1px 2px rgba(15,23,42,.05)}
.site-btn-lk{background:var(--site-accent);color:#fff;font-weight:600;font-size:.82rem;padding:.5rem 1.05rem;border-radius:8px;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s;letter-spacing:-.01em;white-space:nowrap}
.site-btn-lk:hover{background:var(--site-accent-dark);box-shadow:0 4px 14px rgba(2,132,199,.35);transform:translateY(-1px);text-decoration:none;color:#fff}

.site-burger{display:none;background:none;border:1px solid var(--site-border);border-radius:8px;width:40px;height:40px;cursor:pointer;color:var(--site-text-2);align-items:center;justify-content:center;flex-shrink:0}

/* mobile drawer */
.site-drawer{display:none}
.site-drawer.open{display:block;position:fixed;inset:60px 0 0;background:var(--site-surface);z-index:99;padding:1.25rem 1.5rem;overflow-y:auto;border-top:1px solid var(--site-border)}
.site-drawer a{display:flex;align-items:center;gap:.5rem;padding:.85rem .25rem;font-weight:600;font-size:1rem;color:var(--site-text-2);border-bottom:1px solid var(--site-border)}
.site-drawer a:hover{text-decoration:none;color:var(--site-accent)}
.site-drawer a.site-drawer-lk{color:var(--site-accent)}
.site-drawer-lang{display:flex;gap:.4rem;margin-top:1rem}
.site-drawer-lang button{flex:1;padding:.6rem;border:1px solid var(--site-border);background:var(--site-bg);border-radius:8px;font-weight:700;color:var(--site-muted);font-family:inherit;cursor:pointer}
.site-drawer-lang button.active{background:var(--site-accent);color:#fff;border-color:var(--site-accent)}

@media(max-width:860px){
  .site-nav{display:none}
  .site-header-right .site-lang{display:none}
  .site-burger{display:flex}
}

/* ───────── FOOTER ───────── */
.site-footer{background:var(--site-ink);color:rgba(248,250,252,.6);padding:3rem 1.5rem 2rem;margin-top:0}
.site-footer-inner{max-width:1140px;margin:0 auto}
.site-footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem 1.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}
.site-footer-brand .site-footer-logo{display:flex;align-items:center;gap:.45rem;font-weight:800;font-size:1.05rem;color:#f8fafc;margin-bottom:.75rem}
.site-footer-brand .site-footer-logo:hover{text-decoration:none}
.site-footer-brand .site-footer-logo-icon{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#0284c7,#6366f1);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;color:#fff}
.site-footer-brand em{font-style:normal;color:#38bdf8}
.site-footer-brand p{font-size:.82rem;color:rgba(248,250,252,.45);max-width:270px;line-height:1.6}
.site-footer-col h4{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(248,250,252,.4);margin-bottom:.9rem}
.site-footer-col a{display:block;color:rgba(248,250,252,.7);font-size:.85rem;padding:.28rem 0;transition:color .15s}
.site-footer-col a:hover{color:#38bdf8;text-decoration:none}
.site-footer-bottom{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;padding-top:1.5rem}
.site-footer-legal{display:flex;flex-wrap:wrap;gap:1rem}
.site-footer-legal a{color:rgba(248,250,252,.5);font-size:.78rem}
.site-footer-legal a:hover{color:#38bdf8;text-decoration:none}
.site-footer-copy{font-size:.78rem;color:rgba(248,250,252,.35)}
.site-footer-credits{max-width:1140px;margin:1.25rem auto 0;font-size:.68rem;color:rgba(248,250,252,.22);line-height:1.5}
.site-footer-credits a{color:rgba(248,250,252,.35)}

@media(max-width:860px){
  .site-footer-top{grid-template-columns:1fr 1fr;gap:1.75rem 1rem}
  .site-footer-brand{grid-column:1/-1}
}
@media(max-width:520px){.site-footer-top{grid-template-columns:1fr}}

/* Lightbox — click a content photo to enlarge */
.lb-overlay{position:fixed;inset:0;background:rgba(8,15,25,.92);display:none;align-items:center;justify-content:center;z-index:9999;padding:2rem;cursor:zoom-out}
.lb-overlay.open{display:flex}
.lb-img{max-width:96vw;max-height:92vh;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);cursor:default}
.lb-close{position:fixed;top:.9rem;right:1.1rem;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.lb-close:hover{background:rgba(255,255,255,.3)}