:root {
  --bw-graphite: #101418;
  --bw-graphite-2: #181e24;
  --bw-graphite-3: #232b34;
  --bw-lime: #B6FF3B;
  --bw-lime-2: #a3ef24;
  --bw-lime-ink: #3d6b00;
  --bw-lime-tint: #f0fadf;
  --bw-lime-tint-2: #e2f6be;
  --bw-violet: #7C4DFF;
  --bw-violet-ink: #6436ec;
  --bw-violet-lt: #b39dff;
  --bw-violet-tint: #f1ecff;
  --bw-light: #F3F5F0;
  --bw-paper: #ffffff;
  --bw-ink: #101418;
  --bw-body: #2a3038;
  --bw-muted: #58616d;
  --bw-dim: #a9b2bd;
  --bw-line: #dfe4d9;
  --bw-line-2: #edf0e9;
  --bw-cut: 12px;
  --bw-head: 'Jura', 'Arial Narrow', system-ui, sans-serif;
  --bw-text: 'Sofia Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --accent: var(--bw-violet-ink);
  --accent-ink: #4f22cf;
  --accent-tint: var(--bw-violet-tint);
  --cta: var(--bw-graphite);
  --cta-ink: var(--bw-lime-ink);
  --ink: var(--bw-ink);
  --body: var(--bw-body);
  --reading: var(--bw-body);
  --muted: var(--bw-muted);
  --muted-2: #6c7581;
  --surface: #f3f5f0;
  --surface-2: #f8faf6;
  --border: var(--bw-line);
  --border-soft: var(--bw-line-2);
  --dark: var(--bw-graphite);
  --dark-2: #0b0e11;
  --page-bg: var(--bw-light);
  --cream: var(--bw-lime-tint);
  --cream-2: var(--bw-lime-tint-2);
  --cream-bd: #c6ea86;
  --cream-bd-2: #d9f1ae;
  --star: var(--bw-lime);
  --font-body: var(--bw-text);
}

