@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');
/* ============================================================
   1xBet Uzbekistan — "Amethyst Broadsheet"
   Smoked glass · editorial · electric
   Namespace: xbu-  |  lang: uz
   ============================================================ */



:root{
  /* palette */
  --bg-main:#120A16;
  --bg-card:rgba(30,18,38,.62);
  --bg-plane:rgba(46,28,58,.5);
  --accent:#A855F7;
  --accent-2:#F2D9C4;
  --cherry:#C2185B;
  --text-main:#F6EFEA;
  --text-muted:#B3A2BD;
  --border:rgba(214,189,232,.16);
  --hairline:rgba(242,217,196,.28);

  /* light surfaces reserved for header/footer (logo tone = dark) */
  --bar-bg:#F7F2EC;
  --bar-bg-2:#EFE6DC;
  --bar-text:#2A1730;
  --bar-muted:#6B5673;
  --bar-border:rgba(42,23,48,.14);

  /* type */
  --font-head:'Space Grotesk','Segoe UI',system-ui,sans-serif;
  --font-body:'Source Serif 4',Georgia,'Times New Roman',serif;

  /* geometry — SHAPE: sharp */
  --r:2px;
  --wrap:1280px;
  --gutter:20px;
  --rail-w:0px;

  /* rhythm — DENSITY: dense */
  --s1:.5rem;
  --s2:.85rem;
  --s3:1.35rem;
  --s4:2.1rem;
  --sec-pad:40px;

  --blur:18px;
}

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

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

body{
  background:var(--bg-main);
  color:var(--text-main);
  font-family:var(--font-body);
  font-size:17px;
  line-height:1.45;
  overflow-x:hidden;
  overflow-wrap:anywhere;
  position:relative;
  min-height:100vh;
}

/* violet→cherry conic bloom, visible only as atmosphere */
body::before{
  content:"";
  position:fixed;
  inset:-20% -10% auto -10%;
  height:120vh;
  background:
    conic-gradient(from 210deg at 22% 18%, #A855F7 0deg, #C2185B 120deg, transparent 260deg),
    radial-gradient(60% 45% at 78% 8%, rgba(168,85,247,.5), transparent 70%);
  opacity:.22;
  filter:blur(90px);
  pointer-events:none;
  z-index:0;
}

main,header,footer{position:relative;z-index:1}

img{max-width:100%}

a{color:var(--accent-2);text-decoration:none}
a:hover{color:var(--accent)}

:focus-visible{
  outline:2px solid var(--accent-2);
  outline-offset:3px;
}

h1,h2,h3,h4,h5{
  font-family:var(--font-head);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.02em;
  text-wrap:balance;
}
h1{font-size:clamp(2.1rem,4.6vw,3.5rem)}
h2{font-size:clamp(1.55rem,2.8vw,2.25rem)}
h3{font-size:clamp(1.15rem,1.8vw,1.45rem)}
h4{font-size:1.05rem}

p{margin-block:0 var(--s3)}
p:last-child{margin-bottom:0}

ul,ol{margin:0 0 var(--s3);padding-inline-start:1.35em}
li{margin-block:.3em}
li::marker{color:var(--accent)}

strong{color:var(--accent-2);font-weight:600}

hr{border:0;border-top:1px solid var(--hairline);opacity:.5;margin-block:var(--s4)}

/* ---------- container / sections ---------- */
.xbu-container{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}

section{padding-block:var(--sec-pad)}
section:first-of-type{padding-block-start:calc(var(--sec-pad) * .6)}

/* magazine archetype: alternating bands + asymmetric inner grids */
.xbu-section--alt{
  background:linear-gradient(180deg,rgba(46,28,58,.34),rgba(18,10,22,0));
  border-block:1px solid var(--border);
}

.xbu-section__head{
  display:flex;
  flex-direction:column;
  gap:var(--s2);
  margin-block-end:var(--s4);
  max-width:none;
}

.xbu-eyebrow{
  font-family:var(--font-head);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--accent);
}

.xbu-lead{
  font-size:1.12rem;
  color:var(--text-muted);
}

/* magazine asymmetry: 2fr / 1fr editorial rows */
.xbu-layout{
  display:grid;
  gap:var(--s4);
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  align-items:start;
}
.xbu-layout > *{min-width:0}
.xbu-layout--wide-right{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
@media (max-width:900px){
  .xbu-layout,.xbu-layout--wide-right{grid-template-columns:1fr}
}

/* sticky rail used by magazine side columns */
.xbu-rail{position:sticky;top:96px}
@media (max-width:900px){.xbu-rail{position:static}}

/* frosted glass plane — the site's core surface */
.xbu-glass{
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  position:relative;
}
/* frosted refraction edge */
.xbu-glass::before,
.xbu-panel::before,
.xbu-card::before,
.xbu-stat::before,
.xbu-cta::before{
  content:"";
  position:absolute;
  inset-inline:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,var(--hairline),transparent 65%);
  pointer-events:none;
}

