/* 7k1044n.casino — архетип apiary (пасека), namespace apy */

:root{
  --bg:#141012;
  --surface:#1E181B;
  --line:#2E262A;
  --red:#A9102A;
  --gold:#F0CB80;
  --green:#2AC788;
  --ink:#EDE4E6;
  --muted:#A2949A;
  --radius:9px;
  --cell:"";
}

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

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

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Merriweather",Georgia,serif;
  font-size:16px;
  line-height:1.72;
  font-weight:300;
  overflow-x:hidden;
}

/* сотовая подложка всей страницы — ячея улья */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.55;
  background-image:
    repeating-linear-gradient(60deg,transparent 0 26px,var(--line) 26px 27px),
    repeating-linear-gradient(-60deg,transparent 0 26px,var(--line) 26px 27px);
  mask-image:radial-gradient(circle at 50% 0,#000 0,transparent 68%);
  -webkit-mask-image:radial-gradient(circle at 50% 0,#000 0,transparent 68%);
}

.apy-shell{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 22px}

h1,h2,h3,.apy-wordmark,.apy-num{font-family:"Rubik Lines","Rubik",Impact,sans-serif;font-weight:400}

h1{font-size:2.05rem;line-height:1.24;margin:.2em 0 .5em;letter-spacing:.2px}
h2{font-size:1.44rem;line-height:1.3;margin:0 0 .35em}
h3{font-size:1.1rem;line-height:1.35;margin:1.4em 0 .4em;color:var(--gold)}
p{margin:0 0 1em}
a{color:var(--gold)}

/* ——— шапка-улей: лого в рамке слева, кнопки справа как два летка в сотовой сетке ——— */
.apy-hive-bar{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(20,16,18,.95);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(7px);
}
.apy-hive-bar .apy-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:70px;
  padding-top:9px;
  padding-bottom:9px;
}
/* рамка улья вокруг вордмарка */
.apy-frame{
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  padding:8px 15px;
  border:1px solid var(--line);
  border-left:3px solid var(--red);
  background:
    repeating-linear-gradient(60deg,transparent 0 11px,rgba(240,203,128,.07) 11px 12px),
    var(--surface);
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  text-decoration:none;
}
.apy-wordmark{font-size:1.32rem;color:var(--ink);letter-spacing:1.4px}
.apy-wordmark-tail{font-size:.72rem;color:var(--muted);letter-spacing:2.2px;font-family:"Merriweather",serif}

