:root{
  --bg:#000000; --card:#0C0C0C; --line:#242424;
  --ink:#F2F2F2; --mut:#9A9A9A; --gold:#C8A24A;
  --gold-dim:rgba(200,162,74,.35);
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark;background:var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;font-size:17px}
.head{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(0,0,0,.92);
  backdrop-filter:blur(8px);z-index:10}
.head .in{max-width:720px;margin:0 auto;padding:14px 18px;display:flex;
  align-items:center;justify-content:space-between;gap:16px}
.brand{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:.3em;
  color:var(--gold);text-decoration:none;text-transform:uppercase}
.nav{display:flex;gap:18px}
.nav a{color:var(--mut);text-decoration:none;font-size:13px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase}
.nav a:hover,.nav a.on{color:var(--gold)}
.wrap{max-width:720px;margin:0 auto;padding:38px 18px 70px}
h1{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.15;
  font-size:clamp(28px,6.4vw,40px);letter-spacing:-.01em;margin-bottom:16px}
h2{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(21px,4.6vw,26px);
  line-height:1.25;margin:44px 0 14px;color:#fff}
h3{font-family:'Montserrat',sans-serif;font-weight:700;font-size:19px;margin:30px 0 10px;color:#fff}
p{margin-bottom:18px;color:#DCDCDC}
a{color:var(--gold)}
.meta{color:var(--mut);font-size:14px;margin-bottom:30px;
  padding-bottom:22px;border-bottom:1px solid var(--line)}
.lede{font-size:20px;line-height:1.55;color:#fff;margin-bottom:28px}
ul,ol{margin:0 0 20px 22px;color:#DCDCDC}
li{margin-bottom:9px}
strong{color:#fff}
.rule{width:120px;height:3px;background:var(--gold);margin:36px 0}
.box{border:1px solid var(--line);border-left:3px solid var(--gold);
  background:var(--card);border-radius:0 12px 12px 0;padding:20px 22px;margin:30px 0}
.box p:last-child{margin-bottom:0}
.box .lbl{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.cta{display:block;border:1px solid var(--gold-dim);background:var(--card);
  border-radius:14px;padding:22px;margin:38px 0;text-decoration:none}
.cta .t{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--gold);
  font-size:18px;margin-bottom:6px}
.cta .d{color:var(--mut);font-size:15px}
.card{display:block;border:1px solid var(--line);background:var(--card);border-radius:14px;
  padding:22px;margin-bottom:14px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--gold-dim)}
.card .k{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.card .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;
  line-height:1.25;color:#fff;margin-bottom:8px}
.card .d{color:var(--mut);font-size:15px;line-height:1.5}
.foot{border-top:1px solid var(--line);margin-top:60px;padding-top:26px;
  color:var(--mut);font-size:13.5px}
.foot a{color:var(--mut)}
.disc{font-size:13px;color:#7E7E7E;margin-top:14px;line-height:1.55}

.shot{border:1px solid var(--line);background:var(--card);border-radius:14px;
  overflow:hidden;margin:26px 0}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{display:flex;align-items:center;gap:10px;padding:13px 16px;
  border-top:1px solid var(--line);font-family:'Montserrat',sans-serif;
  font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--mut);line-height:1.45}
.shot figcaption::before{content:"";flex:none;width:2px;height:12px;background:var(--gold)}

/* --- общий подвал: навигация + служебные страницы --- */
.fnav{display:flex;flex-wrap:wrap;gap:0 18px;margin-bottom:14px}
.fnav a{font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;padding:11px 0}
.fnav a:hover{color:var(--gold)}
.fmin{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:14px}
.fmin a{font-size:13px;color:var(--mut);text-decoration:none;padding:11px 0}
.fmin a:hover{color:var(--gold)}

/* --- оплата: кнопка + строка условий --- */
.pay{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.pay .buy,.card.prod .buy,.cta .buy{display:inline-block;background:var(--gold);color:#000;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  padding:15px 26px;border-radius:10px;border:1px solid var(--gold)}
.pay .buy:hover,.card.prod .buy:hover,.cta .buy:hover{background:#d8b25c;border-color:#d8b25c}
.pay .alt{font-size:14px;color:var(--mut);text-decoration:none;border-bottom:1px solid var(--line)}
.pay .alt:hover{color:var(--gold)}
.terms{font-size:13px;color:var(--mut);margin-top:12px;line-height:1.5}
.terms a{color:var(--mut)}
.terms a:hover{color:var(--gold)}

@media (max-width:430px){
  .head .in{padding:13px 14px;gap:10px}
  .brand{font-size:11.5px;letter-spacing:.2em}
  .nav{gap:13px}
  .nav a{font-size:11.5px;letter-spacing:.04em}
}

/* --- кластерная навигация и элементы статей --- */
.crumbs{font-size:12.5px;color:var(--mut);margin-bottom:18px;
  font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.04em}
.crumbs a{color:var(--mut);text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.crumbs span{opacity:.5;margin:0 7px}

.upd{font-size:12.5px;color:var(--mut);margin:-18px 0 26px;
  font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

.who{border:1px solid var(--line);background:var(--card);border-radius:14px;
  padding:20px 22px;margin:40px 0 0}
.who .lbl{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.who p{font-size:15px;color:var(--mut);margin-bottom:0}
.who strong{color:#fff}

.tbl{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;vertical-align:top}
.tbl th{vertical-align:bottom}
.tbl th.num,.tbl td.num{text-align:center}
.tbl th{font-family:'Montserrat',sans-serif;font-weight:800;font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.35}
.tbl td:first-child{color:#fff}
.tbl td{color:var(--mut)}
.tbl .num{white-space:nowrap;text-align:center}
.wrapx{overflow-x:auto;-webkit-overflow-scrolling:touch;
  background:var(--bg);border:1px solid var(--line);border-radius:8px;
  margin:26px 0;padding:2px 0 0;
  max-width:100%;min-width:0}
.wrapx .tbl{margin:0;min-width:100%;width:max-content}
.wrapx::-webkit-scrollbar{height:6px}
.wrapx::-webkit-scrollbar-track{background:transparent}
.wrapx::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}
.wrapx .tbl th,.wrapx .tbl td{white-space:normal;min-width:96px;max-width:230px}
.wrapx .tbl td:first-child,.wrapx .tbl th:first-child{min-width:110px}
.wrapx .tbl tr:last-child th,.wrapx .tbl tr:last-child td{border-bottom:none}

.next{border-top:1px solid var(--line);margin-top:46px;padding-top:12px}
.next .lbl{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold);margin:16px 0 14px}

.hub{display:block;border:1px solid var(--line);background:var(--card);border-radius:14px;
  padding:24px;margin-bottom:14px;text-decoration:none;color:inherit}
.hub:hover{border-color:var(--gold-dim)}
.hub .k{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.hub .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:21px;
  line-height:1.25;color:#fff;margin-bottom:8px}
.hub .d{color:var(--mut);font-size:15px;line-height:1.5}
.hub .n{color:var(--mut);font-size:12.5px;margin-top:12px;
  font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.soon{opacity:.55}

/* --- сворачиваемые детали услуги --- */
.svc details{margin-top:4px}
.svc details summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gold);padding:10px 0}
.svc details summary::-webkit-details-marker{display:none}
.svc details summary::after{content:"+";font-size:17px;font-weight:800;line-height:1;
  transform:translateY(-1px)}
.svc details[open] summary::after{content:"–"}
.svc details summary:hover{opacity:.8}
.svc details ul{margin-top:6px}
.svc .more{border-top:1px solid var(--line);margin-top:14px;padding-top:2px}

.under{margin-top:16px;font-size:14.5px}
.under a{color:var(--mut);text-decoration:none;border-bottom:1px solid var(--line);
  padding-bottom:2px}
.under a:hover{color:var(--gold);border-color:var(--gold-dim)}

/* --- дата обновления в карточке статьи --- */
.card .u{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#7E7E7E;margin-top:11px}
.card .k .sep{color:#7E7E7E;margin:0 8px;letter-spacing:0}
.sect{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold);
  margin:44px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.sect:first-of-type{margin-top:34px}
.lead-card{display:block;border:1px solid var(--gold-dim);background:var(--card);
  border-radius:14px;padding:26px;margin-bottom:14px;text-decoration:none;color:inherit}
.lead-card:hover{border-color:var(--gold)}
.lead-card .k{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.lead-card .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:25px;
  line-height:1.22;color:#fff;margin-bottom:10px}
.lead-card .d{color:var(--mut);font-size:16px;line-height:1.5}

/* --- Newsletter capture --- */
.optin{border:1px solid var(--gold-dim);background:var(--card);border-radius:14px;
  padding:24px;margin:40px 0}
.optin .k{font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.optin .t{font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;
  line-height:1.25;color:#fff;margin-bottom:9px}
.optin .d{color:var(--mut);font-size:15px;line-height:1.55;margin-bottom:18px}
.optin form{display:flex;flex-wrap:wrap;gap:10px}
.optin input[type=email]{flex:1 1 240px;min-width:0;background:#0B0B0B;
  border:1px solid var(--line);border-radius:9px;padding:13px 14px;
  color:#fff;font-family:inherit;font-size:15px}
.optin input[type=email]::placeholder{color:#6E6E6E}
.optin input[type=email]:focus{outline:none;border-color:var(--gold-dim)}
.optin button{flex:0 0 auto;background:var(--gold);color:#000;border:0;
  border-radius:9px;padding:13px 22px;font-family:'Montserrat',sans-serif;
  font-weight:800;font-size:14px;letter-spacing:.02em;cursor:pointer}
.optin button:hover{opacity:.9}
.optin .fine{color:#6E6E6E;font-size:12.5px;margin-top:13px;line-height:1.5}
.optin .fine a{color:#6E6E6E}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- Reading sheet: dark shell, light body for long articles --- */
.paper{--p-bg:#F5F1E6;--p-ink:#141414;--p-txt:#2A2925;--p-line:#DCD4C2;--p-tint:#ECE6D6;--bronze:#7A5A14;
  background:var(--p-bg);color:var(--p-txt);margin:26px -18px 0;padding:30px 18px 12px;
  border-top:3px solid var(--gold)}
.paper .lede{color:var(--p-ink)}
.paper p{color:var(--p-txt)}
.paper h2,.paper h3{color:var(--p-ink)}
.paper strong{color:var(--p-ink)}
.paper ul,.paper ol{color:var(--p-txt)}
.paper p a,.paper li a,.paper td a{color:var(--p-ink);text-decoration:underline;
  text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}
.paper p a:hover,.paper li a:hover,.paper td a:hover{color:var(--bronze)}
.paper .box{background:var(--p-tint);border-color:var(--p-line);border-left-color:var(--gold)}
.paper .box .lbl{color:var(--bronze)}
.paper .wrapx{background:var(--p-bg);border-color:var(--p-line)}
.paper .wrapx::-webkit-scrollbar-thumb{background:var(--p-line)}
.paper .tbl th{color:var(--bronze)}
.paper .tbl th,.paper .tbl td{border-bottom-color:var(--p-line)}
.paper .tbl td{color:#4A4740}
.paper .tbl td:first-child{color:var(--p-ink)}
.paper .next{border-top-color:var(--p-line)}
.paper .next .lbl{color:var(--bronze)}
.paper .card{background:#FFFFFF;border-color:var(--p-line)}
.paper .card:hover{border-color:var(--gold)}
.paper .card .k{color:var(--bronze)}
.paper .card .t{color:var(--p-ink)}
.paper .card .d{color:#55524A}
.paper .card .u{color:#8A8478}
@media (min-width:640px){
  .paper{margin:30px 0 0;padding:36px 40px 16px}
}

/* --- Short answer: the question answered before the argument starts --- */
.paper .ans{border-top:3px solid var(--gold);border-bottom:1px solid var(--p-line);
  padding:20px 0 4px;margin:0 0 30px}
.paper .ans .lbl{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;
  letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);margin-bottom:14px}
.paper .ans p{font-size:18px;line-height:1.5;color:var(--p-ink);margin-bottom:14px}
@media (min-width:640px){.paper .ans{padding:24px 0 6px}}

/* --- Footer: profile links --- */
.fsoc{display:flex;flex-wrap:wrap;gap:0 16px;margin:-12px 0 14px}
.fsoc a{font-size:13px;color:var(--mut);text-decoration:none;padding:11px 0}
.fsoc a:hover{color:var(--gold)}

.paper .lead-card{background:var(--p-tint);border-color:var(--gold)}
.paper .lead-card .k{color:var(--bronze)}
.paper .lead-card .t{color:var(--p-ink)}
.paper .lead-card .d{color:#55524A}
.paper .sect{color:var(--bronze);border-bottom-color:var(--p-line)}
.paper .rule{background:var(--gold)}

.paper .cta{background:var(--p-tint);border-color:var(--gold)}
.paper .cta .t{color:var(--bronze)}
.paper .cta .d{color:#55524A}

.paper .shot{background:#FFFFFF;border-color:var(--p-line)}
.paper .shot figcaption{border-top-color:var(--p-line);color:var(--bronze)}
.paper .scale{background:var(--p-line)}

.paper .hub .t{color:var(--p-ink)}
.paper .hub .d,.paper .hub .n{color:#55524A}
.paper .hub{background:#FFFFFF;border-color:var(--p-line)}
.paper .under a{color:var(--bronze)}
.paper .terms,.paper .terms a{color:#6A6760}
.paper .pay .alt{color:#55524A}
.paper .card .k .sep{color:var(--p-line)}
.paper li{color:var(--p-txt)}
.paper li strong{color:var(--p-ink)}
.lede2.gap{margin-top:22px}

/* --- Состояния фокуса с клавиатуры --- */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:3px;
  border-radius:3px}
.paper a:focus-visible,
.paper summary:focus-visible,
.paper input:focus-visible{outline-color:var(--bronze)}
.optin input[type=email]:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold-dim)}

/* --- Ссылки на первоисточники: отличаются от внутренних --- */
.paper p a[href^="http"],
.paper li a[href^="http"],
.paper td a[href^="http"]{
  text-decoration-style:dotted;
  text-underline-offset:3px;
  text-decoration-thickness:1px}
.paper p a[href^="http"]::after,
.paper li a[href^="http"]::after,
.paper td a[href^="http"]::after{
  content:"";
  display:inline-block;
  width:.42em;height:.42em;
  margin-left:.3em;
  vertical-align:.32em;
  border-top:1.5px solid var(--bronze);
  border-right:1.5px solid var(--bronze);
  transform:rotate(45deg);
  opacity:.75}
.paper p a[href^="http"]:hover::after,
.paper li a[href^="http"]:hover::after,
.paper td a[href^="http"]:hover::after{opacity:1}

/* --- Навигация и переходы на хабах кластеров --- */




.more{margin:6px 0 4px}
.more a{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;
  color:var(--gold);text-decoration:none;letter-spacing:.02em}
.more a:hover{text-decoration:underline}

.paper .more a{color:var(--bronze)}


/* --- Таблицы на узких экранах --- */
@media (max-width:520px){
  .tbl{font-size:14px}
  .tbl th,.tbl td{padding:10px 9px}
  .tbl th{font-size:10.5px;letter-spacing:.1em}
  .wrapx .tbl th,.wrapx .tbl td{min-width:88px;max-width:190px}
  .wrapx .tbl td:first-child,.wrapx .tbl th:first-child{min-width:100px}
}


/* --- Защита от горизонтальной прокрутки страницы --- */
.wrap{box-sizing:border-box}
img,pre{max-width:100%}

/* Шапка должна помещаться на узких экранах */
.head .in{flex-wrap:nowrap}
.nav{min-width:0;flex-shrink:1}
.brand{flex-shrink:0;white-space:nowrap}
.nav a{white-space:nowrap}

@media (max-width:412px){
  .head .in{padding:12px 12px;gap:8px}
  .brand{font-size:10.5px;letter-spacing:.15em}
  .nav{gap:9px}
  .nav a{font-size:10.5px;letter-spacing:.02em}
}
@media (max-width:360px){
  .head .in{padding:11px 10px;gap:6px}
  .brand{font-size:9.5px;letter-spacing:.1em}
  .nav{gap:7px}
  .nav a{font-size:9.5px;letter-spacing:0}
}
.paper p,.paper li,.paper h1,.paper h2,.paper h3{overflow-wrap:break-word;word-break:normal}

/* Сплошное подчёркивание ссылок в тексте, без разрывов под хвостиками букв */
.paper p a,.paper li a,.paper td a,.paper th a{
  text-decoration:underline;
  text-decoration-skip-ink:none;
  -webkit-text-decoration-skip:none;
  text-underline-offset:3px;
  text-decoration-thickness:1px}

/* --- Лист на всю ширину экрана, устойчиво --- */
.paper{
  width:auto;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50% + 18px);
  padding-right:calc(50vw - 50% + 18px);
  max-width:none}
@media (min-width:640px){
  .paper{
    margin-left:0;margin-right:0;
    padding-left:40px;padding-right:40px}
}

.sectlede{font-size:15px;line-height:1.6;color:var(--mut);margin:-6px 0 22px;max-width:60ch}

/* Товарная карточка: блок с описанием и отдельной кнопкой покупки */
.card.prod{padding-bottom:24px}
.card.prod .buy{margin-top:20px}

/* Блок CTA: описание и отдельная кнопка */
.cta .buy{margin-top:20px}

/* --- Блок «Jump to» на странице блога --- */
.jumpnav{margin:26px 0 6px}
.jumpnav .jumplbl{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink);margin-bottom:12px}
.jumpnav ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}
.jumpnav li{margin:0;padding:0;display:flex}
.paper .jumpnav a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;
  flex:1;min-height:64px;padding:11px 14px 11px 16px;background:#FFFFFF;
  border:1px solid var(--p-line);border-radius:12px;text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease}
.jumpnav .jn{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;line-height:1.25;color:var(--p-ink)}
.jumpnav .jc{font-size:13px;line-height:1.25;color:var(--bronze)}
.paper .jumpnav li a:hover{border-color:var(--gold);color:var(--p-ink)}
.paper .jumpnav a:active{background:var(--p-tint);border-color:var(--gold)}
.paper .jumpnav a:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.sect{scroll-margin-top:18px}
@media (min-width:640px){.jumpnav ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){.paper .jumpnav a{transition:none}}

@media (max-width:380px){.jumpnav .jn{font-size:13px}.paper .jumpnav a{padding:11px 12px 11px 14px}}

/* --- Подзаголовки внутри больших разделов блога --- */
.paper .subsect{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;line-height:1.3;
  color:var(--p-ink);margin:30px 0 12px}
.paper .sect + .subsect{margin-top:6px}