@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap');
/* ==========================================================================
   Lizaro NL — "Indigo Vault" design system
   Glasscasino im Kryptolicht · namespace: lzs- · lang: nl
   Layout archetype: SIDEBAR · Theme: dark · Shape: sharp (0px) · Density: airy
   ========================================================================== */



:root{
  /* palette */
  --bg-main:#0B0A1F;
  --bg-card:#14122E;
  --bg-deep:#1B1840;
  --accent:#C8912E;
  --accent-hi:#E8B44A;
  --accent-2:#6C5CE7;
  --accent-soft:#9C8CF0;
  --btn-ink:#14122E;
  --text-main:#F4F1FF;
  --text-muted:#A29DC7;
  --border:rgba(140,125,255,0.22);
  --border-gold:rgba(200,145,46,0.42);

  /* glass */
  --glass:rgba(20,18,46,0.62);
  --glass-hi:rgba(38,34,78,0.55);
  --glow-gold:0 0 0 1px rgba(200,145,46,0.5), 0 0 34px rgba(108,92,231,0.55);
  --glow-gold-hover:0 0 0 1px rgba(232,180,74,0.75), 0 0 48px rgba(108,92,231,0.72);
  --hairline:1px solid var(--border);

  /* type */
  --font-head:'Archivo','Arial Black',system-ui,sans-serif;
  --font-body:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* rhythm — airy */
  --wrap:1120px;
  --gutter:clamp(1.1rem,4vw,2rem);
  --sp-1:.6rem;
  --sp-2:1.1rem;
  --sp-3:1.9rem;
  --sp-4:3rem;
  --section-y:clamp(3rem,5vw,5rem);
  --card-pad:clamp(1.4rem,3vw,2rem);
  --radius:0px;
}

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

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}

body{
  background:var(--bg-main);
  color:var(--text-main);
  font-family:var(--font-body);
  font-size:clamp(1rem,.97rem + .18vw,1.075rem);
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(760px 420px at 88% -4%,rgba(108,92,231,.16),transparent 62%),
    radial-gradient(620px 380px at 4% 22%,rgba(200,145,46,.06),transparent 60%);
  background-attachment:fixed;
}

img,svg,video{max-width:100%}
img{border-style:none}

/* ---------- typography ---------- */
h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.1;letter-spacing:-.02em;font-weight:800}
h1{font-size:clamp(2.1rem,1.35rem + 3.3vw,3.8rem);font-weight:900;text-wrap:balance}
h2{font-size:clamp(1.6rem,1.15rem + 2vw,2.5rem)}
h3{font-size:clamp(1.2rem,1.05rem + .7vw,1.55rem);font-weight:700}
h4{font-size:1.08rem;font-weight:700}
p,li,dd,dt,td,th{overflow-wrap:anywhere}
p+p{margin-top:var(--sp-2)}
a{color:var(--accent-hi);text-decoration:none}
a:hover{color:var(--accent)}
strong{color:var(--text-main);font-weight:700}
small{font-size:.86rem;line-height:1.6}

.lzs-eyebrow{
  display:block;
  font-family:var(--font-head);
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent-soft);
}
.lzs-lead{font-size:clamp(1.05rem,1rem + .45vw,1.25rem);color:var(--text-muted)}
.lzs-muted{color:var(--text-muted)}
.lzs-fine{font-size:.88rem;line-height:1.65;color:var(--text-muted)}

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

/* skip-link */
.lzs-skip{
  position:absolute;left:var(--gutter);top:.5rem;z-index:950;
  transform:translateY(-200%);
  padding:.6rem 1rem;
  font-family:var(--font-head);font-weight:700;font-size:.85rem;
  background:var(--accent);color:var(--btn-ink);
  transition:transform .18s ease;
}
.lzs-skip:focus-visible{transform:none;color:var(--btn-ink)}

/* inline links in body copy — не только цветом (WCAG 1.4.1) */
.lzs-overview a,.lzs-two__text a:not(.lzs-btn),.lzs-faq a,.lzs-checklist a,
.lzs-stack>p a,.lzs-table a,.lzs-footer__disclaimer a,.lzs-steps a{
  text-decoration:underline;text-underline-offset:3px;
}

