/* 39е · итоговый фирстиль (07.10.2026, 6461/17969)
   Основа - швейцарский v2 (белое поле, сверхжирный гротеск, сетка на виду, плоскости-плакаты)
   + структура s1 (понятный порядок блока) - без мелкости: текст 19-20 px, подписи от 15 px.
   Сурик - только точка напряжения, никаких больших оранжевых заливок. */
:root{
  --pole:#FFFFFF; --bumaga:#F4F4F2; --chern:#0B0B0A; --grafit:#2A2926; --vtor:#15140F;
  --lin:rgba(11,11,10,.10); --lin2:rgba(11,11,10,.18); --lin-t:rgba(243,242,238,.14);
  --surik:#E2491B; --surik-t:#B5370F;
  --shir:1360px; --pad:40px; --gap:24px;
  --t-body:19px; --t-lead:clamp(20px,1.6vw,23px); --t-h3:clamp(24px,2vw,30px);
  --t-h2:clamp(40px,5.2vw,78px); --t-h1:clamp(52px,7.4vw,124px); --t-num:clamp(64px,9vw,148px);
  --t-podp:15px; --t-metka:15px;
  --vozd:clamp(88px,10vw,152px);
}
@media (max-width:860px){ :root{ --pad:16px; --gap:12px; --t-body:17.5px; } }
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--pole);color:var(--chern);font:400 var(--t-body)/1.55 "Inter Tight",Arial,sans-serif;overflow-x:hidden;font-feature-settings:"ss01"}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.03em;line-height:.98}
h1{font-size:var(--t-h1)} h2{font-size:var(--t-h2);max-width:16ch} h3{font-size:var(--t-h3);letter-spacing:-.02em;line-height:1.08}
p{max-width:64ch}
b,strong{font-weight:700}
:focus-visible{outline:3px solid var(--surik);outline-offset:3px}
.skryt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* сетка */
.ramka{max-width:var(--shir);margin:0 auto;padding:0 var(--pad)}
.setka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.setka>*{grid-column:var(--k,1/-1);min-width:0}
@media (max-width:860px){ .setka>*{grid-column:1/-1!important} }
.razdel{position:relative;padding:var(--vozd) 0}
.razdel+.razdel{border-top:1px solid var(--lin)}
/* колонки сетки проступают на каждой странице */
.liniya-setki{position:absolute;inset:0;pointer-events:none;z-index:0}
.liniya-setki .ramka{height:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.liniya-setki .ramka span{border-left:1px solid var(--lin);height:100%}
.liniya-setki .ramka span:last-child{border-right:1px solid var(--lin)}
.razdel>.ramka{position:relative;z-index:1}
@media (max-width:860px){ .liniya-setki .ramka{grid-template-columns:repeat(4,1fr)} .liniya-setki .ramka span:nth-child(n+5){display:none} }

/* плоскости */
.chern{background:var(--chern);color:var(--bumaga)}
.chern .liniya-setki .ramka span{border-color:var(--lin-t)}
.bum{background:var(--bumaga)}

/* голова раздела: метка → заголовок → суть */
.metka{display:flex;align-items:center;gap:12px;font:600 var(--t-metka)/1.2 "Inter Tight",sans-serif;letter-spacing:.02em;color:var(--vtor);margin-bottom:28px}
.metka::before{content:"";width:32px;height:2px;background:currentColor}
.chern .metka{color:#F4F4F2}
.lid{font-size:var(--t-lead);line-height:1.5;color:var(--vtor);max-width:52ch}
.chern .lid{color:#F4F4F2}
.golova{margin-bottom:clamp(48px,6vw,88px)}
.golova h2{margin-bottom:24px}

/* кнопки: одна основная, вторая - текстовая ссылка */
.knopka{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 28px;background:var(--chern);color:var(--bumaga);font:700 18px/1 "Inter Tight",sans-serif;text-decoration:none;transition:background .2s}
.knopka:hover{background:var(--surik)}
.knopka .str{transition:transform .2s}
.knopka:hover .str{transform:translateX(4px)}
.chern .knopka{background:var(--bumaga);color:var(--chern)}
.chern .knopka:hover{background:var(--surik);color:var(--pole)}
.ssylka{font-weight:700;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.ssylka:hover{color:var(--surik-t)}
.chern .ssylka:hover{color:var(--surik)}

/* шапка: только чистый знак */
.shapka{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--lin)}
.shapka .ramka{display:flex;align-items:center;gap:32px;height:84px}
.shapka .znak img{height:60px;width:auto;display:block}
.shapka nav{display:flex;gap:26px;margin-left:auto;font-weight:600;font-size:16px}
.shapka nav a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.shapka nav a:hover,.shapka nav a[aria-current]{border-color:var(--chern)}
.shapka .knopka{min-height:46px;padding:0 20px;font-size:16px}
.menu-kn{display:none;font-weight:700;border:2px solid var(--chern);padding:10px 16px}
@media (max-width:1100px){
  .shapka nav,.shapka .knopka{display:none}
  .menu-kn{display:block;margin-left:auto}
  .shapka.otkr nav{display:flex;position:absolute;top:84px;left:0;right:0;flex-direction:column;gap:0;background:var(--pole);border-bottom:1px solid var(--lin2);padding:8px var(--pad) 20px}
  .shapka.otkr nav a{padding:14px 0;border-bottom:1px solid var(--lin);font-size:20px}
}

/* первый экран: без знака, видео справа */
.geroy{padding:clamp(48px,6vw,96px) 0 0;position:relative}
.geroy .setka{align-items:stretch;row-gap:40px}
.geroy-tekst{--k:1/7;display:flex;flex-direction:column;justify-content:center;padding-bottom:48px}
.geroy h1{margin-bottom:32px;font-size:clamp(48px,6vw,92px)}
.geroy .lid{margin-bottom:40px}
.geroy-deystv{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center}
.geroy-video{--k:7/13;position:relative}
.video-kadr{position:relative;display:block;width:100%;height:100%;min-height:520px;background:#111 center/cover no-repeat;overflow:hidden;text-decoration:none;color:var(--bumaga)}
.video-kadr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.video-kadr:hover img{transform:scale(1.03)}
.video-kadr .pusk{position:absolute;left:32px;bottom:32px;display:flex;align-items:center;gap:18px;font-weight:700;font-size:20px}
.video-kadr .pusk i{width:76px;height:76px;border-radius:50%;background:var(--bumaga);display:grid;place-items:center;transition:background .2s}
.video-kadr .pusk i::after{content:"";border-left:20px solid var(--chern);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.video-kadr:hover .pusk i{background:var(--surik)}
.video-kadr .pusk small{display:block;font-weight:400;font-size:16px;opacity:.85}
@media (max-width:860px){ .video-kadr{min-height:300px;aspect-ratio:16/10} .geroy-tekst{padding-bottom:0} }

/* лента журнала под первым экраном */
.lenta{border-top:1px solid var(--chern);border-bottom:1px solid var(--chern);overflow:hidden;margin-top:48px}
.lenta-dvig{display:flex;gap:56px;width:max-content;padding:20px 0;animation:lenta 60s linear infinite}
.lenta:hover .lenta-dvig{animation-play-state:paused}
.lenta-dvig span{white-space:nowrap;font-size:18px}
.lenta-dvig b{font-weight:800}
.lenta-dvig em{font-style:normal;color:var(--surik-t);font-weight:700}
@keyframes lenta{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .lenta-dvig{animation:none;flex-wrap:wrap;width:auto;padding:20px var(--pad)} }

/* системы */
.sistemy{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--chern)}
.sistemy li{padding:18px 0;border-bottom:1px solid var(--lin2);font-size:20px;font-weight:600;padding-right:12px}
@media (max-width:860px){ .sistemy{grid-template-columns:repeat(2,1fr)} .sistemy li{font-size:17px} }
.bolshaya-cifra{font-size:var(--t-num);font-weight:800;letter-spacing:-.05em;line-height:.85}

/* штат: крупные строки со сдвигом, не сетка 3x2 */
.shtat{display:flex;flex-direction:column}
.sotr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;padding:56px 0;border-top:1px solid var(--chern);text-decoration:none}
.sotr:last-of-type{border-bottom:1px solid var(--chern)}
.sotr-foto{grid-column:1/5;aspect-ratio:3/4;overflow:hidden;background:var(--bumaga)}
.sotr-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.sotr:hover .sotr-foto img{transform:scale(1.03)}
.sotr-tekst{grid-column:6/13}
.sotr:nth-of-type(even) .sotr-foto{grid-column:9/13;grid-row:1}
.sotr:nth-of-type(even) .sotr-tekst{grid-column:1/8;grid-row:1}
.sotr-otdel{font-weight:600;font-size:var(--t-podp);color:var(--vtor);margin-bottom:12px}
.sotr-imya{font-size:clamp(56px,7vw,112px);font-weight:800;letter-spacing:-.045em;line-height:.9;margin-bottom:16px}
.sotr-rol{font-size:var(--t-h3);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-bottom:20px;max-width:22ch}
.sotr-opis{color:var(--vtor);margin-bottom:28px}
.sotr-niz{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:baseline}
.sotr-cena{font-weight:800;font-size:28px}
.sotr-cena small{font-weight:400;font-size:17px;color:var(--vtor)}
.sotr:hover .ssylka{color:var(--surik-t)}
@media (max-width:860px){ .sotr{padding:32px 0;row-gap:24px} .sotr-foto,.sotr:nth-of-type(even) .sotr-foto{grid-row:auto;max-width:360px} }

/* журнал - читаемо: цифра → что → за сколько → кто */
.zhurnal{border-top:1px solid var(--lin-t)}
.zap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:baseline;padding:40px 0;border-bottom:1px solid var(--lin-t)}
.zap-cifra{grid-column:1/6;font-size:clamp(56px,7.5vw,120px);font-weight:800;letter-spacing:-.05em;line-height:.9}
.zap-chto{grid-column:6/11;font-size:var(--t-lead);line-height:1.45}
.zap-chto b{display:block;font-size:var(--t-h3);line-height:1.15;margin-bottom:8px}
.zap-kto{grid-column:11/13;text-align:right;font-size:var(--t-podp);color:#C9C6BE}
.zap-kto em{display:block;font-style:normal;color:var(--surik);font-weight:700;font-size:18px}
@media (max-width:860px){ .zap{row-gap:12px} .zap-kto{text-align:left} }

/* сравнение */
.sravn{border-top:1px solid var(--chern)}
.sravn-str{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:28px 0;border-bottom:1px solid var(--lin2)}
.sravn-str h3{grid-column:1/4;font-size:22px}
.sravn-str .chat{grid-column:4/8;color:var(--vtor)}
.sravn-str .my{grid-column:8/13;font-weight:600}
.sravn-golova{font-weight:700;font-size:var(--t-podp);color:var(--vtor);padding:16px 0}
.sravn-golova .my{color:var(--chern)}
@media (max-width:860px){ .sravn-str{row-gap:10px} .sravn-golova{display:none} .sravn-str .chat::before{content:"Чат: ";font-weight:700} .sravn-str .my::before{content:"39е: ";font-weight:800} }

/* допуск - клавиши */
.dopusk{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.stup{border-top:4px solid var(--chern);padding-top:24px}
.stup-n{font-size:72px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:12px}
.stup h3{margin-bottom:12px}
.stup p{color:var(--vtor);margin-bottom:16px}
.stup .primer{font-size:var(--t-podp);border-left:2px solid var(--surik);padding-left:14px;color:var(--grafit)}
.stup.vybr{border-top-color:var(--chern);border-top-width:8px}
@media (max-width:1024px){ .dopusk{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .dopusk{grid-template-columns:1fr} }
.plashka{margin-top:48px;padding:28px 32px;border:2px solid var(--chern);font-weight:600;max-width:none}

/* цены - чёрно-белые, сурик только в тонкой метке */
.ceny{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--chern)}
.cena{padding:40px 32px 40px 0;border-right:1px solid var(--lin2);display:flex;flex-direction:column}
.cena+.cena{padding-left:32px}
.cena:last-child{border-right:0}
.cena-imya{font-weight:700;font-size:20px;margin-bottom:24px}
.cena-summa{font-size:clamp(48px,5vw,76px);font-weight:800;letter-spacing:-.045em;line-height:1;margin-bottom:6px}
.cena-summa small{font-size:20px;font-weight:600;letter-spacing:0}
.cena-ot{font-size:var(--t-podp);color:var(--vtor);margin-bottom:24px}
.cena p{margin-bottom:24px}
.cena ul{margin-bottom:32px;flex:1}
.cena li{padding:10px 0 10px 22px;border-top:1px solid var(--lin);position:relative}
.cena li::before{content:"";position:absolute;left:0;top:21px;width:10px;height:2px;background:var(--surik)}
.cena.glav{background:var(--chern);color:var(--bumaga);padding:40px 32px;border:0}
.cena.glav .cena-ot{color:#C9C6BE}
.cena.glav li{border-color:var(--lin-t)}
.cena.glav .knopka{background:var(--bumaga);color:var(--chern)}
.cena.glav .knopka:hover{background:var(--pole);color:var(--chern)}
.cena.glav li::before{background:var(--bumaga)}
@media (max-width:1024px){ .ceny{grid-template-columns:1fr} .cena,.cena+.cena{padding:32px 0;border-right:0;border-bottom:1px solid var(--lin2)} .cena.glav{padding:32px 24px} }
.shkala{margin-top:72px}
.shkala-str{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;margin-bottom:20px}
.shkala-str b{font-size:28px;font-weight:800}
.shkala-polosa{height:44px;background:#6B675F;position:relative}
.shkala-polosa.my{background:var(--chern)}
.shkala-polosa span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--pole);font-weight:600;font-size:16px;white-space:nowrap}
@media (max-width:860px){ .shkala-str{grid-template-columns:1fr} }

/* шаги */
.shagi{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);counter-reset:sh}
.shag{border-top:1px solid var(--chern);padding-top:24px}
.shag::before{counter-increment:sh;content:counter(sh);display:block;font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:20px}
.shag h3{font-size:24px;margin-bottom:12px}
.shag p{color:var(--vtor)}
@media (max-width:1024px){ .shagi{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .shagi{grid-template-columns:1fr} }

/* безопасность */
.zashch{display:grid;grid-template-columns:repeat(3,1fr);gap:40px var(--gap);margin-top:72px}
.zashch h3{font-size:22px;margin-bottom:10px}
.zashch p{color:var(--vtor)}
@media (max-width:860px){ .zashch{grid-template-columns:1fr} }

/* видео, сериал, отзывы */
.serial{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px}
.serial-poster{grid-column:1/6;position:relative}
.serial-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}
.serial-poster .nazv{position:absolute;left:28px;right:28px;top:28px;color:var(--chern);font-size:clamp(40px,4.4vw,68px);font-weight:800;letter-spacing:-.04em;line-height:.95}
.serial-serii{grid-column:7/13;display:flex;flex-direction:column;gap:32px}
.seriya{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;padding-bottom:32px;border-bottom:1px solid var(--lin-t)}
.seriya img{aspect-ratio:16/10;object-fit:cover;width:100%}
.seriya-n{font-weight:600;font-size:var(--t-podp);color:#C9C6BE;margin-bottom:6px}
.seriya h3{font-size:24px;margin-bottom:8px}
.skoro{display:inline-block;margin-top:10px;font-weight:700;font-size:var(--t-podp);border:1px solid currentColor;padding:4px 10px}
@media (max-width:860px){ .seriya{grid-template-columns:1fr} }
.otzyvy{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.otzyv-kadr{position:relative;aspect-ratio:16/10;background:var(--bumaga);overflow:hidden}
.otzyv-kadr img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.otzyv-kadr .pusk-m{position:absolute;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--bumaga);display:grid;place-items:center}
.otzyv-kadr .pusk-m::after{content:"";border-left:15px solid var(--chern);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.otzyv h3{font-size:22px;margin:18px 0 6px}
.otzyv p{color:var(--vtor);font-size:17px}
@media (max-width:1024px){ .otzyvy{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .otzyvy{grid-template-columns:1fr} }

/* вопросы */
.voprosy details{border-top:1px solid var(--chern)}
.voprosy details:last-child{border-bottom:1px solid var(--chern)}
.voprosy summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:28px 0;font-size:var(--t-h3);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.voprosy summary::-webkit-details-marker{display:none}
.voprosy summary::after{content:"+";font-weight:400;font-size:40px;line-height:.7;transition:transform .2s}
.voprosy details[open] summary::after{transform:rotate(45deg)}
.voprosy details p{padding:0 0 32px;color:var(--vtor);font-size:var(--t-lead)}

/* заявка */
.zayavka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:40px}
.zayavka-tekst{grid-column:1/6}
.forma{grid-column:7/13}
.pole{margin-bottom:24px}
.pole label{display:block;font-weight:600;font-size:16px;margin-bottom:8px}
.pole input,.pole textarea{width:100%;font:inherit;font-size:20px;padding:16px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;border-radius:0}
.pole textarea{min-height:110px;resize:vertical}
.pole input:focus,.pole textarea:focus{outline:0;border-color:var(--surik)}
.pole.ploho input{border-color:var(--surik)}
.pole-osh{display:block;color:var(--surik);font-size:15px;min-height:20px;margin-top:6px}
.soglasie{display:flex;gap:12px;align-items:flex-start;font-size:16px;margin:8px 0 28px}
.soglasie input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--surik)}
.soglasie.ploho{color:var(--surik)}
.forma-ok{margin-top:20px;padding:20px;border:2px solid currentColor;font-weight:600}
.forma-demo{margin-top:16px;font-size:15px;opacity:.8}
.obeshch{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.obeshch li{padding-left:22px;position:relative}
.obeshch li::before{content:"";position:absolute;left:0;top:13px;width:10px;height:2px;background:var(--surik)}
.socseti{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:40px}
.socseti a{font-weight:700;text-decoration:none;border-bottom:2px solid currentColor}
@media (max-width:860px){ .zayavka-tekst,.forma{grid-column:1/-1} }

/* подвал: большой знак с построением */
.podval{background:var(--bumaga);padding:var(--vozd) 0 40px;position:relative}
.podval-znak{margin-bottom:72px}
.podval-znak img{width:100%;max-width:1080px;height:auto}
.podval-setka{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:40px;padding-top:40px;border-top:1px solid var(--chern)}
.podval-o{grid-column:1/5}
.podval-o p{font-size:20px;font-weight:600;max-width:30ch}
.podval-kol{grid-column:span 2}
.podval-kol h4{font-size:var(--t-podp);font-weight:700;letter-spacing:0;margin-bottom:16px;color:var(--vtor)}
.podval-kol li{margin-bottom:10px}
.podval-kol a{text-decoration:none;font-weight:600}
.podval-kol a:hover{text-decoration:underline}
.shtamp{grid-column:9/13;border:2px solid var(--chern);display:grid;grid-template-columns:repeat(4,1fr);font-size:13px;line-height:1.3}
.shtamp div{padding:8px 10px;border-right:1px solid var(--chern);border-bottom:1px solid var(--chern)}
.shtamp div:nth-child(4n){border-right:0}
.shtamp div:nth-last-child(-n+4){border-bottom:0}
.shtamp b{display:block;font-size:13px;font-weight:600;color:var(--vtor)}
.podval-niz{margin-top:56px;font-size:15px;color:var(--vtor);display:flex;flex-wrap:wrap;gap:8px 32px}
@media (max-width:1024px){ .podval-o,.shtamp{grid-column:1/-1} .podval-kol{grid-column:span 4} }
@media (max-width:600px){ .podval-kol{grid-column:span 6} }

/* внутренние страницы: шапка страницы */
.stranica-golova{padding:clamp(56px,7vw,112px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--chern)}
.stranica-golova h1{max-width:14ch;margin-bottom:28px}
.kroshki{font-size:var(--t-podp);font-weight:600;color:var(--vtor);margin-bottom:32px}
.kroshki a{text-decoration:none}
.kroshki a:hover{text-decoration:underline}

/* личное дело */
.delo-geroy .setka{align-items:end}
.delo-foto{--k:1/6}
.delo-foto img{width:100%;aspect-ratio:3/4;object-fit:cover}
.delo-tekst{--k:7/13}
.delo-tekst .sotr-imya{font-size:clamp(72px,10vw,160px)}
.spisok-dela li{padding:16px 0 16px 28px;border-top:1px solid var(--lin2);position:relative;font-size:var(--t-lead)}
.spisok-dela li::before{content:"";position:absolute;left:0;top:30px;width:14px;height:2px;background:var(--chern)}
.nikogda li::before{background:var(--surik)}
.kartinka-shir{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:60% 50%}

/* видео-окно */
.okno{position:fixed;inset:0;z-index:100;background:rgba(11,11,10,.92);display:none;align-items:center;justify-content:center;padding:var(--pad)}
.okno.otkr{display:flex}
.okno-vnutri{max-width:1100px;width:100%;color:var(--bumaga);text-align:center}
.okno-vnutri img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px}
.okno-zakr{position:absolute;top:20px;right:24px;color:var(--bumaga);font-size:18px;font-weight:700;border:2px solid currentColor;padding:8px 14px}

/* телефон: составные сетки - в одну колонку (07.10, найдено на снимке 390) */
@media (max-width:860px){
  .sotr,.zap,.sravn-str,.serial,.zayavka,.podval-setka{grid-template-columns:1fr!important}
  .sotr>*,.zap>*,.sravn-str>*,.serial>*,.zayavka>*,.podval-setka>*{grid-column:1/-1!important;grid-row:auto!important}
  .sotr-foto{max-width:420px}
  .zap-kto{text-align:left}
  .zap-cifra{font-size:64px}
  .sotr-imya{font-size:64px}
  .serial-poster{max-width:420px}
  .shtamp{grid-template-columns:repeat(2,1fr)}
  .shtamp div{border-right:1px solid var(--chern)!important;border-bottom:1px solid var(--chern)!important}
}

/* подпись к видео читается на светлом кадре */
.video-kadr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to top,rgba(11,11,10,.78),rgba(11,11,10,0));pointer-events:none}
.video-kadr .pusk{z-index:1;text-shadow:0 1px 12px rgba(0,0,0,.35)}

/* предметы-символы сотрудников (ТЗ §1, §5) */
.sotr-predmet{height:120px;width:auto;margin-bottom:28px;object-fit:contain}
.delo-predmet{height:120px;width:auto;margin-bottom:36px;object-fit:contain}
@media (max-width:860px){ .sotr-predmet{height:64px;margin-bottom:20px} .delo-predmet{height:88px} }

/* правки по независимой проверке 07.10 */
@media (min-width:861px){
  .geroy-video .video-kadr{min-height:calc(100vh - 220px);max-height:820px}
  .geroy h1{font-size:clamp(56px,6.6vw,108px)}
}
@media (max-width:860px){
  .lenta-dvig{animation:none;flex-direction:column;gap:10px;width:auto;padding:18px var(--pad)}
  .lenta-dvig span{white-space:normal;font-size:17px}
  .lenta-dvig span:nth-child(n+4){display:none}
}
.zap-kto{font-size:18px;color:#E6E3DB}
.zap-kto em{font-size:20px}
.stup .primer{font-size:17px}
.serial-poster .nazv{color:var(--bumaga)!important;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.serial-poster::after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:linear-gradient(to bottom,rgba(11,11,10,.55),rgba(11,11,10,0));pointer-events:none}
.serial-poster .nazv{z-index:1}
.otzyv .skoro{display:table;margin-top:12px}
.cena-summa .ot{font-size:.42em;font-weight:700;letter-spacing:0;margin-right:6px;vertical-align:.55em}

/* 08.10: восемь сотрудников - меню «Штат» с фото, цветные фото, кадр видео ниже (6461) */
.nav-shtat{position:relative;display:flex;align-items:center}
.shapka nav .nav-shtat-kn{display:inline-flex;align-items:center;gap:7px}
.nav-shtat-kn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .2s}
.nav-shtat.otkr .nav-shtat-kn::after,.nav-shtat:hover .nav-shtat-kn::after{transform:translateY(1px) rotate(225deg)}
.nav-shtat-spisok{position:absolute;top:calc(100% + 20px);left:-22px;width:392px;background:var(--pole);border:1px solid var(--chern);padding:10px;display:grid;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.nav-shtat-spisok::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px}
.nav-shtat:hover .nav-shtat-spisok,.nav-shtat:focus-within .nav-shtat-spisok,.nav-shtat.otkr .nav-shtat-spisok{opacity:1;visibility:visible;transform:none}
.shapka nav .nav-shtat-spisok a{display:flex;align-items:center;gap:14px;padding:8px 10px;border:0;font-size:16px;line-height:1.25;font-weight:600}
.shapka nav .nav-shtat-spisok a:hover{background:var(--bumaga)}
.nav-shtat-spisok img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--bumaga)}
.nav-shtat-spisok b{display:block;font-weight:800;font-size:17px;color:var(--chern)}
.nav-shtat-spisok small{display:block;font-weight:500;font-size:15px;color:var(--chern);margin-top:2px}
.shapka nav .nav-shtat-spisok .nav-shtat-vse{border-top:1px solid var(--lin);margin-top:6px;padding-top:14px}
@media (max-width:1100px){
  .nav-shtat{flex-direction:column;align-items:stretch}
  .shapka.otkr nav .nav-shtat-kn{justify-content:space-between}
  .nav-shtat-spisok{position:static;width:auto;border:0;box-shadow:none;padding:0 0 8px;opacity:1;visibility:visible;transform:none;display:none}
  .nav-shtat-spisok::before{display:none}
  .nav-shtat.otkr .nav-shtat-spisok{display:grid}
  .nav-shtat:hover .nav-shtat-kn::after{transform:translateY(-3px) rotate(45deg)}
  .nav-shtat.otkr .nav-shtat-kn::after{transform:translateY(1px) rotate(225deg)}
  .shapka.otkr nav .nav-shtat-spisok a{padding:10px 0;font-size:17px;border-bottom:0}
}
.otzyv-kadr img{filter:none}
.sotr-predmet{height:210px;width:auto;max-width:100%;object-fit:contain;object-position:left bottom}
.delo-predmet{height:210px}
@media (max-width:860px){ .sotr-predmet,.delo-predmet{height:140px} }
@media (min-width:861px){
  .geroy-video{align-self:center}
  .geroy-video .video-kadr{min-height:0;max-height:none;height:auto;aspect-ratio:16/11}
}

