/***********************
 * Глобальная сцена
 ***********************/
body.landing-casino {
  background: var(--bg-page);
  color: var(--ink-700);
}

/* Скрыть шапку/навигацию/футер/сайдбар/заголовок записи только тут */
body.landing-casino .site-header,
body.landing-casino .main-navigation,
body.landing-casino .site-footer,
body.landing-casino .widget-area,
body.landing-casino .entry-header,
body.landing-casino .page-hero,
body.landing-casino .page-title,
body.landing-casino .entry-title { display: none !important; }

/* Растянуть контент */
body.landing-casino #primary,
body.landing-casino .content-area,
body.landing-casino .site-content { width: 100%; max-width: none; padding: 0; margin: 0; }

body.landing-casino article {
  width: min(var(--container-max), 92vw);
  margin-inline: auto;
  padding: clamp(16px, 2.5vw, 32px);
}

/* H1 */
body.landing-casino article > h1 {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.1;
  margin: 8px 0 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, var(--ink-900), var(--brand-1));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.landing-casino article > h1::after {
  content: ""; display: block; height: 6px; width: 120px; margin-top: 14px;
  border-radius: 999px; background: linear-gradient(90deg, var(--brand-1), var(--brand-2));
  box-shadow: var(--shadow-sm);
}

/* Базовые секции */
body.landing-casino article > section {
  padding: clamp(20px, 3.2vw, 36px);
  margin-block: clamp(16px, 2.6vw, 28px);
  border-radius: var(--radius-xxl);
  box-shadow: var(--shadow-sm);
  position: relative; overflow: hidden; background: #fff;
}
body.landing-casino article > section::before,
body.landing-casino article > section::after {
  content: ""; position: absolute; width: 420px; height: 420px; filter: blur(60px);
  opacity: .20; pointer-events: none; z-index: 0;
}
body.landing-casino article > section::before { top: -220px; left: -220px; background: radial-gradient(600px circle at center, var(--brand-3), transparent 60%); }
body.landing-casino article > section::after  { bottom: -220px; right: -220px; background: radial-gradient(600px circle at center, var(--brand-8), transparent 60%); }
body.landing-casino article > section > * { position: relative; z-index: 1; }

/* H2 / H3 */
body.landing-casino article h2 {
  font-size: clamp(22px, 2.5vw, 32px);
  margin: 0 0 18px; font-weight: 800; color: var(--ink-900);
  display: inline-block; padding: 8px 14px; border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
  box-shadow: inset 0 -2px 0 rgba(37, 99, 235, .10), var(--shadow-sm);
  border: 1px solid rgba(15, 23, 42, .08);
}
body.landing-casino article h3 {
  font-size: clamp(18px, 2vw, 22px);
  margin: 18px 0 10px; font-weight: 700; color: var(--ink-900);
  padding: 8px 12px 8px 40px; border-radius: 12px; background: #fff;
  border: 1px solid rgba(15,23,42,.08); box-shadow: var(--shadow-sm); position: relative;
}
body.landing-casino article h3::before {
  content: ""; position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; border-radius: 4px;
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

/* Текстовые элементы */
body.landing-casino article p { line-height: 1.7; margin: 10px 0 14px; color: var(--ink-700); }
body.landing-casino article p strong {
  color: var(--ink-900);
  background: linear-gradient(180deg, #fff 50%, #f0f4ff 100%);
  box-shadow: inset 0 -2px 0 rgba(37, 99, 235, .25);
  border-radius: 6px; padding: 0 4px;
}
body.landing-casino article a {
  color: var(--brand-1);
  text-decoration: underline; text-underline-offset: 3px;
}
body.landing-casino article em { color: var(--ink-600); }

/* Таблицы */
body.landing-casino article table {
  width: 100%; border-collapse: separate; border-spacing: 0;
  background: var(--bg-card); border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow-md); border: 1px solid rgba(15,23,42,.08);
}
body.landing-casino article thead th {
  position: sticky; top: 0; background: linear-gradient(180deg, #eef2ff, #e0e7ff);
  color: #1e293b; font-weight: 700; text-align: left; padding: 14px 16px;
  border-bottom: 1px solid rgba(15,23,42,.10);
}
body.landing-casino article tbody td {
  padding: 14px 16px; vertical-align: top; border-bottom: 1px solid rgba(15,23,42,.06);
}
body.landing-casino article tbody tr:nth-child(2n) td { background: #fbfdff; }
@media (max-width: 760px) { body.landing-casino article table { display: block; overflow-x: auto; } }

/* Списки как карточки */
body.landing-casino article ul {
  list-style: none; padding-left: 0; margin: 12px 0 6px;
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px;
}
@media (max-width: 760px) { body.landing-casino article ul { grid-template-columns: 1fr; } }
body.landing-casino article ul li {
  padding: 12px 12px 12px 42px; background: #fff;
  border: 1px solid rgba(15,23,42,.08); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
  position: relative;
}
body.landing-casino article ul li::before {
  content: "•"; position: absolute; left: 14px; top: 14px;
  width: 18px; height: 18px; line-height: 18px; border-radius: 4px; text-align: center;
  color: #fff; background: var(--brand-1); font-weight: 900;
}

/***********************
 * §1 — What is ROFUS
 ***********************/
#what-is-rofus {
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  border: 1px solid rgba(14,165,233,.20);
  box-shadow: var(--shadow-md);
  display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(12px, 2vw, 20px);
}
#what-is-rofus > h2 { grid-column: 1 / -1; }
#what-is-rofus > h3,
#what-is-rofus > p {
  background: #fff; border: 1px solid rgba(14,165,233,.18);
  border-radius: var(--radius-lg); padding: 12px 14px; box-shadow: var(--shadow-sm);
}
#what-is-rofus .see-also {
  margin-top: 4px; background: #f0f9ff; border: 1px dashed rgba(14,165,233,.35);
  border-radius: var(--radius-md); padding: 10px 12px;
}

