: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;
}

/* ---------- stairs: базовая ступень раскладки ---------- */
:root{
  --str-step:38px;
  --str-riser:3px;
  --str-max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"PT Sans",Arial,sans-serif;
  font-size:17px;
  line-height:1.66;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--yellow);text-decoration:none}
a:hover{color:var(--gold-light)}
p{margin:0 0 14px}

h1,h2,h3,.str-logo b,.str-kpi-v{
  font-family:"Geologica","PT Sans",Arial,sans-serif;
  font-weight:600;
  letter-spacing:-.01em;
}

.str-wrap{max-width:var(--str-max);margin:0 auto;padding:0 22px}

/* ---------- шапка: лого слева, две текстовые кнопки и крупная CTA справа ---------- */
.str-head{
  position:sticky;top:0;z-index:40;
  background:var(--surface);
  border-bottom:1px solid var(--wine);
  box-shadow:0 2px 0 0 var(--deep-2);
}
.str-head-in{
  max-width:var(--str-max);margin:0 auto;padding:10px 22px;
  display:flex;align-items:center;gap:16px;
}
.str-logo{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--text-2)}
.str-logo svg{flex:0 0 auto}
.str-logo span{
  font-family:"Geologica","PT Sans",Arial,sans-serif;
  font-size:19px;font-weight:700;letter-spacing:.02em;color:var(--gold-light);
}
.str-logo em{display:block;font-style:normal;font-size:11px;color:var(--muted-2);letter-spacing:.14em;text-transform:uppercase}
.str-tbtn{
  font-size:14px;color:var(--text-2);
  padding:8px 4px;border-bottom:2px solid transparent;
  letter-spacing:.02em;white-space:nowrap;
}
.str-tbtn:hover{color:var(--gold-light);border-bottom-color:var(--red)}
.str-cta{
  display:inline-block;
  background:linear-gradient(180deg,#D1021B 0%,#A71023 100%);
  color:#fff;border-radius:10px;
  padding:13px 26px;font-size:15px;font-weight:700;
  font-family:"Geologica","PT Sans",Arial,sans-serif;
  box-shadow:0 6px 18px rgba(90,8,25,.55);
  white-space:nowrap;
}
.str-cta:hover{color:#fff;filter:brightness(1.08)}
.str-cta-lg{padding:16px 40px;font-size:17px}

/* ---------- лесенка секций ---------- */
.str-main{padding:0 0 40px}
.str-sec{
  position:relative;
  background:var(--surface);
  border-left:var(--str-riser) solid var(--red-deep);
  border-top:1px solid #1d1416;
  padding:30px 30px 26px;
  margin:0 0 26px;
}
.str-sec::before{
  content:"";position:absolute;left:calc(var(--str-riser) * -1);top:0;
  width:var(--str-riser);height:34px;background:var(--red);
}
.str-sec:nth-of-type(1){margin-left:0}
.str-sec:nth-of-type(2){margin-left:calc(var(--str-step) * 1)}
.str-sec:nth-of-type(3){margin-left:calc(var(--str-step) * 2)}
.str-sec:nth-of-type(4){margin-left:calc(var(--str-step) * 3)}
.str-sec:nth-of-type(5){margin-left:calc(var(--str-step) * 4)}
.str-sec:nth-of-type(6){margin-left:calc(var(--str-step) * 3)}
.str-sec:nth-of-type(7){margin-left:calc(var(--str-step) * 2)}
.str-sec:nth-of-type(8){margin-left:calc(var(--str-step) * 1)}
.str-sec:nth-of-type(9){margin-left:0}
.str-sec:nth-of-type(10){margin-left:calc(var(--str-step) * 1)}
.str-sec:nth-of-type(11){margin-left:calc(var(--str-step) * 2)}
.str-sec:nth-of-type(12){margin-left:calc(var(--str-step) * 3)}
.str-sec:nth-of-type(13){margin-left:calc(var(--str-step) * 2)}
.str-sec:nth-of-type(14){margin-left:calc(var(--str-step) * 1)}

.str-sec h2{
  font-size:26px;line-height:1.24;margin:0 0 6px;color:var(--gold-light);
}
.str-num{
  display:inline-block;font-family:"Geologica","PT Sans",Arial,sans-serif;
  font-size:12px;letter-spacing:.2em;color:var(--red);
  text-transform:uppercase;margin:0 0 10px;
}
.str-sec h3{
  font-size:19px;margin:24px 0 8px;color:var(--gold-2);
}
.str-em{color:var(--gold-light)}
.str-acc{color:var(--green)}
.str-red{color:#E8506A}

/* ---------- hero ---------- */
.str-hero{
  background:linear-gradient(180deg,#7C0818 0%,#830B1A 100%);
  border-bottom:1px solid var(--wine);
  padding:36px 0 34px;
}
.str-hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:30px;align-items:center}
.str-hero h1{font-size:38px;line-height:1.16;margin:0 0 14px;color:#fff}
.str-lead{font-size:18px;color:#F2DCDF;margin-bottom:20px}
.str-hero-art{
  border:1px solid var(--gold);
  background:var(--surface);
  padding:10px;
  transform:translateY(14px);
  box-shadow:14px 14px 0 0 rgba(11,0,1,.55);
}
.str-cap{font-size:13px;color:var(--muted-2);margin:8px 0 0;line-height:1.45}

.str-kpi{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;
  margin:26px 0 0;
}
.str-kpi li{
  list-style:none;background:var(--deep);
  border-top:2px solid var(--gold);
  padding:14px 12px;
}
.str-kpi li:nth-child(2){transform:translateY(7px)}
.str-kpi li:nth-child(3){transform:translateY(14px)}
.str-kpi li:nth-child(4){transform:translateY(21px)}
.str-kpi li:nth-child(5){transform:translateY(28px)}
.str-kpi-v{display:block;font-size:22px;color:var(--gold-light);line-height:1.2}
.str-kpi-k{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:5px}
.str-hero-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:44px}
.str-note{font-size:13px;color:#E3C9CD}

/* ---------- галерея лесенкой ---------- */
.str-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 0;padding:0}
.str-gal li{
  list-style:none;background:var(--surface-2);
  border-bottom:2px solid var(--red-deep);
  padding:12px;
}
.str-gal li:nth-child(3n+2){transform:translateY(20px)}
.str-gal li:nth-child(3n){transform:translateY(40px)}
.str-gal-tag{
  display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--red);margin:10px 0 3px;
}
.str-gal p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5}
.str-gal-end{height:44px}

.str-live{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:18px 0 0}
.str-live li{list-style:none;background:var(--deep);padding:12px;border-left:2px solid var(--gold)}
.str-live li:nth-child(2){transform:translateY(18px)}
.str-live li:nth-child(3){transform:translateY(36px)}
.str-live-end{height:40px}

.str-prov{display:flex;gap:16px;align-items:center;background:var(--surface-2);padding:14px;margin:16px 0 0;flex-wrap:wrap}
.str-prov img{border:1px solid #3a3838;background:#fff;padding:4px}
.str-prov p{margin:0;font-size:14px;color:var(--muted)}

/* ---------- таблицы ---------- */
.str-tw{overflow-x:auto;margin:18px 0 0;border:1px solid #241a1c}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
caption{text-align:left;font-size:13px;color:var(--muted-2);padding:10px 12px}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid #241a1c}
thead th{
  background:linear-gradient(180deg,#7C0818 0%,#830B1A 100%);
  color:var(--gold-light);font-family:"Geologica","PT Sans",Arial,sans-serif;
  font-weight:600;font-size:13.5px;letter-spacing:.03em;
}
tbody tr:nth-child(even){background:var(--surface-2)}
tfoot td{background:var(--deep);color:var(--gold-light);font-size:14px}

/* ---------- ступени клуба ---------- */
.str-ladder{margin:18px 0 0;padding:0;counter-reset:rung}
.str-ladder li{
  list-style:none;counter-increment:rung;
  background:var(--surface-2);
  border-left:3px solid var(--gold);
  padding:12px 16px;margin:0 0 8px;font-size:15px;
}
.str-ladder li:nth-child(2){margin-left:calc(var(--str-step) * .6)}
.str-ladder li:nth-child(3){margin-left:calc(var(--str-step) * 1.2)}
.str-ladder li:nth-child(4){margin-left:calc(var(--str-step) * 1.8)}
.str-ladder li:nth-child(5){margin-left:calc(var(--str-step) * 2.4)}
.str-ladder li::before{
  content:counter(rung);
  display:inline-block;width:22px;color:var(--red);
  font-family:"Geologica","PT Sans",Arial,sans-serif;
}

.str-list{margin:14px 0;padding:0 0 0 18px}
.str-list li{margin:0 0 8px}

/* ---------- отзыв ---------- */
.str-quote{
  background:var(--deep-2);border-left:3px solid var(--red);
  padding:18px 20px;margin:22px 0 0;
}
.str-quote p{margin:0 0 8px;font-size:16px;color:var(--text-2)}
.str-quote footer{font-size:13px;color:var(--muted-2)}

/* ---------- FAQ ---------- */
details{
  background:var(--surface-2);
  border-left:2px solid var(--red-deep);
  padding:12px 16px;margin:0 0 9px;
}
details[open]{border-left-color:var(--gold)}
summary{
  cursor:pointer;font-family:"Geologica","PT Sans",Arial,sans-serif;
  font-size:16px;color:var(--gold-light);
}
details p{margin:10px 0 0;font-size:15.5px}
details:nth-of-type(even){margin-left:calc(var(--str-step) * .5)}

/* ---------- финальный блок и подвал ---------- */
.str-final{
  background:linear-gradient(180deg,#7C0818 0%,#830B1A 100%);
  padding:28px 30px;margin:0 0 26px;border-left:var(--str-riser) solid var(--gold);
}
.str-final h3{color:#fff;margin-top:0}
.str-final p{color:#F0D9DC}
.str-foot{
  background:var(--surface);border-top:1px solid var(--wine);
  padding:26px 0 34px;font-size:14px;color:var(--muted-2);
}
.str-foot p{margin:0 0 9px}
.str-foot-18{
  display:block;border-top:1px solid #241a1c;margin-top:14px;padding-top:14px;
  color:var(--yellow);font-size:14px;
}

@media (max-width:960px){
  .str-hero-grid{grid-template-columns:1fr}
  .str-hero h1{font-size:30px}
  .str-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .str-kpi li:nth-child(4),.str-kpi li:nth-child(5){transform:translateY(7px)}
  .str-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .str-gal li:nth-child(3n),.str-gal li:nth-child(3n+2){transform:none}
  .str-gal li:nth-child(2n){transform:translateY(18px)}
}

@media (max-width:640px){
  body{font-size:16px}
  :root{--str-step:0px}
  .str-wrap,.str-head-in{padding-left:14px;padding-right:14px}
  .str-head-in{flex-wrap:wrap;gap:8px 12px;padding-top:9px;padding-bottom:9px}
  .str-logo{width:100%;margin-right:0}
  .str-tbtn{font-size:13px;padding:6px 2px}
  .str-cta{padding:10px 16px;font-size:14px;margin-left:auto}
  .str-cta-lg{padding:14px 22px;font-size:16px;width:100%;text-align:center;margin-left:0}
  .str-sec{padding:22px 16px;margin-left:0 !important}
  .str-sec h2{font-size:22px}
  .str-hero h1{font-size:26px}
  .str-lead{font-size:16.5px}
  .str-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .str-kpi li{transform:none !important}
  .str-gal,.str-live{grid-template-columns:1fr;gap:12px}
  .str-gal li,.str-live li{transform:none !important}
  .str-gal-end,.str-live-end{display:none}
  .str-ladder li{margin-left:0 !important}
  details:nth-of-type(even){margin-left:0}
  .str-final{padding:20px 16px}
  .str-hero-art{transform:none;box-shadow:8px 8px 0 0 rgba(11,0,1,.55)}
  .str-hero-btns{margin-top:22px}
}