/* SyntexLab «Чертёж процесса» - общий каркас всех страниц: шрифты, токены, шапка, подвал, соцсети,
   баннер cookie, кружок менеджера. Подключается и на главной, и на статьях, опросниках, документах. */
@font-face{font-family:Geologica;font-weight:400;font-display:swap;src:url(/fonts/geologica-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-weight:400;font-display:swap;src:url(/fonts/geologica-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Geologica;font-weight:600;font-display:swap;src:url(/fonts/geologica-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Geologica;font-weight:600;font-display:swap;src:url(/fonts/geologica-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Commissioner;font-weight:400;font-display:swap;src:url(/fonts/commissioner-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Commissioner;font-weight:400;font-display:swap;src:url(/fonts/commissioner-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Commissioner;font-weight:600;font-display:swap;src:url(/fonts/commissioner-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Commissioner;font-weight:600;font-display:swap;src:url(/fonts/commissioner-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Fira Code";font-weight:700;font-display:swap;src:url(/fonts/fira-code-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Fira Code";font-weight:700;font-display:swap;src:url(/fonts/fira-code-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2000-206F}

:root{
  /* аудит 01.11: место под полосу прокрутки закреплено, отступы - от ширины страницы без неё: при переходах ничего не прыгает */
  --paper:#F2EFE6;--sheet:#FBFAF6;--ink:#10162B;--ink2:#4A5068;--ink3:#8A8FA3;--ink-muted:#5E6378;--r-xs:6px;--r-s:8px;--r-m:12px;--r-l:16px;--r-xl:24px;--r-pill:999px;--signal-ink:#C43D12;--line:rgba(16,22,43,.14);--line2:rgba(16,22,43,.08);
  --cobalt:#2340D6;--cobalt-l:#5B78FF;--signal:#FF5B2E;--night:#0E1428;--night2:#161E3A;--nline:rgba(242,239,230,.12);--paper2:#A9ADBF;
  --head:Geologica,"Segoe UI",Arial,sans-serif;--text:Commissioner,Geologica,"Segoe UI",Arial,sans-serif;--mono:"Fira Code",Consolas,monospace;
  --gut:max(16px,calc((100% - 1280px)/2));--sec:clamp(72px,10vw,128px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:72px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--text)}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--cobalt-l);outline-offset:3px;border-radius:var(--r-xs)}
.wrap{padding-left:var(--gut);padding-right:var(--gut)}
.mono{font-family:var(--mono);font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.eyebrow{font-size:12px;color:var(--cobalt)}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:var(--r-m);font:600 16px/1 var(--text);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,background-color .2s}
.btn:hover{transform:translateY(-1px)}
.btn--signal{background:var(--signal);color:var(--ink);box-shadow:0 12px 26px -14px rgba(255,91,46,.9)}
.btn--ink{background:var(--ink);color:var(--paper);min-height:40px;padding:0 18px;font-size:14px;border-radius:var(--r-m)}
.btn--line{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink)}
.btn--line:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn--ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(242,239,230,.25)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--paper)}

/* шапка */
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;height:64px;padding:0 var(--gut);background:rgba(242,239,230,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line2)}
.brand{display:inline-flex;align-items:center;text-decoration:none;font:600 20px/1 var(--head);letter-spacing:-.025em;color:var(--ink)}
.top__nav{display:flex;gap:4px;margin-left:auto;font-size:15px}
.chrome{display:contents}
.top__link,.dd__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:var(--r-s);background:none;font:inherit;text-decoration:none;color:var(--ink2);cursor:pointer;transition:background-color .2s,color .2s}
.top__link:hover,.dd__btn:hover,.dd.is-open .dd__btn{color:var(--ink);background:rgba(16,22,43,.05)}
.top__link[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--signal);border-radius:0}
.dd{position:relative}
.dd__btn i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.dd.is-open .dd__btn i{transform:translateY(1px) rotate(225deg)}
.dd__panel{position:absolute;left:-8px;top:calc(100% + 10px);min-width:320px;padding:8px;border-radius:var(--r-l);background:var(--sheet);box-shadow:0 24px 60px -24px rgba(16,22,43,.45),0 0 0 1px var(--line2);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.dd__panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd.is-open .dd__panel{opacity:1;visibility:visible;transform:none}
@media (hover:hover) and (min-width:981px){.dd:hover .dd__panel,.dd:focus-within .dd__panel{opacity:1;visibility:visible;transform:none}}
.dd__panel a{display:grid;gap:2px;padding:10px 12px;border-radius:var(--r-m);text-decoration:none;color:var(--ink)}
.dd__panel a:hover{background:rgba(35,64,214,.07)}
.dd__panel b{font:600 15px/1.25 var(--head)}
.dd__panel small{font-size:12px;color:var(--ink-muted)}
@media (min-width:981px){.dd--cases .dd__panel{min-width:340px;width:max-content}.dd__case b{white-space:nowrap}}
.dd__case{grid-template-columns:72px 1fr!important;align-items:center;gap:12px!important}
.dd__case img{width:72px;height:44px;object-fit:cover;object-position:top left;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--line2)}
.dd__case span{display:grid;gap:2px}
.dd__case .dd__nb{display:inline;white-space:nowrap}
.dd__all{margin-top:4px;border-top:1px solid var(--line2);border-radius:0 0 10px 10px!important;font:600 14px var(--text)!important;color:var(--cobalt)!important}
.top__new{margin-left:4px;padding:2px 5px;border-radius:var(--r-xs);background:var(--signal);color:var(--ink);font:700 12px/1 var(--mono);text-transform:uppercase;vertical-align:4px}
.top .top__brief{min-height:40px;height:40px;padding:0 16px;font-size:14px;border-radius:var(--r-m)}
.top__phone{font:600 15px/1 var(--text);text-decoration:none;white-space:nowrap;color:var(--ink)}
.top__burger{display:none;width:44px;height:44px;margin-left:4px;border:0;border-radius:var(--r-m);background:rgba(16,22,43,.06);cursor:pointer;position:relative}
.top__burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:1px;background:var(--ink);transition:transform .25s,top .25s}
.top__burger i:first-child{top:17px}.top__burger i:last-child{top:25px}
.nav-open .top__burger i:first-child{top:21px;transform:rotate(45deg)}.nav-open .top__burger i:last-child{top:21px;transform:rotate(-45deg)}
@media (max-width:1280px){.top__phone{display:none}}
@media (max-width:1100px){.top .top__brief{display:none}}
@media (max-width:980px){
  .top{gap:10px}
  .top__burger{display:block}
  .top__cta{margin-left:auto}
  .top__nav{position:fixed;top:64px;left:0;right:0;bottom:0;margin:0;flex-direction:column;gap:2px;padding:20px var(--gut);background:var(--paper);font:600 22px/1.2 var(--head);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;overflow:auto}
  .top__link,.dd__btn{width:100%;justify-content:space-between;padding:14px 4px;border-bottom:1px solid var(--line2);border-radius:0;color:var(--ink);font:inherit}
  .top__link:hover,.dd__btn:hover,.dd.is-open .dd__btn{background:none}
  .dd__panel{position:static;min-width:0;padding:4px 0 10px;box-shadow:none;background:none;display:none;opacity:1;visibility:visible;transform:none}
  .dd.is-open .dd__panel{display:grid}
  .dd__panel b{font-size:17px}
  .dd__case img{display:none}
  .dd__case{grid-template-columns:1fr!important}
  .nav-open .top__nav{opacity:1;transform:none;visibility:visible}
  /* размытие фона шапки делает её «рамкой» для fixed-меню и обрезает его - на время открытого меню выключаем */
  .nav-open .top{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
  .nav-open .mgr{display:none}
  .nav-open{overflow:hidden}
}
@media (max-width:380px){.top__cta{padding:0 12px;font-size:13px}}

/* соцсети */
.soc{display:flex;gap:10px}
.soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s}
.soc a:hover{transform:translateY(-2px);background:var(--cobalt)}
.soc img{width:20px;height:20px;object-fit:contain}
.soc--foot{margin-top:22px}.soc--foot a{background:rgba(242,239,230,.08);box-shadow:inset 0 0 0 1px var(--nline)}.soc--foot a:hover{background:var(--cobalt)}
.soc--big a{width:52px;height:52px}.soc--big img{width:24px;height:24px}