/***********************
 * §2 — Legality
 ***********************/
#legality {
  background: radial-gradient(600px 240px at 100% 0%, rgba(244, 227, 255, .35), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border: 1px solid rgba(124,58,237,.18);
}
#legality p {
  background: #fff; border: 1px dashed rgba(124,58,237,.35);
  padding: 12px 14px; border-radius: var(--radius-md); box-shadow: var(--shadow-sm);
}

/***********************
 * §3 — Pros/Cons + Table
 ***********************/
#pros-cons {
  background: linear-gradient(180deg, #ffffff 0%, #f7fff9 100%);
  border: 1px solid rgba(16,185,129,.22);
}
#pros-cons h3 { background: #fff; border-color: rgba(16,185,129,.25); }
/* плюсы */
#pros-cons ul:nth-of-type(1) li { border-left: 6px solid var(--brand-4); }
#pros-cons ul:nth-of-type(1) li::before { content: "✓"; background: var(--brand-4); }
/* минусы */
#pros-cons ul:nth-of-type(2) li { border-left: 6px solid var(--brand-6); }
#pros-cons ul:nth-of-type(2) li::before { content: "!"; background: var(--brand-6); }
#pros-cons table { margin-top: 16px; }

/***********************
 * §4 — Checklist
 ***********************/
#checklist {
  background: radial-gradient(700px 280px at 0% 0%, rgba(20,184,166,.15), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f3fffd 100%);
  border: 1px solid rgba(20,184,166,.25);
}
#checklist h3 {
  border-left: 10px solid var(--brand-7);
  background: linear-gradient(180deg, #ffffff, #f0fffb);
}
#checklist h3 + p,
#checklist h3 + p + p,
#checklist h3 + p + p + p {
  background: #fff; border: 1px solid rgba(20,184,166,.22);
  border-radius: var(--radius-md); padding: 12px 14px; box-shadow: var(--shadow-sm);
}

/***********************
 * §5 — Steps (timeline)
 ***********************/
#steps {
  background: radial-gradient(700px 280px at 100% 0%, rgba(37,99,235,.12), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  border: 1px solid rgba(37,99,235,.22);
}
#steps ol { counter-reset: step; list-style: none; margin: 16px 0 0; padding: 0; }
#steps ol li {
  position: relative; padding: 18px 18px 18px 72px; background: #fff;
  border: 1px solid rgba(37,99,235,.18); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm); margin-bottom: 14px;
}
#steps ol li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 18px; top: 18px; width: 36px; height: 36px;
  border-radius: 10px; display: grid; place-items: center;
  font-weight: 800; color: #fff;
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  box-shadow: 0 6px 14px rgba(37,99,235,.25);
}
#steps ol li::after {
  content: ""; position: absolute; left: 35px; top: calc(18px + 36px);
  width: 2px; height: calc(100% - 36px + 14px);
  background: linear-gradient(180deg, rgba(37,99,235,.15), rgba(124,58,237,.15));
}
#steps ol li:last-child::after { display: none; }

/***********************
 * §6 — Payments
 ***********************/
