/* ============================================================
   7k767k.fun — 7K Casino / 7К Казино
   Концепт: «тёмный индиго и восковая охра»
   Шаблон F — нумерованный лонгрид, колонка 820px + полноширинные выноски
   Префикс классов: .drawdown-   ·   Шрифты: Arsenal + EB Garamond
   ============================================================ */

:root{
  --bg:#0e1130;
  --bg2:#121639;
  --panel:#171c46;
  --panel2:#1d2352;
  --ochre:#d9a441;
  --ochre-dim:#9c7526;
  --wax:#ecd3a0;
  --ink:#e9e7f2;
  --mut:#9b9cba;
  --line:rgba(217,164,65,.26);
  --line2:rgba(233,231,242,.10);
  --colw:820px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  overflow-x:hidden;
  background:
    linear-gradient(180deg, rgba(217,164,65,.07) 0%, transparent 460px),
    var(--bg);
  color:var(--ink);
  font-family:'EB Garamond',Georgia,'Times New Roman',serif;
  font-size:18.5px;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Arsenal',system-ui,sans-serif;font-weight:700;line-height:1.24;margin:0 0 14px;letter-spacing:-.005em}
h1{font-size:clamp(27px,3.4vw,41px)}
h1 em{font-style:normal;color:var(--ochre)}
h2{font-size:clamp(22px,2.4vw,30px)}
h3{font-size:clamp(17px,1.6vw,21px);font-weight:400;color:var(--wax);margin-top:28px}
h4{font-family:'Arsenal',sans-serif;font-size:15px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--ochre);margin:0 0 10px}
p{margin:0 0 15px}
a{color:var(--wax);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--ochre)}
em{font-style:normal}
table{border-collapse:collapse;width:100%;font-family:'Arsenal',sans-serif;font-size:15px}
caption{caption-side:top;text-align:left;color:var(--mut);font-size:14px;padding-bottom:10px}

/* ---------- КОЛОНКА ---------- */
.drawdown-col{width:min(var(--colw),90vw);margin:0 auto}
.drawdown-skip{position:absolute;left:-9999px}
.drawdown-skip:focus{left:14px;top:14px;background:var(--ochre);color:#0e1130;padding:9px 16px;z-index:99}

/* ---------- HEADER ---------- */
.drawdown-bar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:22px;
  padding:11px max(4vw,18px);
  background:rgba(14,17,48,.94);
  backdrop-filter:blur(11px);
  border-bottom:1px solid var(--line);
}
.drawdown-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.drawdown-logo svg{width:32px;height:32px;flex:none}
.drawdown-logo__n{font-family:'Arsenal',sans-serif;font-weight:700;font-size:17px;display:block;letter-spacing:.04em}
.drawdown-logo__s{display:block;font-size:10px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase;font-family:'Arsenal',sans-serif}
.drawdown-nav{display:flex;gap:18px;margin-left:auto;font-family:'Arsenal',sans-serif;font-size:14px;flex-wrap:wrap}
.drawdown-nav a{color:var(--mut)}
.drawdown-nav a:hover{color:var(--ochre)}

