/* ============ ШРИФТЫ (локально, без внешних запросов) ============ */
/* Oswald и IBM Plex Sans отданы Google как один вариативный файл на все начертания —
   поэтому на них несколько @font-face со своим font-weight указывают на один и тот же файл.
   IBM Plex Mono раздаётся статическими файлами по каждому начертанию отдельно. */
@font-face{
  font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/oswald-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;
}
@font-face{
  font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/oswald-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/ibm-plex-sans-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;
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('fonts/ibm-plex-sans-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-mono-400-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;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-mono-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/ibm-plex-mono-500-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;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/ibm-plex-mono-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/ibm-plex-mono-600-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;
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/ibm-plex-mono-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* ============ БАЗА ============ */
:root{ padding-top: env(safe-area-inset-top,0px); padding-bottom: env(safe-area-inset-bottom,0px); }
  html{ color-scheme: light dark; }
  body{ margin:0 }
  img{ max-width:100% }
  [hidden]{ display:none !important }

/* ============ ТОКЕНЫ ============ */
:root{
  --paper:#F1F4F7;
  --card:#FFFFFF;
  --card-2:#E9EDF2;
  --text:#0D1A2B;
  --muted:#4F6377;
  --border:#D3DBE4;
  --border-strong:#B7C2CF;

  /* всегда-тёмные поверхности */
  --deep:#0A1523;
  --deep-2:#122238;
  --deep-3:#19304C;
  --deep-text:#EAF0F7;
  --deep-muted:#A3B5C9;
  --deep-rule:rgba(145,178,214,.2);

  /* акценты — фирменная палитра Cisa (#CC0605) */
  --accent:#FF4438;        /* яркий — только на тёмном фоне */
  --accent-text:#CC0605;   /* текст и цены на светлом фоне — фирменный красный Cisa */
  --cta:#CC0605;           /* заливка кнопок — фирменный красный Cisa, под белый текст */
  --cta-hover:#A30504;
  --cta-text:#FFFFFF;
  --alarm:#8D100F;         /* тёмный кирпично-красный — отделён от --cta по тону и яркости */
  --ok:#137F55;

  --r-s:4px; --r-m:8px; --r-l:14px;
  --maxw:1180px;
  --gutter:20px;

  --f-display:'Oswald','Arial Narrow',system-ui,sans-serif;
  --f-body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --f-mono:'IBM Plex Mono','SFMono-Regular',ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0A1523; --card:#112034; --card-2:#16273E;
    --text:#E8EEF6; --muted:#A0B2C6; --border:#243951; --border-strong:#35506B;
    --accent-text:#FF5647;
  }
}
:root[data-theme="dark"]{
  --paper:#0A1523; --card:#112034; --card-2:#16273E;
  --text:#E8EEF6; --muted:#A0B2C6; --border:#243951; --border-strong:#35506B;
  --accent-text:#FF5647;
}

*{box-sizing:border-box}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:var(--f-body);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:inherit}

h1,h2,h3{font-family:var(--f-display);font-weight:600;text-wrap:balance;margin:0;line-height:1.12;letter-spacing:.01em}
h1{font-size:clamp(29px,5vw,54px)}
h2{font-size:clamp(25px,3.5vw,40px)}
h3{font-size:clamp(19px,2vw,22px);font-weight:500}
p{margin:0}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:clamp(46px,6vw,84px)}
.eyebrow{
  font-family:var(--f-mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent-text);display:flex;align-items:center;gap:12px;margin-bottom:16px;
}
.eyebrow::after{content:"";flex:1;height:1px;background:var(--border-strong)}
.lede{color:var(--muted);font-size:clamp(16px,1.5vw,18px);max-width:58ch;margin-top:16px}