/* oversized outline numerals — section markers */
.xbu-marker{
  font-family:var(--font-head);
  font-size:clamp(2.6rem,6vw,4.4rem);
  font-weight:700;
  line-height:.8;
  color:transparent;
  -webkit-text-stroke:1px rgba(242,217,196,.5);
  letter-spacing:-.04em;
  display:block;
}

/* ---------- buttons ---------- */
.xbu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  font-family:var(--font-head);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1.1;
  padding:.78em 1.5em;
  border:1px solid var(--accent);
  border-radius:var(--r);
  background:var(--accent);
  color:#1A0B22;
  cursor:pointer;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
  text-align:center;
}
.xbu-btn:hover{
  background:#BE7BFF;
  border-color:#BE7BFF;
  color:#160820;
  transform:translateY(-1px);
}
.xbu-btn--ghost{
  background:rgba(46,28,58,.5);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  color:var(--accent-2);
  border-color:var(--accent);
}
.xbu-btn--ghost:hover{background:rgba(168,85,247,.18);color:var(--text-main)}
.xbu-btn--sm{padding:.55em 1.05em;font-size:.85rem}

.xbu-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--s2);
  align-items:center;
}

.xbu-fineprint{
  font-family:var(--font-head);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--text-muted);
}

.xbu-age{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  font-family:var(--font-head);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent-2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:.3em .6em;
}

/* ---------- icons ---------- */
.xbu-icon{
  width:1.5em;
  height:1.5em;
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0;
  color:var(--accent);
  stroke:currentColor;
  fill:none;
}
.xbu-icon--lg{width:2rem;height:2rem}

/* ============================================================
   HEADER — light bar (LOGO_TONE = dark → surface MUST be light)
   ============================================================ */
.xbu-header{
  position:sticky;
  top:0;
  z-index:900;
  background:var(--bar-bg);
  border-block-end:1px solid var(--bar-border);
}
.xbu-header__bar{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding:.55rem var(--gutter);
  display:flex;
  align-items:center;
  gap:var(--s3);
}
.xbu-header__bar > *{min-width:0}

.xbu-logo{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  line-height:0;
}
.xbu-logo__img{
  display:block;
  height:40px;
  width:auto;
  object-fit:contain;
}

.xbu-nav{
  display:flex;
  align-items:center;
  gap:var(--s3);
  margin-inline-start:auto;
  list-style:none;
  padding:0;
  margin-block:0;
}
.xbu-nav > *{min-width:0}

.xbu-nav a:not(.xbu-btn){
  font-family:var(--font-head);
  font-size:.9rem;
  font-weight:500;
  letter-spacing:.01em;
  color:var(--bar-text);
  padding:.5rem 0;
  display:inline-block;
  border-block-end:2px solid transparent;
  transition:color .16s,border-color .16s;
}
.xbu-nav a:not(.xbu-btn):hover,
.xbu-nav a:not(.xbu-btn):focus-visible{
  color:#6B21A8;
  border-block-end-color:var(--accent);
}

/* header CTA — rendered ONCE, standalone, outside <nav> */
.xbu-header__cta{flex-shrink:0}
.xbu-nav > .xbu-btn{display:none}

/* burger */
.xbu-burger{
  display:none;
  flex-shrink:0;
  width:44px;
  height:44px;
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  background:transparent;
  border:1px solid var(--bar-border);
  border-radius:var(--r);
  cursor:pointer;
  margin-inline-start:auto;
}
.xbu-burger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--bar-text);
  transition:transform .2s,opacity .2s;
}
.xbu-header.is-open .xbu-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.xbu-header.is-open .xbu-burger span:nth-child(2){opacity:0}
.xbu-header.is-open .xbu-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:900px){
  .xbu-burger{display:flex}
  .xbu-nav{
    display:none;
    position:absolute;
    inset-inline:0;
    top:100%;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    margin-inline-start:0;
    background:var(--bar-bg);
    border-block-end:1px solid var(--bar-border);
    padding:var(--s2) var(--gutter) var(--s3);
    max-height:calc(100vh - 64px);
    overflow-y:auto;
  }
  .xbu-header.is-open .xbu-nav{display:flex}
  .xbu-nav a:not(.xbu-btn){
    padding:.7rem 0;
    border-block-end:1px solid var(--bar-border);
    font-size:1rem;
  }
  .xbu-nav a:not(.xbu-btn):hover{border-block-end-color:var(--bar-border)}
  .xbu-header__cta{padding:.6em 1.05em;font-size:.85rem}
  .xbu-logo__img{max-width:min(45vw,150px);height:auto;max-height:36px}
}
@media (max-width:480px){
  .xbu-header__bar{gap:var(--s1)}
  .xbu-logo__img{max-width:min(28vw,120px)}
  .xbu-header__cta{font-size:.72rem;padding:1.15em .75em;letter-spacing:0;white-space:nowrap}
  .xbu-nav > .xbu-btn{display:block;width:100%;margin-block-start:var(--s2)}
}