/* ---------- layout primitives ---------- */
.lzs-container{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.lzs-container>*{min-width:0}

.lzs-section{padding-block:var(--section-y)}
.lzs-section--alt{background:linear-gradient(180deg,rgba(27,24,64,.55),rgba(11,10,31,0))}
/* две обычные секции подряд сливались в одно полотно */
.lzs-section+.lzs-section:not(.lzs-section--alt){border-top:1px solid var(--border)}
.lzs-section__head{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}
.lzs-section__head>*{min-width:0}

.lzs-stack{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-stack>*{min-width:0}
/* блок с кнопками шёл вплотную к списку шагов / таблице / полосе выше */
.lzs-container>*+.lzs-stack{margin-top:var(--sp-3)}
.lzs-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}
/* кнопкам нужен воздух заметно больший, чем межстрочный ритм абзацев */
.lzs-stack .lzs-actions,
.lzs-two__text .lzs-actions{margin-block:var(--sp-1)}

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

/* ---------- buttons ---------- */
.lzs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--font-head);font-weight:700;font-size:.95rem;
  letter-spacing:.06em;text-transform:uppercase;
  padding:.92em 1.6em;
  border:1px solid transparent;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hi) 100%);
  color:#14122E;
  box-shadow:var(--glow-gold);
  cursor:pointer;
  transition:box-shadow .22s ease,transform .18s ease,filter .22s ease;
}
.lzs-btn:hover,.lzs-btn:focus-visible{
  box-shadow:var(--glow-gold-hover);
  color:#14122E;filter:brightness(1.04);transform:translateY(-1px);
}
.lzs-btn--ghost{
  background:rgba(20,18,46,.35);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--border-gold);
  color:var(--accent-hi);
  box-shadow:none;
}
.lzs-btn--ghost:hover,.lzs-btn--ghost:focus-visible{
  color:var(--accent-hi);border-color:var(--accent-hi);
  box-shadow:0 0 26px rgba(108,92,231,.4);
}
.lzs-btn--sm{padding:.62em 1.1em;font-size:.8rem}

/* ==========================================================================
   HEADER — glass bar (desktop) → glass rail is expressed on inner nav
   ========================================================================== */
.lzs-header{
  position:sticky;top:0;z-index:900;
  background:var(--glass);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:var(--hairline);
}
.lzs-header__bar{
  max-width:var(--wrap);margin-inline:auto;
  padding:.7rem var(--gutter);
  display:flex;align-items:center;gap:clamp(.6rem,2vw,1.6rem);
}
.lzs-header__bar>*{min-width:0}

.lzs-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.lzs-logo__img{
  display:block;height:40px;width:auto;object-fit:contain;
}
.lzs-logo__text{
  font-family:var(--font-head);font-weight:900;font-size:1.4rem;
  letter-spacing:.02em;color:var(--text-main);text-transform:uppercase;
}
.lzs-logo__text span{color:var(--accent)}

.lzs-nav{margin-inline-start:auto;display:flex;align-items:center;gap:clamp(.4rem,1.4vw,1.3rem)}
.lzs-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:clamp(.4rem,1.4vw,1.3rem)}
.lzs-nav a:not(.lzs-btn){
  display:block;
  font-family:var(--font-head);font-weight:600;font-size:.85rem;
  letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-muted);
  padding:.55rem .2rem;
  border-bottom:2px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
.lzs-nav a:not(.lzs-btn):hover,
.lzs-nav a:not(.lzs-btn):focus-visible{color:var(--text-main);border-bottom-color:var(--accent)}
.lzs-nav a:not(.lzs-btn)[aria-current="page"]:not(.lzs-btn){color:var(--text-main);border-bottom-color:var(--accent)}

/* desktop: hide the nav copy of the CTA (single-CTA rule) */
.lzs-nav > .lzs-btn{display:none}

.lzs-header__cta{flex-shrink:0}

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