/* ============ КНОПКИ ============ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:.02em;
  padding:15px 26px;border-radius:var(--r-m);border:1px solid transparent;
  text-decoration:none;cursor:pointer;text-align:center;
  transition:transform .12s ease,background .18s ease,box-shadow .18s ease;
}
.btn-call{background:var(--cta);color:var(--cta-text)}
.btn-call:hover{background:var(--cta-hover);animation:pulse 1.4s infinite}
.btn-call:active{transform:translateY(1px)}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-ghost:hover{background:rgba(127,127,127,.14)}
.btn-lg{font-size:clamp(18px,2.3vw,23px);padding:19px 32px;width:100%}
@media(min-width:560px){.btn-lg{width:auto}}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(204,6,5,.5)}
  70%{box-shadow:0 0 0 16px rgba(204,6,5,0)}
  100%{box-shadow:0 0 0 0 rgba(204,6,5,0)}
}
.attn-pulse{animation:pulse 1.6s ease-in-out 3}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:focus-visible{outline:3px solid var(--cta);outline-offset:3px}
html{scroll-behavior:smooth}
.cta-row{margin-top:30px}

/* ============ ШАПКА ============ */
.topbar{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:60;
  background:color-mix(in srgb,var(--deep) 95%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--deep-rule);color:var(--deep-text);
}
.topbar-in{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:wrap;padding-block:9px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:19px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.brand b{color:var(--accent);font-weight:700}
.brand small{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--deep-muted);text-transform:uppercase;font-weight:400}
.top-right{margin-left:auto;display:flex;align-items:center;gap:16px}
.top-phone{font-family:var(--f-display);font-size:clamp(18px,2vw,22px);text-decoration:none;white-space:nowrap}
.topbar .btn{padding:12px 20px;font-size:16px}
@media(max-width:899px){
  /* внизу уже есть закреплённая .dock с кнопкой звонка — дублировать sticky-шапку не нужно,
     иначе тёмная шапка постоянно давит сверху поверх такого же тёмного контента */
  .topbar{position:static}
  /* на одной колонке (см. .hero-in ниже) чертёж рендерится почти на всю ширину экрана
     и занимает целый скролл декоративной иллюстрацией — сужаем и центрируем,
     подписи на чертеже остаются читаемыми не меньше ~260px */
  .blueprint{max-width:280px;margin-inline:auto}
}
@media(max-width:520px){
  .topbar .brand small{display:none}
  /* номер и так есть в hero, финальном блоке и футере — в шапке на узких экранах
     оставляем только кнопку, иначе телефон+кнопка переносятся на вторую строку
     и шапка становится вдвое выше и темнее */
  .top-phone{display:none}
  .topbar .btn{padding:11px 16px;font-size:15px}
}
@media(max-width:400px){
  .topbar .btn{padding:11px 13px;font-size:14px}
}