/* два летка */
.apy-entrances{display:flex;align-items:center;gap:10px}
.apy-entrance{
  position:relative;
  display:inline-block;
  padding:11px 19px;
  border-radius:var(--radius);
  font-family:"Merriweather",serif;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
  line-height:1;
}
.apy-entrance::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:4px;
  height:2px;
  background:currentColor;
  opacity:.35;
}
.apy-entrance-outer{color:var(--gold);border:1px solid var(--red);background:transparent}
.apy-entrance-inner{color:#fff;background:var(--red);border:1px solid var(--red)}

/* ——— рамки улья: секции ——— */
.apy-frameblock{
  position:relative;
  margin:0 0 34px;
  padding:26px 24px 24px 30px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
}
/* лётная доска у каждой рамки */
.apy-frameblock::before{
  content:"";
  position:absolute;
  left:0;top:18px;bottom:18px;
  width:6px;
  background:
    repeating-linear-gradient(to bottom,var(--red) 0 12px,transparent 12px 20px);
  border-radius:var(--radius) 0 0 var(--radius);
}
.apy-frameblock > h2{padding-left:2px}
.apy-tag{
  display:inline-block;
  margin:0 0 10px;
  padding:2px 10px;
  font-size:.7rem;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:var(--gold);
  border:1px solid var(--line);
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
  font-family:"Merriweather",serif;
}

/* ——— первый экран ——— */
.apy-hero{padding:38px 0 10px}
.apy-lead{font-size:1.06rem;color:#DCD0D3;max-width:62ch}
.apy-num{color:var(--gold);font-weight:400}
.apy-hi{color:var(--gold)}
.apy-hi-red{color:#E0788A}
.apy-ok{color:var(--green)}

/* KPI — сотовая сетка плиток */
.apy-comb{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin:26px 0 30px;
}
.apy-cell{
  padding:16px 14px;
  background:var(--surface);
  border:1px solid var(--line);
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
}
.apy-cell-k{display:block;font-size:.71rem;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}
.apy-cell-v{display:block;margin-top:6px;font-family:"Rubik Lines","Rubik",sans-serif;font-size:1.3rem;color:var(--gold)}
.apy-cell-s{display:block;font-size:.76rem;color:var(--muted)}

/* ——— CTA ——— */
.apy-cta-row{margin:22px 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.apy-cta{
  display:inline-block;
  padding:14px 28px;
  background:var(--red);
  color:#fff;
  text-decoration:none;
  border-radius:var(--radius);
  font-weight:700;
  font-size:.98rem;
  border:1px solid var(--red);
}
.apy-cta-note{font-size:.84rem;color:var(--muted)}

/* ——— списки с шестиугольными маркерами ——— */
.apy-list{list-style:none;margin:0 0 1em;padding:0}
.apy-list li{position:relative;padding:0 0 0 24px;margin:0 0 .55em}
.apy-list li::before{
  content:"";
  position:absolute;
  left:0;top:.62em;
  width:11px;height:11px;
  background:var(--gold);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.apy-list-red li::before{background:var(--red)}

/* ——— таблицы в доковой обёртке ——— */
.apy-scroll{overflow-x:auto;margin:0 0 1.1em;border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}
caption{caption-side:top;text-align:left;padding:10px 12px;color:var(--muted);font-size:.82rem}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
thead th{
  background:
    repeating-linear-gradient(60deg,transparent 0 9px,rgba(240,203,128,.06) 9px 10px),
    #241D20;
  color:var(--gold);
  font-family:"Rubik Lines","Rubik",sans-serif;
  font-weight:400;
  font-size:.86rem;
  letter-spacing:.3px;
}
tbody tr:last-child td{border-bottom:0}

/* ——— карточки в сотах ——— */
.apy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 1.1em}
.apy-grid-2{grid-template-columns:repeat(2,1fr)}
.apy-card{
  padding:16px 16px 14px;
  background:#231C1F;
  border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
}
.apy-card h3{margin:0 0 .35em;font-size:1rem}
.apy-card p{margin:0;font-size:.89rem;color:#D4C7CA}

/* ——— ступени клуба ——— */
.apy-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 1.1em}
.apy-rung{
  padding:14px 10px;
  text-align:center;
  border:1px solid var(--line);
  background:var(--surface);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.apy-rung span{display:block}
.apy-rung-name{font-family:"Rubik Lines","Rubik",sans-serif;color:var(--ink);font-size:.98rem}
.apy-rung-val{color:var(--gold);font-size:.84rem;margin-top:4px}

/* ——— SVG ——— */
.apy-plate{margin:20px 0 22px;padding:16px;background:#221B1E;border:1px solid var(--line);border-radius:var(--radius)}
.apy-plate svg{display:block;width:100%;max-width:100%;height:auto}
.apy-plate figcaption{margin-top:9px;font-size:.81rem;color:var(--muted)}

/* ——— FAQ ——— */
.apy-faq details{
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:var(--radius);
  margin:0 0 9px;
  padding:0 16px;
}
.apy-faq summary{
  cursor:pointer;
  padding:13px 0;
  font-family:"Rubik Lines","Rubik",sans-serif;
  font-size:1rem;
  color:var(--ink);
  list-style:none;
}
.apy-faq summary::-webkit-details-marker{display:none}
.apy-faq summary::before{
  content:"";
  display:inline-block;
  width:10px;height:10px;
  margin-right:10px;
  background:var(--red);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
.apy-faq details[open] summary::before{background:var(--gold)}
.apy-faq p{margin:0 0 14px;font-size:.92rem;color:#D4C7CA}

/* ——— отзыв ——— */
.apy-voice{
  margin:0 0 1.1em;
  padding:16px 18px;
  border-left:3px solid var(--gold);
  background:#231C1F;
  font-size:.93rem;
}
.apy-voice-sign{display:block;margin-top:8px;font-size:.8rem;color:var(--muted)}

/* ——— подвал ——— */
.apy-base{
  margin-top:40px;
  padding:26px 0 40px;
  border-top:1px solid var(--line);
  background:#191416;
  font-size:.85rem;
  color:var(--muted);
}
.apy-base p{margin:0 0 .6em}
.apy-age{
  display:inline-block;
  margin-top:6px;
  padding:7px 13px;
  border:1px solid var(--red);
  color:#E5D7DA;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}

@media (max-width:900px){
  .apy-comb{grid-template-columns:repeat(3,1fr)}
  .apy-grid,.apy-grid-2{grid-template-columns:repeat(2,1fr)}
  .apy-ladder{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:640px){
  body{font-size:15px;line-height:1.68}
  .apy-shell{padding:0 14px}
  h1{font-size:1.5rem}
  h2{font-size:1.2rem}
  .apy-hive-bar .apy-shell{min-height:62px;gap:8px}
  .apy-frame{padding:6px 10px;gap:5px}
  .apy-wordmark{font-size:1.02rem}
  .apy-wordmark-tail{display:none}
  .apy-entrances{gap:7px}
  .apy-entrance{padding:9px 12px;font-size:.78rem}
  .apy-entrance::after{left:7px;right:7px}
  .apy-comb{grid-template-columns:repeat(2,1fr);gap:8px}
  .apy-grid,.apy-grid-2{grid-template-columns:1fr}
  .apy-ladder{grid-template-columns:repeat(2,1fr)}
  .apy-frameblock{padding:20px 15px 18px 21px;margin-bottom:26px}
  .apy-plate{padding:11px}
  .apy-cta{display:block;text-align:center;padding:13px 16px}
  table{min-width:520px}
}