#payments {
  background: radial-gradient(700px 280px at 0% 0%, rgba(245,158,11,.16), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
  border: 1px solid rgba(245,158,11,.30);
}
#payments h3 { background: linear-gradient(180deg, #ffffff 0%, #fff7e6 100%); border-color: rgba(245,158,11,.35); }
#payments h3 + p,
#payments h3 + p + p,
#payments h3 + p + p + p {
  background: #fff; border: 1px solid rgba(245,158,11,.28);
  border-radius: var(--radius-md); padding: 12px 14px; box-shadow: var(--shadow-sm);
}
#payments p strong:first-child {
  display: inline-block; margin-right: 6px; font-weight: 800; color: #92400e;
  background: #fff7ed; border: 1px solid rgba(245,158,11,.35);
  border-radius: 999px; padding: 2px 8px;
}

/***********************
 * §7 — Bonuses
 ***********************/
#bonuses {
  background: radial-gradient(700px 280px at 100% 0%, rgba(168,85,247,.16), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #faf5ff 100%);
  border: 1px solid rgba(168,85,247,.28);
}
#bonuses ul li { border-left: 6px solid var(--brand-8); }
#bonuses ul li::before { content: "★"; background: var(--brand-8); }
#bonuses h3 { border-color: rgba(168,85,247,.35); }

/***********************
 * §8 — Games
 ***********************/
#games {
  background: linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
  border: 1px solid rgba(14,165,233,.22);
}
#games p strong {
  background: linear-gradient(180deg, #e6f6ff 0%, #ffffff 80%);
  box-shadow: inset 0 -2px 0 rgba(14,165,233,.25);
  border-radius: 6px; padding-inline: 4px;
}
#games em { background: #eef6ff; border: 1px solid rgba(14,165,233,.25); padding: 0 6px; border-radius: 999px; }

/***********************
 * §9 — Tax
 ***********************/
#tax {
  background: radial-gradient(700px 280px at 0% 0%, rgba(37,99,235,.12), transparent 60%),
              radial-gradient(700px 280px at 100% 100%, rgba(239, 68, 68, .10), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  border: 1px solid rgba(37,99,235,.22);
}
#tax h3 { border-left: 10px solid var(--brand-1); background: linear-gradient(180deg, #ffffff, #eef4ff); }
#tax h3 + p, #tax h3 + p + p {
  background: #fff; border: 1px solid rgba(37,99,235,.18); border-radius: var(--radius-md);
  padding: 12px 14px; box-shadow: var(--shadow-sm);
}

/***********************
 * §10 — Responsible
 ***********************/
#responsible {
  background: radial-gradient(700px 280px at 100% 0%, rgba(239,68,68,.12), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #fff7f7 100%);
  border: 1px solid rgba(239,68,68,.25);
}
#responsible h3 { border-color: rgba(239,68,68,.3); }
#responsible ul { grid-template-columns: 1fr; }
#responsible ul li { border-left: 6px solid var(--brand-6); background: #fff; }
#responsible ul li::before { content: "!"; background: var(--brand-6); }
#responsible p strong { color: #991b1b; background: #fee2e2; box-shadow: inset 0 -2px 0 rgba(239,68,68,.25); }

/***********************
 * §11 — FAQ (details/summary)
 ***********************/
#faq {
  background: radial-gradient(700px 280px at 0% 0%, rgba(2,132,199,.14), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
  border: 1px solid rgba(2,132,199,.25);
}

/* Сбрасываем стили перечислений внутри FAQ */
#faq ul { grid-template-columns: 1fr; }

/* Аккордеон */
#faq details {
  background: #fff; border: 1px solid rgba(2,132,199,.22);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
  overflow: hidden; margin: 10px 0;
}
#faq summary {
  list-style: none; cursor: pointer; user-select: none;
  padding: 14px 48px 14px 46px; position: relative;
  font-weight: 700; color: var(--ink-900);
  background: linear-gradient(180deg, #ffffff, #e8f7ff);
}
#faq summary::-webkit-details-marker { display: none; }
#faq summary::before {
  content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  width: 18px; height: 18px; border-radius: 4px;
  background: linear-gradient(135deg, var(--brand-3), var(--brand-1));
  box-shadow: 0 0 0 4px rgba(2,132,199,.15);
}
#faq summary::after {
  content: "+"; position: absolute; right: 16px; top: 50%;
  transform: translateY(-50%); font-weight: 900; color: var(--brand-1);
}
#faq details[open] summary::after { content: "–"; }

#faq .faq-a { padding: 12px 16px; border-top: 1px solid rgba(2,132,199,.18); }

/***********************
 * Мелочи и адаптив
 ***********************/
@media (min-width: 1100px) {
  body.landing-casino article > section { padding: 40px 44px; }
}
@media (max-width: 960px) {
  #what-is-rofus { grid-template-columns: 1fr; }
}

/* Blockquote */
body.landing-casino article blockquote {
  margin: 12px 0; padding: 14px 18px; background: #f8fafc;
  border-left: 6px solid var(--brand-1); border-radius: 12px; box-shadow: var(--shadow-sm);
}