/* ============ ГЕРОЙ ============ */
.hero{
  position:relative;color:var(--deep-text);
  background:
    radial-gradient(90% 110% at 78% 12%,rgba(255,106,0,.16),transparent 58%),
    linear-gradient(180deg,#0B1726 0%,#0A1523 60%,#08111C 100%);
  overflow:hidden;
}
.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--deep-rule) 1px,transparent 1px),linear-gradient(90deg,var(--deep-rule) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(120% 90% at 30% 20%,#000 0%,transparent 75%);
  opacity:.5;
}
.hero-in{position:relative;display:grid;gap:clamp(30px,4vw,54px);padding-block:clamp(40px,5.5vw,74px)}
@media(min-width:900px){.hero-in{grid-template-columns:1.08fr .92fr;align-items:center}}
.hero .eyebrow{color:var(--accent)}
.hero .eyebrow::after{background:var(--deep-rule)}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-sub{color:var(--deep-muted);font-size:clamp(17px,1.7vw,20px);margin-top:20px;max-width:50ch}
.hero-sub b{color:#fff;font-weight:600}
.hero-cta{display:flex;flex-direction:column;gap:12px;margin-top:30px;align-items:stretch}
@media(min-width:560px){.hero-cta{flex-direction:row;align-items:center;flex-wrap:wrap}}
.hero-note{font-size:15px;color:var(--deep-muted);margin-top:18px}
.hero-phone{font-family:var(--f-mono);font-size:14px;color:var(--deep-muted);text-decoration:none;display:inline-block;margin-top:10px}
.hero-phone:hover{color:var(--accent)}
.hero-facts{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.hero-facts li{
  display:block;font-size:16px;color:var(--deep-text);
  border-left:3px solid var(--accent);padding-left:14px;
}
.hero-facts b{font-weight:600}

.blueprint{margin:0;border:1px solid var(--deep-rule);border-radius:var(--r-l);background:rgba(8,17,28,.5);padding:18px}
.blueprint figcaption{
  font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--deep-muted);margin-top:14px;text-align:center;
}

.statusbar{background:var(--deep-3);color:var(--deep-text);border-block:1px solid var(--deep-rule)}
.statusbar-in{display:grid;gap:4px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));font-family:var(--f-mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.statusbar-in div{padding:15px 4px;color:var(--deep-muted)}
.statusbar-in b{color:#fff;font-weight:500}

/* ============ СРАВНЕНИЕ ============ */
.compare{display:grid;gap:18px;margin-top:36px}
@media(min-width:860px){.compare{grid-template-columns:1fr 1fr}}
.col{border:1px solid var(--border);border-radius:var(--r-l);background:var(--card);overflow:hidden;display:flex;flex-direction:column}
.col-head{padding:16px 22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border)}
.col-head h3{font-size:20px}
.col--bad .col-head{background:color-mix(in srgb,var(--alarm) 9%,var(--card));border-bottom-color:color-mix(in srgb,var(--alarm) 26%,var(--border))}
.col--good .col-head{background:color-mix(in srgb,var(--ok) 10%,var(--card));border-bottom-color:color-mix(in srgb,var(--ok) 28%,var(--border))}
.tag{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px;white-space:nowrap}
.tag--bad{background:var(--alarm);color:#fff}
.tag--good{background:var(--ok);color:#fff}
.col-art{padding:16px 22px 0}
.col ul{list-style:none;margin:0;padding:20px 22px 22px;display:grid;gap:14px}
.col li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;align-items:start;line-height:1.45}
.col li i{font-style:normal;font-family:var(--f-mono);font-weight:600}
.col--bad li i{color:var(--alarm)}
.col--good li i{color:var(--ok)}
.col-foot{margin-top:auto;padding:16px 22px;border-top:1px solid var(--border);font-size:16px;font-weight:600}
.col--bad .col-foot{color:var(--alarm);background:color-mix(in srgb,var(--alarm) 6%,var(--card))}
.col--good .col-foot{color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--card))}

/* ============ ЦЕНЫ ============ */
.price-wrap{margin-top:34px;border:1px solid var(--border);border-radius:var(--r-l);background:var(--card);overflow:hidden}
.price-scroll{overflow-x:auto}
table.price{border-collapse:collapse;width:100%;min-width:600px}
table.price th,table.price td{text-align:left;padding:18px 22px;border-bottom:1px solid var(--border);vertical-align:top}
table.price thead th{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card-2);font-weight:500}
table.price tbody th{font-family:var(--f-display);font-size:21px;font-weight:500;width:32%;line-height:1.2}
table.price td.inc{color:var(--muted);font-size:16px;width:42%}
table.price td.sum{font-family:var(--f-display);font-size:clamp(24px,2.6vw,30px);font-weight:600;color:var(--accent-text);white-space:nowrap;font-variant-numeric:tabular-nums}
table.price tbody tr:last-child th,table.price tbody tr:last-child td{border-bottom:0}
.price-foot{padding:20px 22px;background:var(--card-2);border-top:1px solid var(--border);font-size:16px;color:var(--muted)}
.price-foot b{color:var(--text)}
.badges{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:20px}
.badge{border:1px solid var(--border);border-radius:var(--r-m);padding:16px 18px;background:var(--card);display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.4}
.badge i{font-style:normal;color:var(--accent-text);font-family:var(--f-mono);font-weight:600}
.scroll-hint{display:none}
/* на телефоне таблица превращается в карточки — горизонтальной прокрутки нет */
@media(max-width:720px){
  .price-scroll{overflow:visible}
  table.price{min-width:0;display:block}
  table.price thead{display:none}
  table.price tbody,table.price tr{display:block}
  table.price tr{padding:20px 20px;border-bottom:1px solid var(--border)}
  table.price tr:last-child{border-bottom:0}
  table.price th,table.price td{display:block;border:0;padding:0}
  table.price tbody th{width:auto;font-size:23px;margin-bottom:10px}
  table.price tbody td.inc{width:auto;margin-bottom:12px}
}

