/* ==========================================================================
   7k787j.casino — «глубокий лес и латунная нить» (тёмная тема)
   Шаблон G: полноэкранный постер, липкие боковые заголовки, KPI-полосы.
   Префикс классов: .invitepair-
   Шрифты: Underdog (заголовки) / Manrope (текст)
   ========================================================================== */

:root{
  --invitepair-bg:#0c1511;
  --invitepair-deep:#080f0c;
  --invitepair-panel:#122019;
  --invitepair-panel-2:#18291f;
  --invitepair-line:#22362b;
  --invitepair-line-2:#2f4a3a;
  --invitepair-acc:#3f9a6a;
  --invitepair-acc-hi:#57b985;
  --invitepair-acc-soft:rgba(63,154,106,.13);
  --invitepair-brass:#c9a45a;
  --invitepair-brass-hi:#e2c48c;
  --invitepair-txt:#e4efe7;
  --invitepair-txt-2:#c4d6c9;
  --invitepair-mut:#8ba493;
  --invitepair-max:1160px;
  --invitepair-r:2px 18px 18px 2px;
  --invitepair-r2:18px 2px 2px 18px;
  --invitepair-fh:"Underdog","Georgia","Times New Roman",serif;
  --invitepair-fb:"Manrope","Segoe UI",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}

body{
  margin:0;
  background:var(--invitepair-bg);
  color:var(--invitepair-txt);
  font-family:var(--invitepair-fb);
  font-size:17px;
  font-weight:400;
  line-height:1.76;
  letter-spacing:.002em;
  -webkit-font-smoothing:antialiased;
}

img,svg{max-width:100%}
a{color:var(--invitepair-brass);text-decoration:none}
a:hover{color:var(--invitepair-brass-hi)}
p{margin:0 0 18px}
::selection{background:var(--invitepair-acc);color:#f2fbf5}
:focus-visible{outline:2px solid var(--invitepair-brass);outline-offset:3px}

.invitepair-skip{
  position:absolute;left:-9999px;top:0;z-index:80;
  padding:11px 20px;background:var(--invitepair-brass);color:#101a14;font-weight:700;
}
.invitepair-skip:focus{left:14px;top:14px}

.invitepair-wrap{max-width:var(--invitepair-max);margin:0 auto;padding:0 26px}

/* ------------------------------------------------------------------ шапка */
.invitepair-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  padding:12px 26px;
  background:rgba(12,21,17,.94);
  border-bottom:1px solid var(--invitepair-line);
  backdrop-filter:blur(9px);
}
.invitepair-logo{display:flex;align-items:center;gap:11px;color:var(--invitepair-txt)}
.invitepair-logo svg{width:35px;height:35px;flex:0 0 35px}
.invitepair-logo__n{
  display:block;font-family:var(--invitepair-fh);font-size:20px;line-height:1.08;
  letter-spacing:.04em;color:var(--invitepair-txt);
}
.invitepair-logo__s{display:block;font-size:10.5px;color:var(--invitepair-mut);letter-spacing:.2em;text-transform:uppercase}
.invitepair-nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.invitepair-nav a{color:var(--invitepair-mut);font-size:14px;font-weight:600}
.invitepair-nav a:hover{color:var(--invitepair-acc-hi)}
.invitepair-go{
  display:inline-block;padding:11px 22px;
  background:var(--invitepair-acc);color:#07110b;
  border-radius:2px 14px 14px 2px;
  font-size:14px;font-weight:700;letter-spacing:.02em;white-space:nowrap;
}
.invitepair-go:hover{background:var(--invitepair-acc-hi);color:#05100a}

/* ---------------------------------------------------------------- постер */
.invitepair-poster{
  position:relative;min-height:88vh;
  display:flex;align-items:center;
  padding:58px 0 46px;
  border-bottom:1px solid var(--invitepair-line);
  background:
    radial-gradient(980px 560px at 84% 12%,rgba(63,154,106,.22),transparent 64%),
    radial-gradient(720px 520px at 4% 96%,rgba(201,164,90,.11),transparent 60%),
    linear-gradient(180deg,#0c1511,#0a120e);
  overflow:hidden;
}
.invitepair-poster__grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:46px;align-items:center;
}
.invitepair-eyebrow{
  font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--invitepair-brass);margin:0 0 20px;
}
.invitepair-h1{
  font-family:var(--invitepair-fh);
  font-size:clamp(30px,4.5vw,56px);
  line-height:1.14;letter-spacing:.004em;
  margin:0 0 22px;color:#f2f9f4;font-weight:400;
}
.invitepair-h1 em{font-style:normal;color:var(--invitepair-acc-hi)}
.invitepair-lead{font-size:19px;color:var(--invitepair-txt-2);max-width:60ch;margin:0 0 26px}
.invitepair-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.invitepair-btn{
  display:inline-block;padding:15px 30px;
  font-weight:700;font-size:16px;letter-spacing:.015em;
}
.invitepair-btn--main{background:var(--invitepair-acc);color:#07110b;border-radius:2px 16px 16px 2px}
.invitepair-btn--main:hover{background:var(--invitepair-acc-hi);color:#05100a}
.invitepair-btn--ghost{
  border:1px solid var(--invitepair-line-2);color:var(--invitepair-txt);
  background:rgba(18,32,25,.65);border-radius:16px 2px 2px 16px;
}
.invitepair-btn--ghost:hover{border-color:var(--invitepair-brass);color:var(--invitepair-brass)}

.invitepair-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:4px}
.invitepair-quick a{
  display:block;padding:14px 16px;background:rgba(18,32,25,.86);
  border:1px solid var(--invitepair-line);border-bottom:3px solid var(--invitepair-acc);
  border-radius:10px 10px 0 0;color:var(--invitepair-txt);
}
.invitepair-quick a:hover{border-bottom-color:var(--invitepair-brass);background:var(--invitepair-panel-2)}
.invitepair-quick span{display:block}
.invitepair-quick__t{font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--invitepair-acc-hi)}
.invitepair-quick__d{font-size:12px;color:var(--invitepair-mut);line-height:1.5;margin-top:3px}

