/* Start:/local/templates/n5/styles.css?178409302451347*/
/* =====================================================================
   Партнёр — маркетинговый сайт. Общая таблица стилей.
   Дизайн-система на CSS-переменных (см. :root). Тёмная/светлая темы.
   Смена фирменного цвета: поменяйте --brand (и при желании --slate).
   Структура: 1) шрифт  2) токены+база (все страницы)
              3) компоненты главной  4) компоненты обзорных страниц.
   ===================================================================== */
/* ============================================================
   Golos Text — вариативный шрифт (subset woff2, 4 диапазона).
   Файлы: fonts/GolosText-*.woff2. Работает при отдаче по HTTP.
   ============================================================ */
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/local/templates/n5/assets/fonts/GolosText-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/local/templates/n5/assets/fonts/GolosText-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/local/templates/n5/assets/fonts/GolosText-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Golos Text";font-style:normal;font-weight:400 900;font-display:swap;src:url(/local/templates/n5/assets/fonts/GolosText-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}

  :root {
    /* ==== BRAND TOKENS — из логотипа Partner. Разработчику: сверь HEX с фирстилем ==== */
    --brand: #3A8C8E;          /* приглушённый teal (правый шеврон логотипа) */
    --brand-bright: #5FB4B3;   /* светлый teal для тёмного фона */
    --brand-deep: #2C7376;     /* глубокий teal для текста на белом */
    --slate: #587389;          /* стально-синий (левый шеврон логотипа) */
    --slate-bright: #7E96A8;   /* светлый slate для тёмного фона */
    --navy: #16212C;           /* фирменный чёрно-синий (шапка/подвал/акценты) */
    --navy-2: #1D2B38;

    /* ==== light theme ==== */
    --ground: #F7F9FA;
    --surface: #FFFFFF;
    --surface-2: #EEF3F4;
    --ink: #10202C;
    --ink-soft: #33454F;
    --muted: #64757E;
    --line: #E1E8EA;
    --line-strong: #CDD8DB;
    --accent: var(--brand-deep);
    --accent-soft: #E1F5F2;
    --on-navy: #EAF4F3;
    --on-navy-muted: #9FB6BA;
    --shadow: 0 1px 2px rgba(14,26,40,.04), 0 10px 34px rgba(14,26,40,.07);
    --shadow-lg: 0 20px 60px rgba(14,26,40,.14);

    --font-display: "Golos Text","Inter Tight","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
    --font-body: "Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --font-mono: ui-monospace,"Cascadia Code","Segoe UI Mono","SF Mono",Consolas,Menlo,monospace;
    --maxw: 1180px;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --ground:#0B131C; --surface:#111C27; --surface-2:#16242F; --ink:#EAF1F2; --ink-soft:#C4D2D5;
      --muted:#8DA0A6; --line:#1E2E3A; --line-strong:#2A3D49; --accent:var(--brand-bright);
      --accent-soft:#0F2A2A; --on-navy:#EAF4F3; --on-navy-muted:#9FB6BA;
      --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 40px rgba(0,0,0,.4); --shadow-lg:0 24px 70px rgba(0,0,0,.5);
    }
  }
  :root[data-theme="light"]{
    --ground:#F7F9FA;--surface:#FFFFFF;--surface-2:#EEF3F4;--ink:#10202C;--ink-soft:#33454F;--muted:#64757E;
    --line:#E1E8EA;--line-strong:#CDD8DB;--accent:var(--brand-deep);--accent-soft:#E1F5F2;--on-navy:#EAF4F3;--on-navy-muted:#9FB6BA;
    --shadow:0 1px 2px rgba(14,26,40,.04),0 10px 34px rgba(14,26,40,.07);--shadow-lg:0 20px 60px rgba(14,26,40,.14);
  }
  :root[data-theme="dark"]{
    --ground:#0B131C;--surface:#111C27;--surface-2:#16242F;--ink:#EAF1F2;--ink-soft:#C4D2D5;--muted:#8DA0A6;
    --line:#1E2E3A;--line-strong:#2A3D49;--accent:var(--brand-bright);--accent-soft:#0F2A2A;--on-navy:#EAF4F3;--on-navy-muted:#9FB6BA;
    --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 40px rgba(0,0,0,.4);--shadow-lg:0 24px 70px rgba(0,0,0,.5);
  }

  /* Golos Text — брендовый шрифт (как в «Липецк Онлайн»). Встроен ниже как data-URI:
     работает офлайн и при копировании папки. Для Bitrix разработчик может заменить
     на self-hosted woff2 (info/fonts/) или Google Fonts. */
  

  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
  body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation:none!important;transition:none!important;}}
  .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px;}
  h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;text-wrap:balance;line-height:1.07;margin:0;}
  a{color:inherit;text-decoration:none;}
  .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:10px;}
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--accent);}

  .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-weight:600;font-size:15px;padding:13px 22px;border-radius:11px;cursor:pointer;border:1px solid transparent;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;}
  .btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px;}
  .btn-primary{background:var(--brand);color:#06201E;box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 42%,transparent);}
  .btn-primary:hover{background:var(--brand-bright);transform:translateY(-1px);}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong);}
  .btn-ghost:hover{border-color:var(--brand);color:var(--ink);}
  .btn-sm{padding:9px 16px;font-size:14px;border-radius:9px;}

  /* ===== HEADER ===== */
  .topbar{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--ground) 86%,transparent);backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line);}
  .topbar .row{display:flex;align-items:center;gap:24px;height:70px;}
  nav.main{display:flex;align-items:center;gap:6px;margin-left:8px;}
  .navitem{position:relative;}
  .navitem>a,.navitem>button{font:inherit;font-size:15px;color:var(--ink-soft);background:none;border:0;cursor:pointer;padding:10px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;transition:color .16s,background .16s;}
  .navitem>a:hover,.navitem>button:hover{color:var(--ink);background:var(--surface-2);}
  .navitem>button .car{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.6;}
  .navitem.open>button .car{transform:rotate(-135deg) translateY(-1px);}
  .dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:70;}
  /* Прозрачный мостик между кнопкой и dropdown: без него курсор при
     переходе через 8px gap выходит за пределы .navitem и mouseleave
     закрывает выпадашку. Псевдо-элемент — часть dropdown для hit-testing. */
  .dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:12px;}
  .navitem.open .dropdown{opacity:1;visibility:visible;transform:none;}
  .dropdown a{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:10px;transition:background .14s;}
  .dropdown a:hover{background:var(--surface-2);}
  .dropdown a .ic{font-family:var(--font-mono);font-size:11px;color:var(--brand);margin-top:3px;min-width:26px;}
  .dropdown a .d{font-size:14.5px;font-weight:600;color:var(--ink);}
  .dropdown a .d small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px;}
  .spacer{flex:1;}
  .phone{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink);white-space:nowrap;}
  .phone small{display:block;font-family:var(--font-mono);font-weight:400;font-size:10.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;}
  #themeToggle{font:inherit;font-family:var(--font-mono);font-size:12px;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px;cursor:pointer;transition:border-color .16s,color .16s;}
  #themeToggle:hover{border-color:var(--brand);color:var(--ink);}
  .burger{display:none;background:none;border:1px solid var(--line-strong);border-radius:9px;width:42px;height:38px;cursor:pointer;color:var(--ink);}
  @media (max-width:1080px){ nav.main,.phone,.navitem{display:none;} .burger{display:inline-grid;place-items:center;} .spacer{display:none;} .topbar .row{justify-content:space-between;} }

  /* ===== HERO ===== */
  .hero{position:relative;padding:96px 0 30px;overflow:hidden;}
  .hero::before{content:"";position:absolute;inset:0;z-index:0;background:
    radial-gradient(620px 340px at 88% -6%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 70%),
    radial-gradient(520px 320px at 4% 18%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 72%);
    pointer-events:none;}
  .hero .wrap{position:relative;z-index:1;}
  /* анимированный teal/slate фон — «motion-подложка» вместо тяжёлого видео */
  .hero .bgfx{position:absolute;inset:0;z-index:0;pointer-events:none;
    background:
      radial-gradient(58% 80% at 14% 18%, color-mix(in srgb,var(--brand) 24%,transparent), transparent 60%),
      radial-gradient(56% 76% at 86% 28%, color-mix(in srgb,var(--slate) 28%,transparent), transparent 62%),
      radial-gradient(72% 92% at 62% 96%, color-mix(in srgb,var(--brand) 15%,transparent), transparent 60%);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,transparent 92%);
    animation:drift 22s ease-in-out infinite alternate;will-change:transform;}
  @keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.06);}100%{transform:translate3d(2%,2%,0) scale(1.13);}}
  /* video-ready слот: положи оптимизированный клип в info/video/hero.mp4 и раскомментируй <video> в разметке */
  .hero .herovid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.5;}
  @media (max-width:760px),(prefers-reduced-motion:reduce){.hero .herovid{display:none;}}
  /* ротация глагола в заголовке */
  .rotor{color:var(--brand);}
  .rotor .word{display:inline-block;transition:opacity .38s ease,transform .38s ease;}
  .rotor.swap .word{opacity:0;transform:translateY(-.28em);}
  @media (prefers-reduced-motion:reduce){.hero .bgfx{animation:none;}.rotor .word{transition:none;}}
  /* --- ТЁМНЫЙ HERO с фоновым видео --- */
  .hero{background:var(--navy);color:var(--on-navy);}
  .hero .herovid{opacity:.6;}
  .hero .bgfx{opacity:.5;}
  .hero .scrim{position:absolute;inset:0;z-index:0;pointer-events:none;
    background:
      linear-gradient(90deg, color-mix(in srgb,var(--navy) 94%,transparent), color-mix(in srgb,var(--navy) 66%,transparent) 46%, color-mix(in srgb,var(--navy) 20%,transparent)),
      linear-gradient(180deg, transparent 42%, var(--navy));}
  .hero .eyebrow{color:var(--brand-bright);}
  .hero .eyebrow::before{background:var(--brand-bright);}
  .hero h1{color:#fff;}
  .hero .hl,.hero .rotor{color:var(--brand-bright);}
  .hero .lede{color:var(--on-navy-muted);}
  .hero .hero-meta{color:var(--on-navy-muted);}
  .hero .hero-meta span::before{background:var(--brand-bright);}
  .hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);}
  .hero .btn-ghost:hover{border-color:var(--brand-bright);color:#fff;}
  .hero .axiscard{background:var(--navy-2);border:1px solid rgba(255,255,255,.1);}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;}
  @media (max-width:940px){.hero-grid{grid-template-columns:1fr;gap:34px;}}
  .hero h1{font-size:clamp(34px,5.4vw,60px);margin-top:20px;max-width:15ch;}
  .hero h1 .hl{color:var(--brand);}
  .hero .lede{margin-top:22px;font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:52ch;}
  .hero-cta{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;}
  .hero-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);}
  .hero-meta span{display:inline-flex;align-items:center;gap:8px;}
  .hero-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);}

  /* hero card — two axes preview */
  .axiscard{background:var(--navy);border-radius:20px;padding:26px;box-shadow:var(--shadow-lg);color:var(--on-navy);position:relative;overflow:hidden;}
  .axiscard::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 40%,transparent),transparent 70%);}
  .axiscard h3{font-size:15px;color:var(--on-navy);position:relative;}
  .axiscard .ax{position:relative;margin-top:14px;}
  .axiscard .lab{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-bright);}
  .axiscard .list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
  .axiscard .pill{font-size:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--on-navy);padding:6px 11px;border-radius:20px;transition:background .15s,border-color .15s;}
  .axiscard .pill:hover{background:color-mix(in srgb,var(--brand) 22%,transparent);border-color:var(--brand);}
  .axiscard .div{height:1px;background:rgba(255,255,255,.1);margin:20px 0;}

  /* ===== SECTIONS ===== */
  .band{padding:78px 0;border-top:1px solid var(--line);}
  .band.alt{background:var(--surface-2);}
  .sec-head{max-width:64ch;margin-bottom:38px;}
  .sec-head h2{font-size:clamp(26px,3.6vw,40px);margin-top:15px;}
  .sec-head p{color:var(--muted);margin:14px 0 0;font-size:17px;}
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
  .reveal.in{opacity:1;transform:none;}

  .grid{display:grid;gap:18px;}
  .c3{grid-template-columns:repeat(3,1fr);} .c4{grid-template-columns:repeat(4,1fr);} .c2{grid-template-columns:repeat(2,1fr);}
  @media (max-width:920px){.c3,.c4{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.c3,.c4,.c2{grid-template-columns:1fr;}}

  /* solution cards */
  .solu{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;flex-direction:column;}
  .solu:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:var(--shadow-lg);}
  .solu .top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
  .solu .ic{width:44px;height:44px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);}
  .solu .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;}
  .solu .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
  .solu h3{font-size:20px;margin:0;letter-spacing:-.01em;}
  .solu p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0 0 16px;}
  .solu .go{margin-top:auto;font-family:var(--font-mono);font-size:12.5px;color:var(--accent);display:inline-flex;align-items:center;gap:7px;font-weight:600;}
  .solu .go::after{content:"→";transition:transform .18s;}
  .solu:hover .go::after{transform:translateX(4px);}

  /* departments */
  .dept{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s;}
  a.dept:hover{transform:translateY(-3px);border-color:var(--brand);}
  .dept .num{font-family:var(--font-mono);font-size:12px;color:var(--brand);letter-spacing:.1em;}
  .dept h3{font-size:19px;margin:12px 0 8px;}
  .dept p{margin:0;color:var(--muted);font-size:14.5px;}

  /* process/engineering band (dark) */
  .eng{background:var(--navy);color:var(--on-navy);border-top:1px solid var(--line);}
  .eng .eyebrow{color:var(--brand-bright);}
  .eng h2{color:#fff;font-size:clamp(26px,3.6vw,40px);}
  .eng .lede{color:var(--on-navy-muted);max-width:56ch;margin-top:14px;font-size:17px;}
  .eng-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;margin-top:8px;}
  @media (max-width:900px){.eng-grid{grid-template-columns:1fr;gap:30px;}}
  .eng ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
  .eng li{display:flex;gap:13px;align-items:flex-start;font-size:15.5px;color:var(--on-navy);}
  .eng li::before{content:"›";color:var(--brand-bright);font-family:var(--font-mono);font-weight:700;}
  .eng-cta{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}
  .steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .stepbox{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;}
  .stepbox .n{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--brand-bright);line-height:1;}
  .stepbox h4{color:#fff;font-size:15px;margin:12px 0 5px;font-weight:700;font-family:var(--font-display);}
  .stepbox p{margin:0;font-size:13px;color:var(--on-navy-muted);}

  /* support hours */
  .support{background:var(--navy);color:var(--on-navy);}
  .support .eyebrow{color:var(--brand-bright);}
  .support h2{color:#fff;font-size:clamp(24px,3.4vw,36px);}
  .support-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
  @media (max-width:860px){.support-grid{grid-template-columns:1fr;gap:30px;}}
  .support p{color:var(--on-navy-muted);margin:14px 0 0;max-width:48ch;}
  .hours{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
  .hourrow{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;}
  .hourrow .lab{font-size:14.5px;color:var(--on-navy);flex:1;}
  .hourrow .val{font-family:var(--font-display);font-weight:800;font-size:20px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}
  .hourrow .val em{color:var(--brand-bright);font-style:normal;}
  .support .badge{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-bright);border:1px solid color-mix(in srgb,var(--brand) 55%,transparent);border-radius:20px;padding:8px 14px;}
  .support .badge b{width:7px;height:7px;border-radius:50%;background:var(--brand-bright);box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-bright) 60%,transparent);animation:blip 1.9s ease-out infinite;}
  @keyframes blip{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-bright) 55%,transparent);}70%{box-shadow:0 0 0 8px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
  .coverage{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;}
  .coverage .ct{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-muted);margin-bottom:20px;}
  .cbar{position:relative;height:46px;}
  .cbar .track{position:absolute;left:0;right:0;top:14px;height:12px;border-radius:6px;background:rgba(255,255,255,.08);}
  .cbar .ours{position:absolute;top:14px;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--brand),var(--brand-bright));box-shadow:0 0 18px color-mix(in srgb,var(--brand) 55%,transparent);}
  .cbar .theirs{position:absolute;top:33px;height:5px;border-radius:4px;background:var(--slate);}
  .clabels{position:relative;height:14px;margin-top:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--on-navy-muted);font-variant-numeric:tabular-nums;}
  .clabels span{position:absolute;transform:translateX(-50%);}
  .clegend{display:flex;gap:20px;margin-top:20px;font-size:12.5px;color:var(--on-navy-muted);flex-wrap:wrap;}
  .clegend span{display:inline-flex;align-items:center;gap:8px;}
  .clegend i{width:15px;height:8px;border-radius:3px;display:inline-block;}
  .clegend .g1{background:linear-gradient(90deg,var(--brand),var(--brand-bright));}
  .clegend .g2{background:var(--slate);}

  /* stats / trust */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:420px){.stats{grid-template-columns:1fr;}.stat{padding:20px 18px;}}
  .stat{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:var(--shadow);}
  .stat .big{font-family:var(--font-display);font-weight:800;font-size:44px;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;}
  .stat .big em{color:var(--brand);font-style:normal;}
  .stat .cap{margin-top:12px;font-size:14px;color:var(--muted);}

  /* projects preview */
  /* сетка реальных проектов (наполняется из админки) */
  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media (max-width:900px){.pgrid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:600px){.pgrid{grid-template-columns:1fr;}}
  .pcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:transform .18s,border-color .18s;overflow:hidden;}
  .pcard::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:40px;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 12%,transparent),transparent 70%);opacity:0;transition:opacity .2s;}
  .pcard:hover{transform:translateY(-4px);border-color:var(--brand);} .pcard:hover::after{opacity:1;}
  .pcard .ptag{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--accent-soft);border-radius:20px;padding:4px 10px;font-weight:700;margin-bottom:14px;position:relative;}
  .pcard h3{font-size:21px;margin:0 0 8px;letter-spacing:-.01em;position:relative;}
  .pcard p{margin:0 0 16px;color:var(--muted);font-size:14.5px;flex:1;position:relative;}
  .pcard .pgo{font-family:var(--font-mono);font-size:12.5px;color:var(--brand);font-weight:600;position:relative;}
  .pcard .pgo::after{content:" →";}
  .admin-note{margin-top:22px;font-family:var(--font-mono);font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:flex-start;}
  .admin-note::before{content:"⚙";color:var(--brand);}
  .proj{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;}
  @media (max-width:820px){.proj{grid-template-columns:1fr;}}
  .projcard{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;background:var(--surface);}
  .projcard.big{background:linear-gradient(160deg,var(--navy),var(--navy-2));color:var(--on-navy);padding:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;position:relative;overflow:hidden;}
  .projcard.big::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:40px;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 32%,transparent),transparent 70%);}
  .projcard.big .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-bright);position:relative;}
  .projcard.big h3{font-size:28px;color:#fff;margin-top:14px;position:relative;max-width:16ch;}
  .projcard.big p{color:var(--on-navy-muted);margin-top:12px;position:relative;max-width:40ch;}
  .projcard.big .go{position:relative;margin-top:20px;font-family:var(--font-mono);font-size:13px;color:var(--brand-bright);font-weight:600;}
  .projside{display:grid;gap:22px;}
  .miniproj{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;}
  .miniproj .k{font-family:var(--font-mono);font-size:11px;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;}
  .miniproj h3{font-size:19px;margin:10px 0 6px;}
  .miniproj p{margin:0;color:var(--muted);font-size:14px;}

  /* client band */
  .clientband{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,4vw,44px);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;}
  @media (max-width:760px){.clientband{grid-template-columns:1fr;}}
  .clientband h2{font-size:clamp(24px,3vw,32px);}
  .clientband p{color:var(--muted);margin:12px 0 0;max-width:56ch;}

  /* CTA */
  .cta{background:var(--navy);border-radius:24px;padding:clamp(36px,5vw,64px);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
  .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 50% -30%,color-mix(in srgb,var(--brand) 34%,transparent),transparent 70%);}
  .cta .eyebrow{color:var(--brand-bright);position:relative;justify-content:center;}
  .cta h2{position:relative;font-size:clamp(28px,4.4vw,46px);margin:16px auto 0;max-width:20ch;color:#fff;}
  .cta p{position:relative;color:var(--on-navy-muted);max-width:52ch;margin:16px auto 0;}
  .cta .row{position:relative;margin-top:28px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center;}
  .cta .phone-big{font-family:var(--font-display);font-weight:800;font-size:24px;color:#fff;}
  .cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);}
  .cta .btn-ghost:hover{border-color:var(--brand-bright);}

  /* footer */
  footer{border-top:1px solid var(--line);padding:52px 0 40px;background:var(--surface-2);}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;}
  @media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;gap:24px;}}
  @media (max-width:520px){.foot-grid{grid-template-columns:1fr;}}
  .foot-grid h5{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:600;}
  .foot-grid a{display:block;color:var(--ink-soft);font-size:14.5px;padding:4px 0;transition:color .15s;}
  .foot-grid a:hover{color:var(--brand);}
  .foot-brand a.logo{display:flex;width:max-content;padding:0;color:var(--ink);--lh:34px;}
  .foot-brand a.logo:hover{color:var(--ink);}
  .foot-brand p{color:var(--muted);font-size:14px;margin:14px 0 0;max-width:32ch;}
  .foot-bottom{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;}

  .note{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);}


  .chero{position:relative;padding:56px 0 50px;overflow:hidden;background:var(--navy);color:var(--on-navy);}
  .chero .bgfx{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(56% 80% at 12% 16%,color-mix(in srgb,var(--brand) 26%,transparent),transparent 60%),radial-gradient(54% 74% at 88% 30%,color-mix(in srgb,var(--slate) 26%,transparent),transparent 62%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 96%);mask-image:linear-gradient(180deg,#000,transparent 96%);}
  .chero .wrap{position:relative;z-index:1;}
  .chero .eyebrow{color:var(--brand-bright);} .chero .eyebrow::before{background:var(--brand-bright);}
  .chero h1{font-size:clamp(30px,4.4vw,48px);margin-top:16px;max-width:18ch;color:#fff;}
  .chero h1 .hl{color:var(--brand-bright);}
  .chero .lede{margin-top:18px;font-size:clamp(16px,2vw,19px);color:var(--on-navy-muted);max-width:62ch;}
  .meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px;}
  .meta .m{font-family:var(--font-mono);font-size:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:8px 13px;color:var(--on-navy);display:inline-flex;gap:8px;align-items:center;}
  .meta .m b{color:var(--brand-bright);font-weight:700;}
  .chero-cta{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;}
  .chero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);} .chero .btn-ghost:hover{border-color:var(--brand-bright);}

  .band{padding:58px 0;border-top:1px solid var(--line);} .band.alt{background:var(--surface-2);}
  .sec-head{max-width:66ch;margin-bottom:32px;} .sec-head h2{font-size:clamp(24px,3.4vw,36px);margin-top:14px;} .sec-head p{color:var(--muted);margin:13px 0 0;}
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s;} .reveal.in{opacity:1;transform:none;}
  .prose{max-width:70ch;} .prose p{margin:0 0 14px;color:var(--ink-soft);} .prose p:last-child{margin-bottom:0;} .prose b{color:var(--ink);}

  .grid{display:grid;gap:18px;} .c3{grid-template-columns:repeat(3,1fr);} .c2{grid-template-columns:repeat(2,1fr);}
  @media (max-width:860px){.c3{grid-template-columns:1fr;}} @media (max-width:640px){.c2{grid-template-columns:1fr;}}
  .mech{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s;}
  a.mech:hover{transform:translateY(-3px);border-color:var(--brand);}
  .mech .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:14px;}
  .mech .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;}
  .mech h3{font-size:18px;margin:0 0 7px;} .mech p{margin:0;color:var(--muted);font-size:14.5px;}

  .flow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .flow.f4{grid-template-columns:repeat(4,1fr);}
  @media (max-width:1000px){.flow.f4{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:760px){.flow{grid-template-columns:1fr;}.flow.f4{grid-template-columns:1fr;}}
  .step{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);}
  .step .n{font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--brand);}
  .step h3{font-size:16px;margin:10px 0 6px;} .step p{margin:0;color:var(--muted);font-size:14px;}

  .chips{display:flex;flex-wrap:wrap;gap:10px;}
  .chip{font-size:14px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:11px 15px;display:inline-flex;align-items:center;gap:9px;transition:border-color .16s,color .16s;}
  .chip:hover{border-color:var(--brand);color:var(--ink);} .chip b{width:6px;height:6px;border-radius:2px;background:var(--brand);flex:none;}

  .gives{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:900px;}
  @media (max-width:700px){.gives{grid-template-columns:1fr;}}
  .give{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 18px;box-shadow:var(--shadow);}
  .give .v{color:var(--brand);font-weight:800;line-height:1.4;flex:none;}
  .give span{font-size:15px;color:var(--ink-soft);}

  .honest{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:14px;padding:clamp(24px,4vw,36px);box-shadow:var(--shadow);max-width:76ch;}
  .honest .q{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2.5vw,24px);line-height:1.32;letter-spacing:-.01em;} .honest .q em{color:var(--brand);font-style:normal;}
  .honest .by{margin-top:14px;font-size:14px;color:var(--muted);font-family:var(--font-mono);}

  .related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;} @media (max-width:900px){.related{grid-template-columns:repeat(2,1fr);}} @media (max-width:560px){.related{grid-template-columns:1fr;}}
  .rel{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);transition:border-color .16s,transform .16s;}
  .rel:hover{border-color:var(--brand);transform:translateY(-2px);} .rel span{font-weight:600;font-size:15px;} .rel .ar{color:var(--brand);font-family:var(--font-mono);}

  .cta{background:var(--navy);border-radius:22px;padding:clamp(34px,5vw,58px);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);}
  .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 280px at 50% -30%,color-mix(in srgb,var(--brand) 32%,transparent),transparent 70%);}
  .cta .eyebrow{color:var(--brand-bright);justify-content:center;position:relative;}
  .cta h2{position:relative;color:#fff;font-size:clamp(26px,4vw,40px);margin:14px auto 0;max-width:22ch;}
  .cta p{position:relative;color:var(--on-navy-muted);max-width:54ch;margin:14px auto 0;}
  .cta .row{position:relative;margin-top:26px;display:flex;gap:13px;justify-content:center;flex-wrap:wrap;align-items:center;}
  .cta .phone-big{font-family:var(--font-display);font-weight:800;font-size:22px;color:#fff;} .cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);} .cta .btn-ghost:hover{border-color:var(--brand-bright);}

  footer{border-top:1px solid var(--line);padding:36px 0;background:var(--surface-2);}
  .foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13.5px;} .foot .logo{--lh:34px;} .note{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);}