@media(max-width:959px){
  .lzs-burger{display:flex}
  /* CTA остаётся в баре — на телефоне это единственная точка входа */
  .lzs-header__cta{display:inline-flex;font-size:.72rem;letter-spacing:.03em;padding:.75em .9em}
  .lzs-logo__img{max-width:min(45vw,190px);height:36px}
  .lzs-nav{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    margin-inline-start:0;
    padding:var(--sp-2) var(--gutter) var(--sp-3);
    background:rgba(11,10,31,.97);
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
    border-bottom:1px solid var(--border-gold);
    max-height:calc(100vh - 64px);overflow-y:auto;
  }
  .lzs-header.is-open .lzs-nav{display:flex}
  .lzs-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .lzs-nav a:not(.lzs-btn){
    padding:.85rem .2rem;font-size:.95rem;
    border-bottom:1px solid var(--border);
  }
  .lzs-nav a:not(.lzs-btn):hover{border-bottom-color:var(--border)}
  .lzs-nav > .lzs-btn{display:flex;width:100%;margin-top:var(--sp-2);text-align:center}
  .lzs-nav .lzs-btn{width:100%;min-height:48px;font-size:.9rem;padding:.8em 1.2em}
}
@media(max-width:399px){
  .lzs-header__cta{display:none}
}

/* ==========================================================================
   HERO — HOME pattern: image-first (visual first, centered column)
   ========================================================================== */
.lzs-hero{position:relative;overflow:hidden}

.lzs-hero--home{
  padding-block:clamp(2.4rem,5vw,4.4rem) var(--section-y);
  background:
    radial-gradient(900px 500px at 22% 0%,rgba(108,92,231,.42),transparent 65%),
    var(--bg-main);
  border-bottom:var(--hairline);
}
.lzs-hero--home .lzs-hero__inner{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:var(--sp-2);
  max-width:var(--wrap);margin-inline:auto;
  padding-inline:var(--gutter);
}
.lzs-hero--home .lzs-hero__inner>*{min-width:0;width:100%}
.lzs-hero--home .lzs-hero__visual{order:-1;width:100%;margin-bottom:var(--sp-3)}
.lzs-hero--home .lzs-hero__eyebrow,
.lzs-hero--home .lzs-eyebrow{width:auto}
.lzs-hero--home h1{margin-block:0}
.lzs-hero--home .lzs-lead{max-width:68ch;margin-inline:auto}
.lzs-hero--home .lzs-actions{justify-content:center;margin-top:var(--sp-2)}

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

/* ---------- HERO — inner pages: compact band ---------- */
.lzs-hero--inner{
  position:relative;
  padding-block:clamp(2.2rem,4vw,3.1rem);
  min-height:190px;
  display:flex;align-items:center;
  background:
    linear-gradient(115deg,var(--bg-deep) 0%,var(--bg-main) 68%),
    var(--bg-main);
  border-bottom:1px solid var(--border-gold);
}
.lzs-hero--inner .lzs-hero__inner{
  position:relative;
  width:100%;
  display:flex;flex-direction:column;gap:var(--sp-1);
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
}
.lzs-hero--inner h1{font-size:clamp(1.75rem,1.25rem + 2.2vw,2.9rem);text-wrap:balance}
.lzs-hero--inner .lzs-lead{max-width:70ch}
/* внутри hero gap всего .6rem — кнопка липла к лиду и к строке 18+ */
.lzs-hero--inner .lzs-actions{margin-top:var(--sp-2)}
.lzs-hero--inner .lzs-actions+.lzs-fine{margin-top:var(--sp-1)}
.lzs-hero--inner .lzs-hero__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;z-index:0;aspect-ratio:auto;max-height:none;border:0;
}
.lzs-hero--inner .lzs-hero__inner::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,10,31,.93) 0%,rgba(11,10,31,.86) 48%,rgba(11,10,31,.7) 100%);
}
:where(.lzs-hero--inner .lzs-hero__inner > :not(.lzs-hero__img)){position:relative;z-index:2}
/* текст поверх фото — светлый, а не muted */
.lzs-hero--inner .lzs-lead,
.lzs-hero--inner .lzs-breadcrumb,
.lzs-hero--inner .lzs-breadcrumb a,
.lzs-hero--inner .lzs-fine{color:#F4F1FF}
.lzs-hero--inner .lzs-breadcrumb a:hover{color:var(--accent-hi)}
@media(max-width:599px){
  .lzs-hero--inner .lzs-hero__inner::after{
    background:linear-gradient(180deg,rgba(11,10,31,.7) 0%,rgba(11,10,31,.9) 100%);
  }
}

/* ---------- breadcrumb ---------- */
.lzs-breadcrumb{font-size:.82rem;color:var(--text-muted)}
@media(max-width:959px){
  .lzs-breadcrumb a,.lzs-breadcrumb [aria-current="page"]{
    display:inline-flex;align-items:center;min-height:44px;
  }
}
.lzs-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}
.lzs-breadcrumb li{display:flex;align-items:center;gap:.45rem}
.lzs-breadcrumb li+li::before{content:"/";color:var(--accent);opacity:.7}
.lzs-breadcrumb a{color:var(--text-muted)}
.lzs-breadcrumb a:hover{color:var(--accent-hi)}
.lzs-breadcrumb [aria-current="page"]{color:var(--text-main)}