/* Фокус по ссылкам */
body.landing-casino article a:focus-visible {
  outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,.35); border-radius: 6px;
}

/* === Убираем белую центральную полосу GeneratePress на главной === */
body.home .site,
body.front-page .site,
body.home .site-content,
body.front-page .site-content,
body.home .content-area,
body.front-page .content-area,
body.home .site-main,
body.front-page .site-main,
body.home .inside-article,
body.front-page .inside-article,
body.home .hentry,
body.front-page .hentry,
body.home .container,
body.front-page .container,
body.home .grid-container,
body.front-page .grid-container {
  background: transparent !important;
  box-shadow: none !important;
}

/* Снимаем внутренние паддинги у контейнеров на главной */
body.home .site-content,
body.front-page .site-content {
  padding: 0 !important;
}
body.home.separate-containers .inside-article,
body.front-page.separate-containers .inside-article {
  padding: 0 !important;
}

/* ========== §1: УНИКАЛЬНЫЕ ЗАГОЛОВКИ ТОЛЬКО ДЛЯ ПЕРВОЙ СЕКЦИИ ========== */
#what-is-rofus{
  /* локальная палитра секции (при желании подстрой) */
  --w1: var(--brand-1);
  --w2: var(--brand-2);
  --ink: var(--ink-900);
  --soft: rgba(2, 8, 23, .06);
}

/* --- H2: крупный «hero»-заголовок с неоновым маркером и линейкой --- */
#what-is-rofus > h2{
  /* снимаем карточные стили, если где-то навешивались */
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;

  position: relative;
  display: block;
  margin: 6px 0 18px;
  padding-left: 64px;             /* место под «неоновую» точку */
  color: var(--ink);
  font-weight: 900;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.1;
  letter-spacing: -0.015em;
}

/* неоновая «точка» слева */
#what-is-rofus > h2::before{
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  width: 36px; height: 36px;
  border-radius: 50%;
  background: radial-gradient(70% 70% at 30% 30%, #fff 0 25%, transparent 26%),
              conic-gradient(from 210deg, var(--w1), var(--w2));
  box-shadow:
    0 0 0 6px rgba(59,130,246,.12),
    0 12px 28px rgba(59,130,246,.18);
}

/* тонкая градиентная линейка под h2 */
#what-is-rofus > h2::after{
  content: "";
  display: block;
  height: 6px;
  width: min(180px, 35%);
  margin-top: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--w1), var(--w2));
  box-shadow: 0 4px 12px rgba(59,130,246,.25);
}

/* --- H3: «чип»-заголовок со светящейся пипкой и тонкой линией справа --- */
#what-is-rofus > h3{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 44px;
  margin: 18px 0 10px;
  color: var(--ink);
  font-weight: 800;
  font-size: clamp(17px, 2vw, 20px);
  line-height: 1.25;

  background: linear-gradient(180deg, #ffffff, #f6fbff);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  box-shadow: 0 8px 22px var(--soft);
}

/* квадратная «точка» слева + мягкое сияние */
#what-is-rofus > h3::before{
  content: "";
  position: absolute;
  left: 14px; top: 50%;
  transform: translateY(-50%);
  width: 16px; height: 16px; border-radius: 5px;
  background: linear-gradient(135deg, var(--w1), var(--w2));
  box-shadow: 0 0 0 4px rgba(59,130,246,.14);
}

/* тонкая выезжающая линия справа (декор) */
#what-is-rofus > h3::after{
  content: "";
  height: 2px; width: 56px;
  margin-left: 6px;
  background: linear-gradient(90deg, rgba(59,130,246,.35), transparent);
  border-radius: 999px;
}

/* адаптив: убираем лишние отступы на узких экранах */
@media (max-width: 560px){
  #what-is-rofus > h2{ padding-left: 52px; font-size: clamp(24px, 6vw, 32px); }
  #what-is-rofus > h2::before{ width: 28px; height: 28px; }
  #what-is-rofus > h3{ padding-left: 40px; }
}

/* ===== §1: уникальные заголовки + фикс грид-растяжения ===== */
#what-is-rofus{
  /* двухколоночная сетка только для абзацев */
  display:grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 18px 22px;
}

/* h2/h3 не карточки, растягиваются на всю ширину отдельной строкой */
#what-is-rofus > h2,
#what-is-rofus > h3{
  grid-column: 1 / -1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #0f172a;            /* тёмные чернила */
  line-height: 1.15;
  position: relative;
}

/* уникальный стиль H2 */
#what-is-rofus > h2{
  font-weight: 800;
  font-size: clamp(26px, 3.2vw, 40px);
  padding-left: 56px !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}
