:root{
  --bg:#0B0001;          /* фон: почти чёрный с красным подтоном */
  --surface:#110D0E;     /* панели, карточки */
  --surface-2:#252323;   /* вложенные блоки, строки таблиц */
  --deep:#2C0D14;        /* тёмно-бордовая подложка акцентных блоков */
  --deep-2:#2E070D;
  --red:#D1021B;         /* фирменный красный, главный акцент */
  --red-dark:#A71023;    /* низ градиента кнопок */
  --red-deep:#830B1A;    /* глубокий бордовый */
  --red-deeper:#7C0818;
  --wine:#5A0819;        /* тени и подложки */
  --active:#C9051D;      /* активное состояние категорий */
  --yellow:#F5C66B;      /* фирменное золото-песок */
  --gold:#C79E0C;        /* насыщенное золото */
  --gold-2:#CEA334;
  --gold-light:#FEDA95;
  --gold-pale:#F6EB76;
  --green:#2DD890;       /* успех, подтверждения */
  --text:#D1D1D1;
  --text-2:#DADADA;
  --muted:#B4B4B4;
  --muted-2:#8B8B8B;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Manrope',system-ui,'Segoe UI',sans-serif;
  font-size:16.5px;
  line-height:1.62;
  overflow-x:hidden;
}

/* ============ chip-grid: базовый жетон ============ */

.chp-wrap{max-width:1180px;margin:0 auto;padding:0 18px}

.chp-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 12px;
  border-radius:999px;
  background:var(--surface-2);
  border:1px solid rgba(245,198,107,.22);
  font-size:13.5px;
  line-height:1.3;
  color:var(--text-2);
  white-space:nowrap;
}
.chp-chip--red{
  background:linear-gradient(180deg,#7C0818 0%,#830B1A 100%);
  border-color:rgba(209,2,27,.55);
  color:var(--gold-light);
}
.chp-chip--gold{background:transparent;border-color:var(--gold);color:var(--yellow)}
.chp-chip--ok{border-color:rgba(45,216,144,.45);color:var(--green)}
.chp-chip--dot::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--red);flex:0 0 auto;
}

.chp-chiprow{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}

/* ============ шапка: лого по центру, кнопки по краям ============ */

.chp-head{
  position:sticky;top:0;z-index:40;
  background:var(--surface);
  border-bottom:1px solid rgba(245,198,107,.2);
  box-shadow:0 8px 24px -18px var(--wine);
}
.chp-head__in{
  max-width:1180px;margin:0 auto;padding:9px 18px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
}
.chp-head__l{justify-self:start}
.chp-head__r{justify-self:end}

.chp-logo{
  display:inline-flex;align-items:center;gap:9px;
  justify-self:center;
  text-decoration:none;
}
.chp-logo__mark{display:block}
.chp-logo__txt{
  font-family:'Podkova',Georgia,serif;
  font-weight:700;
  font-size:21px;
  letter-spacing:.02em;
  color:var(--gold-light);
  line-height:1;
}
.chp-logo__sub{
  display:block;
  font-family:'Manrope',sans-serif;
  font-size:10.5px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--muted-2);
  font-weight:600;
}