/* ---------- page-header (legal / no-image variant) ---------- */
.lzs-page-header{
  position:relative;
  padding-block:clamp(2rem,3.6vw,2.8rem);
  background:linear-gradient(180deg,var(--bg-deep),var(--bg-main));
  border-bottom:1px solid var(--border-gold);
}
.lzs-page-header__inner{
  position:relative;
  display:flex;flex-direction:column;gap:var(--sp-1);
  max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);
}
.lzs-page-header h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.7rem);text-wrap:balance}

/* ==========================================================================
   Content components
   ========================================================================== */

/* overview */
.lzs-overview{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-overview>*{min-width:0}
.lzs-overview h2{margin-bottom:var(--sp-1)}

/* quick facts (hero-adjacent strip) */
.lzs-quickfacts{
  display:grid;gap:1px;
  grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));
  background:var(--border);
  border:var(--hairline);
}
@media(min-width:960px){
  /* 6 плиток = ровно 2×3, без сироты во втором ряду */
  .lzs-quickfacts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* полоса фактов резюмирует hero — держим её вплотную к нему */
.lzs-section:has(>.lzs-container>.lzs-quickfacts){padding-block:clamp(1.4rem,3vw,2.2rem) var(--section-y)}
.lzs-quickfacts>*{min-width:0}
.lzs-quickfacts__item{
  background:var(--bg-card);
  padding:var(--sp-2) var(--sp-2);
  display:flex;flex-direction:column;gap:.3rem;
}
.lzs-quickfacts__label{
  font-family:var(--font-head);font-size:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);
}
.lzs-quickfacts__value{font-weight:700;font-size:1.02rem;color:var(--text-main);line-height:1.4}

/* ---------- feature cards — pattern: GRID ---------- */
.lzs-features{
  display:grid;gap:clamp(1rem,2.2vw,1.7rem);
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
}
.lzs-features>*{min-width:0}
/* хвост последнего ряда растягиваем — иначе 4/5/7 карточек дают сироту */
@media(min-width:860px){
  .lzs-features,.lzs-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lzs-features>*,.lzs-cards>*{grid-column:span 2}
  .lzs-features>:nth-child(3n+1):nth-last-child(2),
  .lzs-features>:nth-child(3n+1):nth-last-child(2)~*,
  .lzs-cards>:nth-child(3n+1):nth-last-child(2),
  .lzs-cards>:nth-child(3n+1):nth-last-child(2)~*{grid-column:span 3}
  .lzs-features>:nth-child(3n+1):last-child,
  .lzs-cards>:nth-child(3n+1):last-child{grid-column:span 6}
}
.lzs-feature{
  background:var(--bg-card);
  border:var(--hairline);border-radius:var(--radius);
  padding:var(--card-pad);
  display:flex;flex-direction:column;gap:var(--sp-1);
}
.lzs-feature .lzs-icon{width:2.1em;height:2.1em;color:var(--accent-soft)}
.lzs-feature h3{font-size:1.12rem}
.lzs-feature p{color:var(--text-muted);font-size:.97rem}

