/* Automatics.pro — стили сайта. Раскладка и типографика по образцу myfusebox.ru:
   Raleway (ru) / Inter (pl, en), чёрный текст, зелёный акцент, цветные маркеры секций.
   Только светлая тема. Шрифты — локальные (без запросов к Google: RODO). */
/* Inter cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-ext-7249155f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-e34c5f1b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-749a3084.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-1ab1ad55.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;
}
/* Inter cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-ext-7249155f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-e34c5f1b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-749a3084.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-1ab1ad55.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;
}
/* Inter cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-ext-7249155f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-e34c5f1b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-749a3084.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-1ab1ad55.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;
}
/* Inter cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-ext-7249155f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-e34c5f1b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-749a3084.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-1ab1ad55.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;
}
/* Inter cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-ext-7249155f.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Inter cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/inter-cyrillic-e34c5f1b.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Inter latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-ext-749a3084.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/inter-latin-1ab1ad55.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;
}
/* Raleway cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ext-31f6aaf7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Raleway cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ad8cbd43.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Raleway latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-ext-0abba6f6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Raleway latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-eec07959.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;
}
/* Raleway cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ext-31f6aaf7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Raleway cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ad8cbd43.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Raleway latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-ext-0abba6f6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Raleway latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-eec07959.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;
}
/* Raleway cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ext-31f6aaf7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Raleway cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ad8cbd43.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Raleway latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-ext-0abba6f6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Raleway latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-eec07959.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;
}
/* Raleway cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ext-31f6aaf7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Raleway cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ad8cbd43.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Raleway latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-ext-0abba6f6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Raleway latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-eec07959.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;
}
/* Raleway cyrillic-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ext-31f6aaf7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* Raleway cyrillic */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/raleway-cyrillic-ad8cbd43.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* Raleway latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-ext-0abba6f6.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Raleway latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/raleway-latin-eec07959.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;
}

