/* 1xslots-bonus6.xyz — архетип coin-stack: блоки как стопки монет, круглые торцы. NS: cst */

:root{
  --bg:#1f1f1f;          /* основной тёмный фон */
  --bg-deep:#060606;     /* подвал, глубокие подложки */
  --surface:#262626;     /* панели, карточки */
  --surface-2:#303031;   /* вложенные блоки, строки таблиц */
  --line:#363636;        /* границы */
  --gold:#fde4a5;        /* фирменное шампанское золото, главный акцент */
  --gold-2:#c9a339;      /* насыщенное золото, обводки и цифры */
  --gold-3:#937527;      /* тёмное золото, тени и низ градиента */
  --blue:#23507d;        /* фирменный синий */
  --blue-2:#367aba;      /* светлый синий, ссылки и подсветка */
  --blue-deep:#19405f;   /* глубокий синий, подложки */
  --green:#088c4f;       /* успех, подтверждения */
  --text:#e8e8e8;
  --text-2:#d9d9d9;
  --muted:#9b9b9b;
  --muted-2:#878787;
}

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

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

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;
  line-height:1.66;
  overflow-x:hidden;
}

h1,h2,h3,.cst-coin__cap,.cst-logo__word{
  font-family:"Kelly Slab","Onest",Georgia,serif;
  font-weight:400;
  letter-spacing:.2px;
}

p{margin:0 0 14px}
a{color:var(--blue-2)}
a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}

.cst-wrap{max-width:1080px;margin:0 auto;padding:0 20px}

/* ——— шапка: лого по центру, кнопки по краям ——— */
.cst-hdr{
  position:sticky;top:0;z-index:40;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow:0 3px 0 -1px var(--bg-deep);
}
.cst-hdr__in{
  max-width:1080px;margin:0 auto;padding:10px 20px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
}
.cst-hdr__l{justify-self:start}
.cst-hdr__r{justify-self:end}
.cst-logo{display:flex;align-items:center;gap:9px;justify-self:center}
.cst-logo svg{flex:0 0 auto}
.cst-logo__word{font-size:22px;color:var(--gold);line-height:1}
.cst-logo__sub{display:block;font-size:10px;letter-spacing:2.4px;color:var(--muted-2);text-transform:uppercase}

.cst-btn{
  display:inline-block;text-decoration:none;text-align:center;
  padding:11px 22px;border-radius:999px;
  font-size:15px;font-weight:600;line-height:1.1;white-space:nowrap;
}
.cst-btn--gold{
  background:linear-gradient(180deg,#fde4a5 0%,#c9a339 100%);
  color:var(--bg-deep);
  border:1px solid var(--gold-3);
  box-shadow:0 4px 0 -1px var(--gold-3);
}
.cst-btn--gold:hover{color:var(--bg-deep);filter:brightness(1.07)}
.cst-btn--ghost{
  background:transparent;color:var(--gold);
  border:1px solid var(--gold-2);
}
.cst-btn--ghost:hover{background:var(--surface-2);color:var(--gold)}
.cst-btn--wide{padding:15px 38px;font-size:18px}

/* ——— мотив «стопка монет» ——— */
.cst-coin{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:44px/26px;
  padding:26px 28px;
  margin:0 0 34px;
  box-shadow:0 9px 0 -3px var(--surface-2),0 18px 0 -6px var(--line);
}
.cst-coin::before{
  content:"";position:absolute;left:28px;right:28px;top:7px;height:7px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(253,228,165,0) 0%,rgba(201,163,57,.55) 50%,rgba(253,228,165,0) 100%);
}
.cst-coin__cap{
  display:inline-block;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;
  color:var(--gold-2);margin:0 0 6px;
}

h1{font-size:33px;line-height:1.22;margin:12px 0 14px;color:var(--gold)}
h2{
  font-size:25px;line-height:1.28;margin:0 0 16px;color:var(--text);
  padding-left:20px;position:relative;
}
h2::before{
  content:"";position:absolute;left:0;top:.42em;width:11px;height:11px;border-radius:50%;
  background:linear-gradient(180deg,#fde4a5 0%,#937527 100%);
}
h3{font-size:19px;margin:22px 0 10px;color:var(--gold)}

.cst-lead{font-size:18.5px;color:var(--text-2);margin-bottom:20px}
.cst-num{color:var(--gold);font-size:1.04em}
.cst-acc{color:var(--blue-2)}
.cst-ok{color:var(--green)}
.cst-note{color:var(--muted);font-size:14.5px;margin:8px 0 0}

/* ——— KPI: пять монет в столбике ——— */
.cst-kpi{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:14px;grid-template-columns:repeat(5,1fr)}
.cst-kpi li{
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:60px/22px;padding:16px 14px;text-align:center;
  box-shadow:0 7px 0 -3px var(--bg-deep);
}
.cst-kpi span{display:block}
.cst-kpi__k{font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted-2)}
.cst-kpi__v{font-family:"Kelly Slab",Georgia,serif;font-size:21px;color:var(--gold);margin:5px 0 3px;line-height:1.15}
.cst-kpi__s{font-size:13px;color:var(--muted)}