body.sfb-body { background: var(--bw-light); color: var(--bw-body); font-family: var(--bw-text); font-size: 17px; line-height: 1.65; }
.sfb-main { display: block; }
.bw-land, .bw-page { display: block; }
.bw-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* кнопки: параллелограмм через clip-path, фон настоящий */
.bw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 30px; font-family: var(--bw-head); font-weight: 700; font-size: 15px; line-height: 1.2; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; text-align: center; border: 0; clip-path: polygon(var(--bw-cut) 0, 100% 0, calc(100% - var(--bw-cut)) 100%, 0 100%); transition: background .15s ease, color .15s ease; }
.bw-btn:hover { text-decoration: none; }
.bw-btn--lime { background: var(--bw-lime); color: var(--bw-graphite); }
.bw-btn--lime:hover { background: var(--bw-lime-2); color: var(--bw-graphite); }
.bw-btn--dark { background: var(--bw-graphite); color: var(--bw-lime); }
.bw-btn--dark:hover { background: var(--bw-graphite-3); color: var(--bw-lime); }
.bw-btn--ghost { background: var(--bw-graphite-3); color: #fff; }
.bw-btn--ghost:hover { background: #2e3843; color: var(--bw-lime); }
.bw-btn--lg { min-height: 54px; padding: 14px 36px; font-size: 16px; }

/* логотип */
.bw-logo { display: inline-flex; align-items: center; gap: 10px; }
.bw-logo__mark { width: 40px; height: 40px; flex: none; }
.bw-logo__word { display: inline-block; font-family: var(--bw-head); font-weight: 700; font-size: 25px; line-height: 1; letter-spacing: .02em; color: #fff; transform: skewX(-9deg); }

/* шапка: строка «знак + кнопка», под ней полоса разделов с переносом */
.bw-top { position: relative; background: var(--bw-graphite); }
.bw-top::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--bw-lime) 0 38%, var(--bw-violet) 38% 62%, transparent 62%); }
.bw-top__in { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; min-height: 68px; padding-top: 12px; }
.bw-top__home { flex: none; text-decoration: none; }
.bw-top__home:hover { text-decoration: none; }
.bw-top__cta { flex: none; margin-left: auto; min-height: 44px; padding: 10px 24px; font-size: 14px; }
.bw-nav { order: 5; display: flex; flex-wrap: wrap; flex-basis: 100%; gap: 6px; margin-top: 12px; padding: 10px 0 15px; border-top: 1px solid rgba(255, 255, 255, .08); }
.bw-nav a { padding: 8px 18px; background: var(--bw-graphite-2); font-family: var(--bw-head); font-weight: 600; font-size: 14.5px; color: #d6dce3; text-decoration: none; white-space: nowrap; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.bw-nav a:hover { background: var(--bw-graphite-3); color: #fff; text-decoration: none; }
.bw-nav a[aria-current="page"] { background: var(--bw-lime); color: var(--bw-graphite); }
.bw-burger, .bw-burger__l { display: none; }

/* hero */
.bw-hero { position: relative; overflow: hidden; background: var(--bw-graphite); color: #fff; padding: 64px 0 120px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 64px), 0 100%); }
.bw-hero__fx { position: absolute; inset: 0; pointer-events: none; background:
  linear-gradient(118deg, transparent 0 56%, rgba(124, 77, 255, .55) 56% 60%, transparent 60% 63%, rgba(182, 255, 59, .9) 63% 63.5%, transparent 63.5% 67%, rgba(124, 77, 255, .3) 67% 75%, transparent 75% 78%, rgba(182, 255, 59, .45) 78% 78.4%, transparent 78.4%),
  repeating-linear-gradient(118deg, transparent 0 26px, rgba(182, 255, 59, .06) 26px 28px),
  radial-gradient(900px 420px at 90% 10%, rgba(124, 77, 255, .28), transparent 65%); }
.bw-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, .85fr); gap: 52px; align-items: center; }
.bw-hero__copy { min-width: 0; }
.bw-tag { display: inline-block; margin: 0; padding: 7px 18px; background: var(--bw-graphite-3); color: var(--bw-lime); font-family: var(--bw-head); font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.bw-hero h1 { text-shadow: 0 2px 14px rgba(16, 20, 24, .7); margin: 20px 0 16px; font-family: var(--bw-head); font-weight: 700; font-size: clamp(32px, 4.4vw, 54px); line-height: 1.08; letter-spacing: -.005em; color: #fff; }
.bw-hero__lead { margin: 0; max-width: 640px; font-size: 19px; color: var(--bw-dim); }
.bw-hero__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }

/* бонус в наклонной плашке */
.bw-plate { justify-self: center; width: 100%; max-width: 400px; padding: 30px 40px 32px; background: var(--bw-lime); color: var(--bw-graphite); transform: rotate(-3deg); clip-path: polygon(22px 0, 100% 0, calc(100% - 22px) 100%, 0 100%); }
.bw-plate__k { font-family: var(--bw-head); font-weight: 700; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--bw-graphite); }
.bw-plate__v { margin-top: 10px; font-family: var(--bw-head); font-weight: 700; font-size: clamp(28px, 3.2vw, 38px); line-height: 1.1; color: var(--bw-graphite); }
.bw-plate__x { display: inline-block; margin-top: 10px; padding: 3px 12px; background: var(--bw-graphite); color: var(--bw-lime); font-family: var(--bw-head); font-weight: 700; font-size: 17px; }
.bw-plate__cta { margin-top: 22px; width: 100%; }

/* лента платёжных методов */
.bw-pay { position: relative; z-index: 2; margin-top: -46px; padding: 18px 0; background: var(--bw-lime); transform: skewY(-2deg); }
.bw-pay__in { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; transform: skewY(2deg); }
.bw-pay__k { font-family: var(--bw-head); font-weight: 700; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: var(--bw-graphite); }
.bw-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bw-chip { margin: 0; padding: 8px 20px; background: var(--bw-graphite); color: #fff; font-family: var(--bw-head); font-weight: 700; font-size: 15px; letter-spacing: .04em; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }

/* факты: плитки + декоративная полоса-шкала */
.bw-facts { position: relative; z-index: 1; margin-top: -44px; padding: 104px 0 100px; background: var(--bw-graphite); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 48px), 0 100%); }
.bw-h2 { margin: 0 0 22px; font-family: var(--bw-head); font-weight: 700; font-size: 30px; line-height: 1.2; color: var(--bw-ink); }
.bw-h2--light { color: #fff; }
.bw-facts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.bw-fact { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 18px 22px 16px; background: var(--bw-graphite-2); border-left: 4px solid var(--bw-lime); }
.bw-fact__k { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--bw-dim); }
.bw-fact__v { font-family: var(--bw-head); font-weight: 700; font-size: 21px; line-height: 1.25; color: #fff; }
.bw-gauge { display: block; height: 7px; margin-top: 10px; background: repeating-linear-gradient(90deg, var(--bw-lime) 0 12px, transparent 12px 16px); clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%); -webkit-mask: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, .12) 100%); mask: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .55) 55%, rgba(0, 0, 0, .12) 100%); }