:root{--fg:#010509;--muted:#5f6770;--line:#e4e8ec;--soft:#f7f8f9;--soft2:#eef5f8;--grey:#fafafa;--green:#51c05a;--accent:#25b330;--accent2:#51c05a;--link:#0b93e6;--bg:#fff;--radius:10px;--shadow:0 6px 16px rgba(83,114,85,.3);--font:"Inter",Arial,sans-serif;color-scheme:light}
html[lang="ru"]{--font:"Raleway",Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--fg);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
button,input,select,textarea{font-family:inherit}
main{flex:1}
img{max-width:100%;height:auto}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
.wrap{max-width:900px;margin:0 auto;padding:0 24px}
.wrap.wide{max-width:1280px}
main{padding:40px 0 90px}
main.home{padding:0}

/* ---- шапка ---- */
header.site{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 24px rgba(0,0,0,.07)}
.nav{display:flex;align-items:center;gap:24px;min-height:74px}
.brand{font-weight:900;font-size:21px;letter-spacing:-.01em;color:var(--fg);white-space:nowrap}
.brand:before{content:"";display:inline-block;width:14px;height:10px;background:var(--fg);margin-right:6px;vertical-align:4px}
.brand span{color:var(--green)}
.brand:hover{text-decoration:none}
footer .brand{color:var(--green)}
footer .brand:before{background:var(--green)}
nav.main{display:flex;align-items:center;flex:1;gap:20px}
.menu{display:flex;gap:34px;list-style:none;margin:0 auto;padding:0;align-items:center}
.menu>li>a,.menu>li>button{font:600 16px/1 var(--font);color:var(--fg);background:none;border:0;padding:10px 0;cursor:pointer;display:flex;align-items:center;gap:6px}
.menu>li>a:hover{text-decoration:none;color:var(--accent)}
.dd{position:relative}
.drop{display:none;position:absolute;left:-24px;top:100%;min-width:340px;list-style:none;margin:10px 0 0;padding:12px;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.dd:hover .drop,.dd.open .drop,.dd:focus-within .drop{display:block}
.dd:before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.drop a{display:flex;gap:14px;align-items:flex-start;padding:10px 12px;border-radius:10px;color:var(--fg)}
.drop a:hover{background:var(--soft);text-decoration:none}
.drop .ic{flex:none;margin-top:2px}
.drop b{display:block;font-weight:700;font-size:15px}
.drop b em{font-style:normal;font-weight:600;font-size:11px;color:var(--accent);background:#eaf7eb;border-radius:99px;padding:1px 7px;margin-left:4px;vertical-align:1px}
.drop small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.nav-r{display:flex;gap:12px;align-items:center}
.langs{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.langs a{font:600 12px/1 var(--font);color:var(--muted);padding:7px 8px;letter-spacing:.03em}
.langs a+a{border-left:1px solid var(--line)}
.langs a.on{background:var(--fg);color:#fff}
.langs a:hover{text-decoration:none;color:var(--fg)}
.langs a.on:hover{color:#fff}
.btn-o{display:inline-block;border:2px solid var(--green);color:var(--accent);font-weight:700;border-radius:var(--radius);padding:7px 14px;white-space:nowrap}
.btn-o.lg{padding:12px 26px;font-size:16px}
.btn-k{display:inline-block;background:#000;color:#fff;font-weight:700;border-radius:var(--radius);padding:9px 16px;white-space:nowrap}
.btn-o:hover,.btn-k:hover{text-decoration:none;opacity:.9}
.burger{display:none;cursor:pointer;margin-left:auto;padding:8px}
.burger i{display:block;width:24px;height:2px;background:var(--fg);margin:5px 0}

/* ---- типографика статей и служебных страниц ---- */
h1{font-size:40px;line-height:1.2;font-weight:900;margin:0 0 18px;letter-spacing:-.01em}
h2{font-size:30px;line-height:1.25;font-weight:900;margin:46px 0 14px}
h3{font-size:21px;line-height:1.3;font-weight:700;margin:28px 0 10px}
h4{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:.3px;margin:18px 0 8px}
p{margin:0 0 16px}
.lede{font-size:20px;color:var(--muted);margin-bottom:30px;line-height:1.55}
.meta{color:var(--muted);font-size:14px;margin-bottom:26px;display:flex;gap:14px;flex-wrap:wrap}
ul,ol{padding-left:22px;margin:0 0 18px}
li{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;display:block;overflow-x:auto}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--soft);font-weight:700}
blockquote{margin:22px 0;padding:14px 20px;border-left:4px solid var(--green);background:var(--soft2);border-radius:0 12px 12px 0}
article.post{font-size:17px;line-height:1.7}
article.post :is(h2,h3){scroll-margin-top:90px}
.crumbs{font-size:14px;color:var(--muted);margin:0 0 20px}
.crumbs a{color:var(--muted)}
.cards{display:grid;gap:16px;margin:24px 0 0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{border-radius:14px;padding:22px 24px;background:var(--soft);border:1px solid var(--line)}
.card :is(h2,h3){margin:0 0 8px;font-size:18px;font-weight:700}
.card :is(h2,h3) a{color:var(--fg)}
.card p{margin:0 0 10px;color:var(--muted);font-size:15px}
.soon{display:inline-block;font-size:12px;font-weight:700;color:var(--accent);background:#eaf7eb;border-radius:999px;padding:1px 9px;margin-left:6px;vertical-align:1px}
.product .spec{display:table}
.product .spec th{width:45%;background:transparent;color:var(--muted);font-weight:500}
.ask{background:var(--soft2);border-radius:14px;padding:22px 24px;margin:30px 0}
.ask p:last-child{margin:0}
.btn{display:inline-block;background:linear-gradient(180deg,#2fbf3a,#25b330);color:#fff!important;font-weight:800;border-radius:.6rem;padding:11px 24px;box-shadow:var(--shadow)}
.btn:hover{text-decoration:none}
.src{color:var(--muted);font-size:13px;margin-top:30px}
.tbl{overflow-x:auto}

/* ---- главная ---- */
.cta{display:inline-block;background:linear-gradient(180deg,#2fbf3a,#25b330);color:#fff!important;font-size:18px;font-weight:900;text-transform:uppercase;padding:13px 35px;border-radius:.6rem;box-shadow:0 6px 16px rgba(83,114,85,.3);transition:transform .1s linear,box-shadow .1s linear}
.cta:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 6px 24px rgba(93,159,97,.5)}
.hero{padding:90px 0 40px}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.big{font-size:60px;line-height:1.2;font-weight:900;margin:0 0 26px;letter-spacing:-.01em}
.big mark{background:var(--green);color:#fff;padding:0 .08em}
.hero h1{font-size:34px;line-height:1.25;font-weight:500;margin:0 0 30px}
.hbtns{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:0 0 42px}
.hbtns .cta{margin:0}
.arrows{list-style:none;padding:0;margin:0}
.arrows li{margin:0 0 14px;font-size:16px}
.arrows li:before{content:"⟶ ";margin-right:6px}
.browser{border-radius:12px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.14);overflow:hidden;border:1px solid var(--line)}
.browser .bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#f1f3f4;border-bottom:1px solid var(--line)}
.browser .bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.browser .bar i:nth-child(2){background:#febc2e}.browser .bar i:nth-child(3){background:#28c840}
.browser .bar span{margin:0 auto;font-size:11px;color:var(--muted);background:#fff;border-radius:6px;padding:3px 60px}
.browser img{display:block;width:100%}
.band{position:relative;padding:150px 0;margin:40px 0 0;background:#eef0f2;clip-path:polygon(0 18%,100% 0,100% 82%,0 100%)}
.band p{font-size:26px;line-height:1.35;font-weight:700;text-align:center;max-width:1040px;margin:0 auto}
.sp{padding:150px 0;overflow:hidden}
.grey{background:var(--grey)}
.lightgreen{background:#f7f9f7}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.two.top{align-items:start}
h2.sq{font-size:42px;line-height:1.15;font-weight:900;text-transform:uppercase;margin:0 0 34px}
h2.sq:before{content:"";display:inline-block;width:28px;height:28px;background:var(--sq,#51c05a);margin-right:10px;vertical-align:.12em}
.c{text-align:center}
.sp p{font-size:17px;line-height:1.65}
.sp p.lead{font-size:21px;line-height:1.4}
.sp p.b{font-weight:700;font-size:18px}
.pills span{display:inline-block;background:#e9f6ea;font-weight:700;font-size:14px;padding:4px 10px;border-radius:4px;margin:0 6px 8px 0}
.xlink{font-weight:700;font-size:17px;text-decoration:underline}
.shot img{display:block;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.12);border:1px solid var(--line);background:#fff}
.stack{position:relative;padding:0 0 70px 0}
.stack img{width:82%;margin-left:auto}
.stack .over{position:absolute;left:0;bottom:0;width:70%}
.tabs .tab{cursor:pointer;padding:0 0 18px;margin:0 0 20px;position:relative}
.tabs .tab h3{font-size:23px;margin:0 0 8px;color:#123d18}
.tabs .tab p{display:none;margin:0;font-size:17px}
.tabs .tab.on h3{color:var(--green)}
.tabs .tab.on p{display:block}
.tabs .tab i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#e8f5e9;border-radius:3px}
.tabs .tab.on i{background:linear-gradient(90deg,#1f6fd1,#51c05a 55%,#e8f5e9 55%)}
.tabs .note{font-style:italic;font-size:15px;color:#333}
.tabsgrid{align-items:start}
.agrid{display:grid;grid-template-columns:repeat(4,1fr)}
.atitle{padding:60px 40px 40px 0}
.atitle.wide{grid-column:span 2;align-self:center}
.atitle h3{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:.3px;margin:0 0 14px}
.atitle p{color:#8a929a;font-size:17px}
.cell{padding:52px 40px}
.cell.g{background:#f7f8f9}
.cell h4{margin:16px 0 8px}
.cell p{font-size:16px;line-height:1.5;margin:0}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.col .box{background:#fff;border-radius:18px;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 4px 18px rgba(0,0,0,.04)}
.col h4{margin:0 0 8px}
.col p{font-size:16px!important}
.brands{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.brands span{display:flex;align-items:center;justify-content:center;height:120px;border-radius:18px;background:var(--soft);font-weight:900;font-size:22px;letter-spacing:.02em}
.ctasec h2{font-size:42px;font-weight:900;margin:0 0 12px}
.ctasec p{font-size:20px;margin:0 0 30px}
.checks{list-style:none;padding:0}
.checks li{position:relative;padding-left:34px;margin:0 0 14px;font-size:16px}
.checks li:before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.lightgreen h3{font-size:20px;font-weight:700;margin:0 0 22px}

/* ---- статьи: карусель и карточки ---- */
.arts{padding:110px 0}
.ahead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.ahead h2{font-size:38px;font-weight:800;margin:0 0 6px;text-transform:none}
.ahead p{color:var(--muted);font-size:18px!important;margin:0}
.actl{display:flex;gap:12px;align-items:center}
.arr{width:46px;height:46px;border-radius:50%;border:1.5px solid #d5dbe1;background:#fff;font-size:26px;line-height:1;color:var(--fg);cursor:pointer;padding:0 0 3px}
.arr:hover{border-color:var(--fg)}
.all{font-weight:700;font-size:17px;margin-left:14px}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.track::-webkit-scrollbar{display:none}
.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:24px}
.acard{scroll-snap-align:start;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8ee;border-radius:10px;overflow:hidden;transition:box-shadow .15s}
.acard:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.aimg{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#e3edf6,#f2f6fa);position:relative;overflow:hidden}
.aimg img{width:100%;height:100%;object-fit:cover;display:block}
.aimg .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(rgba(159,180,200,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(159,180,200,.18) 1px,transparent 1px);background-size:22px 22px}
.abody{padding:18px 20px 12px;flex:1}
.badge{display:inline-block;background:#e8f3fd;color:#1f6fd1;font-weight:600;font-size:13px;border-radius:999px;padding:3px 12px;margin-bottom:12px}
.acard :is(h2,h3){font-size:17px;line-height:1.35;font-weight:700;margin:0 0 8px;text-transform:none}
.acard :is(h2,h3):before{content:none}
.acard :is(h2,h3) a{color:var(--fg)}
.abody p{color:#6b737b;font-size:14.5px!important;line-height:1.55!important;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.afoot{display:flex;justify-content:space-between;align-items:center;margin:0 20px;padding:14px 0 16px;border-top:1px solid #edf0f3;font-size:14px;color:#8f979f}
.afoot span{display:flex;align-items:center;gap:7px}
.afoot a{font-weight:700}

/* ---- подвал ---- */
footer.site{background:#000;color:#fff;padding:110px 0 24px}
footer.site a{color:#fff}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.fbrand p{margin:8px 0;font-size:15px}
.fbrand p a{color:var(--green)}
footer h3{color:#8f979f;text-transform:uppercase;font-size:15px;font-weight:700;letter-spacing:.04em;margin:4px 0 16px}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:0 0 10px;font-size:15px}
footer li span{color:#8f979f}
footer .langs{margin-top:14px;border-color:#333}
footer .langs a{color:#aaa}
footer .langs a+a{border-color:#333}
footer .langs a.on{background:var(--green);color:#000}
.fbottom{margin-top:70px;padding-top:20px;border-top:1px solid #222;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#aaa}
.fbottom .legal{color:#6fbf76}

/* ---- адаптив ---- */
@media(max-width:1100px){.menu{gap:20px}.big{font-size:48px}.track{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:960px){
 .burger{display:block}
 nav.main{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;flex-direction:column;align-items:stretch;padding:12px 24px 24px;box-shadow:0 20px 40px rgba(0,0,0,.12);max-height:calc(100vh - 74px);overflow:auto}
 #nav-t:checked~nav.main{display:flex}
 .menu{flex-direction:column;align-items:stretch;gap:0;margin:0}
 .menu>li>a,.menu>li>button{padding:14px 0;width:100%;justify-content:space-between;border-bottom:1px solid var(--line)}
 .drop{position:static;box-shadow:none;padding:4px 0;margin:0;min-width:0}
 .dd:hover .drop{display:none}.dd.open .drop{display:block}
 .nav-r{flex-wrap:wrap;margin-top:14px}
 .hgrid,.two,.cols3{grid-template-columns:1fr;gap:36px}
 .hero{padding:50px 0 20px}
 .agrid{grid-template-columns:1fr 1fr}.atitle,.atitle.wide{grid-column:1/-1;padding:30px 0 10px}.atitle:empty{display:none}
 .fgrid{grid-template-columns:1fr 1fr}
 .track{grid-auto-columns:calc((100% - 20px)/2)}
}
@media(max-width:600px){
 .container,.wrap{padding:0 16px}
 .big{font-size:38px}.hero h1{font-size:24px}
 h1{font-size:30px}h2{font-size:24px}h2.sq,.ctasec h2{font-size:28px}h2.sq:before{width:20px;height:20px}
 .sp{padding:80px 0}.band{padding:90px 0}.band p{font-size:20px}
 .agrid{grid-template-columns:1fr}.cell{padding:32px 24px}
 .track{grid-auto-columns:85%}
 .fgrid{grid-template-columns:1fr}
 .stack img,.stack .over{width:100%;position:static;margin:0 0 16px}.stack{padding:0}
 .cta{font-size:16px;padding:12px 26px}
 .browser .bar span{padding:3px 20px}
}
@media print{header.site,footer.site{display:none}}

/* ---- баннер cookie ---- */
.cc{position:fixed;left:20px;bottom:20px;z-index:200;max-width:460px;background:#fff;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.22);padding:20px 22px;font-size:14px;line-height:1.5;border:1px solid var(--line)}
.cc p{margin:0 0 14px}
.cc-opts{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.cc-opts label{display:flex;gap:8px;align-items:center}
.cc-btns{display:flex;gap:8px;flex-wrap:wrap}
.cc-b{flex:1 1 auto;font:700 14px/1 var(--font);padding:11px 14px;border-radius:9px;border:2px solid var(--fg);background:var(--fg);color:#fff;cursor:pointer}
.cc-b.cc-o{background:#fff;color:var(--fg);border-color:var(--line)}
.cc-b:hover{opacity:.88}
.flinks{display:flex;gap:18px;flex-wrap:wrap}
.flinks a{color:#aaa!important}
.legal-doc h2{font-size:22px;margin-top:36px}
.legal-doc table{font-size:14px}
@media(max-width:600px){.cc{left:10px;right:10px;bottom:10px;max-width:none}}
.cc[hidden],.cc-opts[hidden]{display:none!important}