/* ============================================================
   КОМПОНЕНТЫ ОБЗОРНЫХ СТРАНИЦ (решения, отделы)
   ============================================================ */

/* --- Якорные ссылки в тёмном hero (jump) --- */
.jump{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px;}
.jump a{font-family:var(--font-mono);font-size:12px;color:var(--on-navy);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:7px 13px;transition:border-color .15s,background .15s;}
.jump a:hover{border-color:var(--brand-bright);background:color-mix(in srgb,var(--brand) 18%,transparent);}

/* --- Карточки-продукты (tier): линейка 1С, направления, продукты госсектора --- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;}
.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:860px){.tiers{grid-template-columns:1fr;}}
@media (max-width:760px){.two{grid-template-columns:1fr;}}
.tier{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:transform .18s,border-color .18s;}
a.tier:hover{transform:translateY(-3px);border-color:var(--brand);}
.tier.mid{border-color:var(--brand);box-shadow:var(--shadow-lg);}
.tier .flag{position:absolute;top:-11px;left:26px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--brand);color:#06201E;font-weight:700;padding:4px 10px;border-radius:20px;}
.tier .code{font-family:var(--font-mono);font-size:12px;color:var(--brand);letter-spacing:.06em;}
.tier h3{font-size:20px;margin:6px 0 4px;}
.tier .full{font-size:12.5px;color:var(--muted);font-family:var(--font-mono);margin:0 0 14px;}
.tier .who{font-size:13.5px;color:var(--muted);margin:0 0 14px;}
.tier .desc{font-size:14.5px;color:var(--ink-soft);margin:0 0 16px;line-height:1.55;}
.tier .fit{margin-top:auto;background:var(--accent-soft);border-radius:12px;padding:13px 15px;font-size:13.5px;color:var(--ink);}
.tier .fit b{color:var(--accent);}
.tier .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:14px;}
.tier .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;}
.tier ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.tier li{display:flex;gap:10px;font-size:14.5px;color:var(--ink-soft);}
.tier li::before{content:"›";color:var(--brand);font-family:var(--font-mono);font-weight:700;}
/* карточка-продукт как ссылка (кликабельная) + «Подробнее» */
a.tier{cursor:pointer;}
.tier .more{margin-top:16px;font-family:var(--font-mono);font-size:12.5px;color:var(--brand);font-weight:600;display:inline-flex;align-items:center;gap:7px;}
.tier .more .ar{transition:transform .16s;}
a.tier:hover .more .ar{transform:translateX(3px);}