/* политики (08.10) */
.politika{padding:clamp(120px,14vw,180px) 0 96px}
.politika-tekst{max-width:760px}
.politika-tekst h1{font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:0 0 24px}
.politika-tekst h2{font-size:22px;font-weight:700;margin:40px 0 12px}
.politika-tekst p,.politika-tekst li{font-size:18px;line-height:1.6;color:#15140F;overflow-wrap:anywhere}
.politika-tekst .meta{font-size:16px}


/* 08.10 итог (разбор A): шапка на телефоне, формы, «Ролик скоро», цифры с выводом */
.nav-nanyat{display:none!important}
.kn-dl{display:inline}
@media (max-width:1100px){
  .shapka{background:var(--pole);backdrop-filter:none}
  .shapka .ramka{gap:12px}
  .shapka .shapka-nanyat{display:inline-flex;margin-left:auto;min-height:44px;padding:0 16px;font-size:16px;gap:8px}
  .menu-kn{margin-left:0;min-height:44px}
  .shapka.otkr nav{position:fixed;top:84px;left:0;right:0;bottom:0;height:auto;max-height:none;overflow-y:auto;background:var(--pole);border-top:1px solid var(--chern);padding:8px var(--pad) 32px;z-index:49}
  .shapka.otkr nav .nav-nanyat{display:flex!important;justify-content:center;margin-top:24px;min-height:56px;font-size:18px;border:0;color:var(--bumaga);padding:0 24px}
  html.menu-otkr,html.menu-otkr body{overflow:hidden}
}
@media (max-width:860px){
  .shapka .ramka{height:64px}
  .shapka .znak img{height:44px}
  .shapka.otkr nav{top:64px}
}
@media (max-width:600px){ .kn-dl{display:none} }

/* первый экран: ролика пока нет - честная метка без кнопки запуска */
.video-kadr.video-skoro{cursor:default}
.video-kadr.video-skoro::after{display:none}
.video-kadr.video-skoro:hover img{transform:none}
.video-metka{position:absolute;left:20px;top:20px;z-index:1;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 40px);background:var(--pole);color:var(--chern);padding:12px 16px}
.video-metka b{font-size:18px;font-weight:800}
.video-metka span{font-size:15px;line-height:1.35}
.otzyv-kadr .pusk-m{display:none}