/* ---------- cards grid (second level) ---------- */
.lzs-cards{
  display:grid;gap:clamp(1rem,2.2vw,1.7rem);
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
}
.lzs-cards>*{min-width:0}
.lzs-card{
  background:var(--bg-card);
  border:var(--hairline);border-radius:var(--radius);
  padding:var(--card-pad);
  display:flex;flex-direction:column;gap:var(--sp-1);
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
/* карточка целиком — ссылка, поэтому hover живёт здесь */
.lzs-card:hover,.lzs-card:focus-visible{
  border-color:var(--border-gold);
  box-shadow:0 0 30px rgba(108,92,231,.24);
  transform:translateY(-2px);
}
.lzs-card::after{
  content:"→";align-self:flex-end;margin-top:auto;
  font-family:var(--font-head);font-weight:700;color:var(--accent);
  transition:transform .18s ease;
}
.lzs-card:hover::after{transform:translateX(4px)}
.lzs-card__tag{
  align-self:flex-start;
  font-family:var(--font-head);font-size:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent-hi);
  border:1px solid var(--border-gold);
  padding:.28em .8em;
}
.lzs-card h3{font-size:1.1rem}
.lzs-card p{color:var(--text-muted);font-size:.97rem}
.lzs-card ul{margin:0;padding-inline-start:1.15rem;color:var(--text-muted);font-size:.95rem}
.lzs-card li+li{margin-top:.35rem}

/* ---------- two-cols + content panel ---------- */
.lzs-two{display:grid;gap:clamp(1.4rem,3vw,2.6rem);grid-template-columns:1fr}
.lzs-two>*{min-width:0}
@media(min-width:860px){
  .lzs-two{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}
}
.lzs-two__text{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-two__text>*{min-width:0}
/* подраздел должен отбиваться сверху сильнее, чем от своего абзаца */
.lzs-two__text h3{margin-top:var(--sp-2)}
.lzs-two__text h2+h3{margin-top:0}

.lzs-panel{
  background:var(--glass-hi);
  -webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);
  border:var(--hairline);border-radius:var(--radius);
  border-top:2px solid var(--accent);
  padding:var(--card-pad);
  display:flex;flex-direction:column;gap:var(--sp-2);
}
.lzs-panel>*{min-width:0}
.lzs-panel__title{
  font-family:var(--font-head);font-size:.8rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);
}

/* quick-facts dl inside a panel */
.lzs-facts{margin:0;display:flex;flex-direction:column}
.lzs-facts__row{
  display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:space-between;
  padding-block:.72rem;
  border-bottom:1px solid var(--border);
}
.lzs-facts__row:last-child{border-bottom:0;padding-bottom:0}
.lzs-facts dt{color:var(--text-muted);font-size:.9rem;min-width:0}
.lzs-facts dd{margin:0;font-weight:700;text-align:end;min-width:0}
/* на узкой панели пара переносилась и dd прыгал влево — фиксируем один вид */
@media(max-width:1099px){
  .lzs-facts__row{flex-direction:column;gap:.15rem}
  .lzs-facts dd{text-align:start}
}

/* checklist */
.lzs-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1)}
.lzs-checklist li{display:flex;gap:.7rem;align-items:flex-start;min-width:0;font-size:.97rem}
.lzs-checklist .lzs-icon{width:1.25em;height:1.25em;margin-top:.35em;color:var(--accent-soft)}

/* mini stat tiles inside a panel — 4 плитки ровно 2×2, без сироты */
.lzs-minitiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border)}
.lzs-minitiles>*{min-width:0}
.lzs-minitile{background:var(--bg-card);padding:var(--sp-2);display:flex;flex-direction:column;gap:.25rem}
.lzs-minitile__value{font-family:var(--font-head);font-weight:900;font-size:1.35rem;color:var(--accent-hi);line-height:1.1}
.lzs-minitile__label{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}

