/* 7k7686.casino — графитовый лён */
:root{
  --inlet-bg:#121314;
  --inlet-bg-2:#191b1c;
  --inlet-bg-3:#1f2223;
  --inlet-flax:#d9cfc0;
  --inlet-ochre:#c78a3b;
  --inlet-ochre-dim:#8f6228;
  --inlet-text:#f2efe9;
  --inlet-muted:#a49c90;
  --inlet-line:#2c2f31;
  --inlet-radius:14px;
  --inlet-shadow:0 18px 48px rgba(0,0,0,.55);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--inlet-bg);
  color:var(--inlet-text);
  font-family:"Literata",Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.72;
  letter-spacing:.005em;
}
h1,h2,h3,h4,.inlet-kpi__num,.inlet-logo{
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.16;
  margin:0 0 .5em;
}
h1{font-size:2.55rem;color:var(--inlet-flax)}
h2{font-size:1.86rem;color:var(--inlet-flax)}
h3{font-size:1.24rem;color:var(--inlet-text)}
p{margin:0 0 1.05em}
a{color:var(--inlet-ochre);text-decoration:none}
a:hover{text-decoration:underline}
.inlet-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 26px}

/* ── шапка ── */
.inlet-top{
  position:sticky;top:0;z-index:40;
  background:rgba(18,19,20,.94);
  border-bottom:1px solid var(--inlet-line);
  backdrop-filter:blur(9px);
}
.inlet-top__in{display:flex;align-items:center;gap:22px;min-height:70px}
.inlet-logo{font-size:1.42rem;color:var(--inlet-flax);white-space:nowrap;margin:0}
.inlet-logo span{color:var(--inlet-ochre)}
.inlet-nav{display:flex;gap:19px;flex-wrap:wrap;margin-left:auto;font-size:.92rem}
.inlet-nav a{color:var(--inlet-muted)}
.inlet-nav a:hover{color:var(--inlet-flax);text-decoration:none}