/* ============================================================
   HERO — HERO_PATTERN: mirror-split (visual LEFT, text RIGHT)
   ============================================================ */
.xbu-hero{position:relative;overflow:hidden}

.xbu-hero__inner{
  display:flex;
  flex-direction:column;
  gap:var(--s3);
}

.xbu-hero__img{
  display:block;
  width:100%;
  height:auto;
  max-height:70vh;
  aspect-ratio:3/2;
  object-fit:cover;
  border-radius:var(--r);
}

.xbu-hero__visual{
  position:relative;
  min-width:0;
  border-radius:var(--r);
  overflow:hidden;
  border:1px solid var(--border);
  background:
    linear-gradient(135deg,rgba(168,85,247,.42),rgba(194,24,91,.34)),
    var(--bg-plane);
  aspect-ratio:3/2;
}
.xbu-hero__visual::before{
  content:"";
  position:absolute;
  inset-inline:0;top:0;height:1px;
  background:linear-gradient(90deg,var(--hairline),transparent 70%);
  z-index:2;
}

/* --- HOMEPAGE hero: two-thirds / one-third mirror split --- */
.xbu-hero--home{padding-block:calc(var(--sec-pad) * 1.4) var(--sec-pad)}
.xbu-hero--home .xbu-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(1.5rem,3.5vw,3rem);
  align-items:center;
}
.xbu-hero--home .xbu-hero__visual{order:-1}
.xbu-hero--home .xbu-hero__copy{
  display:flex;
  flex-direction:column;
  gap:var(--s3);
  align-items:flex-start;
}
.xbu-hero--home h1{
  font-size:clamp(2.3rem,5.4vw,4rem);
  letter-spacing:-.035em;
}
.xbu-hero--home .xbu-hero__deck{
  font-size:clamp(1.05rem,1.6vw,1.22rem);
  color:var(--accent-2);
}
@media (max-width:900px){
  .xbu-hero--home .xbu-hero__inner{grid-template-columns:1fr}
  .xbu-hero--home .xbu-hero__visual{order:-1}
}

/* --- INNER page compact header band --- */
section.xbu-hero--inner{
  position:relative;
  padding-block:0;
  border-block-end:1px solid var(--border);
  background:
    linear-gradient(115deg,rgba(46,28,58,.72),rgba(18,10,22,.5)),
    var(--bg-main);
}
.xbu-hero--inner .xbu-hero__inner{
  position:relative;
  min-height:clamp(200px,26vh,280px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--s2);
  padding-block:var(--s4);
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
}
.xbu-hero--inner .xbu-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  border-radius:0;
  z-index:0;
}
.xbu-hero--inner .xbu-hero__inner::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(100deg,rgba(12,6,16,.9) 0%,rgba(12,6,16,.78) 55%,rgba(12,6,16,.6) 100%);
}
:where(.xbu-hero--inner .xbu-hero__inner > :not(.xbu-hero__img)){
  position:relative;
  z-index:2;
}
.xbu-hero--inner h1{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.xbu-hero--inner .xbu-hero__deck{color:var(--accent-2);font-size:1.02rem}

/* ---------- breadcrumb ---------- */
.xbu-breadcrumb{
  font-family:var(--font-head);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--text-muted);
}
.xbu-breadcrumb ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.4em;
  padding:0;
  margin:0;
}
.xbu-breadcrumb li{margin:0}
.xbu-breadcrumb li + li::before{content:"/";margin-inline-end:.4em;color:var(--accent)}
.xbu-breadcrumb a{color:var(--text-muted)}
.xbu-breadcrumb a:hover{color:var(--accent-2)}

/* ---------- page-header (legal pages, no hero image) ---------- */
.xbu-page-header{
  padding-block:var(--s4) var(--s3);
  border-block-end:1px solid var(--hairline);
  position:relative;
}
.xbu-page-header .xbu-container{
  display:flex;
  flex-direction:column;
  gap:var(--s2);
}
.xbu-page-header h1{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.xbu-page-header__meta{
  font-family:var(--font-head);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--text-muted);
}

/* ---------- overview / article prose ---------- */
.xbu-overview p,.xbu-article p{font-size:1.03rem}
.xbu-article h2,.xbu-overview h2{margin-block-end:var(--s3)}
.xbu-article h3{margin-block:var(--s3) var(--s2)}
.xbu-article ul,.xbu-article ol,.xbu-overview ul,.xbu-overview ol{margin-block-end:var(--s3)}