/* разделы: скошенные карточки */
.bw-lanes-sec { padding: 40px 0 16px; }
.bw-lanes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; }
.bw-lane { display: grid; grid-template-columns: auto 1fr auto; align-items: stretch; min-height: 72px; background: var(--bw-paper); color: var(--bw-ink); text-decoration: none; clip-path: polygon(14px 0, 100% 0, calc(100% - 14px) 100%, 0 100%); transition: background .15s ease, color .15s ease; }
.bw-lane:hover { background: var(--bw-graphite); color: #fff; text-decoration: none; }
.bw-lane__n { display: grid; place-items: center; min-width: 64px; padding: 0 12px 0 18px; background: var(--bw-lime); color: var(--bw-graphite); font-family: var(--bw-head); font-weight: 700; font-size: 20px; }
.bw-lane__t { align-self: center; padding: 14px 16px; font-family: var(--bw-head); font-weight: 700; font-size: 17px; line-height: 1.3; }
.bw-lane__go { align-self: center; padding: 0 26px 0 6px; color: var(--bw-violet-ink); font-weight: 800; font-size: 20px; }
.bw-lane:hover .bw-lane__go { color: var(--bw-lime); }

/* статья на морде */
.bw-read { padding: 30px 0 70px; }
.bw-prose--land { max-width: 920px; margin: 0 auto; }
.bw-finish { max-width: 920px; margin: 18px auto 0; padding: 18px 26px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; background: var(--bw-graphite); clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%); }
.bw-finish__t { font-family: var(--bw-head); font-weight: 700; font-size: 22px; color: var(--bw-lime); }

/* тёмная скошенная шапка внутренней */
.bw-ph { position: relative; overflow: hidden; background: var(--bw-graphite); color: #fff; padding: 38px 0 104px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 56px), 0 100%); }
.bw-ph__in { position: relative; }
.bw-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; font-size: 14px; color: var(--bw-dim); }
.bw-crumbs a { color: var(--bw-lime); font-weight: 700; text-decoration: none; }
.bw-crumbs a:hover { text-decoration: underline; }
.bw-crumbs__cur { color: var(--bw-dim); }
.bw-ph h1 { margin: 0; max-width: 860px; text-shadow: 0 2px 14px rgba(16, 20, 24, .7); font-family: var(--bw-head); font-weight: 700; font-size: clamp(30px, 4vw, 48px); line-height: 1.1; color: #fff; }
.bw-ph__lead { margin: 14px 0 0; max-width: 760px; font-size: 18.5px; color: var(--bw-dim); }
.bw-ph__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.bw-ph__tags li { margin: 0; padding: 6px 16px; background: var(--bw-graphite-3); color: #e4e9ee; font-family: var(--bw-head); font-weight: 600; font-size: 13.5px; letter-spacing: .04em; clip-path: polygon(7px 0, 100% 0, calc(100% - 7px) 100%, 0 100%); }
.bw-ph__tags li:first-child { background: var(--bw-lime); color: var(--bw-graphite); }

/* сетка внутренней: статья + правая колонка */
.bw-page__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 30px; align-items: start; margin-top: -54px; padding-bottom: 56px; }
.bw-side { position: sticky; top: 18px; display: grid; gap: 14px; }
.bw-sidebonus { display: grid; gap: 12px; padding: 24px 24px 26px; background: var(--bw-graphite); color: #fff; border-top: 4px solid var(--bw-lime); }
.bw-sidebonus__k { font-family: var(--bw-head); font-weight: 700; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--bw-dim); }
.bw-sidebonus__v { font-family: var(--bw-head); font-weight: 700; font-size: 27px; line-height: 1.15; color: var(--bw-lime); }
.bw-sidebonus__cta { width: 100%; }
.bw-sidepay { padding: 18px 20px 20px; background: var(--bw-paper); border: 1px solid var(--bw-line); }
.bw-sidepay__h { margin-bottom: 12px; font-family: var(--bw-head); font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; color: var(--bw-ink); }
.bw-sidepay .bw-chips { gap: 6px; }
.bw-sidepay .bw-chip { padding: 6px 12px; font-size: 13.5px; }
.bw-sidefacts { margin: 0; padding: 6px 20px; background: var(--bw-paper); border: 1px solid var(--bw-line); }
.bw-sidefacts div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--bw-line-2); font-size: 14.5px; }
.bw-sidefacts div:first-child { border-top: 0; }
.bw-sidefacts dt { color: var(--bw-muted); }
.bw-sidefacts dd { margin: 0; text-align: right; font-weight: 700; color: var(--bw-ink); }
.bw-pblock { margin: 28px 0; }
.bw-pblock__tx { margin-bottom: 12px; }
.bw-pblock__cta { text-align: center; }