/* --- Таблица сравнения (страница ERP·КА·УТ) --- */
.cmp-wrap{overflow-x:auto;border-radius:16px;box-shadow:var(--shadow);}
.cmp{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);font-size:14.5px;min-width:560px;}
.cmp th,.cmp td{padding:14px 16px;border-bottom:1px solid var(--line);}
.cmp thead th{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);text-align:center;}
.cmp thead th:first-child{text-align:left;}
.cmp thead th.p{color:var(--brand);}
.cmp tbody td{text-align:center;color:var(--ink-soft);}
.cmp tbody td:first-child{text-align:left;color:var(--ink);font-weight:500;}
.cmp .ka{background:color-mix(in srgb,var(--brand) 7%,transparent);}
.cmp .yes{color:var(--brand);font-weight:800;}
.cmp .no{color:var(--muted);opacity:.5;}
.cmp .part{font-family:var(--font-mono);font-size:11.5px;color:var(--slate);}
.cmp tbody tr:last-child td{border-bottom:0;}
  /* телефон: таблица не влезает по ширине и колонки КА/ERP уезжают за экран —
     разворачиваем каждую строку в карточку с подписями колонок */
  @media (max-width:680px){
    .cmp-wrap{overflow-x:visible;box-shadow:none;border-radius:0;}
    .cmp{min-width:0;border:0;background:transparent;font-size:15px;}
    .cmp thead{display:none;}
    .cmp tbody,.cmp tr,.cmp td{display:block;width:100%;}
    .cmp tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px 15px;margin:0 0 10px;}
    .cmp tbody td{border-bottom:0;padding:0;text-align:left;}
    .cmp tbody td:first-child{font-weight:600;color:var(--ink);padding-bottom:9px;}
    .cmp tbody td:not(:first-child){display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid var(--line);text-align:right;}
    .cmp tbody td:not(:first-child)::before{content:attr(data-col);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;}
    .cmp .ka{background:transparent;}
    .cmp .part{font-size:12.5px;}
  }