.chp-btn{
  display:inline-block;
  padding:9px 19px;
  border-radius:10px;
  font-weight:700;
  font-size:14.5px;
  text-decoration:none;
  line-height:1.2;
  white-space:nowrap;
  border:1px solid transparent;
}
.chp-btn--main{
  background:linear-gradient(180deg,#D1021B 0%,#A71023 100%);
  color:#fff;
  box-shadow:0 6px 18px -10px var(--red);
}
.chp-btn--ghost{
  background:transparent;
  border-color:var(--yellow);
  color:var(--yellow);
}
.chp-btn--wide{padding:14px 34px;font-size:16.5px}

/* ============ hero ============ */

.chp-hero{
  padding:34px 0 26px;
  background:
    radial-gradient(760px 240px at 50% -60px,rgba(209,2,27,.28),transparent 70%),
    var(--bg);
  border-bottom:1px solid rgba(124,8,24,.5);
}
.chp-hero__grid{display:grid;grid-template-columns:1.25fr .95fr;gap:26px;align-items:start}

h1{
  font-family:'Podkova',Georgia,serif;
  font-size:35px;
  line-height:1.16;
  margin:0 0 14px;
  color:var(--gold-light);
  font-weight:700;
}
.chp-lead{font-size:17.5px;color:var(--text-2);margin:0 0 18px}

.chp-hero__img{
  width:100%;height:auto;display:block;
  border-radius:12px;
  border:1px solid rgba(245,198,107,.28);
}

.chp-kpi{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:20px 0 18px;
}
.chp-kpi__cell{
  background:var(--surface);
  border:1px solid rgba(245,198,107,.18);
  border-radius:12px;
  padding:11px 10px;
  text-align:center;
}
.chp-kpi__v{
  display:block;
  font-family:'Podkova',Georgia,serif;
  font-size:21px;
  font-weight:700;
  color:var(--yellow);
  line-height:1.15;
}
.chp-kpi__k{
  display:block;
  font-size:11.5px;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted-2);
  margin-top:4px;
}

/* ============ секции ============ */

.chp-sec{padding:28px 0;border-bottom:1px solid rgba(37,35,35,.9)}
.chp-sec:last-of-type{border-bottom:0}

h2{
  font-family:'Podkova',Georgia,serif;
  font-size:26px;
  line-height:1.22;
  margin:0 0 6px;
  color:var(--gold-light);
  font-weight:700;
}
h3{
  font-family:'Podkova',Georgia,serif;
  font-size:19px;
  margin:22px 0 6px;
  color:var(--yellow);
  font-weight:600;
}
p{margin:0 0 13px}

.chp-accent{color:var(--yellow);font-weight:700}
.chp-num{color:var(--gold-2);font-variant-numeric:tabular-nums;font-weight:700}
.chp-hi{color:var(--green);font-weight:700}

.chp-eyebrow{
  font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--red);font-weight:700;margin:0 0 6px;
}

/* сетка мелких жетонов-карточек — ядро архетипа */
.chp-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(212px,1fr));
  gap:9px;
  margin:16px 0;
}
.chp-tile{
  background:var(--surface);
  border:1px solid rgba(37,35,35,1);
  border-left:3px solid var(--red-deep);
  border-radius:10px;
  padding:11px 13px;
}
.chp-tile__t{
  display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:3px;
}
.chp-tile__v{display:block;font-size:15px;color:var(--text-2)}

