.elementor-31 .elementor-element.elementor-element-78e7758{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:080px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-e0e9a28 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-78e7758{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS */:root{
  /* Цвета (light only) */
  --color-bg:#ffffff;           /* общий фон страницы */
  --color-surface:#f3f3f3;      /* фон карточек/блоков */
  --color-fg:#333333;
  --color-fg-strong:#000000;
  --color-muted:#666666;
  --color-border:#e0e0e0;

  /* Бренд под FxPro: тёмно-красный + ярко-красный */
  --brand-black:#b51414;        /* тёмный красный для градиента/акцентов */
  --brand-gold:#f32727;         /* основной яркий красный */

  /* Состояния */
  --color-accent:#f32727;       /* красный — брендовый акцент/фокус */
  --color-success:#1a7f37;      /* зелёный */
  --color-danger:#c00000;       /* более глубокий красный под ошибку */

  /* Эффекты */
  --shadow-1:0 6px 15px rgba(0,0,0,.08);
  --shadow-2:0 10px 25px rgba(0,0,0,.18);

  /* Размеры */
  --radius:20px;
  --radius-sm:12px;
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.25rem;
  --space-6:1.5rem;

  /* Минимальные тач-цели */
  --min-tap:44px;

  color-scheme: light;
}


/* 1) База / типографика (CJK + латиница) */
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
html,body{ min-block-size:100dvh; }
*{ box-sizing:border-box; }

body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px; /* анти-зум iOS */
  line-height:1.75;
  background:var(--color-bg) !important;
  color:var(--color-fg) !important;
  margin:0 !important;
  padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  line-break:loose;
  overflow-wrap:anywhere;
}

/* Шрифтовые стеки под китайский */
:lang(zh),:lang(zh-CN),:lang(zh-TW){ letter-spacing:normal; }
:lang(zh-CN){
  font-family:PingFang SC,"Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
:lang(zh-TW){
  font-family:PingFang TC,"Microsoft JhengHei","Noto Sans CJK TC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
/* CJK размер/межстрочные + кавычки */
:lang(zh){ font-size:1.05em; }
:lang(zh) p, :lang(zh) li{ line-height:1.8 !important; }
:lang(zh){ quotes:"「" "」" "『" "』"; }
:lang(zh) q::before{ content:open-quote; }
:lang(zh) q::after{ content:close-quote; }

/* Базовый цвет текста (light) */
p,li,dt,dd,td,th{ color:var(--color-fg) !important; }
h1,h2,h3,h4{ color:var(--color-fg-strong) !important; }

/* 2) Доступность/тач */
a,button{ cursor:pointer; }
a,.btn,button{
  min-inline-size:var(--min-tap);
  min-block-size:var(--min-tap);
}
.btn + .btn, a + a, button + button{ margin-inline-start:.5rem; }
a, .btn, button{ margin:.25rem; }
:focus-visible{ outline:2px solid var(--color-accent); outline-offset:2px; }
:disabled,[aria-disabled="true"]{ opacity:.6; cursor:not-allowed; }

@media (hover:none) and (pointer:coarse){
  .hover-only{ display:none !important; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}

/* 3) Шапка */
.custom-gradient-header{
  background:linear-gradient(135deg,var(--brand-black) 0%,var(--brand-gold) 100%) !important;
  padding-block:60px !important;
  padding-inline:20px !important;
  border-end-start-radius:var(--radius) !important;
  border-end-end-radius:var(--radius) !important;
  text-align:center !important;
  box-shadow:var(--shadow-2) !important;
  position:relative !important;
  overflow:hidden !important;
  margin-block-end:20px !important;
}
.custom-gradient-header::after{
  content:"" !important;
  pointer-events:none !important;
  position:absolute !important;
  inline-size:200% !important;
  block-size:200% !important;
  inset-block-start:-50% !important;
  inset-inline-start:-50% !important;
  background:radial-gradient(circle,#ffffff33 20%,transparent 60%) !important;
  animation:shine 8s infinite linear !important;
}
@keyframes shine{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
@media (prefers-reduced-motion:reduce){
  @keyframes shine{ from{transform:none;} to{transform:none;} }
  .custom-gradient-header::after{ animation:none !important; }
}
.custom-gradient-header h1{
  color:#fff !important;
  font-size:clamp(1.8rem,2.5vw + 1rem,2.5rem) !important;
  font-weight:800 !important;
  margin-block-end:15px !important;
}
.custom-gradient-header p{
  color:#fff !important;
  font-size:clamp(1rem,.8vw + .6rem,1.2rem) !important;
  margin:0 0 30px 0 !important;
}
.custom-gradient-header > div{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:15px !important;
  margin-inline:auto !important;
  max-inline-size:72rem !important;
}
.custom-gradient-header a{
  padding:14px 30px !important;
  border-radius:30px !important;
  text-decoration:none !important;
  font-weight:700 !important;
  transition:transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-inline-size:var(--min-tap);
  min-block-size:var(--min-tap);
}
/* primary */
.custom-gradient-header a:first-child{
  background:var(--brand-gold) !important;
  color:#ffffff !important;
  box-shadow:0 6px 15px rgba(243,39,39,.45) !important;
}
.custom-gradient-header a:first-child:hover{
  background:#ff4b4b !important;
  transform:translateY(-2px) !important;
}
/* ghost */
.custom-gradient-header a:last-child{
  background:transparent !important;
  border:2px solid #fff !important;
  color:#fff !important;
}
.custom-gradient-header a:last-child:hover{
  background:#fff !important;
  color:var(--brand-gold) !important;
}

/* Мобильная раскладка */
@media (max-width:768px){
  .custom-gradient-header > div{ flex-direction:column !important; }
}

/* 4) Унифицированные «карточки» для контейнеров (light) */
:where(.custom-content-block, .custom-faq, .custom-table-scroll){
  background:var(--color-surface) !important; /* светло-серый фон карточек */
  border:1px solid var(--color-border) !important;
  border-radius:14px !important;
  box-shadow:var(--shadow-1) !important;
  padding:24px !important;
  margin:24px !important;
}

/* 4.1) Блок преимуществ (сохраняем фирм. левую полосу) */
.custom-takeaways{
  border-inline-start:6px solid var(--brand-gold) !important;
}
.custom-takeaways h3{
  margin:0 0 20px 0 !important;
  font-size:1.5em !important;
  color:var(--color-fg-strong) !important;
}
.custom-takeaways ul{ padding:0 !important; margin:0 !important; list-style:none !important; }
.custom-takeaways li{ margin-block-end:10px !important; }
.custom-takeaways li::before{
  content:"✔" !important;
  color:var(--brand-gold) !important;
  margin-inline-end:8px !important;
  font-weight:bold !important;
}

/* 5) Кнопка CTA */
.custom-content-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--brand-gold) !important;
  color:#ffffff !important;
  padding:16px 35px !important;
  border-radius:30px !important;
  text-decoration:none !important;
  font-weight:700 !important;
  margin-block:20px !important;
  box-shadow:0 10px 20px rgba(243,39,39,.35) !important;
  transition:transform .2s ease, background-color .2s ease, box-shadow .2s ease !important;
  min-inline-size:var(--min-tap);
  min-block-size:var(--min-tap);
}
.custom-content-btn:hover{
  background:#ff4b4b !important;
  transform:scale(1.05) !important;
}

/* 6) FAQ (базовая стилизация; для раскрытия — <details/summary> в HTML) */
.custom-faq{ color:var(--color-fg) !important; }
.faq-item{ margin-block-end:15px !important; }
.faq-item h4{
  margin:0 !important;
  cursor:pointer !important;
  padding:10px !important;
  border-radius:8px !important;
  background:#f5f5f5 !important;
}
.faq-item p{
  display:none !important;
  padding:10px !important;
  margin:0 !important;
}

/* 7) Таблицы */
.custom-table-scroll{ padding:16px !important; border-radius:12px !important; }
.custom-table-scroll table{
  inline-size:100% !important;
  border-collapse:collapse !important;
  min-inline-size:500px !important;
  font-size:15px !important;
}
.custom-table-scroll thead th{
  background:var(--brand-gold) !important;
  color:#ffffff !important;
  padding:14px 12px !important;
  text-align:start !important;
  font-weight:700 !important;
  border-block-end:3px solid var(--brand-gold) !important;
}
.custom-table-scroll td,.custom-table-scroll th{
  padding:12px !important;
  border-block-end:1px solid #eaeaea !important;
  color:var(--color-fg) !important;
  vertical-align:top !important;
  overflow-wrap:anywhere !important;
}
.custom-table-scroll tbody tr:nth-child(even){ background:#f9f9f9 !important; }
.custom-table-scroll tbody tr:hover{ background:#ffe5e5 !important; transition:background .2s ease !important; }

/* 8) Списки в контенте */
.custom-content-block ul{
  list-style:none !important;
  padding-inline-start:0 !important;
  margin:15px 0 !important;
}
.custom-content-block ul li{
  position:relative !important;
  padding-inline-start:28px !important;
  margin-block-end:10px !important;
}
.custom-content-block ul li::before{
  content:"✔" !important;
  position:absolute !important;
  inset-inline-start:0 !important;
  inset-block-start:0 !important;
  color:var(--brand-gold) !important;
  font-weight:bold !important;
}
.custom-content-block ol{
  counter-reset:exness-counter !important;
  list-style:none !important;
  padding-inline-start:0 !important;
  margin:15px 0 !important;
}
.custom-content-block ol li{
  counter-increment:exness-counter !important;
  position:relative !important;
  padding-inline-start:36px !important;
  margin-block-end:12px !important;
}
.custom-content-block ol li::before{
  content:counter(exness-counter) !important;
  position:absolute !important;
  inset-inline-start:0 !important;
  inset-block-start:0 !important;
  background:var(--brand-gold) !important;
  color:#ffffff !important;
  font-weight:bold !important;
  inline-size:24px !important;
  block-size:24px !important;
  line-height:24px !important;
  border-radius:50% !important;
  text-align:center !important;
  font-size:14px !important;
}

/* 9) "Dark mode": держим светлую тему даже при системном тёмном */
@media (prefers-color-scheme: dark){
  /* база остаётся светлой */
  body{ background:var(--color-bg) !important; color:var(--color-fg) !important; }
  :lang(zh){ font-size:1.08em; }

  /* текст и заголовки — те же цвета, что и в light */
  p,li,dt,dd,td,th,small{ color:var(--color-fg) !important; }
  h1,h2,h3,h4{ color:var(--color-fg-strong) !important; }

  /* карточки остаются светло-серыми */
  :where(.custom-content-block, .custom-faq, .custom-table-scroll){
    background:var(--color-surface) !important;
    border-color:var(--color-border) !important;
    box-shadow:var(--shadow-1) !important;
  }

  /* таблица — та же палитра */
  .custom-table-scroll thead th{
    background:var(--brand-gold) !important;
    color:#ffffff !important;
    border-block-end-color:var(--brand-gold) !important;
  }
  .custom-table-scroll td,.custom-table-scroll th{
    border-color:#eaeaea !important;
    color:var(--color-fg) !important;
  }
  .custom-table-scroll tbody tr:nth-child(even){ background:#f9f9f9 !important; }
  .custom-table-scroll tbody tr:hover{ background:#ffe5e5 !important; }

  /* ссылки внутри карточек */
  :where(.custom-content-block, .custom-faq, .custom-table-scroll) a:not(.custom-content-btn){
    color:var(--color-accent) !important;
    text-decoration:underline !important;
    text-underline-offset:2px !important;
  }
  :where(.custom-content-block, .custom-faq, .custom-table-scroll) a:hover:not(.custom-content-btn){
    text-decoration-thickness:2px !important;
  }

  /* фокус */
  :focus-visible{ outline:2px solid var(--color-accent) !important; outline-offset:2px; }

  /* медиа внутри шапки */
  .custom-gradient-header img{ filter:brightness(.96) contrast(1.02); }

  /* ссылки в шапке без стандартного синего */
  .custom-gradient-header a{ color:inherit !important; text-decoration:none !important; }
  .custom-gradient-header a:last-child{ border-color:#fff !important; color:#fff !important; }
}

/* 10) Формы: анти-зум iOS */
input,select,textarea{ font-size:16px; }

img {
  border-radius: 5% !important;
}/* End custom CSS */