/* ============================================================
   Dragon Money — надстройка над общим шаблоном.
   Меняет компоновку, не трогая палитру и базовые блоки.
   Подключать последним.
   ============================================================ */

/* ---- Герой: маскот справа, текст слева ---- */
.lb-hero-split--rev{ grid-template-columns: 1fr 1.05fr; }
.lb-hero-split--rev .lb-hero-split__logo{ order: 2; }
.lb-hero-split--rev .lb-hero-split__content{ order: 1; text-align: left; }
.lb-hero-split--rev::before{ left: auto; right: 8%; }
@media (max-width: 900px){
  .lb-hero-split--rev .lb-hero-split__logo{ order: 1; }
  .lb-hero-split--rev .lb-hero-split__content{ order: 2; text-align: center; }
}

/* ---- Полоса цифр под героем ---- */
.dm-stats{
  max-width: 1200px; margin: -14px auto 0; padding: 0 24px 46px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
  list-style: none;
}
.dm-stats li{
  padding: 22px 18px; text-align: center; border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.014));
  border: 1px solid rgba(138, 220, 255, .001);
  border-color: rgba(255, 212, 82, .20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.28);
  transition: transform .18s ease, border-color .18s ease;
}
.dm-stats li:hover{ transform: translateY(-3px); border-color: rgba(255,212,82,.42); }
.dm-stats b{
  display: block; font-family: var(--lb-font-display, inherit);
  font-size: clamp(20px, 2.4vw, 28px); line-height: 1;
  color: var(--dm-amber); margin-bottom: 7px;
}
.dm-stats span{ font-size: 13px; line-height: 1.45; color: var(--dm-text-muted); }
@media (max-width: 860px){ .dm-stats{ grid-template-columns: repeat(2, 1fr); } }

/* ---- Плюсы и минусы ---- */
.dm-pc-wrap{ max-width: 1000px; margin: 0 auto; padding: 0 24px; }
.dm-pc-title{
  text-align: center; font-family: var(--lb-font-display, inherit);
  font-size: clamp(22px, 3vw, 34px); text-transform: uppercase;
  color: var(--dm-text); margin: 0 0 8px;
}
.dm-pc-title span{ color: var(--dm-amber); }
.dm-pc-sub{ text-align: center; color: var(--dm-text-muted); font-size: 15px; margin: 0 0 28px; }
.dm-pc{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dm-pc__col{
  padding: 26px 28px; border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.014));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 32px rgba(0,0,0,.26);
}
.dm-pc__col h3{
  display: flex; align-items: center; gap: 10px; margin: 0 0 16px;
  font-family: var(--lb-font-display, inherit); font-size: 19px; color: var(--dm-text);
}
.dm-pc__col h3::before{ content: ""; width: 9px; height: 9px; border-radius: 50%; }
.dm-pc__col--pro h3::before{ background: #57c98a; box-shadow: 0 0 10px rgba(87,201,138,.55); }
.dm-pc__col--con h3::before{ background: var(--dm-text-muted); }
.dm-pc__col ul{ margin: 0; padding: 0; list-style: none; display: grid; gap: 13px; }
.dm-pc__col li{
  position: relative; padding-left: 28px;
  font-size: 14.5px; line-height: 1.6; color: var(--dm-text-soft);
}
.dm-pc__col--pro li::before{ content: "✓"; position: absolute; left: 0; top: -1px; color: #57c98a; font-weight: 700; }
.dm-pc__col--con li::before{ content: "–"; position: absolute; left: 3px; top: -3px; color: var(--dm-text-muted); font-weight: 700; font-size: 20px; }
@media (max-width: 760px){ .dm-pc{ grid-template-columns: 1fr; } }