
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/site-fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/site-fonts/inter-latin-400-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/site-fonts/inter-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/site-fonts/inter-latin-500-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/site-fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/site-fonts/inter-latin-600-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(/site-fonts/inter-tight-cyrillic-700-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:700;font-display:swap;src:url(/site-fonts/inter-tight-latin-700-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(/site-fonts/inter-tight-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(/site-fonts/inter-tight-latin-800-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* общие стили макета (из главной) — для шапки/подвала на страницах блога */

body{margin:0;background:#fff}
*{box-sizing:border-box}
a{color:#0F7D67}a:hover{color:#0B6352}
:focus-visible{outline:3px solid #1BB594;outline-offset:2px}
.wrap{max-width:1440px;margin:0 auto;padding:0 64px}
.sec{padding:96px 0;border-bottom:1px solid #E2DDD8}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:8px;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;background:none}
.btn-p{background:#0F7D67;color:#fff}.btn-p:hover{background:#0B6352;color:#fff}
.btn-s{background:#fff;color:#2F2E2F;border-color:#2F2E2F}.btn-s:hover{background:#F5F3EE;color:#2F2E2F}
.btn-t{color:#0F7D67;padding:0 4px;height:44px}.btn-t:hover{color:#0B6352;text-decoration:underline;text-underline-offset:4px}
.nav-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border:0;border-radius:8px;background:none;font:500 15px/1 Inter,sans-serif;color:#2F2E2F;cursor:pointer;text-decoration:none}
.nav-btn:hover{background:#F5F3EE;color:#2F2E2F}
.nav-on,.nav-on:hover{background:#E8F6F1;color:#0B6352}
.dd a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:#2F2E2F}
.dd a:hover{background:#F5F3EE;color:#2F2E2F}
.eyebrow{font:600 12px/1.3 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#0F7D67;margin:0}
.h2{font:800 40px/1.1 'Inter Tight',sans-serif;letter-spacing:-0.02em;margin:0 0 20px;max-width:880px}
.h3{font:700 18px/1.33 'Inter Tight',sans-serif;margin:0}
.body{font-size:17px;line-height:1.6;margin:0;max-width:760px}
.muted{color:#6E6A66}
.card{border:1px solid #E2DDD8;border-radius:12px;background:#fff}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fcard{text-decoration:none;color:#2F2E2F;display:flex;flex-direction:column;gap:12px;padding:24px}
.fcard:hover{border-color:#2F2E2F;color:#2F2E2F}
.ico{width:44px;height:44px;border-radius:10px;background:#E8F6F1;display:flex;align-items:center;justify-content:center;color:#0F7D67;flex:none}
.tbl{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.tbl th{font-size:12px;font-weight:600;color:#6E6A66;text-align:right;padding:10px 12px;border-bottom:1.5px solid #2F2E2F}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl td{padding:12px;border-bottom:1px solid #E2DDD8;text-align:right}
.bar{height:8px;border-radius:999px;background:#EFECE6;width:120px;overflow:hidden;flex:none}
.bar>span{display:block;height:100%;background:#1BB594;border-radius:999px}
.kn{font-size:12px;color:#6E6A66;font-weight:400}
.chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid #E2DDD8;border-radius:999px;background:#fff;font-size:15px;font-weight:500}
.dot{width:10px;height:10px;border-radius:999px;flex:none}
.faq-q{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;cursor:pointer;font:600 18px/1.4 Inter,sans-serif;color:#2F2E2F}
.faq-q:hover{color:#0F7D67}
.faq-q:focus-visible{outline:3px solid #1BB594;outline-offset:2px;border-radius:6px}
.foot a{color:#E2DDD8;text-decoration:none;font-size:15px;line-height:1.4}
.foot a:hover{color:#1BB594;text-decoration:underline}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.tscroll{overflow-x:auto}
@media (max-width:900px){
.wrap{padding:0 16px}.sec{padding:56px 0}
.hero,.split,.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
.h1{font-size:34px !important}.h2{font-size:28px}
.desk-nav{display:none !important}
}


/* SITE_V2: общие правила поверх стилей макета */
[hidden]{display:none !important}
/* Блог: ссылки и блоки статей видны, только когда есть опубликованные статьи (site.js ставит html.blog-on по /blog/latest.json) */
html:not(.blog-on) [data-blog]{display:none !important}
/* SITE_V2.1: шире на больших экранах */
.wrap{max-width:1440px !important;padding-left:64px;padding-right:64px}
@media (max-width:900px){.wrap{padding-left:16px;padding-right:16px}}
html{-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif}
img{max-width:100%;height:auto}
.burger{display:none;width:44px;height:44px;border:1px solid #E2DDD8;border-radius:8px;background:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mnav{display:flex;flex-direction:column;gap:2px;padding:8px 16px 20px;border-top:1px solid #E2DDD8;background:#fff}
.mnav a{display:block;padding:12px 4px;font:500 17px/1.3 Inter,sans-serif;color:#2F2E2F;text-decoration:none;border-bottom:1px solid #F0EDE8}
.mnav a.btn{margin-top:16px;border:0;color:#fff;justify-content:center;display:flex}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#0F7D67;color:#fff;padding:10px 16px;border-radius:8px}
.skip:focus{left:8px}
@media (max-width:900px){
 .burger{display:inline-flex}
 header .btn-p{display:none}
 .dd{display:none !important}
 /* инлайн-сетки макета → одна колонка */
 .wrap [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
 .wrap [style*="gap: 64px"],.wrap [style*="gap: 56px"]{gap:32px !important}
 h1{font-size:34px !important;line-height:1.1 !important}
 .h2,h2{font-size:28px !important}
 section[style*="padding: 96px"]{padding:56px 0 !important}
 section[style*="padding-top: 88px"]{padding-top:40px !important}
 .btn{white-space:normal;text-align:center;height:auto !important;min-height:48px;padding-top:12px !important;padding-bottom:12px !important}
 .tscroll,.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .tblwrap,.tscroll{overflow-x:auto}
 table.wide{min-width:600px}
 [style*="display: grid"]>*,.split>*,.g2>*,.g3>*,.g4>*{min-width:0}
 dd,p,li{overflow-wrap:break-word}
 pre{white-space:pre-wrap;word-break:break-word}
 .faq-q{font-size:16px !important}
 .dn{flex-direction:column;align-items:stretch !important}
 .dn svg{margin:0 auto}
 [style*="padding: 0 48px 24px 4px"]{padding:0 4px 20px !important}
}