#what-is-rofus > h2::before{
  content:"";
  position:absolute; left:0; top:50%;
  transform: translateY(-50%);
  width:32px; height:32px; border-radius:12px;
  background:
    radial-gradient(circle at 35% 35%, #ffffff 0 35%, transparent 36%),
    linear-gradient(135deg, var(--brand-1,#2563eb), var(--brand-8,#8b5cf6));
  box-shadow: 0 6px 18px rgba(37,99,235,.25);
}
#what-is-rofus > h2::after{
  content:"";
  position:absolute; left:56px; bottom:-12px;
  width:160px; height:6px; border-radius:999px;
  background: linear-gradient(90deg, var(--brand-1,#2563eb), var(--brand-3,#06b6d4));
  opacity:.95;
}

/* уникальный стиль H3 */
#what-is-rofus > h3{
  font-weight: 700;
  font-size: clamp(18px, 2.2vw, 22px);
  padding-left: 34px !important;
  margin-top: 26px !important;
  margin-bottom: 6px !important;
}
#what-is-rofus > h3::before{
  content:"";
  position:absolute; left:0; top:.62em;
  width:14px; height:14px; border-radius:5px;
  background: linear-gradient(135deg, var(--brand-1,#2563eb), var(--brand-2,#3b82f6));
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

/* карточный вид — только для абзацев внутри §1 */
#what-is-rofus > p{
  background:#fff;
  border:1px solid rgba(14,165,233,.18);
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: 0 6px 16px rgba(2,132,199,.08);
}

/* раскладка абзацев по колонкам */
#what-is-rofus > p:nth-of-type(1){ grid-column: 1; }
#what-is-rofus > p:nth-of-type(2){ grid-column: 2; }

/* вспомогательное: “see also” на всю ширину под сеткой */
#what-is-rofus > .see-also{
  grid-column: 1 / -1;
  margin-top: 2px;
}

/* мобильная адаптация */
@media (max-width: 960px){
  #what-is-rofus{ grid-template-columns: 1fr; }
  #what-is-rofus > p{ grid-column: 1 !important; }
}

/* === §1: h3 как карточка (как в остальных секциях) === */
#what-is-rofus > h3{
  grid-column: 1 / -1 !important;     /* своя строка в гриде */
  display: block !important;
  margin: 22px 0 10px !important;
  padding: 12px 16px 12px 48px !important;

  background: #fff !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 16px rgba(2,132,199,.08) !important;
  position: relative !important;
  color: #0f172a !important;
}

/* маркер-светлячок слева */
#what-is-rofus > h3::before{
  content: "" !important;
  position: absolute; left: 14px; top: 50%;
  transform: translateY(-50%);
  width: 18px; height: 18px; border-radius: 5px;
  background: linear-gradient(135deg, var(--brand-1,#2563eb), var(--brand-8,#8b5cf6));
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

/* тонкая линия-декор после текста (как в примере) — опционально */
#what-is-rofus > h3::after{
  content: "";
  position: absolute; left: 360px; right: 16px; top: 50%;
  height: 2px; transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(2,132,199,.18), rgba(2,132,199,0));
  border-radius: 999px;
}

@media (max-width: 720px){
  #what-is-rofus > h3{ padding-left: 44px !important; }
  #what-is-rofus > h3::after{ display: none; } /* на мобилке убираем линию */
}

/* === Расширяем “анти-белую полосу” и контейнеры для всех лендингов === */
body.landing-casino .site,
body.landing-casino .site-content,
body.landing-casino .content-area,
body.landing-casino .site-main,
body.landing-casino .inside-article,
body.landing-casino .hentry,
body.landing-casino .container,
body.landing-casino .grid-container{
  background: transparent !important;
  box-shadow: none !important;
}
body.landing-casino .site-content{ padding:0 !important; }
body.landing-casino.separate-containers .inside-article{ padding:0 !important; }

/* === Секция методов оплаты — фон/бордер в духе #payments с главной === */
#payment-methods{
  background: radial-gradient(700px 280px at 0% 0%, rgba(245,158,11,.16), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #fffaf2 100%);
  border: 1px solid rgba(245,158,11,.30);
}
#payment-methods h3{
  background: linear-gradient(180deg, #ffffff 0%, #fff7e6 100%);
  border-color: rgba(245,158,11,.35);
}

/* === Таймлайн для шагов (универсально) === */
body.landing-casino article ol.timeline{ 
  counter-reset: step; list-style:none; margin:16px 0 0; padding:0;
}
body.landing-casino article ol.timeline li{
  position:relative; padding:18px 18px 18px 72px; background:#fff;
  border:1px solid rgba(37,99,235,.18); border-radius:var(--radius-lg);
  box-shadow: var(--shadow-sm); margin-bottom:14px;
}
body.landing-casino article ol.timeline li::before{
  counter-increment:step; content:counter(step);
  position:absolute; left:18px; top:18px; width:36px; height:36px;
  border-radius:10px; display:grid; place-items:center;
  font-weight:800; color:#fff;
  background:linear-gradient(135deg, var(--brand-1), var(--brand-2));
  box-shadow:0 6px 14px rgba(37,99,235,.25);
}
body.landing-casino article ol.timeline li::after{
  content:""; position:absolute; left:35px; top:calc(18px + 36px);
  width:2px; height:calc(100% - 36px + 14px);
  background:linear-gradient(180deg, rgba(37,99,235,.15), rgba(124,58,237,.15));
}
body.landing-casino article ol.timeline li:last-child::after{ display:none; }

/* === Небольшие доп. штрихи к новой странице === */
#fp-what, #fp-what-fast, #fp-choose, #fp-steps, #fp-bonuses, #fp-tax, #fp-security, #fp-compare, #fp-faq{
  /* общая карточка-секция как на главной */
  background: #fff;
  border-radius: var(--radius-xxl);
  box-shadow: var(--shadow-sm);
  border: 1px solid rgba(15,23,42,.06);
  position: relative;
}

