/* Общее для главной и страницы приложений: цвета, шрифты, шапка и подвал */
:root {
  color-scheme: dark;
  --bg:#0a0d0c; --panel:#111614; --panel-2:#181e1b; --line:#27302c;
  --ink:#f2f6f3; --muted:#9daaa4; --lime:#c6f135; --lime-ink:#0a0d0c;
  --display:"Bricolage Grotesque", Impact, "Arial Narrow", sans-serif;
  --body:Geist, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono:"Geist Mono", ui-monospace, Menlo, Consolas, monospace;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:clip; background:var(--bg); color:var(--ink); font:17px/1.55 var(--body); }
a { color:inherit; }
:focus-visible { outline:2px solid var(--lime); outline-offset:3px; border-radius:4px; }
.wrap { width:min(1240px, 100%); margin:0 auto; padding:0 24px; }

/* Шапка: Apps — главная кнопка, Contact — с рамкой */
.nav { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:20px; padding-bottom:20px; }
.brand { display:flex; align-items:center; gap:10px; font:600 17px var(--mono); text-decoration:none; }
.brand img { width:30px; height:30px; }
.nav nav { display:flex; gap:10px; }
.nav-btn { padding:10px 18px; border:1px solid var(--line); border-radius:12px; background:var(--panel); font:600 16px/1.2 var(--body); text-decoration:none; transition:transform .15s, border-color .15s, color .15s; }
.nav-btn:hover { transform:translateY(-2px); border-color:var(--lime); color:var(--lime); }
.nav-btn.primary { border-color:var(--lime); background:var(--lime); color:var(--lime-ink); }
.nav-btn.primary:hover { color:var(--lime-ink); }
/* Текущая страница: кнопка не прыгает и отмечена линией снизу */
.nav-btn[aria-current="page"] { box-shadow:inset 0 -3px 0 rgba(10,13,12,.35); }
.nav-btn[aria-current="page"]:hover { transform:none; }

/* Подвал */
footer { margin-top:clamp(48px, 6vw, 80px); border-top:1px solid var(--line); padding-top:22px; padding-bottom:30px; }
footer p { margin:0; font-size:14px; color:var(--muted); text-align:center; }

@media (max-width:420px) { .nav-btn { padding:9px 14px; font-size:15px; } }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before { animation:none !important; transition:none !important; }
}