/* цифры: у каждой - что это дало */
.cifra-itog{margin-top:16px;font-size:var(--t-lead);line-height:1.45;max-width:34ch}
.cifra-itog b{font-weight:800}
.zap-itog{display:block;margin-top:10px;font-weight:600;color:var(--pole)}
.razdel:not(.chern) .zap-itog{color:var(--chern)}
.zap-kto small{display:block;font-size:15px;line-height:1.3;margin-top:2px}
.zap-kto em{margin-top:6px}

/* сериал на светлом: два тёмных блока подряд не идут */
.serial-razdel .seriya{border-bottom-color:var(--lin2)}
.serial-razdel .seriya-n{color:var(--chern)}

/* короткая заявка (имя + телефон + согласие) - через 2-3 экрана */
.zayavka-kor{background:var(--bumaga);padding:clamp(56px,6vw,96px) 0}
.zayavka-kor h2{font-size:clamp(34px,3.8vw,58px);margin-bottom:20px}
.zayavka-kor .zayavka{align-items:center}
.forma-kor{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}
.forma-kor .soglasie,.forma-kor .knopka,.forma-kor .forma-ok{grid-column:1/-1}
.forma-kor .knopka{justify-self:start}
.forma .knopka{border:0}
.forma-ok{line-height:1.45}
@media (max-width:600px){ .forma-kor{grid-template-columns:1fr} }
.shtat-prodolzh{padding-top:0!important;border-top:0!important}
.shtat-prodolzh .sotr:first-child{border-top:0}