#fp-what .see-also,
#fp-choose .see-also{
  margin-top:6px; background:#f0f9ff; border:1px dashed rgba(14,165,233,.35);
  border-radius:var(--radius-md); padding:10px 12px;
}

/* таблицы — чуть больше отступ сверху */
#payment-methods table,
#fp-compare table{ margin-top: 12px; }

/* === Универсальный "see also" (используется в нескольких секциях) === */
body.landing-casino .see-also{
  margin-top: 6px;
  background: #f0f9ff;
  border: 1px dashed rgba(14,165,233,.35);
  border-radius: var(--radius-md);
  padding: 10px 12px;
}

/* === Callout-бокс (для заметок/aside внутри секций) === */
body.landing-casino .callout{
  margin: 10px 0;
  background: #f8fbff;
  border: 1px dashed rgba(2,132,199,.35);
  border-radius: var(--radius-lg);
  padding: 12px 14px;
}
body.landing-casino .callout > strong{
  display: block;
  margin-bottom: 6px;
  color: var(--ink-900);
}
/* "Простые" списки внутри callout — без карточной сетки */
body.landing-casino .callout ul.simple{
  list-style: disc;
  padding-left: 20px;
  display: block;
  margin: 8px 0 0;
}
body.landing-casino .callout ul.simple li{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

/* === Алиас секции легальности (фон/бордер в стиле #legality) === */
#fp-legality{
  background:
    radial-gradient(600px 240px at 100% 0%, rgba(244,227,255,.35), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border: 1px solid rgba(124,58,237,.18);
}
#fp-legality p{
  background: #fff;
  border: 1px dashed rgba(124,58,237,.35);
  padding: 12px 14px;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* (Опционально) — придать чек‑листу нежный зелёный фон как у #checklist */
#fp-choose{
  background:
    radial-gradient(700px 280px at 0% 0%, rgba(20,184,166,.15), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f3fffd 100%);
  border: 1px solid rgba(20,184,166,.25);
}

/* ===== Простые списки (без карточек и кастомных маркеров) ===== */
body.landing-casino article ul.simple{
  list-style: disc;                 /* вернём обычные точки */
  padding-left: 1.25rem;            /* стандартный отступ */
  display: block;                   /* без грида */
  gap: 0;
  margin: 12px 0;
}
body.landing-casino article ul.simple li{
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  position: static;
}
body.landing-casino article ul.simple li::before{
  content: none !important;         /* отключаем мой кастомный маркер */
}

/* === Hero/intro изображение на новых страницах === */
body.landing-casino #intro .hero { margin: 12px 0 0; }
body.landing-casino #intro .hero img{
  display:block; width:100%;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
}

/* === Секция правил: фон/бордер как у блока легальности === */
#fp-legality,
#fp-rules{
  background:
    radial-gradient(600px 240px at 100% 0%, rgba(244,227,255,.35), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border: 1px solid rgba(124,58,237,.18);
}
#fp-legality p,
#fp-rules p{
  background:#fff;
  border:1px dashed rgba(124,58,237,.35);
  padding:12px 14px;
  border-radius:var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* ===== §Licenses: фиолетово-бирюзовый фон + мягкая сетка ===== */
#licenses{
  background:
    radial-gradient(700px 280px at 0% 0%, rgba(139,92,246,.14), transparent 60%),
    radial-gradient(700px 280px at 100% 100%, rgba(6,182,212,.12), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
  border: 1px solid rgba(124,58,237,.22);
}
#licenses h3{
  border-color: rgba(124,58,237,.28);
  background: linear-gradient(180deg,#ffffff 0%, #f5f0ff 100%);
}