.invitepair-figure{position:relative;text-align:center}
.invitepair-figure svg{width:100%;max-width:390px;height:auto;opacity:.96}
.invitepair-figure__cap{
  display:block;margin-top:12px;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--invitepair-mut);
}
.invitepair-huge{
  font-family:var(--invitepair-fh);
  font-size:clamp(42px,6.6vw,86px);line-height:1;color:var(--invitepair-brass);
  margin:0 0 6px;letter-spacing:-.008em;
}
.invitepair-huge span{
  display:block;font-family:var(--invitepair-fb);font-size:12.5px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--invitepair-mut);margin-top:11px;
}

/* ------------------------------------------------------------- KPI-полоса */
.invitepair-kpi{
  background:linear-gradient(90deg,rgba(63,154,106,.24),rgba(63,154,106,.06) 58%,rgba(201,164,90,.13));
  border-top:1px solid var(--invitepair-line-2);
  border-bottom:1px solid var(--invitepair-line-2);
  padding:27px 0;
}
.invitepair-kpi__in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.invitepair-kpi--four .invitepair-kpi__in{grid-template-columns:repeat(4,minmax(0,1fr))}
.invitepair-kpi--three .invitepair-kpi__in{grid-template-columns:repeat(3,minmax(0,1fr))}
.invitepair-kpi__n{font-family:var(--invitepair-fh);font-size:30px;line-height:1.08;color:var(--invitepair-brass)}
.invitepair-kpi__l{font-size:13px;color:var(--invitepair-txt-2);line-height:1.5;margin-top:5px}

/* ------------------------------------------------- секция с sticky-H2 */
.invitepair-sec{padding:68px 0;border-bottom:1px solid var(--invitepair-line)}
.invitepair-sec__grid{display:grid;grid-template-columns:296px minmax(0,1fr);gap:54px;align-items:start}
.invitepair-side{position:sticky;top:90px}
.invitepair-num{
  font-family:var(--invitepair-fh);font-size:13px;letter-spacing:.22em;
  color:var(--invitepair-acc-hi);display:block;margin-bottom:12px;
}
.invitepair-h2{
  font-family:var(--invitepair-fh);font-weight:400;
  font-size:clamp(23px,2.4vw,32px);line-height:1.2;margin:0 0 14px;color:#f1f8f3;
}
.invitepair-side__s{font-size:14px;color:var(--invitepair-mut);line-height:1.6;margin:0;padding-left:14px;border-left:2px solid var(--invitepair-line-2)}
.invitepair-h3{
  font-family:var(--invitepair-fh);font-weight:400;font-size:21px;
  line-height:1.32;margin:30px 0 12px;color:var(--invitepair-brass);
}

