/* Общие стили лендинга: всё, что одинаково на нескольких страницах (дизайн-система,
   шапка, подвал, кнопки, формы, окно заявки). Стили блоков одной страницы и правила,
   которые на страницах различаются, остаются в <style> самой страницы - он
   подключён после этого файла. */
/* Шрифт Manrope лежит у нас (assets/fonts/, лицензия OFL - рядом), а не грузится с
   Google Fonts: посетитель не обращается к чужим серверам. Один файл на набор
   знаков, начертания 200-800 в нём все (вариативный шрифт); ₽ - в latin-ext */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-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}
/* Второй шрифт - курсив с засечками (Cormorant Garamond, тоже лежит у нас): для
   цитат и коротких утверждений-пояснений к разделу (.td-say), не для заголовков */
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-italic-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(fonts/cormorant-italic-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}
.td{--ink:#262626;--grey:#595959;--sage:#888C79;--beige:#D9D3C7;--paper:#F0F1F2;--e:cubic-bezier(.22,.61,.36,1);font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;max-width:100%}
.td *,.td *::before,.td *::after{box-sizing:border-box;min-width:0}
.td h1,.td h2,.td h3,.td p,.td ul,.td li,.td figure,.td summary{margin:0;padding:0;font-weight:400}
.td ul{list-style:none}
.td img{display:block;max-width:100%;height:auto;border:0}
.td a{color:inherit;text-decoration:none}
.td a:hover,.td a:focus{color:inherit;text-decoration:none}
.td summary::-webkit-details-marker{display:none}
.td summary{list-style:none;cursor:pointer}
html{scroll-behavior:smooth}
.td-wrap{max-width:1180px;margin:0 auto;padding-left:20px;padding-right:20px}
.td-sec{padding-top:56px;padding-bottom:56px}
.td-dark{background:var(--ink);color:var(--paper)}
.td-sage{background:var(--sage)}
.td-white{background:#fff}
.td-dark,.td-sage,.td-olive{position:relative}
.td-dark::before,.td-sage::before,.td-olive::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxODAnIGhlaWdodD0nMTgwJz4KPGZpbHRlciBpZD0nbic+CjxmZVR1cmJ1bGVuY2UgdHlwZT0nZnJhY3RhbE5vaXNlJyBiYXNlRnJlcXVlbmN5PScwLjg1JyBudW1PY3RhdmVzPSczJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJyByZXN1bHQ9J3QnLz4KPGZlQ29sb3JNYXRyaXggaW49J3QnIHR5cGU9J21hdHJpeCcgdmFsdWVzPScwLjMzIDAuMzMgMC4zMyAwIDAgMC4zMyAwLjMzIDAuMzMgMCAwIDAuMzMgMC4zMyAwLjMzIDAgMCAwIDAgMCAxIDAnLz4KPC9maWx0ZXI+CjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbHRlcj0ndXJsKCNuKScvPgo8L3N2Zz4=");background-size:180px 180px}
.td-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin-bottom:22px}
.td-sage .td-eyebrow{color:var(--ink)}
/* .td p обнуляет отступы и перебивает класс - надзаголовок прилипал к заголовку */
.td p.td-eyebrow{margin-bottom:18px}
.td .td-say{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(23px,5.6vw,27px);line-height:1.22;text-transform:none;letter-spacing:0;text-wrap:balance;max-width:24ch}
.td-h1,.td-h2,.td-h3{font-family:"Manrope",Arial,sans-serif;font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:-.01em;text-wrap:balance}
.td-h1{font-size:clamp(30px,8.4vw,38px)}
.td-h2{font-size:clamp(23px,6.6vw,28px)}
.td-lead{font-size:17px;line-height:1.5;text-wrap:pretty}
.td-p{font-size:16px;line-height:1.6;text-wrap:pretty}
.td-muted{color:var(--grey)}
.td-dark .td-muted{color:var(--beige)}
.td .td-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:15px 26px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:center;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:background-color .25s var(--e),color .25s var(--e),border-color .25s var(--e);cursor:pointer}
.td .td-btn:hover{background:#3d3d3a;color:var(--paper)}
.td .td-btn__a{position:relative;width:1em;height:1em;flex:0 0 auto;overflow:hidden;font-style:normal}
.td .td-btn__a i{position:absolute;left:0;top:0;font-style:normal;transition:transform .3s var(--e),opacity .3s var(--e)}
.td .td-btn__a i+i{transform:translate(-40%,40%);opacity:0}
.td .td-btn:hover .td-btn__a i{transform:translate(40%,-40%);opacity:0}
.td .td-btn:hover .td-btn__a i+i{transform:none;opacity:1}
.td .td-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.td .td-btn--ghost:hover{background:rgba(38,38,38,.08);color:var(--ink)}
.td .td-btn--light{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.td .td-btn--light:hover{background:#fff;color:var(--ink);border-color:#fff}
.td .td-btn--outline-light{background:transparent;color:var(--paper);border-color:var(--paper)}
.td .td-btn--outline-light:hover{background:rgba(240,241,242,.12);color:var(--paper)}
.td .td-btn--full{width:100%}
.td .td-btn:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.td-head{position:sticky;top:0;z-index:40;background:rgba(240,241,242,.94);border-bottom:1px solid rgba(38,38,38,.12);-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}
.td-nav{display:flex;gap:14px 18px;font-size:13px;order:1;flex:1 1 100%;flex-wrap:wrap;justify-content:center;margin-top:2px}
.td-nav a{color:var(--grey);white-space:nowrap;padding-bottom:2px;border-bottom:2px solid transparent;transition:color .2s var(--e),border-color .2s var(--e)}
.td-nav a:hover{color:var(--ink)}
.td-nav a.is-on{color:var(--ink);border-color:var(--sage)}
.td-subnav{display:flex;gap:16px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-top:2px;padding-bottom:8px;font-size:12px}
.td-subnav a{flex:0 0 auto;border-bottom:2px solid transparent}
.td-subnav a.is-on{color:var(--ink);border-color:rgba(136,140,121,.5)}
.td-subnav::-webkit-scrollbar{display:none}
.td-subnav a{color:var(--grey);white-space:nowrap;transition:color .2s var(--e)}
.td-subnav a:hover{color:var(--ink)}
@media (min-width: 640px){
.td-nav{order:0;flex:0 0 auto;margin-top:0}
.td-subnav{justify-content:center}
}
.td-mark{display:inline-flex;flex-direction:column;align-items:center;flex:0 0 auto;line-height:1;font-family:"Manrope",Arial,sans-serif;font-weight:300;color:inherit;text-align:center}
.td-mark__g{display:block;height:19px;width:auto;fill:none;stroke:currentColor;stroke-width:1.5;overflow:visible}
.td-mark__v{stroke:var(--sage)}
/* не переносить внутри: «223-ФЗ» не должно рваться по дефису */
.td-nw{white-space:nowrap}
.td-mark__s{display:block;font-size:7px;letter-spacing:.16em;margin:7px -.16em 0 0;white-space:nowrap;text-transform:uppercase}
.td-foot .td-mark{align-items:flex-start;text-align:left}
.td-foot .td-mark__g{height:25px}
.td-foot .td-mark__s{display:none}
@media (min-width: 1024px){
.td-mark__g{height:22px}
.td-mark__s{font-size:7.5px}
}
.td .td-head .td-btn{min-height:44px;padding:11px 16px;font-size:11px}
/* Шапка до 1024px - одна строка: логотип, кнопка заявки и кнопка меню; пункты
   меню раскрываются под ней списком (assets/site.js, класс is-open у .td-head).
   Раньше меню занимало две-три строки ссылок - шестую часть экрана телефона */
.td-burger,.td-nav__pick{display:none}
@media (max-width: 1023px){
.td .td-head__in{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:12px;align-items:center}
.td-head__in>.td-mark{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
.td-head__in>.td-btn,.td-head__in>.td-head__cta{grid-column:2;grid-row:1}
.td-head__in>.td-burger{grid-column:3;grid-row:1}
.td-head__in>.td-nav{grid-column:1 / -1}
.td-head__in>.td-mark .td-mark__g{max-width:100%}
.td-head__in>.td-mark .td-mark__s{font-size:clamp(5px,1.5vw,7px)}
.td-head__in>.td-btn,.td-head__in>.td-head__cta{order:1;margin-left:auto}
.td-burger{display:flex;order:2;flex:0 0 44px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;background:none;border:1px solid rgba(38,38,38,.3);border-radius:0;cursor:pointer;appearance:none}
.td-burger i{display:block;width:18px;height:1.5px;background:var(--ink);transition:transform .25s var(--e)}
.td-head.is-open .td-burger i:first-child{transform:translateY(3.75px) rotate(45deg)}
.td-head.is-open .td-burger i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.td-burger:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.td .td-nav{display:none;order:3;flex:1 1 100%;flex-direction:column;flex-wrap:nowrap;gap:0;margin:8px 0 6px;font-size:16px;border-top:1px solid rgba(38,38,38,.14)}
.td-head.is-open .td-nav{display:flex}
.td .td-nav a{padding:14px 0;border-bottom:1px solid rgba(38,38,38,.1);color:var(--ink)}
.td .td-nav a.is-on{border-bottom-color:rgba(38,38,38,.1);font-weight:600}
.td .td-nav a.td-nav__pick{display:block;border-bottom:0;color:var(--grey)}
.td-head.is-open{max-height:100vh;overflow-y:auto}
/* разделы страницы (подменю) на узком экране под шапкой не показываются: без
   основного меню рядом они выглядели главной навигацией. Они - в раскрытом
   меню, сразу под текущим пунктом */
.td .td-subnav{display:none}
.td .td-head.is-open .td-subnav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;overflow:visible;padding-top:4px;padding-bottom:20px;font-size:14px}
.td-head.is-open .td-subnav::before{content:"На этой странице";flex:1 0 100%;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}
.td .td-head.is-open .td-nav .td-subnav{width:100%;margin:0 0 4px;padding:14px 0 18px 16px;border-left:2px solid var(--beige);font-size:13px;gap:12px 18px}
.td .td-nav .td-subnav a{padding:0 0 2px;border-bottom:1px solid transparent;color:var(--grey);font-weight:400}
.td .td-nav .td-subnav a.is-on{border-bottom-color:var(--sage);color:var(--ink)}
}
/* подменю ближе к основному меню: строку шапки растягивает кнопка, и под меню
   оставался лишний зазор */
@media (min-width: 1024px){
.td .td-subnav{margin-top:-9px}
}
@media (max-width: 419px){
.td .td-head .td-btn{padding:11px 12px}
.td .td-head .td-btn .td-btn__a{display:none}
}
@media (max-width: 359px){
.td .td-head .td-btn{padding:11px 9px;font-size:10px;letter-spacing:.06em}
.td-head__in{gap:8px}
}
@media (prefers-reduced-motion: reduce){
.td-burger i{transition:none}
}
/* две кнопки шапки: заявка и вход в подбор услуги (/podbor). Вторая видна только
   на широком экране - на узком рядом с меню ей нет места */
.td-head__cta{display:flex;align-items:center;gap:8px}
.td .td-head .td-head__pick{display:none}
@media (min-width: 1240px){
.td .td-head .td-head__pick{display:inline-flex}
}
.td-prog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:50;background:transparent;pointer-events:none}
.td-prog i{display:block;height:100%;width:0;background:var(--ink);transform-origin:0 50%}
.td-rule{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.td-rule i{display:block;width:26px;height:1px;background:var(--sage);flex:0 0 auto}
.td-rule span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage)}
.td-grid{display:grid;gap:20px}
.td-cta-row{display:flex;flex-direction:column;gap:12px}
.td-note{font-size:13px;line-height:1.6;color:var(--grey)}
.td-acc{border-top:1px solid rgba(38,38,38,.15);margin-top:28px}
.td-acc details{border-bottom:1px solid rgba(38,38,38,.15)}
.td-acc summary{display:flex;gap:14px;align-items:baseline;padding:18px 0;min-height:44px;transition:opacity .2s}
.td-acc summary:hover{opacity:.65}
.td-acc summary b{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:13px;color:var(--sage);flex:0 0 auto}
.td-acc summary span{font-size:16px;line-height:1.4;flex:1 1 auto}
.td-acc summary>u{flex:0 0 auto;text-decoration:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);align-self:center;white-space:nowrap}
.td-acc summary::after{content:"+";flex:0 0 auto;align-self:center;font-size:20px;line-height:1;color:var(--sage);transition:transform .3s var(--e)}
.td-acc details[open]>summary::after{content:"−"}
.td-acc__body{padding:0 0 20px 27px;font-size:15px;line-height:1.65;color:var(--grey)}
@media (max-width: 479px){
.td-acc summary>u{display:none}
}
.td-hero__media{position:relative;overflow:hidden;background:var(--beige)}
.td-grid--hero>.td-hero__media{order:-1;margin-bottom:4px}
.td-case__cat{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sage)}
.td-case__meta{font-size:12px;color:var(--grey);border-top:1px solid rgba(38,38,38,.12);padding-top:10px;margin-top:2px}
.td-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}
.td-dots i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(38,38,38,.25);cursor:pointer;transition:background-color .25s var(--e),transform .25s var(--e)}
.td-dots i:hover{background:rgba(38,38,38,.45)}
.td-dots i.on{background:var(--ink);transform:scale(1.3)}
.td-dots i:focus-visible{outline:2px solid var(--sage);outline-offset:3px}
.td .td-rv__hint{margin-top:14px}
.td-pullquote{margin-top:32px;padding:32px 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.td-pullquote__stat{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:clamp(40px,11vw,72px);line-height:1;letter-spacing:-.01em}
.td-pullquote__stat span{font-size:.38em;font-weight:600;color:var(--sage);margin-left:6px;text-transform:uppercase;letter-spacing:.04em}
.td-pullquote__text{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;font-size:clamp(22px,4.6vw,30px);line-height:1.3;margin-top:22px;max-width:28ch;text-wrap:pretty}
.td-pullquote__author{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-top:20px}
@media (min-width: 768px){
.td-pullquote{padding:40px 0}
.td-pullquote__text{max-width:34ch}
}
.td-revs::-webkit-scrollbar{display:none}
.td-revs>.td-rv{scroll-snap-align:start}
.td-rv__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.td-rv__n em{display:block;font-style:normal;font-size:13px;color:var(--grey);margin-top:4px}
.td .td-rv__t{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);border-top:1px solid rgba(38,38,38,.15);padding-top:20px;margin:26px 0 12px}
.td .td-rv__more .td-rv__t{margin-top:22px;padding-top:18px}
.td-rv__p{font-size:15px;line-height:1.6}
.td-rv__p b{font-weight:600;color:var(--ink)}
.td-rv__q{font-size:15px;line-height:1.6;font-style:italic;color:var(--grey)}
.td-rv details{padding-top:4px}
.td-rv summary{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;border-top:1px solid rgba(38,38,38,.15);padding-top:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:opacity .2s}
.td-rv summary:hover{opacity:.6}
.td-rv summary::after{content:"+";margin-left:auto;font-size:18px;line-height:1;color:var(--sage)}
.td-rv details[open]>summary::after{content:"−"}
.td-rv__more ul{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.55;color:var(--grey)}
.td .td-rv__more li{position:relative;padding-left:16px}
.td-rv__more li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:1px;background:var(--sage)}
.td-rv__more li b{font-weight:600;color:var(--ink)}
@media (min-width: 768px){
.td-rv__hint,.td-dots{display:none}
}
body{overflow-x:hidden}
.td-card{background:#fff;padding:24px}
.td-card__num{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:40px;line-height:1;color:var(--sage);display:block;margin-bottom:12px}
.td-card h3{font-size:18px;line-height:1.3;margin-bottom:10px}
.td .td-list{margin-top:44px}
.td-list li{border-bottom:1px solid rgba(38,38,38,.15);padding:20px 0;display:flex;gap:16px;font-size:16px;line-height:1.6}
.td-dark .td-list li{border-color:rgba(240,241,242,.2)}
.td .td-nums{margin-top:44px}
.td-nums li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(38,38,38,.3)}
.td-nums span{font-size:17px;line-height:1.55;text-wrap:pretty;padding-top:1px}
.td-olive{background:#5E6252;color:var(--paper)}
.td-olive .td-eyebrow{color:var(--paper)}
.td-olive .td-nums li{border-color:rgba(240,241,242,.3)}
.td-tariff h3{font-size:clamp(17px,4.4vw,26px)}
.td-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.td-price b{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:32px;line-height:1}
.td-tariff ul li{position:relative;padding-left:16px}
.td-tariff ul li::before{content:"-";position:absolute;left:0;top:0;color:var(--sage)}
.td .td-tariff .td-btn{margin-top:auto}
.td-form label{display:block;font-size:13px;color:var(--grey);margin-bottom:6px}
.td-form .td-field{margin-bottom:14px}
.td-form input,.td-form select,.td-form textarea{width:100%;font-family:"Manrope",Arial,sans-serif;font-size:16px;min-height:52px;padding:14px 16px;background:#fff;color:var(--ink);border:1px solid rgba(38,38,38,.25);border-radius:0;box-shadow:none;appearance:none}
.td-form input:focus,.td-form select:focus,.td-form textarea:focus{border-color:var(--ink);outline:none}
.td-service{background:#fff;border:1px solid rgba(38,38,38,.25)}
.td-service summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 16px;font-size:16px;line-height:1.5}
.td-service summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:0 0 auto;margin:0 2px 4px}
.td-service[open] summary::after{transform:rotate(225deg);margin-bottom:-4px}
.td-service__options{border-top:1px solid rgba(38,38,38,.15);padding:4px}
.td-form .td-service__options label{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:10px 12px;color:var(--ink);font-size:14px;line-height:1.45;cursor:pointer}
.td-service__options label:hover,.td-service__options label:has(input:checked){background:var(--paper)}
.td-form .td-service__options input{appearance:auto;width:18px;height:18px;min-height:0;flex:0 0 18px;padding:0;margin:0;accent-color:var(--ink)}
.td-form ::placeholder{color:var(--sage);opacity:1}
.td-form p.td-form__hint{font-size:12px;color:var(--sage);margin-top:12px}
.td-form p.td-form__hint--err{color:#A8432E}
.td-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.td-field--err input,.td-field--err select{border-color:#A8432E}
.td-form__success{font-size:14px;line-height:1.6;color:var(--grey)}
.td-form__check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--grey);cursor:pointer}
.td-form__check input{width:18px;height:18px;min-height:0;flex:0 0 auto;margin-top:1px;padding:0;border:0;accent-color:var(--ink);appearance:auto;-webkit-appearance:checkbox}
.td-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:14px;margin-top:20px;border-top:1px solid rgba(38,38,38,.25);padding-top:18px}
.td-stats b{display:block;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:28px;line-height:1.08;overflow-wrap:anywhere}
.td-stats span{display:block;font-size:13px;margin-top:4px;color:var(--ink)}
.td-field__note{display:block;font-size:12px;line-height:1.4;color:var(--sage);margin-top:6px}
.td-modal{position:fixed;inset:0;z-index:80;display:none;align-items:flex-start;justify-content:center;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.td-modal.on{display:flex}
.td-modal__bg{position:fixed;inset:0;background:rgba(38,38,38,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s var(--e)}
.td-modal.on .td-modal__bg{opacity:1}
.td-modal__box{position:relative;width:100%;max-width:560px;background:var(--paper);margin:auto;padding:22px;transform:translateY(20px);opacity:0;transition:transform .4s var(--e),opacity .3s var(--e)}
.td-modal.on .td-modal__box{transform:none;opacity:1}
.td .td-modal__x{position:absolute;top:0;right:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;padding:0}
.td .td-modal__x:hover{opacity:.6}
.td-modal__in{padding-top:26px}
body.td-lock{overflow:hidden}
@media (min-width: 640px){
.td-modal{padding:32px}
.td-modal__box{padding:36px}
}
.td-form h3{font-family:"Manrope",Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;color:var(--ink);font-size:clamp(21px,6vw,28px);margin-bottom:18px}
.td-modal__call{font-size:13px;color:var(--grey);margin-top:14px}
.td-modal__call a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.td-final h2{max-width:18ch}
.td-final p{color:var(--ink);font-size:16px;line-height:1.5;max-width:52ch;margin:16px 0 20px}
.td-doc{max-width:78ch;font-size:15px;line-height:1.65;color:var(--grey)}
.td-doc h2{font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:19px;line-height:1.3;color:var(--ink);margin:36px 0 12px}
.td-doc h2:first-child{margin-top:0}
.td-doc p{margin:0 0 10px}
.td-doc b{font-weight:600;color:var(--ink)}
.td-doc ul{margin:0 0 12px;padding-left:20px;list-style:disc}
.td-doc li{margin-bottom:4px}
.td-doc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
/* --- Общие блоки нового вида (проба на главной, октябрь 2026, разнесена по страницам)
   Номера «01, 02…» - только у последовательностей (.td-flow, ol.td-list); выводы,
   принципы, преимущества - без номеров: .td-trio и .td-pairs */
/* заголовок с пояснением слева, содержимое справа */
.td-two{display:grid;gap:32px}
.td .td-two .td-list,.td .td-two .td-nums{margin-top:0}
.td-two .td-list li:first-child,.td-two .td-nums li:first-child{padding-top:0}
.td .td-two__head .td-say{margin-top:18px}
.td-dark .td-say,.td-olive .td-say{color:var(--beige)}
.td ol.td-list,.td ol.td-nums{padding:0;list-style:none}
/* три вывода без карточек: линия сверху, заголовок, текст */
.td-trio{display:grid;gap:28px;margin-top:36px}
.td .td-trio>*{border-top:1px solid var(--ink);padding-top:18px}
.td .td-trio h3,.td .td-pairs h3{font-weight:600;font-size:20px;line-height:1.25;text-wrap:balance}
.td .td-trio p{font-size:15px;line-height:1.6;color:var(--grey)}
.td .td-trio h3+p{margin-top:10px}
.td .td-trio p b{font-weight:600;color:var(--ink)}
.td .td-dark .td-trio>*,.td .td-olive .td-trio>*{border-top-color:rgba(240,241,242,.3)}
.td-dark .td-trio p,.td-olive .td-trio p{color:var(--beige);font-size:16px}
.td-dark .td-trio p b,.td-olive .td-trio p b{color:var(--paper)}
/* тезис и пояснение парами */
.td .td-pairs{display:grid;gap:0;margin-top:40px}
.td-pairs li{padding:22px 0;border-top:1px solid rgba(38,38,38,.2)}
.td .td-pairs p{margin-top:8px;font-size:16px;line-height:1.55;color:var(--grey);max-width:46ch}
.td-dark .td-pairs li,.td-olive .td-pairs li{border-top-color:rgba(240,241,242,.3)}
.td-dark .td-pairs p,.td-olive .td-pairs p{color:var(--beige)}
.td .td-dash{margin-top:10px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:var(--grey)}
.td-dash li{padding-left:18px;position:relative}
.td-dash li::before{content:"";position:absolute;left:0;top:.75em;width:9px;height:1px;background:var(--sage)}
@media (min-width: 768px){
.td-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.td .td-pairs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.td .td-pairs--3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
}
@media (min-width: 1024px){
.td-two{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.td-two__head{position:sticky;top:120px}
.td-two--price{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}
/* шаги в строку: только для последовательностей (что происходит после заявки, как устроен подбор) */
.td .td-flow{display:grid;gap:0;margin:32px 0 0;padding:0;list-style:none}
.td-flow li{display:flex;gap:16px;padding:18px 0;border-top:1px solid rgba(38,38,38,.25)}
.td-flow b{flex:0 0 34px;font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--sage);padding-top:4px}
.td .td-flow p{font-size:17px;line-height:1.5;text-wrap:pretty}
@media (min-width: 768px){
.td-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.td-flow li{flex-direction:column;gap:14px;padding:20px 0 0;border-top-color:var(--ink)}
}
.td-foot{background:var(--ink);color:var(--beige);padding-top:40px}
.td-foot__ch{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:clamp(28px,5vw,48px)}
.td .td-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:16px 20px;border:1px solid rgba(240,241,242,.3);color:var(--paper);text-decoration:none;transition:border-color .25s var(--e),background-color .25s var(--e)}
.td .td-ch:hover{color:var(--paper);border-color:var(--paper);background:rgba(240,241,242,.06)}
.td .td-ch--main{border-color:var(--paper)}
.td .td-ch span{font-size:15px}
.td .td-ch em{font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.td-foot a{text-decoration:underline;text-underline-offset:4px}
.td-foot__grid{display:grid;gap:26px}
.td .td-foot__name{font-size:15px;letter-spacing:.02em;margin-bottom:12px;color:var(--beige)}
.td-foot__name b{font-weight:700;color:var(--paper)}
.td-foot__t{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage);margin-bottom:10px}
.td-foot__col{font-size:13px;line-height:1.7}
.td-foot__col p{margin-bottom:2px;color:var(--beige)}
.td-foot__links{display:flex;flex-direction:column;gap:10px;font-size:14px}
.td-foot__bottom{border-top:1px solid rgba(240,241,242,.15);margin-top:28px;padding:18px 0 96px;font-size:12px;color:var(--sage)}
.td [data-rv]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--e),transform .7s var(--e)}
.td [data-rv].is-in{opacity:1;transform:none}
.td [data-rv-group]>*{opacity:0;transform:translateY(14px);transition:opacity .7s var(--e),transform .7s var(--e)}
.td [data-rv-group].is-in>*{opacity:1;transform:none}
.td [data-rv-group].is-in>*:nth-child(2){transition-delay:.09s}
.td [data-rv-group].is-in>*:nth-child(3){transition-delay:.18s}
.td [data-rv-group].is-in>*:nth-child(4){transition-delay:.27s}
.td [data-rv-group].is-in>*:nth-child(5){transition-delay:.36s}
.td [data-rv-group].is-in>*:nth-child(n+6){transition-delay:.45s}
.td-rvimg img,.td-rvimg>figure>img{clip-path:inset(0 0 14% 0);transform:scale(1.04);transition:clip-path 1.15s var(--e),transform 1.6s var(--e)}
.td-rvimg.is-in img{clip-path:inset(0 0 0 0);transform:none}
.td-lines{display:block}
.td-line{display:block;overflow:hidden;padding-bottom:.04em}
.td-line>span{display:block;transform:translateY(104%);transition:transform .85s var(--e)}
.td-lines.is-in .td-line>span{transform:none}
.td-lines.is-in .td-line:nth-child(2)>span{transition-delay:.1s}
.td-lines.is-in .td-line:nth-child(3)>span{transition-delay:.2s}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto}
.td [data-rv],.td [data-rv-group]>*{opacity:1 !important;transform:none !important;transition:none !important}
.td-rvimg img{clip-path:none !important;transform:none !important;transition:none !important}
.td-line>span{transform:none !important;transition:none !important}
.td .td-btn,.td .td-btn__a i{transition:none}
}
@media (min-width: 390px){
.td-wrap{padding-left:22px;padding-right:22px}
}
@media (min-width: 430px){
.td-h1{font-size:42px}
.td-sec{padding-top:64px;padding-bottom:64px}
}
@media (min-width: 640px){
.td-h1{font-size:clamp(46px,7.6vw,60px)}
.td-h2{font-size:clamp(30px,4.6vw,40px)}
.td-sec{padding-top:80px;padding-bottom:80px}
.td-cta-row{flex-direction:row;flex-wrap:wrap}
.td-price b{font-size:38px}
}
@media (min-width: 768px){
.td-wrap{padding-left:28px;padding-right:28px}
}
@media (min-width: 1024px){
.td-wrap{padding-left:32px;padding-right:32px}
.td-sec{padding-top:104px;padding-bottom:104px}
.td-h1{font-size:clamp(64px,6.6vw,96px)}
.td-h2{font-size:clamp(42px,4vw,56px)}
.td-lead{font-size:19px}
.td-grid--hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:start}
.td-grid--hero>.td-hero__media{order:0;margin-bottom:0}
.td-card{padding:26px}
.td-card__num{font-size:34px;margin-bottom:10px}
.td-card h3{font-size:17px}
.td-card .td-p{font-size:15px}
.td-tariff h3{font-size:28px}
.td-foot__grid{grid-template-columns:1.2fr 1.3fr 1.2fr .9fr;gap:40px}
.td-nums li{gap:20px;padding:24px 0}
.td-nums span{font-size:18px;padding-top:1px}
.td-foot__bottom{padding-bottom:18px}
}
@media (min-width: 1440px){
.td-wrap{max-width:1280px}
.td-sec{padding-top:120px;padding-bottom:120px}
}
.td a:focus-visible,.td summary:focus-visible,.td button:focus-visible,.td input:focus-visible,.td select:focus-visible,.td textarea:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
@media (min-width: 1024px){
.td .td-say{font-size:32px;max-width:22ch}
}

/* Разделы других страниц раскрываются в мобильном меню без перехода. */
.td-mobile-subnav,.td-mobile-overview{display:none}
@media(max-width:1023px){
.td-head.is-open .td-mobile-subnav{display:flex;flex-wrap:wrap;gap:12px 18px;padding:14px 0 18px 16px;border-left:2px solid var(--beige);font-size:13px}
.td .td-nav .td-mobile-subnav a{padding:0 0 2px;border-bottom:1px solid transparent;color:var(--grey);font-weight:400}
.td-head.is-open .td-mobile-overview{display:block}
.td-nav>a[aria-expanded]::after{content:'+';float:right}
.td-nav>a[aria-expanded="true"]::after{content:'−'}
.td .td-head.is-open .td-subnav[hidden],.td-head.is-open .td-mobile-subnav[hidden]{display:none}
}