/* карточки внутри лицензий — чуть “акцентнее” */
#licenses p{
  background:#fff;
  border:1px dashed rgba(124,58,237,.28);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  box-shadow: var(--shadow-sm);
}

/* ===== §KYC: бирюзово-синяя подложка + акцент на безопасность ===== */
#kyc{
  background:
    radial-gradient(700px 280px at 100% 0%, rgba(14,165,233,.14), transparent 60%),
    radial-gradient(700px 280px at 0% 100%, rgba(5,150,105,.12), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #f4fbff 100%);
  border: 1px solid rgba(14,165,233,.24);
}
#kyc h3{
  border-color: rgba(14,165,233,.30);
  background: linear-gradient(180deg,#ffffff 0%, #eaf6ff 100%);
}

/* карточки внутри KYC (советы/процессы) */
#kyc p{
  background:#fff;
  border:1px solid rgba(14,165,233,.18);
  border-radius: var(--radius-md);
  padding: 12px 14px;
  box-shadow: var(--shadow-sm);
}

/* ===== Чек-лист: собственные маркеры-иконки вместо цифр ===== */
#fp-choose ol{
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
#fp-choose ol li{
  position: relative;
  padding: 12px 12px 12px 56px;    /* место под иконку слева */
  background: #fff;
  border: 1px solid rgba(20,184,166,.18);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  margin: 10px 0;
}

/* Базовая “галочка в щите” — градиент заливает маску */
#fp-choose ol li::before{
  content: "";
  position: absolute; left: 16px; top: 50%;
  transform: translateY(-50%);
  width: 26px; height: 26px; border-radius: 8px;

  background: linear-gradient(135deg, var(--brand-7,#0ea5e9), var(--brand-4,#22c55e));
  box-shadow: 0 0 0 4px rgba(14,165,233,.12), 0 8px 18px rgba(14,165,233,.15);

  /* SVG-маска галочки (кросс-браузер) */
  -webkit-mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.2 13.1l-3.4-3.4 1.4-1.4 2 2 4.8-4.8 1.4 1.4-6.2 6.2z'/></svg>") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1.2 13.1l-3.4-3.4 1.4-1.4 2 2 4.8-4.8 1.4 1.4-6.2 6.2z'/></svg>") no-repeat center / contain;
}

/* Небольшая вариация градиента “через один” для ритма */
#fp-choose ol li:nth-child(2n)::before{
  background: linear-gradient(135deg, var(--brand-3,#06b6d4), var(--brand-8,#8b5cf6));
}

/* Текст внутри чек-листа: жирные заголовки уже есть в HTML (<strong>) */
#fp-choose ol li strong{
  color: var(--ink-900);
  background: linear-gradient(180deg, #fff 50%, #ecfeff 100%);
  box-shadow: inset 0 -2px 0 rgba(20,184,166,.22);
  border-radius: 6px; padding: 0 4px;
}

/* ===== H4: лёгкий «чип»-заголовок (ниже по иерархии, чем h3) ===== */
body.landing-casino article h4{
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: 700;
  color: var(--ink-900);
  margin: 14px 0 8px;
  padding: 6px 10px 6px 34px;
  display: inline-block;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: var(--shadow-sm);
  position: relative;
}
body.landing-casino article h4::before{
  content: "";
  position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
  width: 12px; height: 12px; border-radius: 4px;
  background: linear-gradient(135deg, var(--brand-1), var(--brand-3));
  box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
@media (max-width: 560px){
  body.landing-casino article h4{ padding-left: 30px; }
}

/* ===== §Последний блок (fp-bonuses): отдельная палитра «лиловый + янтарный» ===== */
#fp-bonuses{
  background:
    radial-gradient(700px 280px at 100% 0%, rgba(168,85,247,.14), transparent 60%),
    radial-gradient(700px 280px at 0% 100%, rgba(245,158,11,.12), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%);
  border: 1px solid rgba(168,85,247,.26);
}
#fp-bonuses h2{
  /* чуть ярче «чип» для H2 внутри секции */
  background: linear-gradient(180deg, #ffffff 0%, #f7efff 100%);
  border-color: rgba(168,85,247,.28);
  box-shadow: inset 0 -2px 0 rgba(168,85,247,.18), var(--shadow-sm);
}
#fp-bonuses ul li{
  /* мягкий акцент для пунктов сравнения */
  border-left: 6px solid var(--brand-8);       /* фиолетовый бордер */
}
#fp-bonuses ul li::before{
  content: "★";                                 /* звёздочка как в #bonuses */
  background: var(--brand-8);
}

