/* ============================================================
   VortexSkins — секции контента (FAQ, About)
   Тёмная HUD-эстетика: срезанные углы, неоновая линия, Getto в заголовках
   ============================================================ */
.vx-sec{
  --vx-acid:#6df800;
  --vx-acid-dim:rgba(109,248,0,.32);
  --vx-acid-soft:rgba(109,248,0,.07);
  --vx-panel:#212121;
  --vx-panel-2:#1a1a1a;
  --vx-ink:rgba(255,255,255,.72);
  --vx-ink-dim:rgba(255,255,255,.42);
  --vx-line:rgba(255,255,255,.10);
  max-width:1320px;margin:0 auto;padding:90px 24px 20px;color:var(--vx-ink);
}

/* --- шапка секции --- */
.vx-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--vx-acid);
}
.vx-eyebrow:before{content:"";width:26px;height:1px;background:var(--vx-acid)}
.vx-sec__head{max-width:760px;margin:0 0 52px}
.vx-sec__title{
  margin:16px 0 0;font-family:"Getto",sans-serif;font-weight:400;
  font-size:clamp(34px,4.6vw,60px);line-height:.94;letter-spacing:.01em;
  text-transform:uppercase;color:#fff;
}
.vx-sec__title em{font-style:normal;color:var(--vx-acid);text-shadow:0 0 26px rgba(109,248,0,.35)}
.vx-sec__lead{margin:20px 0 0;max-width:620px;font-size:16px;line-height:1.65;color:var(--vx-ink-dim)}

/* --- шаги --- */
.vx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.vx-steps:before{
  content:"";position:absolute;top:64px;left:8%;right:8%;height:1px;
  background:linear-gradient(90deg,transparent,var(--vx-acid-dim) 18%,var(--vx-acid-dim) 82%,transparent);
  pointer-events:none;
}
.vx-step{
  position:relative;padding:34px 28px 30px;background:var(--vx-panel);
  border:1px solid var(--vx-line);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  transition:transform .28s cubic-bezier(.2,.7,.3,1),background .28s,border-color .28s;
  isolation:isolate;overflow:hidden;
}
.vx-step:after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .28s;
  background:radial-gradient(120% 90% at 15% 0%,rgba(109,248,0,.14),transparent 62%);
}
.vx-step:hover{transform:translateY(-5px);border-color:var(--vx-acid-dim);background:#242424}
.vx-step:hover:after{opacity:1}
.vx-step__num{
  display:block;font-family:"Getto",sans-serif;font-size:52px;line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--vx-acid-dim);margin:0 0 18px;
  transition:-webkit-text-stroke-color .28s,color .28s;
}
.vx-step:hover .vx-step__num{-webkit-text-stroke-color:var(--vx-acid);color:rgba(109,248,0,.08)}
.vx-step__title{
  margin:0 0 12px;font-size:19px;line-height:1.2;color:#fff;
  text-transform:uppercase;letter-spacing:.03em;
}
.vx-step p{margin:0 0 20px;font-size:14.5px;line-height:1.68}
.vx-step__link{
  display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--vx-acid);text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:3px;transition:border-color .2s,gap .2s;
}
.vx-step__link:after{content:"→";transition:transform .2s}
.vx-step__link:hover{border-bottom-color:var(--vx-acid);color:var(--vx-acid)}
.vx-step__link:hover:after{transform:translateX(4px)}

/* --- полоса фактов --- */
.vx-facts{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0 0;
  background:var(--vx-line);border:1px solid var(--vx-line);
}
.vx-fact{background:var(--vx-panel-2);padding:24px 22px;display:flex;flex-direction:column;gap:7px}
.vx-fact__k{font-family:"Getto",sans-serif;font-size:27px;line-height:1;color:var(--vx-acid)}
.vx-fact__v{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--vx-ink-dim)}