.xbu-pullquote{
  font-family:var(--font-head);
  font-size:clamp(1.2rem,2.2vw,1.7rem);
  font-weight:500;
  line-height:1.22;
  letter-spacing:-.02em;
  color:var(--accent-2);
  border-inline-start:2px solid var(--accent);
  padding:var(--s3) 0 var(--s3) var(--s3);
  margin-block:var(--s4);
  background:linear-gradient(90deg,rgba(168,85,247,.12),transparent 70%);
}

/* ---------- quick-facts / panels ---------- */
.xbu-panel{
  position:relative;
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
}
.xbu-panel__title{
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--accent);
}

.xbu-facts{margin:0;display:flex;flex-direction:column}
.xbu-facts__row{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.6rem;
  padding-block:.55rem;
  border-block-end:1px solid var(--border);
  font-size:.95rem;
}
.xbu-facts__row:last-child{border-block-end:0;padding-block-end:0}
.xbu-facts dt{
  font-family:var(--font-head);
  font-size:.82rem;
  letter-spacing:.04em;
  color:var(--text-muted);
  margin:0;
}
.xbu-facts dd{
  margin:0;
  font-weight:600;
  color:var(--text-main);
  text-align:end;
}

.xbu-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s2)}
.xbu-checklist li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:0;
  font-size:.97rem;
  min-width:0;
}
.xbu-checklist .xbu-icon{color:var(--accent);margin-block-start:.1em}

.xbu-ministats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));
  gap:var(--s1);
}
.xbu-ministats > *{min-width:0}
.xbu-ministat{
  background:var(--bg-plane);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s2);
  display:flex;
  flex-direction:column;
  gap:.2rem;
}
.xbu-ministat__value{
  font-family:var(--font-head);
  font-size:1.3rem;
  font-weight:700;
  color:var(--accent-2);
  line-height:1.05;
}
.xbu-ministat__label{
  font-family:var(--font-head);
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
}

.xbu-score{
  display:flex;
  align-items:center;
  gap:var(--s2);
  flex-wrap:wrap;
}
.xbu-score__value{
  font-family:var(--font-head);
  font-size:2.6rem;
  font-weight:700;
  line-height:.9;
  color:var(--accent);
}
.xbu-score__stars{display:inline-flex;gap:.15rem;color:var(--accent-2)}
.xbu-score__label{
  font-family:var(--font-head);
  font-size:.78rem;
  letter-spacing:.08em;
  color:var(--text-muted);
}

/* ---------- toc ---------- */
.xbu-toc{
  position:relative;
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
}
.xbu-toc__title{
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--accent);
}
.xbu-toc ol,.xbu-toc ul{
  list-style:none;
  padding:0;
  margin:0;
  columns:2;
  column-gap:var(--s4);
  counter-reset:xbutoc;
}
.xbu-toc li{
  break-inside:avoid;
  margin-block:.3rem;
  counter-increment:xbutoc;
  font-size:.94rem;
}
.xbu-toc li::before{
  content:counter(xbutoc,decimal-leading-zero);
  font-family:var(--font-head);
  font-size:.72rem;
  color:var(--accent);
  margin-inline-end:.5em;
}
.xbu-toc a{color:var(--text-main)}
.xbu-toc a:hover{color:var(--accent)}
@media (max-width:640px){.xbu-toc ol,.xbu-toc ul{columns:1}}

/* ---------- stats-bar — STATS_PATTERN: tiles ---------- */
.xbu-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(165px,100%),1fr));
  gap:var(--s2);
}
.xbu-stats > *{min-width:0}
.xbu-stat{
  position:relative;
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.xbu-stat__value{
  font-family:var(--font-head);
  font-size:clamp(1.6rem,2.6vw,2.1rem);
  font-weight:700;
  line-height:1;
  color:var(--accent-2);
  letter-spacing:-.02em;
}
.xbu-stat__label{
  font-family:var(--font-head);
  font-size:.74rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-muted);
  line-height:1.3;
}

/* ---------- numbered-list ---------- */
.xbu-steps{
  list-style:none;
  padding:0;
  margin:0;
  counter-reset:xbustep;
  display:flex;
  flex-direction:column;
  gap:var(--s3);
}
.xbu-steps li{
  counter-increment:xbustep;
  position:relative;
  margin:0;
  padding-block:var(--s2);
  padding-inline-start:3.6rem;
  border-block-end:1px solid var(--border);
  min-width:0;
}
.xbu-steps li:last-child{border-block-end:0}
.xbu-steps li::before{
  content:counter(xbustep,decimal-leading-zero);
  position:absolute;
  inset-inline-start:0;
  top:var(--s2);
  font-family:var(--font-head);
  font-size:1.9rem;
  font-weight:700;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px var(--accent);
}
.xbu-steps h3{margin-block-end:.35rem}