/* ---------- tables ---------- */
.lzs-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:var(--hairline)}
.lzs-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.lzs-table caption{
  caption-side:top;text-align:start;
  padding:var(--sp-2);
  font-size:.85rem;color:var(--text-muted);
  background:var(--bg-card);
}
.lzs-table th{
  background:var(--bg-deep);
  color:var(--accent-soft);
  font-family:var(--font-head);font-weight:700;
  font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  text-align:start;
  padding:.95rem 1rem;
  white-space:nowrap;
  border-bottom:1px solid rgba(108,92,231,.65);
  box-shadow:inset 0 -1px 0 rgba(108,92,231,.5);
}
.lzs-table td{
  padding:.95rem 1rem;
  border-bottom:1px solid var(--border);
  vertical-align:top;
  background:var(--bg-card);
}
.lzs-table tbody tr:last-child td{border-bottom:0}
.lzs-table tbody tr:nth-child(even) td{background:rgba(27,24,64,.5)}
.lzs-table tbody tr:hover td{background:rgba(108,92,231,.12)}

/* ---------- таблицы на мобиле ---------- */
@media(max-width:599px){
  /* спецификации (th scope=row, без thead) — карточный режим: ни скролла, ни уехавшей caption */
  .lzs-table:not(:has(thead)){min-width:0;display:block}
  .lzs-table:not(:has(thead)) tbody,
  .lzs-table:not(:has(thead)) tr{display:block}
  .lzs-table:not(:has(thead)) tr{border-bottom:1px solid var(--border)}
  .lzs-table:not(:has(thead)) tr:last-child{border-bottom:0}
  .lzs-table:not(:has(thead)) th,
  .lzs-table:not(:has(thead)) td{display:block;border-bottom:0;white-space:normal}
  .lzs-table:not(:has(thead)) th{background:transparent;padding:.85rem 1rem .1rem}
  .lzs-table:not(:has(thead)) td{background:transparent;padding:0 1rem .85rem}
  .lzs-table:not(:has(thead)) caption{width:auto}
  /* остальные — остаются со скроллом, но подпись не уезжает и полоса прокрутки видима */
  .lzs-table{font-size:.9rem}
  .lzs-table th,.lzs-table td{padding:.75rem .7rem}
  .lzs-table:has(thead) caption{
    display:block;position:sticky;inset-inline-start:0;
    width:calc(100vw - 2 * var(--gutter));
  }
  .lzs-table-wrap{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-deep)}
  .lzs-table-wrap::-webkit-scrollbar{height:6px}
  .lzs-table-wrap::-webkit-scrollbar-track{background:var(--bg-deep)}
  .lzs-table-wrap::-webkit-scrollbar-thumb{background:var(--accent)}
}

/* bonus table + chips */
.lzs-bonus-table td:first-child{font-weight:700;white-space:nowrap}
.lzs-chip{
  display:inline-block;
  font-family:var(--font-head);font-weight:900;font-size:.95rem;
  letter-spacing:.02em;
  color:var(--text-main);
  padding:.34em .8em;
  border:1px solid var(--accent);
  border-radius:0;
  background:linear-gradient(135deg,rgba(108,92,231,.45),rgba(108,92,231,.12));
}

/* payments table + strip */
.lzs-pay-table td:first-child{white-space:nowrap;font-weight:600}
.lzs-pay-table .lzs-icon{color:var(--accent-soft);margin-inline-end:.55rem}
.lzs-pay-strip{
  display:grid;gap:1px;
  grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));
  background:var(--border);border:var(--hairline);
}
.lzs-pay-strip>*{min-width:0}
.lzs-pay-strip__item{
  background:var(--bg-card);
  padding:var(--sp-2);
  display:flex;align-items:center;gap:.7rem;
  font-size:.92rem;font-weight:600;
}
.lzs-pay-strip__item .lzs-icon{color:var(--accent-soft)}