/* --- блок помощи --- */
.vx-help{margin:74px 0 0;padding:44px 0 0;border-top:1px solid var(--vx-line)}
.vx-help__intro h3{
  margin:14px 0 0;font-family:"Getto",sans-serif;font-weight:400;
  font-size:clamp(24px,2.8vw,34px);line-height:1;text-transform:uppercase;color:#fff;
}
.vx-help__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.vx-help__card{
  display:flex;flex-direction:column;gap:11px;padding:26px 24px;text-decoration:none;
  background:linear-gradient(160deg,var(--vx-panel) 0%,var(--vx-panel-2) 100%);
  border:1px solid var(--vx-line);border-left:2px solid var(--vx-acid-dim);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));
  transition:border-left-color .25s,transform .25s,background .25s;
}
.vx-help__card:hover{border-left-color:var(--vx-acid);transform:translateX(4px);background:#242424}
.vx-help__label{font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.03em;line-height:1.25}
.vx-help__text{font-size:14px;line-height:1.6;color:var(--vx-ink-dim);flex:1}
.vx-help__go{
  display:inline-flex;align-items:center;gap:8px;margin-top:4px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vx-acid);
}
.vx-help__go:after{content:"→";transition:transform .2s}
.vx-help__card:hover .vx-help__go:after{transform:translateX(4px)}

/* --- адаптив --- */
@media (max-width:1024px){
  .vx-sec{padding:70px 20px 10px}
  .vx-steps{grid-template-columns:1fr 1fr}
  .vx-steps:before{display:none}
  .vx-facts{grid-template-columns:1fr 1fr}
  .vx-help__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vx-sec{padding:56px 18px 8px}
  .vx-steps{grid-template-columns:1fr}
  .vx-sec__head{margin-bottom:36px}
  .vx-step{padding:28px 22px 26px}
  .vx-step__num{font-size:42px}
  .vx-facts{grid-template-columns:1fr}
  .vx-help{margin-top:52px;padding-top:34px}
}

/* ============================================================ статьи блога */
.vx-article{
  --vx-acid:#6df800;--vx-acid-dim:rgba(109,248,0,.3);--vx-acid-soft:rgba(109,248,0,.07);
  --vx-ink:rgba(255,255,255,.78);--vx-ink-dim:rgba(255,255,255,.46);--vx-line:rgba(255,255,255,.10);
  --vx-panel:#212121;
  max-width:780px;font-size:16.5px;line-height:1.78;color:var(--vx-ink);
}
.vx-article > p:first-of-type{
  font-size:18.5px;line-height:1.65;color:rgba(255,255,255,.92);
  padding-left:18px;border-left:2px solid var(--vx-acid);margin-bottom:34px;
}
.vx-article h2{
  margin:44px 0 16px;padding-bottom:11px;position:relative;
  font-size:24px;line-height:1.22;color:#fff;text-transform:uppercase;letter-spacing:.02em;
  border-bottom:1px solid var(--vx-line);
}
.vx-article h2:after{content:"";position:absolute;left:0;bottom:-1px;width:52px;height:2px;background:var(--vx-acid)}
.vx-article h3{margin:30px 0 10px;font-size:17px;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.vx-article p{margin:0 0 18px}
.vx-article ul,.vx-article ol{margin:0 0 22px;padding-left:24px}
.vx-article li{margin:0 0 11px}
.vx-article li::marker{color:var(--vx-acid)}
.vx-article ol li::marker{font-variant-numeric:tabular-nums}
.vx-article strong{color:#fff;font-weight:600}
.vx-article em{color:var(--vx-ink);font-style:italic}
.vx-article a{color:var(--vx-acid);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vx-article a:hover{color:#fff}
.vx-article blockquote{margin:26px 0;padding:18px 22px;background:var(--vx-panel);border-left:2px solid var(--vx-acid);font-style:normal}
@media (max-width:768px){
  .vx-article{font-size:15.5px}
  .vx-article > p:first-of-type{font-size:17px;padding-left:14px}
  .vx-article h2{font-size:21px;margin-top:34px}
}

/* центрируем колонку статьи и чиним чипсы категорий */
.vx-article{margin-left:auto;margin-right:auto}
.single-post .entry-content,.single-post .wd-post-content{display:block}
.wd-post-cat,.post-categories,.wd-entities-title + .wd-post-cat{line-height:1.35}
.wd-post-cat a,.post-categories a{
  display:inline-block;height:auto;min-height:0;padding:5px 11px;line-height:1.25;
  white-space:normal;text-align:center;
}

/* ============================================================ реквизиты в футере */
.vx-foot-contact .vx-foot-mail{display:inline-block;margin-bottom:16px}
.vx-foot-legal{display:flex;flex-direction:column;gap:5px;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.5);text-transform:none}
.vx-foot-legal span{text-transform:none}
.vx-foot-legal strong{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6df800;font-weight:400;margin-bottom:2px;
}
.vx-foot-legal em{margin-top:4px;font-style:normal;font-size:11px;color:rgba(255,255,255,.3);line-height:1.45}