/* --------------------------------------------------------------- карточки */
.invitepair-deps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px}
.invitepair-dep{
  padding:20px 18px;background:var(--invitepair-panel);
  border:1px solid var(--invitepair-line);border-radius:var(--invitepair-r);
  border-left:3px solid var(--invitepair-brass);
}
.invitepair-dep__t{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--invitepair-mut)}
.invitepair-dep__p{font-family:var(--invitepair-fh);font-size:34px;color:var(--invitepair-acc-hi);line-height:1.06;margin:8px 0 7px}
.invitepair-dep__d{font-size:14px;color:var(--invitepair-txt-2);line-height:1.56;margin:0}

.invitepair-chips{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 6px;padding:0;list-style:none}
.invitepair-chips li{
  padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--invitepair-txt-2);
  background:var(--invitepair-acc-soft);border:1px solid var(--invitepair-line-2);
  border-radius:3px 14px 3px 14px;
}

.invitepair-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.invitepair-step{
  padding:22px 20px;background:var(--invitepair-panel);
  border:1px solid var(--invitepair-line);border-radius:var(--invitepair-r2);
  border-top:3px solid var(--invitepair-acc);
}
.invitepair-step__n{font-family:var(--invitepair-fh);font-size:27px;color:var(--invitepair-brass)}
.invitepair-step__t{font-size:16px;font-weight:700;margin:6px 0 7px;color:#eff7f2}
.invitepair-step__d{font-size:14.5px;color:var(--invitepair-txt-2);line-height:1.62;margin:0}

.invitepair-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.invitepair-slot{
  padding:18px;background:var(--invitepair-panel);
  border:1px solid var(--invitepair-line);border-radius:var(--invitepair-r);
}
.invitepair-slot:hover{border-color:var(--invitepair-line-2)}
.invitepair-slot__t{font-family:var(--invitepair-fh);font-size:19px;color:#f0f7f3;line-height:1.26}
.invitepair-slot__s{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--invitepair-mut);margin:5px 0 10px}
.invitepair-slot__m{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.invitepair-tag{
  font-size:12px;padding:4px 10px;border-radius:3px;
  background:rgba(201,164,90,.13);color:var(--invitepair-brass);border:1px solid rgba(201,164,90,.3);
}
.invitepair-tag--v{background:var(--invitepair-acc-soft);color:var(--invitepair-acc-hi);border-color:rgba(63,154,106,.34)}
.invitepair-slot__d{font-size:14px;color:var(--invitepair-txt-2);line-height:1.6;margin:0}

/* ---------------------------------------------------------------- таблицы */
.invitepair-tblwrap{
  overflow-x:auto;margin:12px 0 18px;
  border:1px solid var(--invitepair-line);border-left:3px solid var(--invitepair-acc);
}
.invitepair-tbl{width:100%;border-collapse:collapse;min-width:620px;font-size:14.5px}
.invitepair-tbl caption{
  caption-side:top;text-align:left;padding:14px 18px;
  font-size:13px;color:var(--invitepair-mut);background:var(--invitepair-panel-2);
  border-bottom:1px solid var(--invitepair-line);
}
.invitepair-tbl th,.invitepair-tbl td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--invitepair-line)}
.invitepair-tbl th{
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--invitepair-acc-hi);font-weight:700;background:var(--invitepair-panel);
}
.invitepair-tbl tbody tr:nth-child(odd){background:rgba(18,32,25,.5)}
.invitepair-tbl tr:last-child td{border-bottom:none}
.invitepair-tbl td{color:var(--invitepair-txt-2)}
.invitepair-tbl td:first-child{color:#eef6f1;font-weight:600}

/* ------------------------------------------------------------- лояльность */
.invitepair-vip{display:grid;gap:11px}
.invitepair-vip__row{
  display:grid;grid-template-columns:142px 1fr 100px;gap:18px;align-items:center;
  padding:16px 20px;background:var(--invitepair-panel);
  border:1px solid var(--invitepair-line);border-radius:var(--invitepair-r);
}
.invitepair-vip__row:hover{border-color:var(--invitepair-line-2);background:var(--invitepair-panel-2)}
.invitepair-vip__n{font-family:var(--invitepair-fh);font-size:20px;color:#f0f7f2}
.invitepair-vip__d{font-size:14.5px;color:var(--invitepair-txt-2);line-height:1.56}
.invitepair-vip__p{font-family:var(--invitepair-fh);font-size:26px;color:var(--invitepair-brass);text-align:right}

/* ----------------------------------------------------------------- отзывы */
.invitepair-revs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.invitepair-rev{
  padding:22px 20px;background:var(--invitepair-panel);
  border:1px solid var(--invitepair-line);border-top:3px solid var(--invitepair-brass);
  border-radius:0 0 16px 16px;
}
.invitepair-rev__s{color:var(--invitepair-brass);letter-spacing:.24em;font-size:13px}
.invitepair-rev__q{font-size:15px;color:var(--invitepair-txt-2);line-height:1.7;margin:9px 0 12px}
.invitepair-rev__a{font-size:13px;color:var(--invitepair-mut);margin:0}

/* -------------------------------------------------------------------- FAQ */
.invitepair-faq{display:grid;gap:10px}
.invitepair-faq details{
  background:var(--invitepair-panel);border:1px solid var(--invitepair-line);
  border-left:3px solid var(--invitepair-line-2);padding:0 18px;
}
.invitepair-faq details[open]{border-left-color:var(--invitepair-acc)}
.invitepair-faq summary{
  cursor:pointer;padding:15px 0;font-size:16px;color:#eff7f2;font-weight:600;
  list-style:none;position:relative;padding-right:32px;
}
.invitepair-faq summary::-webkit-details-marker{display:none}
.invitepair-faq summary::after{
  content:"›";position:absolute;right:4px;top:11px;
  color:var(--invitepair-acc-hi);font-size:24px;line-height:1;
}
.invitepair-faq details[open] summary::after{content:"⌄";top:8px}
.invitepair-faq details[open] summary{color:var(--invitepair-brass)}
.invitepair-faq p{font-size:15px;color:var(--invitepair-txt-2);margin:0 0 16px;line-height:1.7}

/* ----------------------------------------------------------------- author */
.invitepair-author{
  background:var(--invitepair-panel);border:1px solid var(--invitepair-line-2);
  border-left:4px solid var(--invitepair-brass);padding:28px 26px;
}
.invitepair-author p{font-size:15px;color:var(--invitepair-txt-2)}
.invitepair-author p:last-child{margin-bottom:0}

/* ------------------------------------------------------------------ футер */
.invitepair-foot{padding:50px 0 42px;background:var(--invitepair-deep);border-top:1px solid var(--invitepair-line)}
.invitepair-foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.invitepair-foot h2{font-family:var(--invitepair-fh);font-weight:400;font-size:18px;color:var(--invitepair-brass);margin:0 0 12px}
.invitepair-foot p,.invitepair-foot li{font-size:14px;color:#9db1a4;line-height:1.68}
.invitepair-foot ul{margin:0;padding-left:18px}
.invitepair-foot__bot{
  margin-top:32px;padding-top:20px;border-top:1px solid var(--invitepair-line);
  font-size:13px;color:#7e9387;
}
.invitepair-age{
  display:inline-block;margin-right:10px;padding:3px 11px;
  border:1px solid var(--invitepair-brass);color:var(--invitepair-brass);
  border-radius:2px;font-size:12px;font-weight:700;letter-spacing:.08em;
}

/* ---------------------------------------------------------------- адаптив */
@media (max-width:1000px){
  .invitepair-poster__grid{grid-template-columns:1fr;gap:32px}
  .invitepair-figure{order:-1}
  .invitepair-sec__grid{grid-template-columns:1fr;gap:22px}
  .invitepair-side{position:static;top:auto}
  .invitepair-side__s{padding-left:0;border-left:none;border-top:2px solid var(--invitepair-line-2);padding-top:10px}
  .invitepair-kpi__in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .invitepair-kpi--four .invitepair-kpi__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .invitepair-deps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .invitepair-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .invitepair-nav{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .invitepair-wrap{padding:0 16px}
  .invitepair-bar{padding:10px 16px;gap:12px}
  .invitepair-poster{min-height:auto;padding:36px 0 32px}
  .invitepair-sec{padding:44px 0}
  .invitepair-kpi__in,
  .invitepair-kpi--four .invitepair-kpi__in,
  .invitepair-kpi--three .invitepair-kpi__in{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .invitepair-deps,.invitepair-steps,.invitepair-slots,.invitepair-revs,.invitepair-foot__cols{grid-template-columns:1fr}
  .invitepair-quick{grid-template-columns:1fr}
  .invitepair-vip__row{grid-template-columns:1fr;gap:6px}
  .invitepair-vip__p{text-align:left}
  .invitepair-lead{font-size:17px}
  .invitepair-logo__s{display:none}
}