/* ---------- feature-cards — FEATURES_PATTERN: icon-rows ---------- */
.xbu-features{
  display:flex;
  flex-direction:column;
  gap:0;
}
.xbu-feature{
  display:flex;
  align-items:flex-start;
  gap:var(--s3);
  padding-block:var(--s3);
  border-block-end:1px solid var(--border);
  min-width:0;
}
.xbu-feature:last-child{border-block-end:0}
.xbu-feature__icon{
  flex-shrink:0;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(140deg,rgba(168,85,247,.28),rgba(194,24,91,.2));
  border:1px solid var(--border);
  border-radius:var(--r);
  color:var(--accent-2);
}
.xbu-feature__icon .xbu-icon{width:1.5rem;height:1.5rem;color:inherit}
.xbu-feature__body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.xbu-feature__title{
  font-family:var(--font-head);
  font-size:1.08rem;
  font-weight:600;
  color:var(--text-main);
}
.xbu-feature p{font-size:.97rem;color:var(--text-muted);margin:0}
@media (max-width:520px){
  .xbu-feature{gap:var(--s2)}
  .xbu-feature__icon{width:42px;height:42px}
  .xbu-feature__icon .xbu-icon{width:1.2rem;height:1.2rem}
}

/* ---------- cards-grid ---------- */
.xbu-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
  gap:var(--s2);
}
.xbu-cards > *{min-width:0}
.xbu-card{
  position:relative;
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
  min-width:0;
}
.xbu-card__title{
  font-family:var(--font-head);
  font-size:1.05rem;
  font-weight:600;
  color:var(--text-main);
}
.xbu-card p{font-size:.95rem;color:var(--text-muted);margin:0}
.xbu-card__meta{
  font-family:var(--font-head);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent);
}

/* ---------- two-cols ---------- */
.xbu-two-cols{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:var(--s4);
  align-items:start;
}
.xbu-two-cols > *{min-width:0}
@media (max-width:900px){.xbu-two-cols{grid-template-columns:1fr;gap:var(--s3)}}

/* ---------- tables (data / bonus / payments) ---------- */
.xbu-table-wrap{
  overflow-x:auto;
  max-width:100%;
  margin-block:1.5rem;
  border:1px solid var(--border);
  border-radius:var(--r);
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
}
.xbu-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  font-family:var(--font-head);
}
.xbu-table th,.xbu-table td{
  padding:.62rem .8rem;
  text-align:start;
  border-block-end:1px solid var(--border);
  vertical-align:top;
}
.xbu-table th{
  white-space:nowrap;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--accent);
  background:rgba(46,28,58,.6);
  position:sticky;
  top:0;
}
.xbu-table tbody tr:last-child td{border-block-end:0}
.xbu-table tbody tr:hover{background:rgba(168,85,247,.08)}
.xbu-table td{color:var(--text-main)}
.xbu-table td small{display:block;color:var(--text-muted);font-size:.72rem;margin-block-start:.2rem}
.xbu-table caption{
  caption-side:bottom;
  border-block-start:1px solid var(--border);
  padding:.85rem .8rem;
  font-family:var(--font-head);
  font-size:.74rem;
  letter-spacing:.05em;
  color:var(--text-muted);
  text-align:start;
}

/* payments-strip (client slot — may be empty by design) */
.xbu-payments{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));
  gap:var(--s2);
}
.xbu-payments > *{min-width:0}
.xbu-payment{
  display:flex;
  align-items:center;
  gap:.7rem;
  padding:var(--s2);
  background:var(--bg-plane);
  border:1px solid var(--border);
  border-radius:var(--r);
  min-width:0;
}
.xbu-payment__name{font-family:var(--font-head);font-size:.9rem;font-weight:600}
.xbu-payment__meta{font-family:var(--font-head);font-size:.72rem;color:var(--text-muted)}

.xbu-note{
  border-inline-start:2px solid var(--accent);
  background:rgba(168,85,247,.08);
  padding:var(--s3);
  border-radius:var(--r);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
  font-size:.97rem;
}
.xbu-note__title{
  font-family:var(--font-head);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent);
}

/* ---------- pros-cons ---------- */
.xbu-proscons{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));
  gap:var(--s2);
}
.xbu-proscons > *{min-width:0}
.xbu-pros,.xbu-cons{
  position:relative;
  background:var(--bg-card);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
}
.xbu-pros{border-block-start:2px solid var(--accent)}
.xbu-cons{border-block-start:2px solid var(--accent-2)}
.xbu-pros h3,.xbu-cons h3{
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.xbu-pros h3{color:var(--accent)}
.xbu-cons h3{color:var(--accent-2)}
.xbu-pros ul,.xbu-cons ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:var(--s2);
}
.xbu-pros li,.xbu-cons li{
  display:flex;
  gap:.6rem;
  align-items:flex-start;
  margin:0;
  font-size:.95rem;
  min-width:0;
}
.xbu-pros .xbu-icon{color:var(--accent)}
.xbu-cons .xbu-icon{color:var(--accent-2)}

