/* ИМПУЛЬС · общая основа сайта · UI-kit «Конструктор»
   Токены совпадают с UI-kit (D:\PJ\IMPILSEKB.RU\UI-KIT). Шрифты подключаются в <head> страниц:
   Dela Gothic One (заголовки) + Manrope (текст). */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --coral:#FF5B3A;--coral-soft:#FFE7E1;--coral-text:#BF3318;
  --sky:#4BA3F2;--sky-soft:#E3F0FD;--sky-text:#1467B8;
  --lemon:#FFC72C;--lemon-soft:#FFF3CC;--lemon-text:#8A6200;
  --mint:#2FC795;--mint-soft:#DDF6EC;--mint-text:#0E7A57;
  --ink:#16161A;--ink-2:#3A3A42;--muted:#5E5E66;--line:#E4E1DA;--sand:#F3F1EC;--paper:#FFFFFF;--disabled:#C9C7C1;
  --focus:#1467B8;
  --font-display:'Dela Gothic One','Arial Black',sans-serif;
  --font-text:'Manrope','Segoe UI',system-ui,sans-serif;
  --r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;
  --stroke:3px;--stroke-thin:2px;
  --shadow-sm:3px 3px 0 var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);
  --ease:cubic-bezier(.2,.8,.2,1);
  /* имена, которые остались в разметке оферт (inline-стили) */
  --text-2:var(--ink-2);--text-3:var(--muted);--accent-bar:var(--coral-text);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font-text);font-weight:500;background:var(--sand);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;}
a{color:var(--sky-text);}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}

/* ===== Шапка и подвал ===== */
nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:var(--stroke) solid var(--ink);height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}
.nav-logo img{width:36px;height:36px;object-fit:contain;}
.nav-brand{font-family:var(--font-display);font-size:24px;line-height:1;text-transform:lowercase;color:var(--ink);}
.nav-back{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:var(--stroke) solid var(--ink);border-radius:var(--r-sm);background:var(--paper);box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px;font-weight:800;text-decoration:none;transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .12s;}
.nav-back:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--lemon);}
.nav-back:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink);}

footer{background:var(--ink);color:rgba(255,255,255,.75);padding:28px 40px;text-align:center;font-size:13px;font-weight:600;}
footer a{color:var(--lemon);text-decoration:underline;text-underline-offset:3px;}
footer a:hover{color:var(--paper);}

/* ===== Кнопки и бейджи (кит) ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:var(--stroke) solid var(--ink);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font:800 16px/1 var(--font-text);cursor:pointer;box-shadow:var(--shadow);text-decoration:none;white-space:nowrap;transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .12s;-webkit-tap-highlight-color:transparent;}
.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink);}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink);}
.btn--primary{background:var(--coral);}
.btn--lemon{background:var(--lemon);}
.btn--sky{background:var(--sky);}
.btn--dark{background:var(--ink);color:var(--paper);}
.btn--sm{height:36px;padding:0 14px;font-size:14px;border-radius:var(--r-sm);box-shadow:var(--shadow-sm);}
.btn--lg{height:60px;padding:0 30px;font-size:18px;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);}
.tag{display:inline-block;background:var(--ink);color:var(--paper);border-radius:var(--r-pill);padding:6px 14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;}

@media(max-width:600px){nav{padding:0 16px;}footer{padding:24px 16px;}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}html{scroll-behavior:auto;}}