/***********************
 * §4 — Checklist (numbered cards)
 ***********************/
#checklist ol{
  counter-reset: item;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
#checklist ol li{
  position: relative;
  margin: 12px 0;
  padding: 16px 16px 16px 76px;                  /* место под бейдж с номером */
  background: #fff;
  border: 1px solid rgba(20,184,166,.18);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

/* Номер-бейдж слева */
#checklist ol li::before{
  counter-increment: item;
  content: counter(item);
  position: absolute; left: 18px; top: 16px;
  width: 40px; height: 40px;
  border-radius: 12px;
  display: grid; place-items: center;
  font-weight: 800; color: #fff;
  background: linear-gradient(135deg, var(--brand-7,#0ea5e9), var(--brand-4,#22c55e));
  box-shadow: 0 10px 20px rgba(14,165,233,.20);
}

/* Вертикальный коннектор (не у последнего) */
#checklist ol li::after{
  content: "";
  position: absolute; left: 38px; top: calc(16px + 40px);
  width: 2px; height: calc(100% - 40px + 12px);
  background: linear-gradient(180deg, rgba(14,165,233,.18), rgba(20,184,166,.18));
}
#checklist ol li:last-child::after{ display: none; }

/* Акцент для заголовка внутри элемента (у вас уже <strong>) */
#checklist ol li > strong{
  display: inline-block;
  margin-bottom: 6px;
  color: var(--ink-900);
  background: linear-gradient(180deg, #fff 50%, #ecfeff 100%);
  box-shadow: inset 0 -2px 0 rgba(20,184,166,.22);
  border-radius: 6px;
  padding: 0 6px;
}

/* Вложенные списки в пунктах чеклиста — обычные (без карточек) */
#checklist ol li ul{ list-style: disc; padding-left: 1.2rem; margin: 6px 0 0; }
#checklist ol li ul li{
  background: transparent; border: 0; box-shadow: none; padding: 0; position: static;
}
#checklist ol li ul li::before,
#checklist ol li ul li::after{ content: none !important; }

/* Чередуем оттенок бейджа для ритма */
#checklist ol li:nth-child(2n)::before{
  background: linear-gradient(135deg, var(--brand-3,#06b6d4), var(--brand-8,#8b5cf6));
}

/* Мобильная адаптация */
@media (max-width: 560px){
  #checklist ol li{ padding: 14px 14px 14px 64px; }
  #checklist ol li::before{ width: 34px; height: 34px; border-radius: 10px; left: 16px; top: 14px; }
  #checklist ol li::after{ left: 32px; top: calc(14px + 34px); height: calc(100% - 34px + 12px); }
}

/* Дружелюбно к reduce motion: убираем лишние тени/анимации (если появятся) */
@media (prefers-reduced-motion: reduce){
  #checklist ol li::before{ box-shadow: 0 6px 12px rgba(14,165,233,.15); }
}

/* === §Licenses: "Red flags" для ul.simple === */
#licenses ul.simple{
  list-style: none;          /* убираем стандартные маркеры только тут */
  padding-left: 0;
  margin: 10px 0;
}
#licenses ul.simple li{
  position: relative;
  padding-left: 38px;        /* место под флажок слева */
  margin: 8px 0;
  line-height: 1.6;
}

/* полотнище флага */
#licenses ul.simple li::before{
  content: "";
  position: absolute;
  left: 14px;
  top: 0.95em;               /* центрируем по первой строке */
  transform: translateY(-50%);
  width: 16px;
  height: 12px;
  border-radius: 2px;
  background: linear-gradient(135deg, var(--brand-6, #ef4444), #b91c1c);
  /* треугольная форма флажка */
  -webkit-clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%, 15% 50%);
          clip-path: polygon(0 0, 100% 25%, 100% 75%, 0 100%, 15% 50%);
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* древко флажка */
#licenses ul.simple li::after{
  content: "";
  position: absolute;
  left: 12px;                /* чуть левее полотнища */
  top: calc(0.95em - 10px);
  width: 3px;
  height: 20px;
  border-radius: 2px;
  background: #7f1d1d;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.25);
}

@media (max-width: 560px){
  #licenses ul.simple li{ padding-left: 34px; }
  #licenses ul.simple li::before{ left: 12px; width: 14px; height: 10px; }
  #licenses ul.simple li::after{ left: 10px; height: 18px; top: calc(0.95em - 9px); }
}

/* Fix: интро о налогах — всегда во всю ширину над карточками */
#tax { display: block; }
#tax .tax-intro {
  margin: 8px 0 10px;
}

/* на всякий случай: гарантируем сетку только для списка */
#tax > ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/* мобилка: две карточки в столбик */
@media (max-width: 760px){
  #tax > ul { grid-template-columns: 1f