/* ── кнопки ── */
.inlet-btn{
  display:inline-block;padding:14px 30px;border-radius:10px;
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;
  font-size:1.06rem;font-weight:700;text-align:center;
  border:1px solid transparent;transition:.18s ease;
}
.inlet-btn:hover{text-decoration:none;transform:translateY(-2px)}
.inlet-btn--main{background:var(--inlet-ochre);color:#17130c;box-shadow:0 10px 26px rgba(199,138,59,.28)}
.inlet-btn--main:hover{background:#d9a154}
.inlet-btn--ghost{border-color:var(--inlet-ochre-dim);color:var(--inlet-flax);background:transparent}
.inlet-btn--ghost:hover{border-color:var(--inlet-ochre);background:rgba(199,138,59,.09)}

/* ── hero ── */
.inlet-hero{
  padding:64px 0 56px;
  background:
    radial-gradient(720px 340px at 12% 0%,rgba(199,138,59,.14),transparent 68%),
    linear-gradient(180deg,#141516 0%,var(--inlet-bg) 100%);
  border-bottom:1px solid var(--inlet-line);
}
.inlet-hero__grid{display:grid;grid-template-columns:1.32fr .88fr;gap:40px;align-items:start}
.inlet-hero__lead{font-size:1.1rem;color:#e2ded6;max-width:39em}
.inlet-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 32px}
.inlet-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.inlet-kpi__cell{
  background:var(--inlet-bg-2);border:1px solid var(--inlet-line);
  border-radius:12px;padding:15px 14px;
}
.inlet-kpi__num{font-size:1.42rem;color:var(--inlet-ochre);margin:0 0 3px}
.inlet-kpi__cap{font-size:.8rem;color:var(--inlet-muted);line-height:1.4}

/* ── паспорт площадки ── */
.inlet-pass{
  background:linear-gradient(160deg,#1c1e1f,#161819);
  border:1px solid #33373a;border-radius:var(--inlet-radius);
  padding:24px 24px 18px;box-shadow:var(--inlet-shadow);
}
.inlet-pass__t{
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;font-size:1.14rem;
  color:var(--inlet-ochre);text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;
}
.inlet-pass__row{
  display:flex;justify-content:space-between;gap:14px;
  padding:9px 0;border-bottom:1px dashed #303436;font-size:.9rem;
}
.inlet-pass__row:last-child{border-bottom:0}
.inlet-pass__k{color:var(--inlet-muted);flex:0 0 41%}
.inlet-pass__v{color:var(--inlet-flax);text-align:right}

/* ── секции ── */
.inlet-sec{padding:52px 0;border-bottom:1px solid var(--inlet-line)}
.inlet-sec--alt{background:var(--inlet-bg-2)}
.inlet-sec__note{color:var(--inlet-muted);font-size:.95rem}

/* ── таблицы ── */
.inlet-tw{overflow-x:auto;margin:22px 0;border:1px solid var(--inlet-line);border-radius:12px}
.inlet-tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:.93rem}
.inlet-tbl caption{
  caption-side:top;text-align:left;padding:13px 16px;
  color:var(--inlet-muted);font-size:.86rem;background:#16181a;
}
.inlet-tbl th,.inlet-tbl td{padding:12px 16px;border-bottom:1px solid var(--inlet-line);text-align:left}
.inlet-tbl th{
  background:#1d2021;color:var(--inlet-flax);
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;font-weight:700;
  font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;
}
.inlet-tbl tbody tr:nth-child(even){background:rgba(255,255,255,.018)}
.inlet-tbl tbody tr:hover{background:rgba(199,138,59,.07)}
.inlet-tbl td:first-child{color:var(--inlet-flax)}
.inlet-tbl tr:last-child td{border-bottom:0}

/* ── шаги ── */
.inlet-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}
.inlet-step{
  background:var(--inlet-bg-3);border:1px solid var(--inlet-line);
  border-radius:12px;padding:20px 18px;
}
.inlet-step__n{
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;font-size:2rem;
  color:var(--inlet-ochre-dim);line-height:1;margin-bottom:8px;
}
.inlet-step h3{font-size:1.06rem;margin-bottom:6px}
.inlet-step p{font-size:.9rem;color:#ddd8cf;margin:0}

/* ── карточки ── */
.inlet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}
.inlet-card{
  background:var(--inlet-bg-3);border:1px solid var(--inlet-line);
  border-radius:12px;padding:21px 19px;
}
.inlet-card h3{color:var(--inlet-ochre);font-size:1.08rem}
.inlet-card p{font-size:.92rem;margin:0;color:#ddd8cf}
.inlet-cards--2{grid-template-columns:repeat(2,1fr)}
.inlet-cards--4{grid-template-columns:repeat(4,1fr)}

/* ── турнир ── */
.inlet-tour{
  background:linear-gradient(120deg,rgba(199,138,59,.17),rgba(217,207,192,.05));
  border:1px solid var(--inlet-ochre-dim);border-radius:var(--inlet-radius);
  padding:30px 28px;margin:24px 0;
}
.inlet-tour__sum{
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;
  font-size:2.4rem;color:var(--inlet-ochre);line-height:1.1;margin-bottom:8px;
}

/* ── отзывы ── */
.inlet-revs{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}
.inlet-rev{
  background:var(--inlet-bg-3);border-left:3px solid var(--inlet-ochre);
  border-radius:0 12px 12px 0;padding:20px 22px;
}
.inlet-rev__who{
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;
  color:var(--inlet-flax);font-size:1.03rem;margin-bottom:2px;
}
.inlet-rev__meta{color:var(--inlet-muted);font-size:.8rem;margin-bottom:10px}
.inlet-rev p{font-size:.93rem;margin:0;color:#ded9d1}

/* ── faq ── */
.inlet-faq{margin:24px 0}
.inlet-faq details{
  background:var(--inlet-bg-3);border:1px solid var(--inlet-line);
  border-radius:11px;margin-bottom:11px;padding:0 19px;
}
.inlet-faq summary{
  cursor:pointer;padding:16px 0;list-style:none;
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;
  font-size:1.06rem;color:var(--inlet-flax);position:relative;padding-right:32px;
}
.inlet-faq summary::-webkit-details-marker{display:none}
.inlet-faq summary::after{
  content:"+";position:absolute;right:2px;top:13px;
  color:var(--inlet-ochre);font-size:1.5rem;line-height:1;
}
.inlet-faq details[open] summary::after{content:"−"}
.inlet-faq details[open] summary{color:var(--inlet-ochre)}
.inlet-faq p{font-size:.94rem;color:#ddd8cf;padding-bottom:6px}

/* ── полоса cta ── */
.inlet-strip{
  background:linear-gradient(100deg,#1e2122,#171a1b);
  border-top:1px solid var(--inlet-ochre-dim);
  border-bottom:1px solid var(--inlet-ochre-dim);
  padding:44px 0;text-align:center;
}
.inlet-strip h2{margin-bottom:12px}
.inlet-strip p{max-width:64ch;margin:0 auto 22px;color:#ddd8cf}

/* ── редакция ── */
.inlet-edit{
  background:var(--inlet-bg-2);border:1px solid var(--inlet-line);
  border-radius:12px;padding:24px 26px;margin:24px 0;font-size:.93rem;color:#d5d0c7;
}

/* ── футер ── */
.inlet-foot{background:#0e0f10;padding:44px 0 34px;font-size:.87rem;color:var(--inlet-muted)}
.inlet-foot__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:24px}
.inlet-foot h4{color:var(--inlet-flax);font-size:1.02rem;margin-bottom:9px}
.inlet-foot p{margin:0 0 .6em;line-height:1.62}
.inlet-age{
  display:inline-block;border:2px solid var(--inlet-ochre);color:var(--inlet-ochre);
  border-radius:50%;width:46px;height:46px;line-height:42px;text-align:center;
  font-family:"Cuprum","Trebuchet MS",Arial,sans-serif;font-size:1.02rem;margin-bottom:12px;
}
.inlet-foot__bot{border-top:1px solid #212425;padding-top:18px;font-size:.82rem;line-height:1.66}

/* ── адаптив ── */
@media (max-width:1000px){
  body{font-size:16px}
  h1{font-size:2.05rem}
  h2{font-size:1.56rem}
  .inlet-wrap{padding:0 20px}
  .inlet-hero{padding:44px 0 40px}
  .inlet-hero__grid{grid-template-columns:1fr;gap:30px}
  .inlet-kpi{grid-template-columns:repeat(2,1fr)}
  .inlet-steps{grid-template-columns:repeat(2,1fr)}
  .inlet-cards,.inlet-cards--4{grid-template-columns:repeat(2,1fr)}
  .inlet-foot__grid{grid-template-columns:1fr 1fr}
  .inlet-nav{gap:14px;font-size:.86rem}
  .inlet-sec{padding:40px 0}
}
@media (max-width:600px){
  body{font-size:15.5px;line-height:1.68}
  h1{font-size:1.66rem}
  h2{font-size:1.34rem}
  h3{font-size:1.06rem}
  .inlet-wrap{padding:0 15px}
  .inlet-top__in{min-height:60px;gap:12px}
  .inlet-nav{display:none}
  .inlet-hero{padding:32px 0 30px}
  .inlet-kpi{grid-template-columns:1fr 1fr;gap:9px}
  .inlet-kpi__num{font-size:1.2rem}
  .inlet-hero__cta{gap:10px;margin:20px 0 24px}
  .inlet-btn{display:block;width:100%;padding:13px 18px;font-size:1rem}
  .inlet-steps,.inlet-cards,.inlet-cards--2,.inlet-cards--4,.inlet-revs{grid-template-columns:1fr}
  .inlet-pass{padding:19px 17px 14px}
  .inlet-pass__row{flex-direction:column;gap:2px}
  .inlet-pass__v{text-align:left}
  .inlet-tour__sum{font-size:1.72rem}
  .inlet-tour{padding:22px 18px}
  .inlet-foot__grid{grid-template-columns:1fr}
  .inlet-sec{padding:32px 0}
  .inlet-edit{padding:18px 16px}
}

/* мобильный скролл широких таблиц */
@media (max-width: 600px) {
  table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch }
}