/* соцсети: адресов пока нет - подпись «скоро», не ссылка */
.socseti span{font-weight:700;display:inline-flex;align-items:baseline;gap:8px}
.socseti small{font-weight:600;font-size:15px;border:1px solid currentColor;padding:1px 8px}

/* подвал */
.podval-znak picture{display:block}
.podval-niz a{color:inherit}
.shtamp{font-size:15px}
.shtamp{align-self:start}
.serial-poster{background:var(--chern)}
.politika-tekst h1{font-size:clamp(28px,5vw,56px);overflow-wrap:break-word;hyphens:auto}
/* согласие: текст и ссылка одним абзацем при любой разметке (общее правило, перенесено из str-produkt.css) */
.soglasie{display:block;position:relative;padding-left:34px;line-height:1.45}
.soglasie input{position:absolute;left:0;top:1px;margin:0}

/* круг 2 (08.10): первый экран - кадр крупнее, люди читаются */
.geroy .video-kadr img{object-position:50% 60%}
@media (min-width:861px){ .geroy-video .video-kadr{aspect-ratio:5/4} }
@media (max-width:860px){ .geroy .video-kadr{aspect-ratio:5/4;min-height:0}
  .geroy .video-metka{top:10px;left:10px;padding:6px 10px} .geroy .video-metka span{display:none} }