.chp-panel{
  background:linear-gradient(180deg,#2C0D14 0%,#2E070D 100%);
  border:1px solid rgba(209,2,27,.35);
  border-radius:14px;
  padding:16px 18px;
  margin:16px 0;
}

.chp-quote{
  background:var(--surface);
  border:1px solid rgba(245,198,107,.24);
  border-radius:12px;
  padding:14px 16px;
  margin:18px 0;
  font-size:15.5px;
}
.chp-quote__who{display:block;margin-top:8px;font-size:13px;color:var(--muted-2)}

/* ============ таблицы ============ */

.chp-tw{overflow-x:auto;margin:16px 0;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
caption{
  caption-side:top;text-align:left;padding:0 0 8px;
  font-size:13px;color:var(--muted-2);
}
th,td{padding:9px 11px;text-align:left;border-bottom:1px solid #252323}
thead th{
  background:linear-gradient(180deg,#7C0818 0%,#830B1A 100%);
  color:var(--gold-light);
  font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;
  border-bottom:0;
}
thead th:first-child{border-radius:10px 0 0 0}
thead th:last-child{border-radius:0 10px 0 0}
tbody tr:nth-child(even){background:var(--surface)}
tfoot td{background:var(--surface-2);color:var(--yellow);font-weight:700}

/* ============ галерея: плотная сетка 4 в ряд ============ */

.chp-gal{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:18px 0;
}
.chp-gal__it{
  background:var(--surface);
  border:1px solid rgba(37,35,35,1);
  border-radius:10px;
  padding:6px;
  display:flex;flex-direction:column;gap:6px;
}
.chp-gal__it img{
  width:100%;height:auto;display:block;
  aspect-ratio:1/1;object-fit:cover;
  border-radius:7px;
}
.chp-cap{font-size:12px;color:var(--muted-2);line-height:1.35}

.chp-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.chp-pair img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #252323}

.chp-band{
  width:100%;height:auto;display:block;
  border-radius:12px;
  border:1px solid rgba(245,198,107,.22);
  margin:16px 0 6px;
}

.chp-provlogo{
  display:block;height:auto;max-width:144px;
  background:var(--surface-2);
  border-radius:8px;padding:6px;margin:12px 0 4px;
}

/* ============ списки-жетоны ============ */

ul.chp-list{list-style:none;margin:12px 0;padding:0}
ul.chp-list li{
  position:relative;padding:4px 0 4px 20px;
}
ul.chp-list li::before{
  content:'';position:absolute;left:3px;top:14px;
  width:7px;height:7px;border-radius:2px;
  background:var(--gold-2);transform:rotate(45deg);
}

ol.chp-steps{margin:12px 0;padding-left:20px}
ol.chp-steps li{padding:3px 0}

/* ============ FAQ ============ */

.chp-faq details{
  background:var(--surface);
  border:1px solid #252323;
  border-radius:10px;
  margin:7px 0;
  padding:0 14px;
}
.chp-faq details[open]{border-color:rgba(209,2,27,.45)}
.chp-faq summary{
  cursor:pointer;
  padding:11px 0;
  font-weight:700;
  color:var(--gold-light);
  font-size:15.5px;
  list-style:none;
}
.chp-faq summary::-webkit-details-marker{display:none}
.chp-faq summary::before{content:'▸ ';color:var(--red)}
.chp-faq details[open] summary::before{content:'▾ '}
.chp-faq details p{margin:0 0 12px;font-size:15px}

/* ============ CTA ============ */

.chp-cta{
  text-align:center;
  background:var(--surface);
  border:1px solid rgba(209,2,27,.4);
  border-radius:14px;
  padding:22px 18px;
  margin:22px 0;
}
.chp-cta p{margin:0 0 14px}

/* ============ подвал ============ */

.chp-foot{
  background:var(--surface);
  border-top:1px solid rgba(245,198,107,.2);
  padding:24px 0 34px;
  font-size:13.5px;
  color:var(--muted);
}
.chp-foot__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.chp-foot p{margin:0 0 8px}
.chp-age{
  margin-top:16px;padding:10px 13px;
  border:1px dashed rgba(245,198,107,.35);
  border-radius:10px;
  color:var(--yellow);
  font-size:13.5px;
}

/* ============ ≤640px ============ */

@media (max-width:980px){
  .chp-hero__grid{grid-template-columns:1fr}
  .chp-kpi{grid-template-columns:repeat(3,1fr)}
  .chp-gal{grid-template-columns:repeat(3,1fr)}
  .chp-foot__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:640px){
  body{font-size:16px}
  .chp-wrap{padding:0 14px}
  .chp-head__in{padding:8px 12px;gap:6px}
  .chp-btn{padding:7px 11px;font-size:12.5px;border-radius:10px}
  .chp-btn--wide{padding:12px 20px;font-size:15px}
  .chp-logo__txt{font-size:17px}
  .chp-logo__sub{font-size:8.5px;letter-spacing:.16em}
  h1{font-size:26px}
  h2{font-size:21px}
  h3{font-size:17.5px}
  .chp-kpi{grid-template-columns:repeat(2,1fr)}
  .chp-gal{grid-template-columns:repeat(2,1fr)}
  .chp-pair{grid-template-columns:1fr}
  .chp-foot__grid{grid-template-columns:1fr}
  img{max-width:100%;height:auto}
  table{min-width:460px}
}

@media (max-width:380px){
  .chp-btn{padding:6px 9px;font-size:11.5px}
  .chp-logo__txt{font-size:15px}
}