/* ---------- numbered list (real sequence) ---------- */
.lzs-steps{list-style:none;counter-reset:lzs-step;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.lzs-steps>li{
  counter-increment:lzs-step;
  position:relative;
  padding-inline-start:4.1rem;
  min-width:0;
}
.lzs-steps>li::before{
  content:counter(lzs-step,decimal-leading-zero);
  position:absolute;inset-inline-start:0;top:-.15rem;
  font-family:var(--font-head);font-weight:900;font-size:1.5rem;
  color:var(--accent-soft);
  width:2.9rem;height:2.9rem;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border-gold);
  background:rgba(27,24,64,.7);
}
.lzs-steps h3{margin-bottom:.35rem;font-size:1.1rem}
.lzs-steps p{color:var(--text-muted)}

/* ---------- categories bar (pills) ---------- */
.lzs-cats{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;list-style:none}
.lzs-cats>*{min-width:0}
.lzs-cats a,.lzs-cats span{
  display:inline-flex;align-items:center;gap:.45em;
  font-family:var(--font-head);font-weight:600;font-size:.8rem;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--text-muted);
  padding:.6em 1.1em;
  border:var(--hairline);border-radius:var(--radius);
  background:rgba(20,18,46,.55);
  transition:color .18s ease,border-color .18s ease,background .18s ease;
}
.lzs-cats a:hover,.lzs-cats a:focus-visible{
  color:var(--text-main);border-color:var(--accent);background:rgba(108,92,231,.18);
}
.lzs-cats .lzs-icon{width:1.05em;height:1.05em;color:var(--accent-soft)}
@media(max-width:959px){
  .lzs-cats a,.lzs-cats span{min-height:44px;padding:.6em 1.05em}
}

/* ---------- FAQ — pattern: BOXED ---------- */
.lzs-faq{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-faq>*{min-width:0}
.lzs-faq details{
  background:var(--bg-card);
  border:var(--hairline);border-radius:var(--radius);
  padding-inline:var(--card-pad);
  transition:border-color .22s ease;
}
.lzs-faq details[open]{border-color:var(--border-gold)}
.lzs-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none}
.lzs-faq summary::-webkit-details-marker{display:none}
.lzs-faq summary::before{
  content:'+';margin-right:.5rem;transition:transform .2s;
  color:var(--accent);font-family:var(--font-head);font-weight:900;
}
.lzs-faq details[open] summary::before{content:'−'}
.lzs-faq details > :not(summary){padding:.5rem 0 1rem;color:var(--text-muted)}
.lzs-faq summary:hover{color:var(--accent-hi)}

/* generic details fallback (outside .lzs-faq) */
details summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none}
details summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent)}
details[open] summary::before{content:'−'}
details > :not(summary){padding:.5rem 0 1rem}