/* подвал */
.brand--paper{color:var(--paper);font-size:24px}
.foot{position:relative;overflow:hidden;background:var(--night);color:var(--paper2);padding:clamp(40px,5vw,72px) var(--gut) 0}
.foot__top{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:clamp(24px,3vw,48px)}
.foot__brand p{margin:14px 0 0;max-width:34ch;font-size:15px}
.foot__brand .btn{margin-top:22px}
.foot__hours{margin-top:16px!important;font-size:12px;color:var(--ink3)}
.foot__col{display:flex;flex-direction:column;gap:11px;font-size:15px}
.foot__col .mono{margin-bottom:6px;font-size:12px;color:var(--signal)}
.foot__col a{text-decoration:none;color:var(--paper2);transition:color .2s}.foot__col a:hover{color:var(--paper)}
.foot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:clamp(40px,5vw,64px);padding:20px 0;border-top:1px solid var(--nline);font-size:13px;color:var(--ink3)}
/* большое слово на стыке страницы и подвала: финал-знак, тон-в-тон (без лишнего цвета).
   Сохранена авторская идея двойной читаемости: верх - мягкие чернила на бумаге, низ - мягкая бумага на ночи. */
.seam{position:relative;display:flex;justify-content:center;overflow:hidden;background:linear-gradient(180deg,var(--paper) 50%,var(--night) 50%);user-select:none;pointer-events:none}
.seam span{display:block;font:600 clamp(68px,15.5vw,212px)/.74 var(--head);letter-spacing:-.06em;white-space:nowrap;padding:.06em .08em .3em;background:linear-gradient(180deg,rgba(16,22,43,.26) 0 50%,rgba(242,239,230,.2) 50% 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page--brief .seam{background:var(--night)}
.page--brief .seam span{background:linear-gradient(180deg,rgba(242,239,230,.12) 0%,rgba(242,239,230,.22) 100%);-webkit-background-clip:text;background-clip:text}
#cookieSettings{font:inherit;font-size:13px;color:var(--paper2);background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}
@media (max-width:1000px){.foot__top{grid-template-columns:1fr 1fr}.foot__brand{grid-column:1/-1}}
@media (max-width:520px){.foot__top{grid-template-columns:1fr}}

/* баннер cookie (скрипт analytics-consent.js оригинала) */
#cookie{position:fixed;left:16px;right:16px;bottom:16px;box-sizing:border-box;max-width:640px;margin:0 auto;padding:20px 22px;background:var(--night);color:var(--paper);border:1px solid var(--nline);border-radius:var(--r-l);z-index:120;display:none;box-shadow:0 20px 60px -20px rgba(0,0,0,.6);text-align:left}
#cookie.show{display:block}
#cookie p{font:400 14px/1.55 var(--text);color:var(--paper2);margin:0 0 14px}
#cookie a{color:var(--paper);text-decoration:underline}
.cookie__actions{display:flex;gap:10px;flex-wrap:wrap}
#cookie button{flex:1 1 200px;min-height:46px;padding:0 16px;border-radius:var(--r-m);font:600 14px/1.2 var(--text);cursor:pointer;border:0}
#cookieOk{background:var(--paper);color:var(--ink)}
#cookieReject{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 1.5px rgba(242,239,230,.35)}

/* кнопка чата (как на оригинале: белый круг, пузырь, значок AI, подсказка «Напишите Елене») */
.mgr{position:fixed;right:32px;bottom:calc(32px + var(--lift,0px));z-index:110;display:flex;flex-direction:column;align-items:flex-end;gap:14px;transition:bottom .25s cubic-bezier(.16,1,.3,1)}
.mgr__btn{position:relative;display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 10px 30px -6px rgba(35,64,214,.55),0 2px 10px rgba(16,22,43,.14);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.mgr__btn:hover{transform:scale(1.07);box-shadow:0 14px 40px -6px rgba(35,64,214,.65),0 4px 14px rgba(16,22,43,.16)}
.mgr__btn svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:2}
.mgr__btn svg circle{fill:var(--ink);stroke:none}
.mgr__btn::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--cobalt-l);animation:mgr-ring 2s ease-out infinite;pointer-events:none}
.is-open .mgr__btn::after{display:none}
@keyframes mgr-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.4);opacity:0}}
@media (prefers-reduced-motion:reduce){.mgr__btn::after{animation:none}}
.mgr__badge{position:absolute;top:-3px;right:-3px;padding:3px 6px;border-radius:var(--r-m);background:var(--ink);color:var(--paper);border:2px solid var(--signal);font:700 12px/1 var(--mono)}
.mgr__hint{position:absolute;right:74px;top:50%;transform:translateY(-50%);padding:9px 14px;border-radius:var(--r-m);background:var(--night);color:var(--paper);font:600 13px/1 var(--text);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s}
.mgr__btn:hover .mgr__hint{opacity:1}
.is-open .mgr__hint{display:none}
.mgr__panel{width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border-radius:20px;background:var(--sheet);box-shadow:0 30px 80px -20px rgba(16,22,43,.45),0 0 0 1px var(--line2);overflow:hidden}
.mgr__panel[hidden]{display:none}
.mgr__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--night);color:var(--paper)}
.mgr__live{width:9px;height:9px;flex:none;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.2)}
.mgr__head b{display:block;font:600 16px/1.2 var(--head)}.mgr__head span{font-size:12px;color:var(--paper2)}
.mgr__x{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:rgba(242,239,230,.1);color:var(--paper);font-size:22px;line-height:1;cursor:pointer}
.mgr__body{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:160px}
.msg{max-width:86%;padding:10px 14px;border-radius:var(--r-l);font-size:15px;line-height:1.45}
.msg.ai{align-self:flex-start;background:#fff;box-shadow:inset 0 0 0 1px var(--line2)}
.msg.me{align-self:flex-end;background:var(--ink);color:var(--paper)}
.msg.typing{color:var(--ink-muted)}
.mgr__form{padding:12px 14px;border-top:1px solid var(--line2)}
.mgr__row{display:flex;gap:8px}
.mgr__row input{flex:1;min-width:0;height:44px;padding:0 14px;border-radius:var(--r-m);border:1.5px solid var(--line);background:#fff;font:400 15px var(--text)}
.mgr__row button{width:44px;height:44px;border:0;border-radius:var(--r-m);background:var(--signal);color:var(--ink);font-size:20px;cursor:pointer}
.mgr__consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:12px;line-height:1.4;color:var(--ink2)}
.mgr__consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--cobalt)}
.mgr__tg{display:block;padding:0 16px 14px;font-size:13px;color:var(--cobalt)}
@media (max-width:520px){.mgr{right:16px;bottom:calc(16px + var(--lift,0px))}.mgr__btn{width:56px;height:56px}.mgr__hint{display:none}}

