@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/inter-latin-400-normal-C38fXH4l.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:400;font-display:swap;src:url('/assets/inter-latin-ext-400-normal-C1nco2VV.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;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/inter-cyrillic-400-normal-obahsSVq.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('/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/inter-latin-600-normal-LgqL8muc.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('/assets/inter-latin-ext-600-normal-D2bJ5OIk.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;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/inter-cyrillic-600-normal-CWCymEST.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('/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.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;}

/* Токены повторяют client/src/index.css. Тема берётся из системной
   настройки: на статической странице нет ни JS, ни переключателя. */
:root {
  --bg:#E7EEED; --ink:#122B30; --muted:#526B70; --teal-ink:#0A5D6A;
  --card:#FDFEFE; --line:#D2E1E1; --fill:#0E7C8C; --fill-deep:#0A5D6A; --amber:#8A6300;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0C171A; --ink:#E7F1F2; --muted:#8DA5A9; --teal-ink:#4EC3D5;
    --card:#14262A; --line:#25393D; --amber:#D9A93A;
  }
}
* { box-sizing: border-box; }
body {
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.6;
}
a { color:var(--teal-ink); }
.top {
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
  padding:14px 16px; background:var(--fill); color:#fff;
}
.brand { color:#fff; text-decoration:none; font-weight:800; font-size:18px; letter-spacing:-0.01em; }
.asof { font-size:12px; opacity:0.85; }
main { max-width:760px; margin:0 auto; padding:24px 16px 8px; }
h1 { font-size:27px; line-height:1.25; font-weight:800; letter-spacing:-0.02em; margin:14px 0 8px; }
h2 { font-size:19px; font-weight:700; margin:28px 0 10px; }
p { margin:0 0 12px; }
.crumbs { font-size:13px; color:var(--muted); }
.crumbs a { color:var(--muted); }
.crumbs span { margin:0 2px; }
.lede { color:var(--muted); font-size:15px; }
.notice {
  background:var(--card); border:1px solid var(--line); border-left:4px solid var(--amber);
  border-radius:8px; padding:12px 14px; font-size:14.5px;
}
.nums { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 22px; }
.num {
  flex:1 1 150px; background:var(--card); border:1px solid var(--line); border-radius:10px;
  padding:12px 14px; display:flex; flex-direction:column; gap:2px;
}
.num-v { font-size:24px; font-weight:700; font-family:'JetBrains Mono',ui-monospace,monospace; letter-spacing:-0.02em; }
.num-l { font-size:12px; color:var(--muted); }
table { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.facts th, .facts td { text-align:left; vertical-align:top; padding:10px 14px; border-bottom:1px solid var(--line); font-size:14.5px; }
.facts th { width:38%; font-weight:600; color:var(--muted); }
.facts tr:last-child th, .facts tr:last-child td { border-bottom:none; }
.list { margin-bottom:8px; }
.list th, .list td { text-align:left; padding:9px 12px; border-bottom:1px solid var(--line); font-size:14px; vertical-align:top; }
.list thead th { font-size:12px; color:var(--muted); font-weight:600; text-transform:none; }
.list td:first-child { width:52%; }
.list-bank { display:block; font-size:12px; color:var(--muted); }
.row-closed td { opacity:0.65; }
.tag { display:inline-block; margin-top:3px; font-size:11px; color:var(--amber); border:1px solid currentColor; border-radius:6px; padding:0 5px; }
.who, .sib { margin:0 0 12px; padding-left:20px; }
.who li, .sib li { margin-bottom:5px; font-size:14.5px; }
.sib-rate { color:var(--muted); font-size:13px; }
.cta { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:16px; margin:26px 0 8px; }
.cta p:last-child { margin-bottom:0; }
.cta-row { display:flex; gap:10px; flex-wrap:wrap; }
.btn {
  display:inline-block; background:var(--fill); color:#fff; text-decoration:none;
  padding:9px 16px; border-radius:8px; font-weight:600; font-size:14.5px;
}
.btn:hover { background:var(--fill-deep); }
.btn-ghost { background:transparent; color:var(--teal-ink); border:1px solid var(--line); }
.btn-ghost:hover { background:transparent; border-color:var(--teal-ink); }
.cta-note { font-size:12.5px; color:var(--muted); }
.foot { max-width:760px; margin:0 auto; padding:20px 16px 36px; font-size:12.5px; color:var(--muted); }
.foot a { color:var(--muted); }
.foot-links a { margin-right:14px; }
@media (max-width:560px) {
  h1 { font-size:23px; }
  .facts th { width:44%; }
  /* На телефоне из четырёх колонок остаются три: номинальная ставка уходит.
     Она и на широком экране вторична (сравнивать займы надо по ГЭСВ), а в
     375px четвёртая колонка ломала название программы на пять строк. Ставка
     никуда не пропадает, она первой строкой на странице программы. */
  .list th:nth-child(3), .list td:nth-child(3) { display:none; }
  .list td:first-child { width:52%; }
  .list th, .list td { padding:9px 8px; }
}