/* ——— баннеры лесенкой ——— */
.cst-stair{margin:22px 0 10px}
.cst-stair figure{margin:0 0 22px;max-width:760px}
.cst-stair--s1 figure{margin-left:0}
.cst-stair--s2 figure{margin-left:7%}
.cst-stair--s3 figure{margin-left:14%}
.cst-shot{
  border:1px solid var(--line);border-radius:30px/18px;overflow:hidden;
  box-shadow:0 8px 0 -3px var(--surface-2);
  background:var(--surface-2);
}
.cst-shot img{width:100%}
figcaption{font-size:13.5px;color:var(--muted);margin:9px 2px 0}

.cst-side{display:grid;grid-template-columns:1fr 210px;gap:26px;align-items:start}
.cst-side figure{margin:0}

/* ——— логотипы студий кругами ——— */
.cst-circles{list-style:none;margin:20px 0 6px;padding:0;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}
.cst-circles li{
  display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/1;border-radius:50%;
  background:var(--surface-2);border:1px solid var(--gold-3);
  box-shadow:inset 0 0 0 5px var(--bg),0 6px 0 -3px var(--bg-deep);
  padding:16px;
}
.cst-circles img{width:100%;max-width:118px;height:auto;filter:brightness(1.12)}

/* ——— таблицы ——— */
.cst-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:26px/18px;margin:16px 0 8px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:15.5px}
caption{caption-side:top;text-align:left;padding:12px 16px 6px;color:var(--muted);font-size:14px}
th,td{padding:11px 15px;text-align:left;border-bottom:1px solid var(--line)}
thead th{background:var(--blue-deep);color:var(--gold);font-weight:600;white-space:nowrap}
tbody tr:nth-child(even) td{background:var(--surface-2)}
tbody tr:last-child td{border-bottom:none}
tfoot td{background:var(--blue);color:var(--gold);font-weight:600}

/* ——— клуб ——— */
.cst-club{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.cst-club li{
  background:var(--surface-2);border:1px solid var(--line);border-left:5px solid var(--gold-2);
  border-radius:0 999px 999px 0;padding:11px 20px;font-size:15.5px;
}
.cst-club li span{color:var(--gold);font-family:"Kelly Slab",Georgia,serif;margin-right:8px}

/* ——— FAQ ——— */
details{
  background:var(--surface);border:1px solid var(--line);border-radius:34px/20px;
  padding:13px 22px;margin:0 0 11px;box-shadow:0 6px 0 -3px var(--surface-2);
}
summary{cursor:pointer;font-size:16.5px;color:var(--gold);list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"◎ ";color:var(--gold-2)}
details[open] summary{margin-bottom:8px}
details p{margin:0;color:var(--text-2);font-size:15.5px}

/* ——— отзыв ——— */
.cst-quote{
  background:var(--blue-deep);border:1px solid var(--blue);border-radius:40px/24px;
  padding:20px 26px;margin:20px 0 0;
}
.cst-quote p{margin:0 0 8px;font-size:16.5px;color:var(--text)}
.cst-quote cite{font-style:normal;font-size:14px;color:var(--gold)}

/* ——— CTA ——— */
.cst-cta{text-align:center;margin:26px 0 8px}
.cst-cta p{color:var(--muted);font-size:14.5px;margin:12px 0 0}

/* ——— подвал ——— */
.cst-foot{
  background:var(--bg-deep);border-top:1px solid var(--line);
  margin-top:40px;padding:30px 0 34px;color:var(--muted);font-size:14.5px;
}
.cst-foot p{margin:0 0 9px}
.cst-foot__age{color:var(--gold-2);border-top:1px dashed var(--line);padding-top:12px;margin-top:14px}
.cst-foot__lic{color:var(--text-2)}

/* ——— мобильная раскладка ——— */
@media (max-width:900px){
  .cst-kpi{grid-template-columns:repeat(3,1fr)}
  .cst-circles{grid-template-columns:repeat(3,1fr)}
  .cst-side{grid-template-columns:1fr}
  .cst-stair--s2 figure,.cst-stair--s3 figure{margin-left:4%}
}
@media (max-width:640px){
  body{font-size:16px}
  .cst-wrap{padding:0 14px}
  .cst-hdr__in{padding:8px 12px;gap:7px;grid-template-columns:auto 1fr auto}
  .cst-logo{gap:6px}
  .cst-logo__word{font-size:17px}
  .cst-logo__sub{display:none}
  .cst-btn{padding:9px 13px;font-size:13px}
  .cst-btn--wide{padding:13px 22px;font-size:16px;width:100%}
  h1{font-size:25px}
  h2{font-size:21px;padding-left:17px}
  h3{font-size:17.5px}
  .cst-coin{padding:20px 17px;border-radius:30px/20px}
  .cst-coin::before{left:18px;right:18px}
  .cst-kpi{grid-template-columns:repeat(2,1fr)}
  .cst-circles{grid-template-columns:repeat(2,1fr);gap:12px}
  .cst-stair figure,.cst-stair--s2 figure,.cst-stair--s3 figure{margin-left:0;max-width:100%}
  table{min-width:520px}
}