.cmp-note{margin-top:12px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);}

/* --- Самодиагностика (что подойдёт) --- */
.diags{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:860px){.diags{grid-template-columns:1fr;}}
.diag{background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brand);border-radius:16px;padding:24px;box-shadow:var(--shadow);}
.diag .code{font-family:var(--font-mono);font-size:12px;color:var(--brand);letter-spacing:.06em;}
.diag h3{font-size:17px;margin:8px 0 12px;}
.diag ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.diag li{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.45;}
.diag li::before{content:"✓";color:var(--brand);font-weight:700;}

/* --- Чипы «как мы помогаем» --- */
.help{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;}
.help .h{font-size:14px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:11px 15px;display:inline-flex;gap:9px;align-items:center;}
.help .h b{width:6px;height:6px;border-radius:2px;background:var(--brand);}

/* --- Продуктовый блок (тёмный, «Липецк Онлайн») --- */
.product{background:linear-gradient(160deg,var(--navy),var(--navy-2));border-radius:20px;padding:clamp(28px,4vw,44px);color:var(--on-navy);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1.3fr auto;gap:26px;align-items:center;}
@media (max-width:760px){.product{grid-template-columns:1fr;}}
.product::after{content:"";position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;border-radius:40px;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 32%,transparent),transparent 70%);}
.product .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-bright);position:relative;}
.product h3{font-size:clamp(22px,3vw,30px);color:#fff;margin-top:12px;position:relative;max-width:20ch;}
.product p{color:var(--on-navy-muted);margin-top:12px;position:relative;max-width:52ch;}
.product .act{position:relative;}

/* --- Кейсы: фильтр и карточки (в т.ч. «готовится») --- */
.kfilter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.kfilter button{font:inherit;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.04em;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:20px;padding:8px 15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.kfilter button:hover{border-color:var(--brand);color:var(--ink);}
.kfilter button.on{background:var(--brand);color:#06201E;border-color:var(--brand);font-weight:700;}
.kases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:860px){.kases{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.kases{grid-template-columns:1fr;}}
.kase{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;transition:transform .18s,border-color .18s;}
a.kase:hover{transform:translateY(-3px);border-color:var(--brand);}
.kase .ktag{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--accent-soft);border-radius:20px;padding:4px 10px;font-weight:700;margin-bottom:12px;}
.kase h3{font-size:18px;margin:0 0 8px;}
.kase p{margin:0 0 16px;color:var(--muted);font-size:14px;flex:1;}
.kase .klink{font-family:var(--font-mono);font-size:12.5px;color:var(--brand);font-weight:600;}
.kase.soon{border-style:dashed;}
.kase.soon .ktag{color:var(--slate);background:color-mix(in srgb,var(--slate) 13%,transparent);}
.kase.soon h3{color:var(--muted);}
.kase.hide{display:none;}

/* --- Карточка-отдел как ссылка (страница «Команда» на главной) --- */
a.dept{display:block;position:relative;}
a.dept .ar{position:absolute;top:24px;right:22px;color:var(--brand);font-family:var(--font-mono);font-size:15px;opacity:0;transform:translateX(-5px);transition:opacity .16s,transform .16s;}
a.dept:hover .ar{opacity:1;transform:none;}

/* --- Карточка-механизм как ссылка (склад/розница/веб/команда) --- */
a.mech{display:block;position:relative;}
a.mech .ar{position:absolute;top:26px;right:22px;color:var(--brand);font-family:var(--font-mono);font-size:15px;opacity:0;transform:translateX(-5px);transition:opacity .16s,transform .16s;}
a.mech:hover .ar{opacity:1;transform:none;}

/* --- Хлебные крошки (шапка под-страниц) --- */
.crumbs{margin-left:6px;font-size:14px;color:var(--muted);display:flex;gap:8px;align-items:center;}
.crumbs a:hover{color:var(--brand);}
.crumbs .sep{opacity:.5;}
@media (max-width:980px){.crumbs{display:none;}}

/* ============================================================
   ФОРМА-БРИФ (страница brief.html)
   ============================================================ */

  /* --- Форма-бриф --- */
  .brief{max-width:840px;margin:0 auto;}
  .fset{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);box-shadow:var(--shadow);margin-bottom:18px;}
  .fset .lg{font-family:var(--font-display);font-weight:800;font-size:19px;display:flex;align-items:center;gap:10px;}
  .fset .lg .n{font-family:var(--font-mono);font-size:13px;color:var(--brand);}
  .fset .hint{color:var(--muted);font-size:13.5px;margin:4px 0 18px;}
  .checkgrp{margin-bottom:16px;}
  .checkgrp:last-child{margin-bottom:0;}
  .checkgrp>.t{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:9px;}
  .checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  @media(max-width:640px){.checks{grid-template-columns:1fr;}}
  .chk{display:flex;gap:11px;align-items:flex-start;background:var(--ground);border:1px solid var(--line);border-radius:11px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s;}
  .chk:hover{border-color:var(--brand);}
  .chk input{margin:2px 0 0;width:18px;height:18px;accent-color:var(--brand);flex:none;cursor:pointer;}
  .chk .cl{font-size:14.5px;color:var(--ink);line-height:1.35;}
  .chk .cl small{display:block;color:var(--muted);font-size:12.5px;margin-top:1px;}
  .field{margin-bottom:15px;}
  .field:last-child{margin-bottom:0;}
  .field label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;}
  .field label .req{color:var(--brand);}
  .field input,.field textarea,.field select{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--ground);border:1px solid var(--line-strong);border-radius:11px;padding:12px 14px;transition:border-color .15s;}
  .field input::placeholder,.field textarea::placeholder{color:var(--muted);}
  .field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--brand);}
  .field textarea{min-height:120px;resize:vertical;}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
  @media(max-width:640px){.grid2{grid-template-columns:1fr;}}
  .submit{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:8px;}
  .submit .np{font-size:12.5px;color:var(--muted);max-width:44ch;line-height:1.45;}
  .altcall{margin-top:22px;text-align:center;color:var(--muted);font-size:14.5px;}
  .altcall a{color:var(--brand);font-weight:700;}