/* ---------- legal body ---------- */
/* сброс — на странице, а не на каждом блоке: иначе нумерация начиналась заново */
main{counter-reset:lzs-leg}
.lzs-legal{display:flex;flex-direction:column;gap:var(--sp-3)}
.lzs-legal>*{min-width:0}
.lzs-legal section{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-legal h2{
  counter-increment:lzs-leg;
  display:flex;gap:.7rem;align-items:baseline;
  font-size:clamp(1.25rem,1.1rem + .8vw,1.6rem);
}
.lzs-legal h2::before{
  content:counter(lzs-leg) ".";
  color:var(--accent);font-family:var(--font-head);font-weight:900;
  flex-shrink:0;
}
.lzs-legal h3{margin-top:var(--sp-1)}
.lzs-legal p,.lzs-legal li{color:var(--text-muted)}
.lzs-legal ul,.lzs-legal ol{padding-inline-start:1.3rem;display:flex;flex-direction:column;gap:.5rem}
.lzs-legal a{text-decoration:underline;text-underline-offset:3px}

/* ---------- CTA block ---------- */
.lzs-cta{
  padding-block:var(--section-y);
  background:
    radial-gradient(700px 320px at 50% 0%,rgba(108,92,231,.35),transparent 68%),
    var(--bg-deep);
  border-block:1px solid var(--border-gold);
}
.lzs-cta__inner{
  display:flex;flex-direction:column;gap:var(--sp-1);
  align-items:center;text-align:center;
}
.lzs-cta .lzs-actions{margin-block:var(--sp-2)}
.lzs-cta__inner>*{min-width:0;max-width:100%}
.lzs-cta h2{font-size:clamp(1.7rem,1.2rem + 2.2vw,2.7rem);text-wrap:balance}
.lzs-cta p{color:var(--text-muted);max-width:64ch}
.lzs-cta .lzs-actions{justify-content:center}
.lzs-cta .lzs-fine{max-width:70ch}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.lzs-footer{
  background:var(--glass);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
  border-top:1px solid var(--border-gold);
  padding-block:clamp(2.6rem,5vw,4.2rem) var(--sp-3);
  margin-top:var(--sp-4);
}
.lzs-footer__grid{
  display:grid;gap:clamp(1.6rem,3.5vw,3rem);
  grid-template-columns:1fr;
}
.lzs-footer__grid>*{min-width:0}
@media(min-width:860px){
  .lzs-footer__grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr))}
}
.lzs-footer__brand{display:flex;flex-direction:column;gap:var(--sp-2)}
.lzs-footer__brand p{color:var(--text-muted);font-size:.94rem;max-width:46ch}
.lzs-footer__col h3{
  font-family:var(--font-head);font-size:.78rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--accent-soft);
  margin-bottom:var(--sp-2);
}
.lzs-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.lzs-footer__col li{min-width:0}
.lzs-footer__col a{color:var(--text-muted);font-size:.94rem}
@media(max-width:959px){
  .lzs-footer__col ul{gap:.1rem}
  .lzs-footer__col a{display:flex;align-items:center;min-height:44px}
}
.lzs-footer__col a:hover,.lzs-footer__col a:focus-visible{color:var(--accent-hi)}
.lzs-footer__age{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex-shrink:0;
  border:1px solid var(--accent);
  font-family:var(--font-head);font-weight:900;font-size:.86rem;color:var(--accent-hi);
}
.lzs-footer__disclaimer{
  margin-top:var(--sp-3);
  padding-top:var(--sp-3);
  border-top:1px solid var(--border);
  display:flex;gap:var(--sp-2);align-items:flex-start;flex-wrap:wrap;
}
.lzs-footer__disclaimer>*{min-width:0}
.lzs-footer__disclaimer p{flex:1 1 260px}
.lzs-footer__bottom{
  margin-top:var(--sp-3);
  padding-top:var(--sp-2);
  border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);
  align-items:center;justify-content:space-between;
  font-size:.83rem;color:var(--text-muted);
}
.lzs-footer__bottom>*{min-width:0}

/* ---------- 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;
  }
  .lzs-card:hover,.lzs-btn:hover{transform:none}
}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.lzs-footer .lzs-logo__img{filter:none;background:transparent;padding:0}
.lzs-footer .lzs-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.lzs-logo__img{object-fit:contain}
/* sa-ph-media */
.lzs-page-header:has(.lzs-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.lzs-page-header:has(.lzs-hero__img) .lzs-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.lzs-page-header:has(.lzs-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(.lzs-page-header:has(.lzs-hero__img)>:not(.lzs-hero__img)){position:relative}
.lzs-page-header:has(.lzs-hero__img)>:not(.lzs-hero__img){z-index:2}
.lzs-page-header:has(.lzs-hero__img),.lzs-page-header:has(.lzs-hero__img) h1,.lzs-page-header:has(.lzs-hero__img) a,.lzs-page-header:has(.lzs-hero__img) p,.lzs-page-header:has(.lzs-hero__img) li,.lzs-page-header:has(.lzs-hero__img) span{color:#fff}
/* sa-hero-media */
.lzs-hero:has(>.lzs-hero__img){position:relative;isolation:isolate}
.lzs-hero:has(>.lzs-hero__img)>.lzs-hero__img{z-index:0}
.lzs-hero:has(>.lzs-hero__img)::after{z-index:1}
:where(.lzs-hero:has(>.lzs-hero__img)>:not(.lzs-hero__img)){position:relative}
.lzs-hero:has(>.lzs-hero__img)>:not(.lzs-hero__img){z-index:2}
/* sa-rhythm */
:where(.lzs-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.lzs-table-wrap)+p{margin-block-start:1rem}
/* sa-sticky-pad */
