/* ТЕХНОВИК — дизайн-система.
   Предметный мир: стеллажная стойка с перфорацией, табличка грузоподъёмности, разметка пола.
   Цвета: логотип (малиновый + синий), жёлтый — напольная разметка по ГОСТ. */
@font-face{font-family:"Sofia Sans Condensed";src:url(/assets/fonts/sofia-sans-condensed-cyrillic-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Sofia Sans Condensed";src:url(/assets/fonts/sofia-sans-condensed-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Golos Text";src:url(/assets/fonts/golos-text-cyrillic-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/assets/fonts/golos-text-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}

:root{
  --navy:#14315f;--navy-deep:#0d2144;--crimson:#a5134f;--crimson-deep:#860e3f;
  --marking:#f5c211;--concrete:#e8ebee;--paper:#f6f7f8;--ink:#101a2b;--steel:#55657a;--line:#d5dae0;--white:#fff;
  --display:"Sofia Sans Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Golos Text",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --mono:"IBM Plex Mono",Consolas,monospace;
  --wrap:1240px;--gutter:clamp(16px,3vw,32px);--radius:6px;
  --hole:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='40' viewBox='0 0 44 40'%3E%3Cpath fill='%23fff' d='M11 6c2.8 0 5 2.2 5 5 0 2-1.6 5.4-5 9.5C7.6 16.400 6 13 6 11c0-2.800 2.200-5 5-5zM33 6c2.800 0 5 2.200 5 5 0 2-1.600 5.400-5 9.500C29.600 16.400 28 13 28 11c0-2.800 2.200-5 5-5z'/%3E%3Crect fill='%23fff' x='19.500' y='8' width='5' height='14' rx='2.500'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.62 var(--body);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--crimson)}
:focus-visible{outline:3px solid var(--marking);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--display);color:var(--navy);line-height:1.06;margin:0;font-weight:800;letter-spacing:-.003em}
h1{font-size:clamp(2.35rem,5vw,4.15rem)}
h2{font-size:clamp(1.85rem,3.2vw,2.75rem)}
h3{font-size:clamp(1.35rem,1.9vw,1.6rem);font-weight:700}
h4{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:0;background:var(--marking);padding:10px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.mono{font-family:var(--mono);font-weight:500;letter-spacing:-.01em}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 22px;border:2px solid var(--crimson);background:var(--crimson);color:#fff;border-radius:var(--radius);font:700 1.0625rem/1.15 var(--display);font-size:1.15rem;letter-spacing:.012em;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--crimson-deep);border-color:var(--crimson-deep);color:#fff}
.btn--ghost{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn--ghost:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn--light{background:#fff;border-color:#fff;color:var(--navy)}
.btn--light:hover{background:var(--marking);border-color:var(--marking);color:var(--ink)}
.btn--wide{width:100%}

/* Шапка */
.topbar{background:var(--navy-deep);color:#cfd8e6;font-size:.84rem}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center;min-height:36px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{color:var(--marking)}
.topbar__push{margin-left:auto}
.topbar__vision{background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.head__row{display:flex;align-items:center;gap:18px;min-height:74px}
.head__logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.head__logo img{height:50px;width:auto}
.head__tag{font:600 .98rem/1.1 var(--display);color:var(--steel);max-width:170px}
.head__contact{margin-left:auto;text-align:right;line-height:1.2}
.head__tel{font:800 1.55rem/1.1 var(--display);color:var(--navy);text-decoration:none;white-space:nowrap}
.head__hours{display:block;font-size:.76rem;color:var(--steel)}
.head__cta{display:flex;gap:8px}
.burger{display:none;background:none;border:2px solid var(--navy);border-radius:var(--radius);width:46px;height:46px;cursor:pointer;padding:0;color:var(--navy)}
.burger svg{display:block;margin:auto}

.nav{background:var(--navy);position:relative}
.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.nav__item>a{display:block;padding:11px 16px;color:#fff;font:700 1.13rem/1.2 var(--display);letter-spacing:.012em;text-decoration:none}
.nav__item>a:hover,.nav__item:focus-within>a{background:var(--crimson);color:#fff}
.nav__item>a[aria-current="true"]{box-shadow:inset 0 -3px 0 var(--marking)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--navy);box-shadow:0 18px 40px rgba(13,33,68,.18);display:none;z-index:50}
.nav__item:hover>.mega,.nav__item:focus-within>.mega{display:block}
.mega__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px 28px;padding:24px 0 28px}
.mega h4{margin:0 0 8px;font-size:1.13rem}
.mega h4 a{text-decoration:none;color:var(--navy)}
.mega ul{list-style:none;margin:0;padding:0}
.mega li{margin:0;font-size:.92rem;line-height:1.3}
.mega li a{display:block;padding:4px 0;text-decoration:none;color:var(--ink)}
.mega li a:hover{color:var(--crimson)}

/* Первый экран */
.hero{position:relative;background:var(--paper);overflow:hidden}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:clamp(460px,66vh,620px)}
.hero__copy{padding:clamp(34px,5.5vw,70px) clamp(16px,4vw,56px) clamp(34px,5vw,70px) max(var(--gutter),calc((100vw - var(--wrap))/2 + var(--gutter)));display:flex;flex-direction:column;justify-content:center}
.hero__eyebrow{font-family:var(--mono);font-weight:500;font-size:.8rem;color:var(--crimson);margin:0 0 14px}
.hero__sub{font-size:clamp(1.03rem,1.5vw,1.2rem);color:var(--steel);max-width:36em;margin:18px 0 26px}
.hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.hero__media{position:relative;min-height:320px;background:var(--navy-deep)}
.hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Стойка стеллажа с перфорацией — вертикаль между текстом и фото */
.upright{position:absolute;top:0;bottom:0;left:-22px;width:44px;background-color:var(--navy);z-index:2}
.upright::after{content:"";position:absolute;inset:0;background:var(--hole) repeat-y center top/44px 40px;opacity:.96;filter:brightness(1)}
.upright--hole-paper::after{background-image:var(--hole)}
.floorline{height:10px;background:repeating-linear-gradient(90deg,var(--marking) 0 74px,transparent 74px 96px),var(--ink)}

/* Табличка — фирменный элемент */
.plate{position:relative;background:#fbfbf7;border:2px solid var(--ink);border-radius:8px;box-shadow:0 2px 0 rgba(16,26,43,.35),0 18px 38px rgba(13,33,68,.25);font-size:.92rem;max-width:400px}
.plate::before,.plate::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f4f6f8,#7c8894 75%);box-shadow:0 0 0 1px rgba(16,26,43,.55);top:12px;z-index:1}
.plate::before{left:10px}.plate::after{right:10px}
.plate__head{background:var(--marking);border-radius:6px 6px 0 0;border-bottom:2px solid var(--ink);padding:9px 30px;text-align:center;font:800 1.2rem/1.1 var(--display);color:var(--ink);letter-spacing:.02em}
.plate__rows{margin:0;padding:6px 14px 8px}
.plate__row{display:grid;grid-template-columns:minmax(92px,.72fr) 1.28fr;gap:10px;padding:7px 0;border-bottom:1px dashed #b3bac2}
.plate__row:last-child{border-bottom:0}
.plate dt{color:var(--steel);font-size:.82rem;line-height:1.3}
.plate dd{margin:0;font-family:var(--mono);font-weight:500;font-size:.84rem;line-height:1.32;color:var(--ink)}
.plate__foot{border-top:2px solid var(--ink);padding:7px 14px;font-size:.76rem;line-height:1.3;color:var(--steel);text-align:center}
.plate__foot a{color:var(--navy)}
.hero__plate{position:absolute;right:clamp(14px,3vw,36px);bottom:clamp(14px,3vw,34px);z-index:3;width:min(370px,calc(100% - 56px))}

/* Секции */
.sec{padding:clamp(44px,6vw,80px) 0}
.sec--paper{background:var(--paper)}
.sec--navy{background:var(--navy);color:#dfe6f1}
.sec--navy h2,.sec--navy h3{color:#fff}
.sec--navy a{color:#fff}
.sec__head{max-width:46em;margin:0 0 clamp(22px,3vw,36px)}
.sec__lead{color:var(--steel);margin:12px 0 0;font-size:1.05rem}
.sec--navy .sec__lead{color:#bcc8da}
.grid{display:grid;gap:clamp(14px,1.8vw,22px)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(24px,4vw,52px);align-items:start}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Полоса фактов */
.proofs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-bottom:1px solid var(--line)}
.proof{display:block;padding:22px clamp(14px,2vw,26px);text-decoration:none;border-right:1px solid var(--line);color:var(--ink)}
.proof:last-child{border-right:0}
.proof:hover{background:var(--paper);color:var(--ink)}
.proof__big{display:block;font:800 clamp(1.5rem,2.3vw,2.05rem)/1.08 var(--display);color:var(--navy)}
.proof__small{display:block;font-size:.88rem;line-height:1.35;color:var(--steel);margin-top:5px}

/* Карточки */
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;text-decoration:none;color:var(--ink)}
a.card:hover{border-color:var(--navy);color:var(--ink)}
a.card:hover h3{color:var(--crimson)}
.card__img{aspect-ratio:3/2;width:100%;object-fit:cover;background:var(--concrete)}
.card__img--contain{object-fit:contain;padding:12px;background:#fff}
.card__body{padding:15px 17px 18px;display:flex;flex-direction:column;gap:7px;flex:1}
.card__body p{margin:0;font-size:.93rem;line-height:1.45;color:var(--steel)}
.card__body h3{font-size:1.3rem}
.card__more{margin-top:auto;padding-top:9px;font:700 1.03rem/1.2 var(--display);color:var(--crimson)}
.linecard h3{font-size:clamp(1.5rem,2.2vw,1.9rem)}
.linecard ul{list-style:none;padding:0;margin:4px 0 12px;font-size:.95rem}
.linecard li{padding:7px 0;border-top:1px solid var(--concrete);line-height:1.3}
.linecard li a{text-decoration:none;display:block}
.linecard .btn{margin-top:auto}

/* Шаги: реальная последовательность */
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:0 0 18px 56px;min-height:48px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;background:var(--navy);color:#fff;font:800 1.25rem/38px var(--display);text-align:center;border-radius:4px}
.steps li::after{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:var(--line)}
.steps li:last-child::after{display:none}
.steps b{display:block;font:700 1.18rem/1.2 var(--display);color:var(--navy);margin-bottom:2px}
.steps span{font-size:.94rem;color:var(--steel);display:block;line-height:1.42}

/* Таблицы */
.table-wrap{overflow-x:auto;margin:0 0 1.2em;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;font-size:.94rem;background:#fff}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.4}
th{background:var(--navy);color:#fff;font:700 1.03rem/1.2 var(--display);border-color:var(--navy)}
tbody tr:nth-child(even) td{background:var(--paper)}
.compare td:last-child{font-weight:600}

/* Текст страниц */
.prose{max-width:48em;min-width:0;overflow-wrap:anywhere}
.prose h2{margin:1.5em 0 .5em;font-size:clamp(1.6rem,2.6vw,2.2rem)}
.prose h3{margin:1.3em 0 .4em}
.prose h4{margin:1.2em 0 .35em}
.prose>:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.25em;margin:0 0 1.1em}
.prose li{margin:.3em 0}
.prose li::marker{color:var(--crimson)}
.prose blockquote{margin:1.3em 0;padding:12px 18px;border-left:5px solid var(--marking);background:var(--paper)}
.prose blockquote p:last-child{margin-bottom:0}
.prose img{border-radius:4px;margin:1em 0;height:auto;background:var(--concrete)}
.prose figure{margin:1.2em 0}
.prose figcaption{font-size:.85rem;color:var(--steel);margin-top:-.4em}
.prose hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}
.prose table{font-size:.9rem}
.prose .table-wrap{margin:1em 0}

/* Шапка внутренних страниц */
.crumbs{background:var(--paper);font-size:.83rem;color:var(--steel);padding:10px 0;border-bottom:1px solid var(--concrete)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 7px}
.crumbs li+li::before{content:"/";margin-right:7px;color:#9aa6b4}
.crumbs a{color:var(--steel);text-decoration:none}
.crumbs a:hover{color:var(--crimson)}
.pagehead{background:var(--paper);padding:clamp(26px,4vw,48px) 0 clamp(26px,4vw,44px)}
.pagehead__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,380px);gap:clamp(22px,4vw,50px);align-items:start}
.pagehead h1{font-size:clamp(2.05rem,4vw,3.3rem)}
.pagehead__lead{margin:14px 0 0;font-size:1.09rem;color:var(--steel);max-width:40em}
.pagehead__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.tags li{background:#fff;border:1px solid var(--line);border-radius:3px;padding:3px 10px;font-size:.84rem}
.tags .mono{font-size:.78rem}
.meta{font-size:.86rem;color:var(--steel);margin:10px 0 0}

/* Что получите на руки */
.docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}
.docs li{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy);padding:11px 13px;font-size:.93rem;line-height:1.32;border-radius:3px}
.docs svg{flex:0 0 22px;color:var(--navy);margin-top:1px}
.docs b{display:block;font:700 1.08rem/1.2 var(--display);color:var(--navy)}

/* Цена бездействия и выгода */
.risk{border-left:6px solid var(--crimson);background:#fbf1f5;padding:18px 20px;border-radius:0 var(--radius) var(--radius) 0}
.gain{border-left:6px solid var(--navy);background:var(--paper);padding:18px 20px;border-radius:0 var(--radius) var(--radius) 0}
.risk h3,.gain h3{margin-bottom:8px}
.risk p:last-child,.gain p:last-child{margin-bottom:0}
.risk ul,.gain ul{margin:0;padding-left:1.15em}
.risk li,.gain li{margin:.25em 0}

/* Отзывы */
.review{background:#fff;border:1px solid var(--line);border-top:4px solid var(--marking);padding:18px 20px;border-radius:0 0 var(--radius) var(--radius);display:flex;flex-direction:column;gap:9px;min-width:0}
.review p{margin:0;font-size:.95rem;line-height:1.48}
.review footer{margin-top:auto;font-size:.86rem;color:var(--steel);line-height:1.3}
.review footer b{display:block;color:var(--navy);font:700 1.08rem/1.2 var(--display)}

/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:14px 34px 14px 0;font:700 1.2rem/1.25 var(--display);color:var(--navy);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.65rem;color:var(--crimson);font-family:var(--body);font-weight:400}
.faq details[open] summary::after{content:"−"}
.faq details>div{padding:0 0 14px;font-size:.97rem}
.faq details>div p:last-child{margin-bottom:0}

/* Логотипы клиентов */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.logos li{background:#fff;border:1px solid var(--concrete);border-radius:4px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;padding:12px}
.logos img{max-height:100%;width:auto;object-fit:contain}

/* Формы */
.form{background:#fff;border:2px solid var(--navy);border-radius:8px;padding:clamp(18px,2.6vw,28px);min-width:0}
.form h2,.form h3{margin:0 0 6px}
.form__note{font-size:.9rem;color:var(--steel);margin:0 0 12px}
.field{display:block;margin:0 0 11px}
.field>span{display:block;font-size:.84rem;margin:0 0 4px;color:var(--steel)}
.field input,.field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #9aa6b4;border-radius:4px;font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.field input[type=file]{padding:9px;font-size:.88rem}
.field input:focus,.field textarea:focus{outline:2px solid var(--navy);outline-offset:0;border-color:var(--navy)}
.consent{display:flex;gap:9px;align-items:flex-start;font-size:.82rem;line-height:1.35;color:var(--steel);margin:0 0 13px}
.consent input{margin:2px 0 0;width:18px;height:18px;flex:0 0 18px;accent-color:var(--crimson)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form__msg{margin:10px 0 0;font-size:.94rem}
.form__msg[data-state=ok]{color:#116b37;font-weight:600}
.form__msg[data-state=err]{color:var(--crimson);font-weight:600}
.form-band{background:var(--navy);color:#dfe6f1;padding:clamp(36px,5vw,64px) 0}
.form-band h2{color:#fff}
.form-band__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,460px);gap:clamp(24px,4vw,54px);align-items:start}
.form-band a{color:#fff}
.form-band__tel{font:800 clamp(1.9rem,3.4vw,2.7rem)/1.1 var(--display);text-decoration:none;display:inline-block;margin:10px 0 6px}
.form .btn{margin-top:2px}
dialog.modal{border:0;padding:0;background:transparent;max-width:min(460px,calc(100vw - 24px));width:100%}
dialog.modal::backdrop{background:rgba(13,33,68,.62)}
.modal__close{position:absolute;right:9px;top:7px;background:none;border:0;font-size:1.6rem;line-height:1;color:var(--steel);cursor:pointer;padding:6px 9px}

/* Боковая колонка */
.aside{display:flex;flex-direction:column;gap:18px;min-width:0}
.aside__box{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px}
.aside__box h3{margin-bottom:9px;font-size:1.25rem}
.aside__box ul{list-style:none;margin:0;padding:0;font-size:.92rem}
.aside__box li{padding:6px 0;border-top:1px solid var(--line);line-height:1.3}
.aside__box li:first-child{border-top:0}
.aside__box li a{text-decoration:none}
.sticky{position:sticky;top:90px}

/* Врезка «решение» после статьи и нормы */
.solution{background:var(--navy);color:#dfe6f1;border-radius:var(--radius);padding:clamp(18px,2.6vw,26px);margin:1.8em 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center}
.solution h2,.solution h3{color:#fff;margin:0 0 5px;font-size:1.55rem}
.solution p{margin:0;font-size:.97rem}
.solution .btn{white-space:nowrap}
.pdf{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-left:5px solid var(--crimson);padding:11px 14px;border-radius:3px;margin:0 0 1.2em;text-decoration:none;background:#fff}
.pdf b{display:block;font:700 1.12rem/1.2 var(--display);color:var(--navy)}
.pdf small{color:var(--steel)}

/* Галерея */
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}
.gallery img{aspect-ratio:3/2;width:100%;object-fit:cover;border-radius:4px;background:var(--concrete)}

/* Люди */
.person{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.person img{aspect-ratio:3/2;width:100%;object-fit:cover;object-position:top}
.person div{padding:12px 14px 15px}
.person b{display:block;font:700 1.2rem/1.15 var(--display);color:var(--navy)}
.person span{font-size:.87rem;color:var(--steel);display:block;line-height:1.3;margin-top:3px}

/* Пагинация и списки */
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.list li{border-bottom:1px solid var(--line)}
.list a{display:block;padding:11px 0;text-decoration:none;line-height:1.35}
.list small{display:block;color:var(--steel);font-size:.82rem}

/* Подвал */
.foot{background:var(--navy-deep);color:#b8c4d6;padding:clamp(34px,4.5vw,56px) 0 22px;font-size:.92rem}
.foot a{color:#e6ecf5;text-decoration:none}
.foot a:hover{color:var(--marking);text-decoration:underline}
.foot__grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:26px}
.foot h3{color:#fff;font-size:1.22rem;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{padding:3px 0;line-height:1.35}
.foot__tel{font:800 1.6rem/1.1 var(--display);color:#fff}
.foot__legal{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:15px;font-size:.8rem;line-height:1.5;display:flex;flex-wrap:wrap;gap:6px 22px}
.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;background:var(--ink);color:#e6ecf5;border-radius:8px;padding:12px 15px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:.84rem;max-width:680px;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.cookie[hidden]{display:none}
.cookie a{color:#fff}
.cookie p{margin:0;flex:1 1 280px}
.cookie .btn{min-height:40px;padding:7px 16px;font-size:1.03rem}

/* Панель для слабовидящих */
.vision{background:#fff;border-bottom:2px solid var(--ink);padding:9px 0;font-size:.95rem}
.vision[hidden]{display:none}
.vision .wrap{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center}
.vision button{min-height:38px;padding:4px 11px;border:2px solid var(--ink);background:#fff;color:#000;cursor:pointer;font:inherit;border-radius:3px}
.vision button[aria-pressed=true]{background:#000;color:#fff}
html[data-fs="1"]{font-size:118%}
html[data-fs="2"]{font-size:136%}
html[data-noimg="1"] img:not(.keep){visibility:hidden}
html[data-contrast=dark]{--navy:#fff;--navy-deep:#000;--ink:#fff;--paper:#000;--concrete:#333;--steel:#fff;--line:#fff;--white:#000;--crimson:#ffe100;--crimson-deep:#ffe100;--marking:#ffe100}
html[data-contrast=dark] body,html[data-contrast=dark] .head,html[data-contrast=dark] .card,html[data-contrast=dark] .proofs,html[data-contrast=dark] .form,html[data-contrast=dark] .review,html[data-contrast=dark] table,html[data-contrast=dark] .docs li,html[data-contrast=dark] .person,html[data-contrast=dark] .mega,html[data-contrast=dark] .plate,html[data-contrast=dark] .risk,html[data-contrast=dark] .gain,html[data-contrast=dark] .aside__box,html[data-contrast=dark] .vision,html[data-contrast=dark] .tags li{background:#000!important;color:#fff!important}
html[data-contrast=dark] .btn{color:#000!important}
html[data-contrast=dark] .nav,html[data-contrast=dark] .sec--navy,html[data-contrast=dark] .form-band,html[data-contrast=dark] .solution{background:#000!important}

@media (max-width:1120px){
  .head__tag,.head__hours{display:none}
  .foot__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .burger{display:block}
  .head__cta .btn--ghost{display:none}
  .nav{display:none;position:static}
  .nav.is-open{display:block}
  .nav__list{display:block}
  .nav__item>a{padding:13px var(--gutter);border-bottom:1px solid rgba(255,255,255,.14)}
  .mega{position:static;box-shadow:none;border:0;background:var(--navy-deep);display:none}
  .nav__item:hover>.mega,.nav__item:focus-within>.mega{display:none}
  .nav__item.is-open>.mega{display:block}
  .mega h4 a,.mega li a{color:#fff}
  .mega__grid{grid-template-columns:1fr;gap:14px;padding:14px 0}
  .hero__grid,.pagehead__grid,.split,.split--even,.form-band__grid{grid-template-columns:minmax(0,1fr)}
  .hero__copy{padding:30px var(--gutter)}
  .hero__media{min-height:470px}
  .upright{left:0;right:0;width:auto;top:-1px;bottom:auto;height:22px}
  .upright::after{display:none}
  .grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proofs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof:nth-child(2){border-right:0}
  .proof:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .sticky{position:static}
  .plate{max-width:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .topbar__hide{display:none}
  .head__row{min-height:62px;gap:10px}
  .head__logo img{height:40px}
  .head__tel{font-size:1.18rem}
  .head__cta{display:none}
  .grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}
  .proofs{grid-template-columns:minmax(0,1fr)}
  .proof{border-right:0;border-bottom:1px solid var(--line)}
  .foot__grid{grid-template-columns:minmax(0,1fr)}
  .solution{grid-template-columns:minmax(0,1fr)}
  .hero__media{min-height:500px}
  .hero__plate{left:12px;right:12px;width:auto;bottom:12px}
  .btn{width:100%}
  .hero__cta,.pagehead__cta{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.head,.nav,.topbar,.foot,.form-band,.form,.cookie,.solution,.hero__media{display:none!important}.sec,.pagehead{padding:12px 0}}

/* Фото и табличка в шапке страницы услуги */
.pagehead__media{position:relative;min-width:0}
.pagehead__media>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);background:var(--concrete)}
.pagehead__media .plate{position:relative;margin:-54px 12px 0;z-index:2;max-width:none}
.pagehead__media .plate:first-child{margin:0}
.pagehead .wrap>h1{max-width:21em}
@media (max-width:980px){.pagehead__media .plate{margin:-34px 8px 0}}

.hero h1{font-size:clamp(2.2rem,3.7vw,3.35rem);line-height:1.04}
.hero__copy{padding-top:clamp(28px,4vw,52px);padding-bottom:clamp(28px,4vw,52px)}
.head__logo img{object-fit:contain}

/* Ссылки внутри белой формы на тёмной полосе */
.form a{color:var(--navy)}
.form-band .form{color:var(--ink)}
.pagehead__lead+.pagehead__lead{margin-top:10px}