/* ============================================================
   7k2258d.casino — 7K Casino / 7К Казино
   Концепт: «сталь и бумага» — холодный графит, стальная синь,
   бумажные плоскости, заклёпочные акценты.
   Префикс классов: .rivet-   ·   Шрифты: Kurale + Exo 2
   ============================================================ */

:root{
  --bg:#101418;
  --bg2:#0c1015;
  --panel:#181e24;
  --panel2:#1e252c;
  --paper:#e9e6df;
  --steel:#6f9dc9;
  --steel-dim:#4a719b;
  --ink:#e8edf2;
  --mut:#93a1ad;
  --line:rgba(111,157,201,.22);
  --line2:rgba(233,230,223,.09);
  --rule:rgba(147,161,173,.30);
  --shade:0 18px 44px rgba(4,8,12,.62);
  --r:3px;
  --r2:6px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    linear-gradient(180deg,#131920 0%,var(--bg) 34%,var(--bg) 100%),
    var(--bg);
  color:var(--ink);
  font-family:'Exo 2',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{
  font-family:'Kurale',Georgia,'Times New Roman',serif;
  font-weight:400;line-height:1.26;margin:0 0 14px;letter-spacing:.004em;
}
h1{font-size:clamp(27px,3.5vw,43px)}
h1 span{color:var(--steel)}
h2{font-size:clamp(22px,2.5vw,32px)}
h3{font-size:clamp(17px,1.6vw,20px);color:var(--paper)}
h4{font-size:16px;color:var(--steel)}
p{margin:0 0 14px}
a{color:var(--steel);text-decoration:none;transition:color .16s,border-color .16s}
a:hover{color:var(--paper)}
ul{margin:0 0 12px;padding-left:18px}
li{margin-bottom:6px}
em{font-style:normal}
table{border-collapse:collapse;width:100%;font-size:15px}

.rivet-wrap{width:min(1180px,92vw);margin:0 auto}
.rivet-skip{position:absolute;left:-9999px}
.rivet-skip:focus{left:14px;top:14px;background:var(--steel);color:#0c1015;padding:9px 16px;z-index:99;border-radius:var(--r)}

.rivet-ovr{
  font-size:12px;letter-spacing:.20em;text-transform:uppercase;
  color:var(--steel);margin:0 0 8px;font-weight:600;
}
.rivet-sub{color:var(--mut);max-width:80ch}
.rivet-num{color:var(--steel);font-variant-numeric:tabular-nums}

main section{padding:46px 0;border-top:1px solid var(--line2)}
main section:first-of-type{border-top:0}

/* ---------- HEADER ---------- */
.rivet-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:22px;
  padding:10px max(4vw,18px);
  background:rgba(16,20,24,.92);
  backdrop-filter:blur(11px);
  border-bottom:1px solid var(--line);
}
.rivet-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.rivet-logo svg{width:34px;height:34px;flex:0 0 auto}
.rivet-logo__t{display:flex;flex-direction:column;line-height:1.16}
.rivet-logo__n{font-family:'Kurale',serif;font-size:19px;letter-spacing:.02em}
.rivet-logo__s{font-size:11px;color:var(--mut);letter-spacing:.10em;text-transform:uppercase}
.rivet-nav{display:flex;gap:19px;margin-left:auto;font-size:14.5px}
.rivet-nav a{color:var(--mut);padding-bottom:2px;border-bottom:1px solid transparent}
.rivet-nav a:hover{color:var(--paper);border-color:var(--steel)}
.rivet-cta{
  display:inline-block;padding:10px 20px;
  background:var(--steel);color:#0b1116;
  border-radius:var(--r);font-weight:700;font-size:14.5px;
  letter-spacing:.03em;border:1px solid var(--steel);
}
.rivet-cta:hover{background:var(--paper);border-color:var(--paper);color:#0b1116}
.rivet-cta--big{padding:14px 28px;font-size:16px}
.rivet-cta--ghost{background:transparent;color:var(--steel);border:1px solid var(--line)}
.rivet-cta--ghost:hover{background:rgba(111,157,201,.10);color:var(--paper);border-color:var(--steel)}

/* ---------- HERO (сплит 50/50) ---------- */
.rivet-hero{
  display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start;
  padding:44px 0 46px;
}
.rivet-chip{
  display:inline-block;font-size:12.5px;color:var(--mut);
  border:1px solid var(--line);border-left:3px solid var(--steel);
  padding:5px 13px;border-radius:var(--r);margin:0 0 16px;letter-spacing:.02em;
}
.rivet-lead{font-size:17px;color:#cdd7e0;max-width:60ch}
.rivet-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

.rivet-slab{
  background:linear-gradient(160deg,var(--panel2),var(--panel));
  border:1px solid var(--line);border-top:3px solid var(--steel);
  border-radius:var(--r2);padding:24px 24px 20px;box-shadow:var(--shade);
}
.rivet-slab__k{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin:0 0 6px}
.rivet-slab__v{
  font-family:'Kurale',serif;font-size:clamp(34px,4.6vw,52px);
  line-height:1.05;color:var(--paper);margin:0 0 4px;
}
.rivet-slab__v em{color:var(--steel);font-size:.62em}
.rivet-slab__d{color:var(--mut);font-size:14.5px;margin:0 0 18px}
.rivet-quick{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.rivet-q{
  display:block;padding:13px 14px;background:rgba(16,20,24,.62);
  border:1px solid var(--line2);border-radius:var(--r);color:var(--ink);
}
.rivet-q:hover{border-color:var(--steel);background:rgba(111,157,201,.09)}
.rivet-q em{display:block;font-size:14.5px;color:var(--paper);font-weight:600;margin-bottom:3px}
.rivet-q i{display:block;font-style:normal;font-size:12.8px;color:var(--mut);line-height:1.5}

/* ---------- KPI ---------- */
.rivet-kpi{
  display:grid;grid-template-columns:repeat(6,1fr);gap:1px;
  background:var(--line2);border:1px solid var(--line2);border-radius:var(--r2);
  overflow:hidden;margin-bottom:6px;
}
.rivet-kpi div{background:var(--panel);padding:15px 12px;text-align:center}
.rivet-kpi__v{display:block;font-family:'Kurale',serif;font-size:21px;color:var(--steel)}
.rivet-kpi__l{display:block;font-size:12.4px;color:var(--mut);line-height:1.42;margin-top:3px}

/* ---------- WELCOME · зебра ---------- */
.rivet-zebra{border:1px solid var(--line2);border-radius:var(--r2);overflow:hidden;margin:18px 0 22px}
.rivet-row{
  display:grid;grid-template-columns:78px 1.15fr 1fr 150px;gap:20px;align-items:center;
  padding:18px 22px;border-bottom:1px solid var(--line2);
}
.rivet-row:last-child{border-bottom:0}
.rivet-row:nth-child(even){background:var(--panel)}
.rivet-row__n{
  font-family:'Kurale',serif;font-size:30px;color:var(--steel-dim);
  border-right:1px solid var(--line);padding-right:18px;
}
.rivet-row__t{font-family:'Kurale',serif;font-size:20px;color:var(--paper)}
.rivet-row__t span{display:block;font-family:'Exo 2',sans-serif;font-size:13px;color:var(--mut);margin-top:2px}
.rivet-row__x{font-size:14.5px;color:var(--mut)}
.rivet-row__f{
  text-align:right;font-family:'Kurale',serif;font-size:23px;color:var(--paper);
  font-variant-numeric:tabular-nums;
}
.rivet-row__f span{display:block;font-family:'Exo 2',sans-serif;font-size:12.5px;color:var(--steel)}

.rivet-chips{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 22px}
.rivet-chips span{
  font-size:13px;color:var(--mut);padding:6px 13px;
  border:1px solid var(--line2);border-radius:var(--r);background:rgba(24,30,36,.7);
}
.rivet-chips span i{font-style:normal;color:var(--steel)}

.rivet-fig{
  background:var(--panel);border:1px solid var(--line2);border-radius:var(--r2);
  padding:20px 20px 14px;margin-top:8px;overflow-x:auto;
}
.rivet-fig svg{display:block;width:100%;min-width:560px;height:auto}
.rivet-fig figcaption{font-size:13px;color:var(--mut);margin-top:10px}

/* ---------- КАТАЛОГ 3×3 ---------- */
.rivet-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.rivet-card{
  background:var(--panel);border:1px solid var(--line2);
  border-left:3px solid var(--steel-dim);border-radius:var(--r);
  padding:17px 18px;position:relative;
}
.rivet-card:hover{border-left-color:var(--steel);background:var(--panel2)}
.rivet-card h3{margin:0 0 4px;font-size:18px}
.rivet-card__s{font-size:12.5px;color:var(--steel);letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px}
.rivet-card p{font-size:14px;color:var(--mut);margin:0 0 10px;line-height:1.6}
.rivet-tags{display:flex;flex-wrap:wrap;gap:7px}
.rivet-tags span{
  font-weight:400;font-size:12px;color:var(--paper);
  border:1px solid var(--line);padding:3px 9px;border-radius:var(--r);
}

/* ---------- BRAND OVERVIEW · 2 колонки ---------- */
.rivet-two{column-count:2;column-gap:44px;margin-top:18px}
.rivet-two h3{break-after:avoid;margin-top:0}
.rivet-two p{break-inside:avoid;margin-bottom:20px}

/* ---------- LIVE · таблица | текст ---------- */
.rivet-split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start;margin-top:18px}
.rivet-tbl{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--r2)}
.rivet-tbl table{min-width:460px}
.rivet-tbl th{
  text-align:left;padding:11px 14px;background:var(--panel2);color:var(--steel);
  font-weight:600;font-size:12.5px;letter-spacing:.10em;text-transform:uppercase;
  border-bottom:1px solid var(--line);
}
.rivet-tbl td{padding:11px 14px;border-bottom:1px solid var(--line2);color:#cdd7e0}
.rivet-tbl tr:last-child td{border-bottom:0}
.rivet-tbl tr:nth-child(even) td{background:rgba(24,30,36,.55)}
.rivet-tbl td:first-child{color:var(--paper)}

/* ---------- ЛОЯЛЬНОСТЬ ---------- */
.rivet-vip td:nth-child(3){color:var(--steel);font-variant-numeric:tabular-nums}

/* ---------- ТУРНИР + ОТЗЫВЫ ---------- */
.rivet-banner{
  display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;
  background:linear-gradient(120deg,var(--panel2),var(--panel));
  border:1px solid var(--line);border-radius:var(--r2);
  padding:24px 26px;margin:18px 0 20px;box-shadow:var(--shade);
}
.rivet-banner__p{
  font-family:'Kurale',serif;font-size:clamp(28px,3.6vw,40px);color:var(--steel);
  line-height:1.08;border-right:1px solid var(--line);padding-right:24px;
}
.rivet-banner__p span{display:block;font-family:'Exo 2',sans-serif;font-size:13px;color:var(--mut);margin-top:6px;letter-spacing:.05em}
.rivet-banner p{margin:0;font-size:15px;color:#cdd7e0}

.rivet-quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rivet-quote{
  background:var(--panel);border:1px solid var(--line2);border-top:2px solid var(--steel-dim);
  border-radius:var(--r);padding:18px 20px;
}
.rivet-quote p{font-size:14.6px;color:#cdd7e0;margin:0 0 12px}
.rivet-quote__w{display:flex;justify-content:space-between;gap:12px;font-size:12.8px;color:var(--mut);flex-wrap:wrap}
.rivet-quote__w em{color:var(--paper);font-weight:600}
.rivet-stars{color:var(--steel);letter-spacing:.14em}

/* ---------- КАССА · карточки 3×2 ---------- */
.rivet-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.rivet-pay__c{
  background:var(--panel);border:1px solid var(--line2);border-radius:var(--r2);
  padding:18px 19px;border-bottom:3px solid var(--line);
}
.rivet-pay__c:hover{border-bottom-color:var(--steel)}
.rivet-pay__c h3{margin:0 0 10px;font-size:18px}
.rivet-pay__c dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:13.6px}
.rivet-pay__c dt{color:var(--mut)}
.rivet-pay__c dd{margin:0;text-align:right;color:var(--paper);font-variant-numeric:tabular-nums}

/* ---------- FAQ · 3 колонки ---------- */
.rivet-faq{column-count:3;column-gap:16px;margin-top:20px}
.rivet-faq details{
  break-inside:avoid;background:var(--panel);border:1px solid var(--line2);
  border-radius:var(--r);padding:13px 16px;margin:0 0 12px;
}
.rivet-faq summary{
  cursor:pointer;font-family:'Kurale',serif;font-size:16px;color:var(--paper);
  list-style:none;line-height:1.4;
}
.rivet-faq summary::-webkit-details-marker{display:none}
.rivet-faq summary::before{content:'+ ';color:var(--steel)}
.rivet-faq details[open] summary::before{content:'– '}
.rivet-faq details[open] summary{color:var(--steel);margin-bottom:9px}
.rivet-faq p{font-size:14px;color:var(--mut);margin:0;line-height:1.62}

/* ---------- FINAL CTA ---------- */
.rivet-final{
  background:linear-gradient(120deg,var(--panel2),var(--panel));
  border:1px solid var(--line);border-left:4px solid var(--steel);
  border-radius:var(--r2);padding:32px 34px;text-align:left;
}
.rivet-final h2{margin-bottom:10px}
.rivet-final p{max-width:78ch;color:#cdd7e0}

/* ---------- AUTHOR NOTE ---------- */
.rivet-note{
  background:var(--panel);border:1px solid var(--line2);
  border-radius:var(--r2);padding:26px 28px;
}
.rivet-note p{color:var(--mut);font-size:15px}

/* ---------- FOOTER ---------- */
.rivet-foot{
  border-top:1px solid var(--line);background:var(--bg2);
  padding:34px 0 26px;margin-top:38px;
}
.rivet-cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:34px}
.rivet-cols p{font-size:13.8px;color:var(--mut)}
.rivet-fin{
  margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line2);
  font-size:13.4px;color:var(--mut);
}
.rivet-age{
  display:inline-block;background:var(--steel);color:#0b1116;
  font-weight:700;padding:2px 9px;border-radius:var(--r);margin-right:9px;font-size:13px;
}

/* ---------- АДАПТИВ 1000px ---------- */
@media (max-width:1000px){
  body{font-size:16px}
  .rivet-hero{grid-template-columns:1fr;gap:26px}
  .rivet-kpi{grid-template-columns:repeat(3,1fr)}
  .rivet-grid3{grid-template-columns:repeat(2,1fr)}
  .rivet-two{column-count:1}
  .rivet-split{grid-template-columns:1fr;gap:22px}
  .rivet-pay{grid-template-columns:repeat(2,1fr)}
  .rivet-faq{column-count:2}
  .rivet-cols{grid-template-columns:1fr 1fr}
  .rivet-nav{display:none}
  .rivet-row{grid-template-columns:60px 1fr 130px;gap:14px}
  .rivet-row__x{grid-column:1 / -1;border-top:1px solid var(--line2);padding-top:10px}
}

/* ---------- АДАПТИВ 760px ---------- */
@media (max-width:760px){
  body{font-size:15.5px;line-height:1.68}
  main section{padding:34px 0}
  .rivet-bar{gap:12px;padding:9px 16px}
  .rivet-logo__s{display:none}
  .rivet-kpi{grid-template-columns:repeat(2,1fr)}
  .rivet-grid3{grid-template-columns:1fr}
  .rivet-quick{grid-template-columns:1fr}
  .rivet-pay{grid-template-columns:1fr}
  .rivet-faq{column-count:1}
  .rivet-quotes{grid-template-columns:1fr}
  .rivet-cols{grid-template-columns:1fr;gap:22px}
  .rivet-banner{grid-template-columns:1fr;gap:16px}
  .rivet-banner__p{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}
  .rivet-row{grid-template-columns:52px 1fr;gap:12px}
  .rivet-row__n{font-size:24px;padding-right:12px}
  .rivet-row__f{text-align:left;grid-column:1 / -1}
  .rivet-final{padding:24px 20px}
  .rivet-note{padding:20px 18px}
  .rivet-slab{padding:20px 18px 18px}
  .rivet-fig{padding:14px 14px 10px}
}