/* --- Логотип: знак (точная трассировка) + лок как в оригинале --- */
.logo{--lh:38px;display:flex;align-items:center;gap:calc(var(--lh)*.394);font-family:var(--font-display);color:var(--ink);}
  .logo .mk{width:calc(var(--lh)*.916);height:var(--lh);flex:none;color:currentColor;}
  .logo .txt{display:flex;flex-direction:column;gap:calc(var(--lh)*.075);}
  .logo .tag{font-weight:400;font-size:calc(var(--lh)*.287);letter-spacing:.055em;line-height:1;white-space:nowrap;}
  .logo .wm{font-weight:620;font-size:calc(var(--lh)*.588);letter-spacing:.2em;line-height:1;white-space:nowrap;}
  @media (max-width:1200px){.topbar .logo{--lh:32px;}}

/* ===== единая шапка: мобильное меню и крошки ===== */
  .topbar .btn{white-space:nowrap;}
  /* 1081–1320px: меню + телефон + кнопка не влезают в строку — поджимаем и прячем телефон */
  @media (max-width:1320px){
    .topbar .row{gap:14px;}
    nav.main{gap:2px;margin-left:0;min-width:0;}
    .navitem>a,.navitem>button{padding:10px 9px;font-size:14.5px;}
    .phone{display:none;}
  }
  @media (max-width:760px){ .topbar .btn-sm{display:none;} .topbar .row{gap:12px;}
    /* палец, а не курсор: минимум 44px по каждой стороне */
    #themeToggle{min-width:44px;height:44px;display:inline-grid;place-items:center;padding:0;}
    .topbar .burger{width:44px;height:44px;} }

  .mobmenu{position:fixed;left:0;right:0;top:70px;bottom:0;z-index:59;overflow-y:auto;background:var(--ground);border-top:1px solid var(--line);padding:18px 0 40px;}
  .mobmenu[hidden]{display:none;}
  .mobmenu .wrap{display:flex;flex-direction:column;}
  .mobmenu h6{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px;font-weight:600;}
  .mobmenu h6:first-child{margin-top:4px;}
  .mobmenu a{padding:12px 0;font-size:17px;color:var(--ink);border-bottom:1px solid var(--line);}
  .mobmenu a:hover{color:var(--brand);}
  .mobmenu .mob-phone{font-family:var(--font-display);font-weight:700;border-bottom:0;margin-top:14px;}
  @media (min-width:1081px){ .mobmenu{display:none;} }

  .crumbbar{border-bottom:1px solid var(--line);background:var(--surface);}
  .crumbbar .wrap{display:flex;align-items:center;gap:8px;height:46px;font-size:13.5px;color:var(--muted);overflow-x:auto;scrollbar-width:none;}
  .crumbbar .wrap::-webkit-scrollbar{display:none;}
  .crumbbar .crumbs{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--muted);}
  .crumbbar a{color:var(--muted);white-space:nowrap;transition:color .15s;}
  .crumbbar a:hover{color:var(--brand);}
  .crumbbar .sep{opacity:.45;}
  .crumbbar span{white-space:nowrap;}
  @media (max-width:980px){ .crumbbar .crumbs{display:flex;} }
  /* телефон: цепочка длиннее экрана — переносим на вторую строку, а не прячем хвост в прокрутку */
  @media (max-width:640px){
    .crumbbar .wrap{overflow-x:visible;flex-wrap:wrap;height:auto;min-height:46px;padding-top:8px;padding-bottom:8px;row-gap:2px;}
    .crumbbar .crumbs{flex-wrap:wrap;row-gap:2px;}
  }

/* End */
/* /local/templates/n5/styles.css?178409302451347 */