/* другие разделы */
.bw-more { padding: 0 0 64px; }
.bw-more__h { margin-bottom: 16px; font-family: var(--bw-head); font-weight: 700; font-size: 24px; color: var(--bw-ink); }

/* оглавление в начале статьи (внутри .bw-prose — селекторы сильнее правил списков статьи) */
.bw-prose .bw-toc { margin: 0 0 34px; padding: 20px 24px 14px; background: var(--bw-light); border-left: 4px solid var(--bw-violet); }
.bw-prose .bw-toc__h { margin-bottom: 10px; font-family: var(--bw-head); font-weight: 700; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--bw-ink); }
.bw-prose .bw-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: bt; columns: 2; column-gap: 30px; }
.bw-prose .bw-toc li { counter-increment: bt; break-inside: avoid; position: static; display: grid; grid-template-columns: 38px 1fr; gap: 8px; align-items: start; margin: 0; padding: 6px 0; font-size: 15px; line-height: 1.4; }
.bw-prose .bw-toc li::before { content: counter(bt, decimal-leading-zero); position: static; display: grid; place-items: center; width: auto; height: 22px; background: var(--bw-graphite); color: var(--bw-lime); font-family: var(--bw-head); font-weight: 700; font-size: 12.5px; clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); }
.bw-prose .bw-toc a { color: var(--bw-ink); font-weight: 600; text-decoration: none; }
.bw-prose .bw-toc a:hover { color: var(--bw-violet-ink); text-decoration: underline; }