/* ---------- methodology ---------- */
.xbu-methodology{
  position:relative;
  background:var(--bg-plane);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s4);
  display:flex;
  flex-direction:column;
  gap:var(--s3);
}
.xbu-methodology h2{font-size:1.3rem}
.xbu-methodology p{font-size:.95rem;color:var(--text-muted)}

/* ---------- categories-bar ---------- */
.xbu-chips{
  display:flex;
  flex-wrap:wrap;
  gap:var(--s1);
  list-style:none;
  padding:0;
  margin:0;
}
.xbu-chips li{margin:0;min-width:0}
.xbu-chip{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  font-family:var(--font-head);
  font-size:.8rem;
  font-weight:500;
  letter-spacing:.03em;
  padding:.38em .7em;
  border:1px solid var(--border);
  border-radius:var(--r);
  background:var(--bg-plane);
  color:var(--text-main);
}
a.xbu-chip:hover{border-color:var(--accent);color:var(--accent-2)}
.xbu-chip .xbu-icon{width:1em;height:1em}

/* ---------- rtp-grid (slot tiles) ---------- */
.xbu-rtp{
  display:grid;
  gap:clamp(.6rem,1.5vw,1rem);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.xbu-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.xbu-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.xbu-rtp-item{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid var(--border);
  border-radius:var(--r);
  background:var(--bg-card);
}
.xbu-rtp-item__thumb{
  display:block;
  aspect-ratio:3/2;
  position:relative;
  background:linear-gradient(140deg,rgba(168,85,247,.4),rgba(194,24,91,.32));
}
.xbu-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.xbu-rtp-item__name{
  display:block;
  font-family:var(--font-head);
  font-size:.82rem;
  font-weight:600;
  padding:.5rem .6rem;
  color:var(--text-main);
  overflow-wrap:anywhere;
}
.xbu-rtp-tooltip{
  position:absolute;
  bottom:0;
  inset-inline:0;
  opacity:0;
  transition:opacity .2s;
  background:rgba(12,6,16,.92);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  padding:.5rem .6rem;
  font-family:var(--font-head);
  font-size:.74rem;
  color:var(--accent-2);
  border-block-start:1px solid var(--hairline);
}
.xbu-rtp-item:hover .xbu-rtp-tooltip,
.xbu-rtp-item:focus-within .xbu-rtp-tooltip{opacity:1}

/* ---------- FAQ — FAQ_PATTERN: two-col ---------- */
.xbu-faq__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  column-gap:var(--s4);
}
.xbu-faq__list > *{min-width:0}
@media (max-width:820px){.xbu-faq__list{grid-template-columns:1fr}}

.xbu-faq details{
  border-bottom:1px solid var(--border);
  min-width:0;
}
.xbu-faq summary{
  cursor:pointer;
  padding:1rem 0;
  font-weight:600;
  list-style:none;
  font-family:var(--font-head);
  font-size:.98rem;
  color:var(--text-main);
  display:flex;
  align-items:flex-start;
  gap:.5rem;
}
.xbu-faq summary::-webkit-details-marker{display:none}
.xbu-faq summary::before{
  content:'+';
  margin-right:.5rem;
  transition:transform .2s;
  color:var(--accent);
  font-family:var(--font-head);
  font-weight:400;
  line-height:1.2;
}
.xbu-faq details[open] summary::before{content:'−'}
.xbu-faq details > :not(summary){
  padding:.5rem 0 1rem;
  color:var(--text-muted);
  font-size:.97rem;
}

/* ---------- cta-block ---------- */
.xbu-cta{
  position:relative;
  padding-block:var(--sec-pad);
  background:
    linear-gradient(120deg,rgba(168,85,247,.24),rgba(194,24,91,.18)),
    var(--bg-plane);
  border-block:1px solid var(--border);
  overflow:hidden;
}
.xbu-cta__inner{
  display:flex;
  flex-direction:column;
  gap:var(--s3);
  align-items:flex-start;
  text-align:start;
}
.xbu-cta--center .xbu-cta__inner{align-items:center;text-align:center}
.xbu-cta--center .xbu-actions{justify-content:center}
.xbu-cta h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.xbu-cta p{color:var(--accent-2);margin:0}