/* ---------- CTA ---------- */
.drawdown-cta{
  display:inline-block;padding:11px 24px;
  background:var(--ochre);color:#14102a;
  border:1px solid var(--ochre);
  font-family:'Arsenal',sans-serif;font-size:15px;
  white-space:nowrap;transition:background .18s ease,color .18s ease;
}
.drawdown-cta:hover{background:var(--wax);border-color:var(--wax);color:#14102a}
.drawdown-cta--big{padding:15px 32px;font-size:17px}
.drawdown-cta--ghost{background:none;color:var(--ink);border-color:var(--line)}
.drawdown-cta--ghost:hover{background:rgba(217,164,65,.12);color:var(--ochre);border-color:var(--ochre)}

/* ---------- НУМЕРОВАННЫЕ СЕКЦИИ ---------- */
main section{padding:52px 0}
.drawdown-sec{position:relative}
.drawdown-sec .drawdown-col{display:grid;grid-template-columns:64px 1fr;column-gap:26px}
.drawdown-sec .drawdown-col>*{grid-column:2}
.drawdown-num{
  grid-column:1;grid-row:1 / span 2;
  font-family:'Arsenal',sans-serif;font-weight:700;font-size:40px;line-height:1;
  color:var(--ochre-dim);letter-spacing:-.03em;padding-top:4px;
}
.drawdown-sec+.drawdown-sec{border-top:1px solid var(--line2)}

/* ---------- HERO ---------- */
.drawdown-hero{padding:58px 0 42px}
.drawdown-chip{
  display:inline-block;font-family:'Arsenal',sans-serif;font-size:12.5px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--ochre);
  border:1px solid var(--line);padding:6px 14px;margin:0 0 20px;
}
.drawdown-lead{font-size:19.5px;color:#d4d2e6}
.drawdown-btns{display:flex;gap:13px;flex-wrap:wrap;margin:26px 0 30px}
.drawdown-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.drawdown-quick div{padding:18px 16px;background:var(--bg2)}
.drawdown-quick strong{all:unset}
.drawdown-quick__k{display:block;font-family:'Arsenal',sans-serif;font-size:15px;color:var(--ochre);margin-bottom:4px}
.drawdown-quick__d{display:block;font-size:15px;color:var(--mut);line-height:1.5;font-family:'EB Garamond',serif}

/* ---------- СТРОКИ ВЗНОСОВ ---------- */
.drawdown-tier{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:baseline;padding:17px 0;border-top:1px solid var(--line2)}
.drawdown-tier:last-of-type{border-bottom:1px solid var(--line2)}
.drawdown-tier__l{font-family:'Arsenal',sans-serif}
.drawdown-tier__p{display:block;font-size:30px;color:var(--ochre);line-height:1.1}
.drawdown-tier__n{display:block;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);margin-top:3px}
.drawdown-tier p{margin:0;font-size:17px;color:#c9c7dd}

/* ---------- ТАБЛИЦА В КОЛОНКЕ ---------- */
.drawdown-tw{overflow-x:auto;margin:18px 0 6px}
.drawdown-tab th,.drawdown-tab td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line2)}
.drawdown-tab thead th{color:var(--ochre);font-weight:400;letter-spacing:.05em;border-bottom:1px solid var(--line)}
.drawdown-tab td{color:#c2c0d8}
.drawdown-tab tbody td:first-child{color:#e3e1f0}
.drawdown-tab tbody tr:last-child td{border-bottom:none}

/* ---------- ВЫНОСКИ (bleed) ---------- */
.drawdown-bleed{
  width:100vw;margin-left:calc(50% - 50vw);
  padding:44px max(4vw,18px);
  background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.drawdown-bleed--band{background:linear-gradient(120deg,#1b1442 0%,#2a1f2e 60%,#1a2350 100%)}
.drawdown-bleed__in{width:min(1180px,94vw);margin:0 auto}
.drawdown-bleed h2,.drawdown-bleed h3{margin-bottom:12px}

.drawdown-band{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:36px;align-items:center}
.drawdown-band__f{font-family:'Arsenal',sans-serif;font-size:clamp(34px,5vw,58px);color:var(--ochre);line-height:1.02}
.drawdown-band__fl{display:block;font-size:13px;letter-spacing:.17em;text-transform:uppercase;color:var(--mut);margin-top:8px;font-family:'Arsenal',sans-serif}

.drawdown-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.drawdown-rev{border-left:3px solid var(--ochre-dim);padding:2px 0 2px 18px}
.drawdown-rev__s{display:block;color:var(--ochre);letter-spacing:.24em;font-size:14px;margin-bottom:8px}
.drawdown-rev p{font-size:17px;color:#c9c7dd}
.drawdown-rev__a{font-family:'Arsenal',sans-serif;font-size:13.5px;color:var(--mut);margin:0}

/* ---------- КАТАЛОГ СПИСКОМ ---------- */
.drawdown-list{column-count:2;column-gap:34px;margin:18px 0 8px;padding:0;list-style:none}
.drawdown-list li{break-inside:avoid;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.drawdown-list__t{display:block;font-family:'Arsenal',sans-serif;font-size:16.5px;color:#e6e4f2}
.drawdown-list__m{display:block;font-size:15px;color:var(--mut)}

/* ---------- ЛЕСТНИЦА ЛОЯЛЬНОСТИ ---------- */
.drawdown-stairs{display:grid;grid-template-columns:78px 1fr;gap:24px;align-items:start;margin:20px 0 6px}
.drawdown-stairs svg{width:100%;height:auto;display:block}
.drawdown-stairs figcaption{font-size:14px;color:var(--mut);margin-top:10px}
.drawdown-step{border-left:2px solid var(--ochre-dim);padding:12px 0 12px 20px;margin-bottom:12px}
.drawdown-step:nth-child(2){margin-left:14px}
.drawdown-step:nth-child(3){margin-left:28px}
.drawdown-step:nth-child(4){margin-left:42px}
.drawdown-step:nth-child(5){margin-left:56px}
.drawdown-step__h{font-family:'Arsenal',sans-serif;font-size:16px;color:var(--wax);display:block}
.drawdown-step__v{font-family:'Arsenal',sans-serif;font-size:26px;color:var(--ochre);display:block;line-height:1.1}
.drawdown-step p{margin:4px 0 0;font-size:16.5px;color:#bebcd4}

/* ---------- FAQ ---------- */
.drawdown-faq details{border-top:1px solid var(--line2);padding:2px 0}
.drawdown-faq details:last-child{border-bottom:1px solid var(--line2)}
.drawdown-faq summary{
  cursor:pointer;list-style:none;padding:15px 30px 15px 0;position:relative;
  font-family:'Arsenal',sans-serif;font-size:17px;color:#e5e3f1;
}
.drawdown-faq summary::-webkit-details-marker{display:none}
.drawdown-faq summary::after{content:'+';position:absolute;right:4px;top:14px;color:var(--ochre)}
.drawdown-faq details[open] summary::after{content:'–'}
.drawdown-faq p{padding:0 0 16px;color:#c0bed6;font-size:17.5px;margin:0}

/* ---------- AUTHOR ---------- */
.drawdown-note{border:1px solid var(--line);border-left:4px solid var(--ochre);padding:26px 28px;background:rgba(23,28,70,.55)}
.drawdown-note p{font-size:17px;color:#c4c2da}
.drawdown-note p:last-child{margin-bottom:0}

/* ---------- FOOTER ---------- */
.drawdown-foot{border-top:1px solid var(--line);background:var(--bg2);padding:38px 0 28px;font-size:16.5px;color:var(--mut)}
.drawdown-foot .drawdown-col{width:min(1180px,94vw)}
.drawdown-fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;margin-bottom:24px}
.drawdown-foot h3{font-family:'Arsenal',sans-serif;font-size:16px;color:#dcdaec;margin:0 0 10px}
.drawdown-foot p{margin:0 0 10px}
.drawdown-foot a{color:var(--ochre)}
.drawdown-age{display:inline-block;border:1px solid var(--line);color:var(--ochre);font-family:'Arsenal',sans-serif;font-size:13px;padding:4px 12px;margin-right:11px}
.drawdown-legal{border-top:1px solid var(--line2);padding-top:18px;font-size:15px;line-height:1.6}

/* ---------- ФОКУС ---------- */
:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
::selection{background:rgba(217,164,65,.3);color:#fff}
.drawdown-tw::-webkit-scrollbar{height:8px}
.drawdown-tw::-webkit-scrollbar-thumb{background:var(--ochre-dim)}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  .drawdown-nav{display:none}
  .drawdown-quick{grid-template-columns:repeat(2,1fr)}
  .drawdown-revs{grid-template-columns:1fr;gap:18px}
  .drawdown-band{grid-template-columns:1fr;gap:18px}
  .drawdown-fcols{grid-template-columns:1fr 1fr}
  body{font-size:18px}
}
@media (max-width:760px){
  body{font-size:17.5px}
  main section{padding:38px 0}
  .drawdown-sec .drawdown-col{grid-template-columns:1fr;column-gap:0}
  .drawdown-sec .drawdown-col>*{grid-column:1}
  .drawdown-num{grid-row:auto;font-size:26px;padding:0;margin-bottom:6px}
  .drawdown-bleed{width:auto;margin-left:0;padding:30px max(4vw,16px);border-radius:0}
  .drawdown-bleed__in{width:100%}
  .drawdown-list{column-count:1}
  .drawdown-tier{grid-template-columns:1fr;gap:6px}
  .drawdown-stairs{grid-template-columns:1fr}
  .drawdown-stairs figure{display:none}
  .drawdown-step,.drawdown-step:nth-child(2),.drawdown-step:nth-child(3),.drawdown-step:nth-child(4),.drawdown-step:nth-child(5){margin-left:0}
  .drawdown-fcols{grid-template-columns:1fr}
  .drawdown-btns .drawdown-cta{width:100%;text-align:center}
}

/* ---------- ПЕЧАТЬ ---------- */
@media print{
  body{background:#fff;color:#111}
  .drawdown-bar,.drawdown-cta,.drawdown-bleed--band{display:none}
  .drawdown-bleed{width:auto;margin-left:0;background:none;border-color:#ccc}
  h1,h2,h3{color:#111}
  .drawdown-num{color:#888}
}

/* ---------- ТОНКАЯ ОТДЕЛКА ---------- */
.drawdown-hl{color:var(--ochre)}
.drawdown-hl--wax{color:var(--wax)}
.drawdown-sec h2{max-width:26ch}
.drawdown-sec p{max-width:74ch}
.drawdown-tab tbody tr:hover td{background:rgba(217,164,65,.06)}
.drawdown-tier:hover .drawdown-tier__p{color:var(--wax)}
.drawdown-step:hover{border-left-color:var(--ochre)}
.drawdown-list li:last-child{border-bottom:none}
.drawdown-list__t{letter-spacing:.01em}
.drawdown-bleed h3{max-width:34ch}
.drawdown-bleed p{max-width:78ch}
.drawdown-quick div:hover{background:var(--panel)}
.drawdown-rev:hover{border-left-color:var(--ochre)}
.drawdown-note h2{margin-bottom:12px;max-width:none}
.drawdown-hero .drawdown-lead{max-width:76ch}
.drawdown-chip:hover{border-color:var(--ochre)}
.drawdown-foot .drawdown-legal span:last-child{display:inline}

/* ---------- УМЕНЬШЕННОЕ ДВИЖЕНИЕ ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .drawdown-cta,.drawdown-cta:hover,a{transition:none}
}