/* 7К Казино — 7kn3sg.buzz. Концепт: обсидиан и горная порода.
   Палитра: обсидиан #0c0d0f + медный #b06f3a + туманно-серый #d9dde2. Префикс .stone- */

:root{
  --obs:#0c0d0f;
  --obs2:#131519;
  --obs3:#191c21;
  --seam:#262a31;
  --seam2:#39404a;
  --mist:#d9dde2;
  --mute:#8a919c;
  --cop:#b06f3a;
  --cop2:#d08f56;
  --head:'Domine', Georgia, 'Times New Roman', serif;
  --body:'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --cut:16px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:
    linear-gradient(180deg, #101216 0, transparent 420px),
    repeating-linear-gradient(178deg, rgba(217,221,226,.018) 0 2px, transparent 2px 9px),
    var(--obs);
  color:var(--mist);
  font:400 17px/1.66 var(--body);
}
img,svg{max-width:100%}
a{color:var(--cop2);text-decoration:none}
a:hover{color:var(--mist)}

h1,h2,h3{font-family:var(--head);font-weight:600;margin:0;letter-spacing:-.005em}
h1{font-size:clamp(29px,4.2vw,49px);line-height:1.14}
h2{font-size:clamp(24px,2.9vw,35px);line-height:1.2}
h3{font-size:19px;line-height:1.32;font-weight:700}
p{margin:0 0 14px}

.stone-skip{position:absolute;left:-9999px}
.stone-skip:focus{left:12px;top:10px;z-index:20;background:var(--cop);color:#0b0b0b;padding:11px 16px}

/* ─────── шапка: узкая полоса породы ─────── */
.stone-bar{
  display:flex;align-items:center;gap:22px;
  padding:12px clamp(14px,4vw,52px);
  border-bottom:1px solid var(--seam);
  background:rgba(12,13,15,.94);
  position:sticky;top:0;z-index:12;backdrop-filter:blur(7px);
}
.stone-logo{display:flex;align-items:center;gap:11px;color:var(--mist)}
.stone-logo__svg{width:38px;height:38px;flex:none}
.stone-logo__t{font-family:var(--head);font-size:23px;font-weight:700;line-height:1;display:flex;flex-direction:column;gap:4px}
.stone-logo__sub{font-family:var(--body);font-size:11px;font-weight:400;color:var(--mute);letter-spacing:.09em;text-transform:uppercase}
.stone-nav{display:flex;gap:19px;margin-left:auto;flex-wrap:wrap}
.stone-nav a{color:var(--mute);font-size:15px;padding:11px 2px;min-height:44px;display:flex;align-items:center}
.stone-nav a:hover{color:var(--cop2)}

/* ─────── кнопки: срезанный угол, как скол ─────── */
.stone-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:14px 28px;
  background:var(--cop);color:#0e0f11;
  font-family:var(--body);font-weight:700;font-size:16px;letter-spacing:.01em;
  clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  transition:background .18s ease;
}
.stone-cta:hover{background:var(--cop2);color:#0e0f11}
.stone-cta--ghost{background:transparent;color:var(--mist);box-shadow:inset 0 0 0 1px var(--seam2)}
.stone-cta--ghost:hover{background:transparent;color:var(--cop2);box-shadow:inset 0 0 0 1px var(--cop)}
.stone-cta--mini{min-height:44px;padding:10px 18px;font-size:14px;--cut:10px;flex:none}

/* ─────── общий каркас секции: медный шов слева ─────── */
.stone-sect{
  max-width:1180px;margin:0 auto;
  padding:clamp(46px,6vw,82px) clamp(14px,4vw,52px);
  border-top:1px solid var(--seam);
}
.stone-over{
  font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--cop2);
  margin:0 0 12px;padding-left:16px;position:relative;
}
.stone-over::before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px;background:var(--cop);transform:rotate(45deg)}
.stone-note{max-width:74ch;color:#c3c9d1;margin:16px 0 26px}
.stone-lead{max-width:70ch;font-size:18px;color:#c9ced5;margin:18px 0 26px}

/* ─────── герой ─────── */
.stone-hero{max-width:1180px;margin:0 auto;padding:clamp(34px,5vw,64px) clamp(14px,4vw,52px) 0}
.stone-hero__wrap{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:clamp(22px,4vw,54px);align-items:center}
.stone-hero__left{border-left:2px solid var(--cop);padding-left:clamp(16px,2.4vw,30px)}
.stone-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 30px}
.stone-hero__shard svg{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 40px rgba(0,0,0,.55))}