/* ---------- legal-body ---------- */
.xbu-legal{counter-reset:xbulegal}
.xbu-legal h2{
  counter-increment:xbulegal;
  font-size:1.25rem;
  margin-block:var(--s4) var(--s2);
  padding-block-end:.4rem;
  border-block-end:1px solid var(--hairline);
}
.xbu-legal h2::before{
  content:counter(xbulegal) ". ";
  color:var(--accent);
  font-variant-numeric:tabular-nums;
}
.xbu-legal h2:first-child{margin-block-start:0}
.xbu-legal h3{margin-block:var(--s3) var(--s1);font-size:1.05rem;color:var(--accent-2)}
.xbu-legal p,.xbu-legal li{font-size:.99rem}
.xbu-legal address{
  font-style:normal;
  font-family:var(--font-head);
  font-size:.92rem;
  color:var(--text-muted);
  margin-block-start:var(--s3);
}

/* ---------- sticky-nav (mobile) ---------- */
.xbu-sticky-nav{display:none}
@media (max-width:767px){
  .xbu-sticky-nav{
    display:flex;
    position:fixed;
    inset-inline:0;
    bottom:0;
    z-index:880;
    background:rgba(18,10,22,.92);
    backdrop-filter:blur(var(--blur));
    -webkit-backdrop-filter:blur(var(--blur));
    border-block-start:1px solid var(--border);
    padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));
    gap:.3rem;
  }
  .xbu-sticky-nav > *{flex:1 1 0;min-width:0}
  .xbu-sticky-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.2rem;
    font-family:var(--font-head);
    font-size:.66rem;
    letter-spacing:.04em;
    color:var(--text-muted);
    padding:.3rem 0;
    text-align:center;
  }
  .xbu-sticky-nav a .xbu-icon{width:1.2rem;height:1.2rem;color:var(--accent)}
  .xbu-sticky-nav a:hover,.xbu-sticky-nav a:focus-visible{color:var(--accent-2)}
  body:has(.xbu-sticky-nav){padding-block-end:64px}
}

/* ---------- chat-widget ---------- */
.xbu-chat-btn{
  position:fixed;
  inset-inline-end:18px;
  bottom:18px;
  z-index:890;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--accent);
  color:#1A0B22;
  border:1px solid var(--accent);
  border-radius:var(--r);
  cursor:pointer;
}
.xbu-chat-btn .xbu-icon{color:currentColor}
.xbu-chat-btn:hover{background:#BE7BFF}
@media (max-width:767px){.xbu-chat-btn{bottom:76px}}

.xbu-chat{
  display:none;
  position:fixed;
  inset-inline-end:18px;
  bottom:82px;
  z-index:895;
  width:min(330px,calc(100vw - 36px));
  background:rgba(24,14,30,.94);
  backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:var(--s3);
  flex-direction:column;
  gap:var(--s2);
}
.xbu-chat.is-open{display:flex}
.xbu-chat__title{
  font-family:var(--font-head);
  font-size:.95rem;
  font-weight:600;
}
.xbu-chat p{font-size:.9rem;color:var(--text-muted);margin:0}
@media (max-width:767px){.xbu-chat{bottom:140px}}

/* ============================================================
   FOOTER — light bar (LOGO_TONE = dark)
   ============================================================ */
.xbu-footer{
  background:var(--bar-bg);
  color:var(--bar-text);
  border-block-start:1px solid var(--bar-border);
}
.xbu-footer__grid{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:var(--s4);
  padding-block:var(--s4);
}
.xbu-footer__grid > *{min-width:0}
@media (max-width:900px){
  .xbu-footer__grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--s3)}
}