/* текст статьи на светлом */
.bw-prose { min-width: 0; padding: 38px 44px; background: var(--bw-paper); border: 1px solid var(--bw-line); color: var(--bw-body); font-size: 17.5px; line-height: 1.72; }
.bw-prose > :first-child { margin-top: 0; }
.bw-prose h2 { position: relative; margin: 44px 0 14px; padding-left: 26px; font-family: var(--bw-head); font-weight: 700; font-size: 28px; line-height: 1.22; color: var(--bw-ink); scroll-margin-top: 20px; }
.bw-prose h2::before { content: ""; position: absolute; left: 0; top: .22em; width: 13px; height: .9em; background: var(--bw-lime); clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); box-shadow: none; }
.bw-prose h3 { margin: 28px 0 10px; font-family: var(--bw-head); font-weight: 700; font-size: 21px; line-height: 1.3; color: var(--bw-ink); }
.bw-prose p { margin: 0 0 16px; }
.bw-prose a { color: var(--bw-violet-ink); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(124, 77, 255, .4); text-underline-offset: 3px; }
.bw-prose a:hover { text-decoration-color: var(--bw-violet-ink); }
.bw-prose strong { color: var(--bw-ink); }
.bw-prose ul, .bw-prose ol { margin: 0 0 18px; padding: 0; list-style: none; }
.bw-prose ul > li { position: relative; margin: 8px 0; padding-left: 26px; }
.bw-prose ul > li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 13px; height: 7px; background: var(--bw-violet); clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%); }
.bw-prose ol { counter-reset: bp; }
.bw-prose ol > li { counter-increment: bp; position: relative; margin: 10px 0; padding-left: 44px; }
.bw-prose ol > li::before { content: counter(bp); position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 32px; height: 24px; background: var(--bw-graphite); color: var(--bw-lime); font-family: var(--bw-head); font-weight: 700; font-size: 14px; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.bw-prose table { width: 100%; margin: 22px 0; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.bw-prose th { padding: 11px 14px; background: var(--bw-lime-tint); color: var(--bw-ink); text-align: left; font-family: var(--bw-head); font-weight: 700; border-bottom: 2px solid var(--bw-graphite); }
.bw-prose td { padding: 11px 14px; border-bottom: 1px solid var(--bw-line); }
.bw-prose img { max-width: 100%; height: auto; }
.bw-prose blockquote { margin: 24px 0; padding: 16px 22px; background: var(--bw-violet-tint); border-left: 5px solid var(--bw-violet); color: var(--bw-ink); font-style: italic; }
.bw-prose blockquote p:last-child { margin-bottom: 0; }

/* блоки из контента (.sfb-*) на светлом */
.bw-prose .sfb-bc, .bw-prose .sfb-toc, .bw-prose .sfb-rg, .bw-prose .sfb-author { display: none; }
.bw-prose .sfb-table { margin: 26px 0; background: var(--bw-paper); border: 1px solid var(--bw-line); border-top: 3px solid var(--bw-graphite); border-radius: 0; }
.bw-prose .sfb-table table { margin: 0; }
.bw-prose .sfb-table thead th { background: var(--bw-lime-tint); color: var(--bw-ink); border-bottom: 1px solid var(--bw-line); }
.bw-prose .sfb-table tbody tr:nth-child(even) { background: #f7f9f4; }
.bw-prose .sfb-table td:first-child, .bw-prose .sfb-table td.key { color: var(--bw-muted); }
.bw-prose .sfb-table td + td, .bw-prose .sfb-table td.val { color: var(--bw-ink); font-weight: 700; }
.bw-prose .sfb-compare { background: var(--bw-paper); border: 1px solid var(--bw-line); border-top: 3px solid var(--bw-graphite); border-radius: 0; }
.bw-prose .sfb-compare thead th { background: var(--bw-lime-tint); color: var(--bw-ink); }
.bw-prose .sfb-compare thead th.is-pick { background: var(--bw-lime-tint-2); border-bottom-color: var(--bw-violet); }
.bw-prose .sfb-compare td.is-pick { background: #f8fcf0; }
.bw-prose .sfb-bonus { background: var(--bw-paper); border: 1px solid var(--bw-line); border-left: 5px solid var(--bw-lime); border-radius: 0; box-shadow: none; }
.bw-prose .sfb-bonus__head { background-color: var(--bw-lime-tint); background-image: linear-gradient(115deg, var(--bw-lime-tint) 0 70%, var(--bw-lime-tint-2) 70%); border-bottom: 1px solid var(--bw-line); }
.bw-prose .sfb-bonus__kicker { color: var(--bw-lime-ink); font-family: var(--bw-head); letter-spacing: .14em; }
.bw-prose .sfb-bonus__value { font-family: var(--bw-head); font-weight: 700; color: var(--bw-ink); }
.bw-prose .sfb-bonus__value span { color: var(--bw-violet-ink); }
.bw-prose .sfb-bonus__logo { background: var(--bw-graphite); color: var(--bw-lime); border-radius: 0; font-family: var(--bw-head); clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.bw-prose .sfb-bonus__body { background: var(--bw-paper); }
.bw-prose .sfb-bonus__grid span, .bw-prose .sfb-bonus__row > span, .bw-prose .sfb-bonus__fine { color: var(--bw-muted); }
.bw-prose .sfb-bonus__grid strong { color: var(--bw-ink); }
.bw-prose .sfb-code, .bw-prose .sfb-bonus code { background: var(--bw-lime-tint); border-color: var(--bw-graphite); color: var(--bw-ink); }
.bw-prose .sfb-voucher { background: var(--bw-paper); border-color: var(--bw-violet); }
.bw-prose .sfb-voucher__tag { background: var(--bw-violet-tint); color: var(--bw-violet-ink); }
.bw-prose .sfb-voucher__mask { background: var(--bw-light); color: var(--bw-muted); }
.bw-prose .sfb-voucher__btn { background: var(--bw-graphite); color: var(--bw-lime); }
.bw-prose .sfb-cta { background: var(--bw-lime-tint); border: 1px solid var(--cream-bd-2); border-radius: 0; padding: 20px; }
.bw-prose .sfb-cta__title { font-family: var(--bw-head); font-weight: 700; color: var(--bw-ink); }
.bw-prose .sfb-cta__sub, .bw-prose .sfb-cta__note { color: var(--bw-muted); }
.bw-prose .sfb-cta--dark { background: var(--bw-lime-tint); }
.bw-prose .sfb-cta--dark .sfb-cta__title { color: var(--bw-ink); }
.bw-prose .sfb-cta--dark .sfb-cta__sub { color: var(--bw-muted); }
.bw-prose .sfb-cta--dark .sfb-cta__btn--alt { background: var(--bw-paper); color: var(--bw-ink); border-color: var(--bw-graphite); }
.bw-prose .button.button1, .bw-prose .sfb-cta__btn, .bw-prose .sfb-bonus__btn, .bw-prose .sfb-game__btn { background: var(--bw-graphite); color: var(--bw-lime); border-radius: 0; box-shadow: none; font-family: var(--bw-head); font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-decoration: none; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
.bw-prose .button.button1:hover, .bw-prose .sfb-cta__btn:hover { background: var(--bw-graphite-3); color: var(--bw-lime); filter: none; }
.bw-prose .button.button2 { background: var(--bw-violet-ink); color: #fff; border-radius: 0; box-shadow: none; text-decoration: none; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
.bw-prose .button.button2:hover { background: #4f22cf; color: #fff; }
.bw-prose .sfb-license { background: var(--bw-paper); border: 1px solid var(--bw-line); border-left: 5px solid var(--bw-violet); border-radius: 0; }
.bw-prose .sfb-license__badge { background: var(--bw-violet-ink); border: 0; border-radius: 0; color: #fff; font-family: var(--bw-head); clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.bw-prose .sfb-license__name { font-family: var(--bw-head); font-size: 18px; color: var(--bw-ink); }
.bw-prose .sfb-license__num, .bw-prose .sfb-license__foot span { color: var(--bw-muted); }
.bw-prose .sfb-faq { max-width: none; }
.bw-prose .sfb-faq details { background: var(--bw-paper); border: 1px solid var(--bw-line); border-left: 4px solid var(--bw-graphite); border-radius: 0; }
.bw-prose .sfb-faq details[open] { border-left-color: var(--bw-violet); }
.bw-prose .sfb-faq summary { font-family: var(--bw-head); font-weight: 700; font-size: 17px; color: var(--bw-ink); }
.bw-prose .sfb-faq summary::after { color: var(--bw-violet-ink); }
.bw-prose .sfb-faq p { color: var(--bw-body); }
.bw-prose .sfb-contact__card { background: var(--bw-paper); border: 1px solid var(--bw-line); border-radius: 0; }
.bw-prose .sfb-contact__icon { background: var(--bw-lime-tint); color: var(--bw-ink); border-radius: 0; }
.bw-prose .sfb-contact__title { font-family: var(--bw-head); color: var(--bw-ink); }
.bw-prose .sfb-contact__sub { color: var(--bw-muted); }
.bw-prose .sfb-card, .bw-prose .sfb-feat, .bw-prose .sfb-game, .bw-prose .sfb-slot, .bw-prose .sfb-safety, .bw-prose .sfb-logos__chip { background: var(--bw-paper); border: 1px solid var(--bw-line); border-radius: 0; }
.bw-prose .sfb-card__icon, .bw-prose .sfb-steps__n { background: var(--bw-lime-tint); border: 0; color: var(--bw-ink); border-radius: 0; }
.bw-prose .sfb-card__title, .bw-prose .sfb-feat__title, .bw-prose .sfb-game__title, .bw-prose .sfb-slot__name, .bw-prose .sfb-safety__score { font-family: var(--bw-head); color: var(--bw-ink); }
.bw-prose .sfb-card__body, .bw-prose .sfb-feat__desc, .bw-prose .sfb-game__meta, .bw-prose .sfb-safety__desc { color: var(--bw-muted); }
.bw-prose .sfb-feat__title::before { color: var(--bw-violet-ink); }
.bw-prose .sfb-game__amt { color: var(--bw-violet-ink); }
.bw-prose .sfb-slot__thumb { background: var(--bw-light); }
.bw-prose .sfb-slot__btn { background: var(--bw-graphite); color: var(--bw-lime); border-radius: 0; }
.bw-prose .sfb-steps { counter-reset: none; }
.bw-prose .sfb-steps li { background: var(--bw-paper); border: 1px solid var(--bw-line); border-radius: 0; color: var(--bw-ink); padding-left: 15px; }
.bw-prose .sfb-steps li::before { content: none; }
.bw-prose .sfb-safety__gauge { background: conic-gradient(var(--bw-violet) 0 var(--pct, 92%), var(--bw-line) var(--pct, 92%) 100%); }
.bw-prose .sfb-safety__gauge-inner { background: var(--bw-paper); }
.bw-prose .sfb-safety__verdict { color: var(--bw-violet-ink); }
.bw-prose .sfb-safety__track { background: var(--bw-line-2); }
.bw-prose .sfb-safety__fill { background: var(--bw-violet); }
.bw-prose .sfb-logos__chip { color: var(--bw-ink); }

/* подвал */
.bw-foot { position: relative; background: var(--bw-graphite); color: var(--bw-dim); padding: 86px 0 28px; font-size: 14.5px; clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%); }
.bw-foot__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; }
.bw-foot__about p { margin: 16px 0 0; max-width: 420px; line-height: 1.6; }
.bw-foot__h { margin-bottom: 12px; font-family: var(--bw-head); font-weight: 700; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--bw-lime); }
.bw-foot__nav a { display: block; padding: 5px 0; color: #e1e6eb; text-decoration: none; }
.bw-foot__nav a:hover { color: var(--bw-lime); }
.bw-foot__dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; }
.bw-foot__dl dt { color: var(--bw-dim); }
.bw-foot__dl dd { margin: 0; font-weight: 700; color: #fff; }
.bw-foot__fine { margin: 34px 0 0; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); font-size: 12.5px; line-height: 1.6; color: var(--bw-dim); }

/* адаптив */
@media (max-width: 980px) {
  .bw-hero__grid { grid-template-columns: 1fr; gap: 40px; }
  .bw-plate { justify-self: start; }
  .bw-facts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bw-page__grid { grid-template-columns: 1fr; }
  .bw-side { position: static; order: -1; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .bw-sidefacts { display: none; }
  .bw-foot__grid { grid-template-columns: 1fr 1fr; }
  .bw-foot__about { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .bw-wrap { padding: 0 16px; }
  .bw-top__in { gap: 12px; min-height: 64px; padding-top: 10px; padding-bottom: 10px; }
  .bw-top__cta { display: none; }
  .bw-burger__l { display: grid; place-items: center; width: 46px; height: 44px; margin-left: auto; background: var(--bw-lime); cursor: pointer; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
  .bw-burger__i, .bw-burger__i::before, .bw-burger__i::after { content: ""; display: block; width: 20px; height: 2px; background: var(--bw-graphite); position: relative; }
  .bw-burger__i::before { position: absolute; top: -6px; }
  .bw-burger__i::after { position: absolute; top: 6px; }
  .bw-nav { display: none; flex-direction: column; gap: 4px; margin-top: 0; padding: 4px 0 6px; border-top: 0; }
  .bw-nav a { white-space: normal; clip-path: none; padding: 11px 12px; }
  .bw-burger:checked ~ .bw-nav { display: flex; }
  .bw-hero { padding: 40px 0 96px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 36px), 0 100%); }
  .bw-hero__lead { font-size: 17.5px; }
  .bw-hero__fx { opacity: .45; }
  .bw-plate { transform: rotate(-2deg); padding: 24px 30px 26px; max-width: none; }
  .bw-pay { margin-top: -30px; }
  .bw-facts { margin-top: -30px; padding: 76px 0 74px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 0 100%); }
  .bw-h2 { font-size: 25px; }
  .bw-ph { padding: 28px 0 90px; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 34px), 0 100%); }
  .bw-page__grid { margin-top: -50px; }
  .bw-prose { padding: 24px 18px; font-size: 17px; }
  .bw-prose h2 { font-size: 23px; padding-left: 22px; }
  .bw-prose h3 { font-size: 19px; }
  .bw-prose > table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .bw-prose .bw-toc { padding: 16px 16px 10px; }
  .bw-prose .bw-toc ol { columns: 1; }
  .bw-finish { clip-path: none; }
  .bw-foot { padding-top: 66px; clip-path: polygon(0 24px, 100% 0, 100% 100%, 0 100%); }
}
@media (max-width: 560px) {
  .bw-hero__btns .bw-btn { width: 100%; }
  .bw-foot__grid { grid-template-columns: 1fr; gap: 28px; }
  .bw-lane__t { font-size: 16px; }
  .bw-facts__grid { grid-template-columns: 1fr; }
}