/* ============ ДОВЕРИЕ ============ */
.trust{display:grid;gap:22px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.trust article{border-top:3px solid var(--cta);padding-top:20px}
.trust h3{margin-bottom:12px}
.trust p{color:var(--muted);font-size:16px}
.trust .fact{display:block;font-family:var(--f-mono);font-size:13px;letter-spacing:.05em;color:var(--text);margin-top:14px;border-left:2px solid var(--border-strong);padding-left:12px}

/* ============ МОДЕЛИ CISA ============ */
.models{display:grid;gap:16px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.model-card{border:1px solid var(--border);border-radius:var(--r-l);background:var(--card);padding:22px}
.model-code{display:inline-block;font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;font-weight:600;color:var(--cta-text);background:var(--accent-text);padding:4px 10px;border-radius:var(--r-s)}
.model-card h3{margin-top:14px;margin-bottom:8px}
.model-card p{color:var(--muted);font-size:15px}
.model-card--other{background:var(--card-2);border-style:dashed}
.model-card--other .model-code{background:transparent;color:var(--accent-text);border:1px solid var(--accent-text);padding:3px 9px}

/* ============ ШАГИ ============ */
.steps{margin-top:38px;display:grid}
.step{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--border)}
.step:last-child{border-bottom:1px solid var(--border)}
.step-time{font-family:var(--f-mono);font-size:17px;font-weight:600;color:var(--accent-text);font-variant-numeric:tabular-nums}
.step-time small{display:block;font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:400;margin-top:4px}
.step h3{margin-bottom:9px}
.step p{color:var(--muted);font-size:16px}
.step p b{color:var(--text);font-weight:600}
@media(max-width:560px){.step{grid-template-columns:70px 1fr;gap:14px}}

/* ============ ОТЗЫВЫ ============ */
.reviews{display:grid;gap:16px;margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.review{border:1px dashed var(--border-strong);border-radius:var(--r-l);background:var(--card);padding:20px;display:grid;gap:10px;align-content:start}
.review-model{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;color:var(--accent-text)}
.review-name{font-family:var(--f-display);font-size:18px;font-weight:500}
.review-body{color:var(--muted);font-size:15px}

/* ============ FAQ ============ */
.faq{margin-top:34px;border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{cursor:pointer;list-style:none;padding:22px 48px 22px 0;position:relative;font-family:var(--f-display);font-size:clamp(18px,2vw,21px);font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:26px;color:var(--accent-text);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .answer{padding:0 0 24px;color:var(--muted);font-size:16px;max-width:68ch;display:grid;gap:12px}
.faq .answer b{color:var(--text)}
.faq ol{margin:0;padding-left:22px;display:grid;gap:8px}

/* ============ ФИНАЛ ============ */
.final{
  color:var(--deep-text);
  background:radial-gradient(70% 120% at 50% 0%,rgba(255,106,0,.2),transparent 62%),linear-gradient(180deg,#0A1523,#0C1A2B);
  text-align:center;
}
.final-in{padding-block:clamp(52px,6.5vw,92px);display:grid;justify-items:center;gap:20px}
.final .eyebrow{color:var(--accent);justify-content:center}
.final .eyebrow::after,.final .eyebrow::before{content:"";flex:0 0 40px;height:1px;background:var(--deep-rule)}
.final h2{color:#fff;max-width:20ch}
.final p{color:var(--deep-muted);font-size:clamp(17px,1.8vw,20px);max-width:46ch}
.final p b{color:#fff}
.final-phone{font-family:var(--f-display);font-size:clamp(30px,5vw,48px);color:#fff;text-decoration:none;letter-spacing:.01em;margin-top:6px}
.final-phone:hover{color:var(--accent)}
.final .btn{margin-top:4px}
.final-note{font-size:15px;color:var(--deep-muted)}

/* ============ ФУТЕР ============ */
.foot{background:#070F19;color:var(--deep-muted);border-top:1px solid var(--deep-rule);font-size:15px}
.foot-in{display:grid;gap:28px;padding-block:40px}
@media(min-width:820px){.foot-in{grid-template-columns:1.5fr 1fr 1fr}}
.foot h4{font-family:var(--f-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--deep-text);margin:0 0 14px;font-weight:500}
.foot a{color:var(--deep-muted);text-decoration:none;display:block;padding:4px 0}
.foot a:hover{color:var(--accent)}
.foot .big{font-family:var(--f-display);font-size:28px;color:#fff;text-decoration:none;display:inline-block;margin-bottom:8px}
.foot-legal{border-top:1px solid var(--deep-rule);padding-block:20px;font-size:13.5px;line-height:1.6}

/* ============ МОБИЛЬНАЯ ПЛАШКА ============ */
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:color-mix(in srgb,#08111C 96%,transparent);backdrop-filter:blur(10px);
  border-top:1px solid var(--deep-rule);
  padding:10px var(--gutter);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
  display:flex;gap:12px;align-items:center;
}
.dock .btn{flex:1;min-width:0;padding:15px 12px;font-size:17px}
.dock-info{color:#fff;font-family:var(--f-display);font-size:18px;line-height:1.15;flex:none}
.dock-info small{display:block;font-family:var(--f-body);font-size:12px;color:var(--deep-muted);font-weight:400}
body{padding-bottom:86px}
@media(min-width:900px){.dock{display:none}body{padding-bottom:0}}
@media(max-width:380px){.dock-info{display:none}}