.xbu-footer__brand{display:flex;flex-direction:column;gap:var(--s2)}
.xbu-footer__tagline{
  font-size:.95rem;
  color:var(--bar-muted);
  max-width:42ch;
}
.xbu-footer__col{display:flex;flex-direction:column;gap:var(--s2)}
.xbu-footer__title{
  font-family:var(--font-head);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#6B21A8;
}
.xbu-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}
.xbu-footer__col li{margin:0}
.xbu-footer__col a{
  font-family:var(--font-head);
  font-size:.88rem;
  color:var(--bar-text);
}
.xbu-footer__col a:hover{color:#6B21A8;text-decoration:underline}

.xbu-footer__disclaimer{
  border-block-start:1px solid var(--bar-border);
  padding-block:var(--s3);
  display:flex;
  flex-direction:column;
  gap:var(--s2);
  font-size:.85rem;
  line-height:1.5;
  color:var(--bar-muted);
}
.xbu-footer__disclaimer .xbu-age{
  color:#6B21A8;
  border-color:var(--bar-border);
  align-self:flex-start;
}

.xbu-footer__bottom{
  border-block-start:1px solid var(--bar-border);
  padding-block:var(--s3);
  font-family:var(--font-head);
  font-size:.8rem;
  letter-spacing:.03em;
  color:var(--bar-muted);
}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
  .xbu-btn:hover{transform:none}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.xbu-footer .xbu-logo__img{filter:none;background:transparent;padding:0}
.xbu-footer .xbu-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.xbu-logo__img{object-fit:contain}
/* sa-ph-media */
.xbu-page-header:has(.xbu-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.xbu-page-header:has(.xbu-hero__img) .xbu-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.xbu-page-header:has(.xbu-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.xbu-page-header:has(.xbu-hero__img)>:not(.xbu-hero__img)){position:relative}
.xbu-page-header:has(.xbu-hero__img)>:not(.xbu-hero__img){z-index:2}
.xbu-page-header:has(.xbu-hero__img),.xbu-page-header:has(.xbu-hero__img) h1,.xbu-page-header:has(.xbu-hero__img) a,.xbu-page-header:has(.xbu-hero__img) p,.xbu-page-header:has(.xbu-hero__img) li,.xbu-page-header:has(.xbu-hero__img) span{color:#fff}
/* sa-hero-media */
.xbu-hero:has(>.xbu-hero__img){position:relative;isolation:isolate}
.xbu-hero:has(>.xbu-hero__img)>.xbu-hero__img{z-index:0}
.xbu-hero:has(>.xbu-hero__img)::after{z-index:1}
:where(.xbu-hero:has(>.xbu-hero__img)>:not(.xbu-hero__img)){position:relative}
.xbu-hero:has(>.xbu-hero__img)>:not(.xbu-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.xbu-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.xbu-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.xbu-table-wrap,.xbu-rtp,.xbu-steps,.xbu-cards,.xbu-features)+:is(.xbu-actions,div:has(>.xbu-btn),p:has(>.xbu-btn)){margin-block-start:1.25rem}
/* sa-table-thead */
.xbu-table-wrap thead th,.xbu-table-wrap thead{position:static}
/* sa-slot-link v2 */
.xbu-rtp-item,.xbu-rtp-item:hover,.xbu-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.xbu-rtp-item){display:block}
/* sa-rtp-touch */
.xbu-rtp-item__thumb{display:block}
@media (hover:none){.xbu-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.xbu-rtp-item__thumb img{height:auto}.xbu-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.xbu-rtp-item__name{padding-top:.35rem}}
/* sa-sticky-pad */
/* ---------- audit fixes ---------- */
/* 18+ chip: не растягивать в колоночном флексе шапки страницы */
.xbu-page-header .xbu-age,
.xbu-hero--inner .xbu-age{align-self:flex-start}

/* длина строки и интерлиньяж прозы */
.xbu-legal,.xbu-article{max-width:72ch}
.xbu-methodology p{max-width:72ch}
.xbu-article p,.xbu-overview p,.xbu-legal p,.xbu-legal li{line-height:1.6}

/* инлайновые ссылки в тексте: подчёркивание вместо неразличимого оттенка */
.xbu-article a,.xbu-legal a,.xbu-overview a,.xbu-table a,.xbu-fineprint a,.xbu-hero__deck a,.xbu-checklist a{
  text-decoration:underline;
  text-underline-offset:.15em;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(168,85,247,.65);
}
.xbu-article a:hover,.xbu-legal a:hover,.xbu-overview a:hover,.xbu-table a:hover,
.xbu-fineprint a:hover,.xbu-checklist a:hover{color:var(--accent);text-decoration-color:var(--accent)}

/* ритм: убрать двойной отступ (gap флекса + margin абзаца) */
.xbu-hero__copy > p,.xbu-panel > p,.xbu-toc > p,
.xbu-note > p,.xbu-methodology > p,.xbu-chat > p{margin-block-end:0}

/* текст, приклеенный к ряду кнопок */
main .xbu-actions + p{margin-block-start:1.25rem}

/* ячейки таблиц: не рвать слова посреди — вместо этого скроллит обёртка */
.xbu-table th,.xbu-table td{overflow-wrap:normal;word-break:normal}

/* сетка карточек без описания (только заголовок) — компактная */
.xbu-cards:not(:has(.xbu-card p)):not(:has(.xbu-card__meta)){
  grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));
}
.xbu-cards:not(:has(.xbu-card p)):not(:has(.xbu-card__meta)) .xbu-card{padding:var(--s2)}

/* тач-цели и мелкий текст на мобиле */
@media (max-width:767px){
  .xbu-toc li{margin-block:0}
  .xbu-toc a{display:inline-block;padding:.55rem 0}
  .xbu-footer__col ul{gap:.1rem}
  .xbu-footer__col a{display:inline-block;padding:.6rem 0}
  .xbu-breadcrumb a{display:inline-block;padding:.3rem 0}
  .xbu-table{font-size:14px}
  .xbu-table td small{font-size:.8rem}
  .xbu-stat__label,.xbu-ministat__label{font-size:.8rem}
  .xbu-fineprint{font-size:.85rem}
}
@media (max-width:520px){
  .xbu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xbu-stat{padding:var(--s2)}
  .xbu-stat__value{font-size:1.3rem}
}
@media (min-width:601px) and (max-width:900px){
  .xbu-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}