/* короткая форма внутри раздела (главная: «Штат» после 4-й карточки) */
.zayavka-vstr{background:var(--bumaga);padding:clamp(32px,4vw,56px);border-top:1px solid var(--chern)}
.zayavka-vstr h2{font-size:clamp(28px,3vw,44px);margin-bottom:16px}
.zayavka-vstr .zayavka{align-items:center}
.zayavka-vstr+.sotr{border-top:0}
@media (max-width:860px){ .zayavka-vstr{padding:28px 16px;margin:0 -16px} }
/* заявка: сбой отправки и ошибки форм оригиналов */
.forma-ok.forma-sboy{border-color:var(--surik)}
.forma-ok a,.osh39 a{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.osh39{display:block;color:#B3261E;font-weight:600;font-size:15px;line-height:1.35;margin:2px 0 10px}
/* контакты */
.kontakty-pryamo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:8px}
.kontakty-pryamo>div{border-top:2px solid var(--chern);padding-top:16px}
.kontakty-pryamo dt{font-size:16px;font-weight:600;margin-bottom:6px}
.kontakty-pryamo dd{margin:0;font-size:clamp(22px,2.2vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.kontakty-pryamo dd a{color:inherit;text-decoration:none;border-bottom:2px solid currentColor}
.kontakty-pryamo dd a:hover{border-color:var(--surik)}
@media (max-width:860px){ .kontakty-pryamo{grid-template-columns:1fr} }
.podval-svyaz a{font-weight:700}
.podval-svyaz li{margin-bottom:10px}
.podval-svyaz{margin-top:24px;font-size:17px;line-height:1.4}
.podval-svyaz li{margin-bottom:6px}
.podval-svyaz a{text-decoration:none;border-bottom:1px solid currentColor}
.kontakty-tel{margin-top:24px;font-size:18px}
.kontakty-tel a{font-weight:700;color:inherit;white-space:nowrap}
@media (max-width:860px){ .sistemy li{padding-top:12px;padding-bottom:12px} }
/* круг 4 (приёмка 3, п.8): согласие галочкой в формах оригиналов посадок - один вид поверх любых стилей полей */
form .sogl39{display:block!important;position:relative!important;padding:0 0 0 32px!important;margin:6px 0 16px!important;font:400 15px/1.45 "Inter Tight",Arial,sans-serif!important;color:inherit!important;text-align:left!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;width:auto!important;grid-column:1/-1}
form .sogl39 input[type=checkbox]{-webkit-appearance:checkbox!important;appearance:auto!important;position:absolute!important;left:0!important;top:1px!important;width:20px!important;height:20px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;accent-color:#0B0B0A;opacity:1!important}
form .sogl39 span{display:inline!important;font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;text-transform:none!important;letter-spacing:0!important;opacity:1!important}
form .sogl39 a{color:inherit!important;text-decoration:underline!important;text-underline-offset:2px}
form .sogl39.ploho input[type=checkbox]{outline:2px solid #D93A2B!important;outline-offset:2px}
form .sogl39-osh{margin:-8px 0 14px!important;font:600 15px/1.4 "Inter Tight",Arial,sans-serif!important;color:#D93A2B!important;grid-column:1/-1}
form .sogl39-osh[hidden]{display:none!important}
/* круг 4 (приёмка 3, п.1): короткая форма внутри журнала работ - тёмная, как раздел */
.chern .zayavka-vstr{background:var(--grafit);border-top:1px solid var(--lin-t);border-bottom:1px solid var(--lin-t);position:relative;z-index:1}
.chern .zayavka-vstr .lid{color:#F4F4F2}
/* круг 4 (приёмка 3, п.13): линии сетки не проходят через текст тёмных разделов - текстовые блоки лежат над линиями на фоне раздела */
.chern .golova>*,.chern .zap>*,.chern .zayavka>*{position:relative;z-index:1;background:var(--chern)}
/* круг 4 (приёмка 3, п.1): сериал на телефоне плотнее - постер шире, чем выше, серии с миниатюрой сбоку */
@media (max-width:600px){ .serial-poster img{aspect-ratio:4/3} .seriya{grid-template-columns:112px 1fr!important;gap:16px;padding-bottom:20px} .serial-serii{gap:20px} .seriya h3{font-size:21px} }
@media (max-width:600px){ .cena,.cena+.cena{padding:24px 0} .cena.glav{padding:24px 20px} .cena ul{margin-bottom:24px} }
.chern .zayavka-vstr .zayavka>*{background:transparent}

/* ═══ круг 5 (приёмка 4, п.5): участок без формы - не больше 3 экранов ═══ */
/* короткая заявка только для телефона: там карточки встают столбиком */
.tolko-tel{grid-column:1/-1}
@media (min-width:861px){.tolko-tel{display:none!important}}
/* заявка в подвале (на страницах, где последний раздел без формы) */
.podval-zayavka{margin:0 0 56px;padding-left:0;padding-right:0;border-top:2px solid var(--chern)}
.podval-zayavka h2{font-size:clamp(28px,3vw,44px)}
@media (max-width:860px){.podval-zayavka{margin:0 -16px 40px;padding:28px 16px}}
/* подвал на телефоне - плотнее: колонки ссылок рядом, меньше воздуха */
@media (max-width:600px){
  .podval{padding-top:48px}
  .podval-znak{margin-bottom:32px}
  .podval-setka{grid-template-columns:1fr 1fr!important;row-gap:28px;padding-top:28px}
  .podval-setka>.podval-kol{grid-column:auto!important}
  .podval-setka>.podval-o,.podval-setka>.shtamp{grid-column:1/-1!important}
  .podval-kol li{margin-bottom:8px}
  .podval-niz{margin-top:32px}
}
/* заявка в подвале посадок: стили оригинала (.pole без приставки у Глеба, Веры) не должны менять вид полей - как на сайте */
footer.podval .podval-zayavka .pole{margin:0 0 24px;padding:0;border:0;background:none}
footer.podval .podval-zayavka .pole label{display:block;font-weight:600;font-size:16px;margin:0 0 8px;color:inherit;position:static;transform:none}
footer.podval .podval-zayavka .pole input{display:block;width:100%;min-height:0;height:auto;font:inherit;font-size:20px;padding:16px 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:inherit;border-radius:0;box-shadow:none}
footer.podval .podval-zayavka .pole input:focus{outline:0;border-color:var(--surik);box-shadow:none}
footer.podval .podval-zayavka .pole.ploho input{border-color:var(--surik)}
footer.podval .podval-zayavka .pole-osh{display:block;color:var(--surik);font-size:15px;min-height:20px;margin-top:6px}
footer.podval .podval-zayavka .soglasie{display:block;position:relative;padding-left:34px;line-height:1.45;font-size:16px;margin:8px 0 28px;color:inherit}
footer.podval .podval-zayavka .soglasie input{position:absolute;left:0;top:1px;margin:0;width:22px;height:22px;accent-color:var(--surik)}

/* 19.10 позиционирование: доказательства, было-стало, окна, «почему просто» */
.geroy h1.h1-offer{font-size:clamp(38px,4.4vw,68px);letter-spacing:-.03em}
.geroy-porog{margin-top:16px;font-size:16px;font-weight:600}
.dokaz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--chern);margin-top:56px;padding-top:28px}
.dokaz>div{min-width:0}
.dokaz b{display:block;font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.02;margin-bottom:12px}
.dokaz p{margin:0 0 10px;color:var(--vtor);max-width:36ch}
.dokaz em{font-style:normal;font-weight:700;font-size:16px}
@media (max-width:860px){.dokaz{grid-template-columns:1fr;row-gap:28px;margin-top:40px}}
.bs{border-top:1px solid var(--chern)}
.bs-str{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:28px 0;border-bottom:1px solid var(--lin2)}
.bs-kto{grid-column:1/4;min-width:0}.bs-bylo{grid-column:4/8;min-width:0}.bs-stalo{grid-column:8/13;min-width:0}
.bs-kto a{font-weight:800;font-size:24px;letter-spacing:-.02em;text-decoration:none;color:inherit}
.bs-kto a:hover{color:var(--surik-t)}
.bs-kto small{display:block;font-size:16px;margin-top:6px;color:var(--vtor)}
.bs-lbl{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.bs-bylo p,.bs-stalo p{margin:0}
.bs-stalo p{font-weight:600}
@media (max-width:860px){.bs-str{grid-template-columns:1fr;row-gap:12px}.bs-str>*{grid-column:1/-1!important}}
.okna{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px var(--gap)}
.okna figure{margin:0;min-width:0}
.okna img{display:block;width:100%;height:auto;background:#111}
.okna figcaption{margin-top:14px;font-size:17px;line-height:1.45}
.okna figcaption b{font-weight:800}
@media (max-width:860px){.okna{grid-template-columns:1fr;row-gap:36px}}
.prosto{border-top:1px solid var(--chern)}
.pr-str{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:26px 0;border-bottom:1px solid var(--lin2);align-items:baseline}
.pr-str h3{grid-column:1/6;font-size:24px}
.pr-str p{grid-column:6/13;margin:0;font-size:19px}
@media (max-width:860px){.pr-str{grid-template-columns:1fr;row-gap:8px}.pr-str>*{grid-column:1/-1!important}}
.plashka-tonk{margin-top:28px;font-weight:600}

/* 23.10.2026 вёрстка (6461/20838): заголовок первого экрана не шире своей колонки - кегль ограничен шириной колонки
   (самое длинное слово «эффективностью» - 8,17 кегля); слово длиннее строки переносится, а не уходит за край. */
.geroy-tekst{container-type:inline-size}
.geroy h1.h1-offer{font-size:min(clamp(38px,4.4vw,68px),11.8cqi)}
h1,h2,h3,p,li,b{overflow-wrap:break-word}