.stone-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--seam)}
.stone-kpi li{background:var(--obs2);padding:16px 14px;font-size:13px;color:var(--mute);line-height:1.4}
.stone-num{display:block;font-family:var(--head);font-size:26px;font-weight:700;color:var(--mist);margin-bottom:5px;line-height:1}

.stone-strip{
  list-style:none;margin:clamp(30px,4vw,52px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--seam);
  border-top:2px solid var(--cop);
}
.stone-strip li{background:#101216;padding:18px 15px;font-size:12.5px;color:var(--mute);line-height:1.45}
.stone-strip span{display:block;font-family:var(--head);font-size:21px;font-weight:700;color:var(--cop2);margin-bottom:5px}

/* ─────── сетки карточек ─────── */
.stone-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stone-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.stone-card{
  background:linear-gradient(160deg,var(--obs3) 0,var(--obs2) 78%);
  padding:22px 20px 20px;
  clip-path:polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  box-shadow:inset 0 0 0 1px var(--seam);
}
.stone-card p{font-size:15px;color:#bdc3cb;margin:0}
.stone-card__step{font-size:11.5px!important;letter-spacing:.15em;text-transform:uppercase;color:var(--mute)!important;margin-bottom:9px!important}
.stone-card__sum{font-family:var(--head);font-size:22px!important;font-weight:700;color:var(--cop2)!important;margin-bottom:12px!important;line-height:1.2}

.stone-brick{
  background:var(--obs2);padding:24px 22px;
  border-top:2px solid var(--cop);
  box-shadow:inset 0 0 0 1px var(--seam);
}
.stone-brick h3{margin-bottom:11px;color:var(--mist)}
.stone-brick p{font-size:15px;color:#bdc3cb;margin:0}

.stone-step{
  background:var(--obs2);padding:24px 22px;
  clip-path:polygon(0 18px, 18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
  box-shadow:inset 0 0 0 1px var(--seam);
}
.stone-step__n{font-family:var(--head);font-size:34px;font-weight:700;color:var(--seam2);margin:0 0 4px;line-height:1}
.stone-step__t{font-family:var(--head);font-size:19px;font-weight:700;color:var(--cop2);margin:0 0 10px}
.stone-step p:last-child{font-size:15px;color:#bdc3cb;margin:0}

.stone-quote{
  background:var(--obs2);padding:24px 22px;
  border-left:3px solid var(--cop);
  box-shadow:inset 0 0 0 1px var(--seam);
}
.stone-quote p{font-size:15.5px;color:#c6ccd3;margin:0 0 14px}
.stone-quote__a{font-size:13px!important;color:var(--mute)!important;letter-spacing:.03em;margin:0!important}

/* ─────── условия пакета ─────── */
.stone-terms{
  margin-top:22px;padding:24px clamp(18px,3vw,30px);
  background:linear-gradient(120deg,rgba(176,111,58,.12) 0,transparent 62%),var(--obs2);
  box-shadow:inset 0 0 0 1px var(--seam);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;
}
.stone-terms__t{font-family:var(--head);font-size:18px;font-weight:700;color:var(--mist);margin:0 0 8px}
.stone-terms p:nth-child(2){font-size:15px;color:#bdc3cb;margin:0;max-width:72ch}

/* ─────── таблицы ─────── */
.stone-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:inset 0 0 0 1px var(--seam)}
.stone-table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.stone-table th{
  text-align:left;padding:14px 16px;background:#15181d;
  font-family:var(--body);font-weight:700;font-size:12.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--cop2);border-bottom:1px solid var(--seam);white-space:nowrap;
}
.stone-table td{padding:14px 16px;border-bottom:1px solid var(--seam);color:#c3c9d1;vertical-align:top}
.stone-table tbody tr:nth-child(even) td{background:rgba(217,221,226,.022)}
.stone-table tbody tr:last-child td{border-bottom:none}
.stone-table td:first-child{color:var(--mist);font-weight:600;white-space:nowrap}

/* ─────── FAQ ─────── */
.stone-faqbox{box-shadow:inset 0 0 0 1px var(--seam);background:var(--obs2)}
.stone-faqbox details{border-bottom:1px solid var(--seam)}
.stone-faqbox details:last-child{border-bottom:none}
.stone-faqbox summary{
  cursor:pointer;list-style:none;padding:17px 46px 17px 20px;min-height:44px;
  font-family:var(--head);font-size:17px;font-weight:600;color:var(--mist);position:relative;
}
.stone-faqbox summary::-webkit-details-marker{display:none}
.stone-faqbox summary::after{
  content:"";position:absolute;right:20px;top:24px;
  width:9px;height:9px;border-right:2px solid var(--cop);border-bottom:2px solid var(--cop);
  transform:rotate(45deg);transition:transform .2s ease;
}
.stone-faqbox details[open] summary::after{transform:rotate(-135deg)}
.stone-faqbox summary:hover{color:var(--cop2)}
.stone-faqbox details p{margin:0;padding:0 20px 19px;font-size:15px;color:#bdc3cb;max-width:80ch}

/* ─────── автор ─────── */
.stone-author p{max-width:88ch;font-size:15.5px;color:#b9bfc7}

/* ─────── подвал ─────── */
.stone-foot{
  border-top:2px solid var(--cop);background:#0a0b0d;
  padding:clamp(34px,4vw,54px) clamp(14px,4vw,52px) 28px;margin-top:24px;
}
.stone-foot__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.stone-foot p{font-size:14px;color:var(--mute);margin:0 0 9px;line-height:1.6}
.stone-foot__t{font-family:var(--head);font-size:16px;font-weight:700;color:var(--mist)!important;margin-bottom:10px!important}
.stone-foot__c{max-width:1180px;margin:26px auto 0;padding-top:18px;border-top:1px solid var(--seam);font-size:13px}

/* ─────── адаптив ─────── */
@media (max-width:1040px){
  .stone-grid4{grid-template-columns:repeat(2,1fr)}
  .stone-strip{grid-template-columns:repeat(3,1fr)}
  .stone-hero__wrap{grid-template-columns:1fr}
  .stone-hero__shard{max-width:330px;margin:0 auto}
}
@media (max-width:860px){
  .stone-grid3{grid-template-columns:repeat(2,1fr)}
  .stone-kpi{grid-template-columns:repeat(2,1fr)}
  .stone-terms{grid-template-columns:1fr}
  .stone-foot__grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  body{font-size:16px}
  .stone-bar{flex-wrap:wrap;gap:12px;padding:11px 14px}
  .stone-nav{width:100%;margin-left:0;gap:14px;order:3}
  .stone-cta--mini{margin-left:auto}
  .stone-grid4,.stone-grid3,.stone-kpi,.stone-strip,.stone-foot__grid{grid-template-columns:1fr}
  .stone-hero__left{border-left:none;border-top:2px solid var(--cop);padding-left:0;padding-top:20px}
  .stone-hero__btns{flex-direction:column}
  .stone-cta{width:100%}
  .stone-faqbox summary{font-size:16px;padding-right:44px}
  .stone-author p,.stone-note,.stone-lead{max-width:100%}
}