/* landing/pages.css — общий стиль страниц разделов (ТЗ ЛЕНДИНГ, Л5-доп).
 *
 * Отдельный файл, а не копия стилей главной: главная сейчас хорошо стоит в
 * поиске, и трогать её разметку ради страниц разделов — риск без нужды.
 * Страницы разделов живут своим скромным оформлением, наследуя шрифт и
 * палитру.
 *
 * Шрифт — тот же локальный Inter, что у главной; внешних загрузок нет. */

:root{
  --c-text:#16324f; --c-muted:#5b6b7f; --c-primary:#1b5fa8;
  --c-line:#dbe3ec; --c-bg:#f5f8fc; --c-ok:#2b8a3e; --c-warn:#b45309;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--c-text);
  font:16px/1.65 Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--c-primary)}
img{max-width:100%;height:auto}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}

.topline{border-bottom:1px solid var(--c-line);background:#fff;
  position:sticky;top:0;z-index:10}
.topline .wrap{display:flex;align-items:center;gap:18px;
  min-height:60px;flex-wrap:wrap}
.topline a{text-decoration:none;font-size:15px}
.topline .brand{font-weight:700;color:var(--c-text);margin-right:auto}
.topline .cta{background:var(--c-primary);color:#fff;border-radius:8px;
  padding:8px 14px;font-weight:600}

.crumbs{font-size:13.5px;color:var(--c-muted);padding:14px 0 0}
.crumbs a{color:var(--c-muted)}

h1{font-size:34px;line-height:1.2;margin:14px 0 10px}
h2{font-size:24px;line-height:1.25;margin:34px 0 10px}
h3{font-size:18px;margin:22px 0 6px}
.lead{font-size:18px;color:var(--c-muted);margin:0 0 8px}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:22px}
li{margin:0 0 7px}

.note{background:var(--c-bg);border:1px solid var(--c-line);
  border-radius:12px;padding:14px 16px;margin:18px 0}
.note b{color:var(--c-text)}

table.plans{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
table.plans th,table.plans td{border:1px solid var(--c-line);
  padding:10px 12px;text-align:left;vertical-align:top}
table.plans th{background:var(--c-bg);font-weight:600}
table.plans td.num{white-space:nowrap}

.faq{margin:14px 0 0}
.faq details{border-bottom:1px solid var(--c-line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin:10px 0 0;color:var(--c-muted)}

.next{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.next a{border:1px solid var(--c-line);border-radius:999px;padding:8px 14px;
  text-decoration:none;font-size:14.5px}

footer{border-top:1px solid var(--c-line);margin-top:44px;padding:22px 0 40px;
  color:var(--c-muted);font-size:14px}
footer a{color:var(--c-muted)}

@media (max-width:600px){
  h1{font-size:27px}
  h2{font-size:21px}
  table.plans{display:block;overflow-x:auto}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}