/* аудит 01.11: ссылка «Перейти к содержимому» видна только с клавиатуры */
.skip{position:fixed;left:16px;top:-60px;z-index:200;padding:12px 18px;border-radius:var(--r-m);background:var(--ink);color:var(--paper);font:600 15px var(--text);text-decoration:none;transition:top .2s}
.skip:focus{top:12px;outline:2px solid var(--signal);outline-offset:2px}
/* зоны касания на телефоне не меньше 44px (WCAG 2.5.5) */
@media (max-width:700px){
  .foot__col a{display:flex;align-items:center;min-height:44px}
  .foot__col a+a{margin-top:0}
  .brand,.foot__brand>a:first-child,.cell__more,.mk-ask,.foot__legal button,.sheet__social a,.lead__consent{min-height:44px;display:inline-flex;align-items:center}
  .lead__consent input,.mgr input[type=checkbox]{width:22px;height:22px}
}

html{scrollbar-gutter:stable}

/* 02.11: в меню 8 пунктов («О нас») - без переносов внутри пункта, на средних ширинах компактнее */
.top__link,.dd__btn{white-space:nowrap}
@media (max-width:1320px) and (min-width:1101px){.top__nav{gap:0}.top__link,.dd__btn{font-size:14px;padding-left:9px;padding-right:9px}}
@media (max-width:1240px){.top .top__brief{display:none}}

/* защита картинок (Pavel 02.11): без перетаскивания, выделения и меню долгого нажатия на iOS */
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
/* телефон: размытие под шапкой пересчитывается на каждом сдвиге прокрутки - сплошной фон (замер 02.11) */
@media (pointer:coarse),(max-width:760px){.top{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(242,239,230,.97)}}