/* === Вертикальная планка отзывов (статичная) === */
:root{
  --rv-accent:#3FD573;
  --rv-bg:
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 60%, transparent 100%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.reviews-rail{
  position:fixed; left:0; top:50%; transform:translateY(-50%);
  z-index:9999; pointer-events:auto;
}

.reviews-rail__link{
  position:relative;
  width:48px; height:230px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  color:#fff; text-decoration:none; border-radius:0 14px 14px 0;
  border:1px solid rgba(255,255,255,.12);
  background:var(--rv-bg);
  box-shadow:0 10px 24px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:saturate(120%) blur(2px);
  /* без движения: не анимируем transform/позицию */
  transition: box-shadow .18s ease, border-color .18s ease, color .18s ease, filter .18s ease, background .18s ease;
}

/* не двигаем — только свечение */
.reviews-rail__link::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(120% 60% at 0% 50%, rgba(63,213,115,.28), transparent 60%),
    radial-gradient(40% 30% at 100% 0%, rgba(255,255,255,.10), transparent 70%);
  opacity:.0; pointer-events:none; border-radius:inherit; filter:blur(0);
  transition: opacity .18s ease, filter .18s ease;
}

.reviews-rail__link:hover,
.reviews-rail__link:focus-visible{
  border-color:rgba(63,213,115,.38);
  box-shadow:
    0 10px 24px rgba(0,0,0,.38),
    0 0 0 1px rgba(63,213,115,.28) inset,
    0 0 22px rgba(63,213,115,.18);
}
.reviews-rail__link:hover::before,
.reviews-rail__link:focus-visible::before{
  opacity:.45; filter:blur(2px);
}

/* вертикальный текст */
.reviews-rail__count,
.reviews-rail__text{
  writing-mode:vertical-rl; text-orientation:mixed; letter-spacing:.08em; user-select:none;
}
.reviews-rail__count{ font-weight:800; font-size:14px; color:var(--rv-accent); }
.reviews-rail__text{ font-weight:700; font-size:12px; text-transform:uppercase; opacity:.95; }

/* иконка */
.reviews-rail__icon{
  width:26px; height:26px; display:grid; place-items:center; color:var(--rv-accent);
  background:rgba(63,213,115,.13); border:1px solid rgba(63,213,115,.22);
  border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,.35);
}

/* фокус-обводка для клавиатуры */
.reviews-rail__link:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(63,213,115,.45), 0 10px 24px rgba(0,0,0,.4); }

/* Мобильная версия — компактно, без движения */
@media (max-width:768px){
  .reviews-rail{ left:auto; right:16px; top:auto; bottom:16px; transform:none; }
  .reviews-rail__link{
    width:auto; height:auto; padding:8px 12px; border-radius:12px; gap:8px; flex-direction:row;
  }
  .reviews-rail__count, .reviews-rail__text{
    writing-mode:horizontal-tb; text-orientation:initial; letter-spacing:.02em;
  }
}

/* === Правый вертикальный CTA (статичный) === */
:root{
  --cta-accent:#3FA7FF;
  --cta-bg:
    radial-gradient(120% 160% at 0% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 60%, transparent 100%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.cta-rail{
  position:fixed; right:0; top:50%; transform:translateY(-50%);
  z-index:9999; pointer-events:auto;
}

.cta-rail__link{
  position:relative;
  width:48px; height:230px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  color:#fff; text-decoration:none; border-radius:14px 0 0 14px;
  border:1px solid rgba(255,255,255,.12);
  background:var(--cta-bg);
  box-shadow:0 10px 24px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:saturate(120%) blur(2px);
  transition: box-shadow .18s ease, border-color .18s ease, color .18s ease, filter .18s ease, background .18s ease;
}

.cta-rail__link::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:
    radial-gradient(120% 60% at 100% 50%, rgba(63,167,255,.28), transparent 60%),
    radial-gradient(40% 30% at 0% 0%, rgba(255,255,255,.10), transparent 70%);
  opacity:.0; filter:blur(0); transition:opacity .18s ease, filter .18s ease;
}

.cta-rail__link:hover,
.cta-rail__link:focus-visible{
  border-color:rgba(63,167,255,.38);
  box-shadow:
    0 10px 24px rgba(0,0,0,.38),
    0 0 0 1px rgba(63,167,255,.28) inset,
    0 0 22px rgba(63,167,255,.18);
}
.cta-rail__link:hover::before,
.cta-rail__link:focus-visible::before{
  opacity:.45; filter:blur(2px);
}

/* вертикальная верстка */
.cta-rail__count, .cta-rail__text{
  writing-mode:vertical-rl; text-orientation:mixed; letter-spacing:.08em; user-select:none; text-align:center;
}
.cta-rail__count{ font-weight:800; font-size:14px; color:var(--cta-accent); }
.cta-rail__text{ font-weight:700; font-size:12px; text-transform:uppercase; opacity:.95; }

.cta-rail__icon{
  width:26px; height:26px; display:grid; place-items:center;
  background:rgba(63,167,255,.13); border:1px solid rgba(63,167,255,.22);
  border-radius:50%; box-shadow:0 3px 10px rgba(0,0,0,.35);
}

/* Доступность */
.cta-rail__link:focus-visible{ outline:none; box-shadow:0 0 0 2px rgba(63,167,255,.45), 0 10px 24px rgba(0,0,0,.4); }

/* Мобайл: кладём оба виджета в правый нижний угол, разводим по оси X */
@media (max-width:768px){
  /* существующая левая планка отзывов — сместить чуть левее, чтобы не перекрывалась */
  .reviews-rail{ left:auto; right:84px; bottom:16px; top:auto; transform:none; }
  .reviews-rail .reviews-rail__link{ height:auto; width:auto; padding:8px 12px; border-radius:12px; flex-direction:row; }

  /* телеграм справа */
  .cta-rail{ right:16px; bottom:16px; top:auto; transform:none; }
  .cta-rail__link{ height:auto; width:auto; padding:8px 12px; border-radius:12px; flex-direction:row; gap:8px; }
  .cta-rail__count, .cta-rail__text{ writing-mode:horizontal-tb; letter-spacing:.02em; }
}


.social-item.soon{
  position:relative;
  opacity:.55;
  filter:grayscale(1);
  pointer-events:none;          /* отключаем клики */
}
.social-item.soon::after{
  content:"Скоро…";
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:.3px;
  background:rgba(3,11,23,.5);
  border-radius:inherit;
}


/* ==== Articles (cards) ==== */
.a{
  --a-pad: clamp(16px,2vw,24px);
  --a-gap: clamp(16px,2.4vw,24px);
  --a-br: 16px;
  --a-bd: rgba(255,255,255,.12);
  --a-bg: rgba(255,255,255,.06);
  --a-grad: linear-gradient(135deg,#7bc8ff 0%,#a48bff 45%,#ff8bd6 100%);
  color:#fff;
}

/* Hero */
.a-hero{padding:72px 0 8px;text-align:left}
.a-title{margin:0 0 8px;font:800 clamp(28px,3.4vw,48px)/1.1 Unbounded,system-ui,sans-serif}
.a-grad{background:var(--a-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.a-lead{opacity:.8;max-width:72ch;margin:8px 0 0}

/* Container */
.a-c{width:min(1180px,100% - 2*var(--a-pad));margin-inline:auto;padding-inline:var(--a-pad)}

/* Grid */
.a-list{padding:8px 0 60px}
.a-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--a-gap);list-style:none;margin:0;padding:0}
.a-grid>li{grid-column:span 12}
@media (min-width:680px){.a-grid>li{grid-column:span 6}}
@media (min-width:1024px){.a-grid>li{grid-column:span 4}}

/* Card */
.a-card{
  position:relative;display:block;height:100%;
  padding:22px 20px 18px;border-radius:var(--a-br);
  background:var(--a-bg);border:1px solid var(--a-bd);
  text-decoration:none;color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease;
}
.a-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:var(--a-grad);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.18;transition:opacity .25s ease;
}
.a-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:transparent}
.a-card:hover::before{opacity:.35}

/* Badge */
.a-badge{
  display:inline-flex;align-items:center;gap:8px;
  font:700 12px/1.1 system-ui,sans-serif;letter-spacing:.3px;text-transform:uppercase;
  padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)
}
.a-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#8fd3ff;box-shadow:0 0 10px #7bc8ff}

/* Texts */
.a-card__title{margin:14px 0 6px;font:800 clamp(18px,2vw,24px)/1.15 Unbounded,system-ui,sans-serif;letter-spacing:.2px}
.a-desc{margin:0 0 12px;opacity:.85;max-width:60ch}
.a-meta{display:inline-flex;gap:8px;align-items:center;font:600 13px/1.1 system-ui,sans-serif;opacity:.7}
.a-meta::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff3}

/* CTA */
.a-cta{padding:6px 0 100px;text-align:center}
.a-cta__btn{
  display:inline-flex;gap:10px;align-items:center;padding:14px 18px;border-radius:12px;
  font-weight:800;border:1px solid #4fa3ff3d;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  text-decoration:none;transition:transform .25s ease,box-shadow .25s ease
}
.a-cta__btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #4fa3ff66}

/* A11y */
@media (prefers-reduced-motion:reduce){
  .a-card,.a-card::before,.a-cta__btn{transition:none}
}

/* Отступ вниз от фикс-шапки */
.a{
  --header-offset: clamp(72px, 10vh, 112px); /* подгони при нужде */
}
.a-hero{
  padding-top: calc(72px + var(--header-offset));
}

/* если нужно ещё ниже — докинь общий верхний отступ */
.a{ scroll-margin-top: var(--header-offset); } /* для якорей */

/* /static/css/faq.css — изолировано под .fq */
.fq{
  --fq-header-offset: clamp(72px, 10vh, 112px);
  --fq-maxw: 980px;
  --fq-gutter: 16px;
  --fq-radius: 16px;
  --fq-shadow: 0 8px 30px rgba(0,0,0,.25);
  --fq-bg-soft: rgba(255,255,255,.06);
  --fq-bg-strong: rgba(255,255,255,.1);
  --fq-stroke: rgba(255,255,255,.12);
  --fq-brand-grad: linear-gradient(135deg,#2EC5FF 0%,#4F46E5 100%);
  --fq-text: #EDEEEF;
  --fq-text-dim: #BFC5CC;
}

.fq-hero{ padding: calc(56px + var(--fq-header-offset)) 0 8px; }
.fq-c{ width: min(var(--fq-maxw), 100% - 2*var(--fq-gutter)); margin-inline: auto; }
.fq-title{ font-size: clamp(28px, 3.8vw, 40px); line-height: 1.15; margin: 0 0 8px; letter-spacing: .2px;}
.fq-grad{ background: var(--fq-brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fq-lead{ margin: 0; color: var(--fq-text-dim); font-size: clamp(14px,2.2vw,16px); }

.fq-chat{ padding: 16px 0 24px; }
.fq-thread{ list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-direction: column; gap: 12px; }

/* Сообщение */
.fq-msg{ display: grid; grid-template-columns: 36px 1fr; align-items: end; gap: 10px; }
.fq-avatar{
  width: 36px; height: 36px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--fq-bg-strong); color: var(--fq-text-dim); font-weight: 700; font-size: 14px;
  border: 1px solid var(--fq-stroke);
}
.fq-avatar--brand{ background: var(--fq-brand-grad); border: 0; }
.fq-avatar--brand img{ display:block; width:18px; height:18px; filter: brightness(0) invert(1); }

.fq-bubble{
  position: relative;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--fq-bg-soft);
  border: 1px solid var(--fq-stroke);
  color: var(--fq-text);
  box-shadow: var(--fq-shadow);
}
.fq-text{ margin: 0; font-size: 15px; line-height: 1.5; }
.fq-meta{ display: inline-block; margin-top: 6px; font-size: 12px; color: var(--fq-text-dim); }

/* Хвосты пузырей */
.fq-q .fq-bubble:before,
.fq-a .fq-bubble:before{
  content:""; position:absolute; bottom:-1px; width:12px; height:12px; transform: rotate(45deg);
}
.fq-q .fq-bubble:before{ left: -6px; background: var(--fq-bg-soft); border-left:1px solid var(--fq-stroke); border-bottom:1px solid var(--fq-stroke); }
.fq-a{ grid-template-columns: 1fr 36px; }
.fq-a .fq-avatar{ order: 2; }
.fq-a .fq-bubble{ order: 1; background: var(--fq-brand-grad); border: 0; }
.fq-a .fq-bubble:before{ right: -6px; background: linear-gradient(135deg,#2EC5FF 0%,#4F46E5 100%); }

/* CTA */
.fq-cta{ padding: 24px 0 64px; }
.fq-cta__btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 14px 18px; border-radius: 14px; font-weight: 700;
  background: var(--fq-brand-grad); color:#fff; text-decoration:none;
  box-shadow: var(--fq-shadow); border: 0; transition: transform .15s ease;
}
.fq-cta__btn:hover{ transform: translateY(-1px); }

/* Адаптив */
@media (max-width: 640px){
  .fq-msg{ grid-template-columns: 30px 1fr; gap: 8px; }
  .fq-avatar{ width:30px; height:30px; font-size:12px; }
  .fq-bubble{ padding: 10px 12px; border-radius: 12px; }
  .fq-text{ font-size: 14px; }
}


/* ===== Reviews — DARK glass revamp (rvx-) ===== */
.rvx{
  --txt:#e9eeff; --mut:#a6b3d6;
  --line:rgba(176,197,255,.16);
  --surf:rgba(14,20,44,.56);      /* стекло */
  --surf2:rgba(18,26,56,.72);     /* hover-стекло */
  --chip:rgba(255,255,255,.06);
  --cyan:#49d6ff; --vio:#8f7bff; --gold:#ffc86e;
  --r:16px; --blur:12px;
  color:var(--txt);
}
.rvx-c{width:min(1180px,100% - 32px);margin-inline:auto}

/* HERO */
.rvx-hero{padding:142px 0 18px}
.rvx-title{margin:0 0 10px;font-size:clamp(32px,3.1vw,46px);line-height:1.06}
.rvx-grad{background:linear-gradient(135deg,var(--cyan),var(--vio) 60%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rvx-lead{margin:0 0 20px;color:var(--mut)}

.rvx-stats{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px;padding:0;list-style:none}
.rvx-stat{display:grid;grid-template-columns:18px auto;align-items:center;gap:8px 10px;padding:10px 14px;border-radius:999px;background:var(--chip);border:1px solid var(--line);font-size:13px}
.rvx-stat span{color:var(--mut)}
.rvx-cta{
  display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border-radius:12px;
  background:linear-gradient(135deg,rgba(73,214,255,.18),rgba(143,123,255,.18));
  border:1px solid var(--line);font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.42);
  transition:transform .2s, box-shadow .2s, background .2s
}
.rvx-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(73,214,255,.24),rgba(143,123,255,.24));box-shadow:0 18px 44px rgba(0,0,0,.52)}

/* GRID */
.rvx-list{padding:16px 0 68px}
.rvx-grid{display:grid;gap:20px;grid-template-columns:repeat(12,1fr);margin:0;padding:0;list-style:none}
.rvx-card{grid-column:span 4}
@media (max-width:1100px){.rvx-card{grid-column:span 6}}
@media (max-width:640px){.rvx-card{grid-column:span 12}}
.rvx-card.rvx-card--wide{grid-column:span 8}

/* CARD (жёстко тёмная, без light-override) */
.rvx-card{
  position:relative;display:grid;gap:10px;padding:18px;border-radius:var(--r);
  background:var(--surf); border:1px solid var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.48); overflow:hidden;
  transition:transform .2s, box-shadow .2s, background .2s;
  backdrop-filter:blur(var(--blur));
}
.rvx-card:hover{background:var(--surf2);transform:translateY(-3px);box-shadow:0 18px 52px rgba(0,0,0,.6)}
/* неоновая полоска слева */
.rvx-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--cyan),var(--vio));opacity:.9;transition:width .2s
}
.rvx-card:hover::before{width:6px}
/* мягкая обводка */
.rvx-card::after{
  content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(140deg,rgba(73,214,255,.18),rgba(143,123,255,.16) 55%,rgba(255,110,183,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.0;transition:opacity .2s
}
.rvx-card:hover::after{opacity:.95}

/* HEAD */
.rvx-head{display:grid;grid-template-columns:44px 1fr auto;gap:10px 12px;align-items:center}
.rvx-ava{
  width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:.4px;color:#fff;
  background:linear-gradient(135deg,var(--cyan),var(--vio));
  border:1px solid var(--line);box-shadow:inset 0 0 0 2px rgba(255,255,255,.06)
}
.rvx-name{display:block;margin-bottom:2px;font-weight:800}
.rvx-tags{display:flex;gap:6px;flex-wrap:wrap}
.rvx-tag{font-size:12px;color:var(--mut);background:rgba(255,255,255,.05);border:1px solid var(--line);padding:2px 8px;border-radius:999px}
.rvx-stars{font-size:14px;letter-spacing:1px;color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,200,110,.22))}

/* BODY & FOOT */
.rvx-text{margin:0;line-height:1.6}
.rvx-foot{margin-top:2px;font-size:12.5px;color:var(--mut);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rvx-badge{background:rgba(73,214,255,.10);border:1px solid rgba(73,214,255,.22);color:#d9f1ff;padding:2px 8px;border-radius:999px}

/* MORE */
.rvx-more{display:grid;place-items:center;margin-top:20px}
.rvx-more__btn{
  display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.06);transition:transform .2s, background .2s, box-shadow .2s
}
.rvx-more__btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.28)}

/* Accessibility */
@media (prefers-reduced-motion:reduce){
  .rvx-card,.rvx-cta,.rvx-more__btn{transition:none !important}
}


.title-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.sell-fast-btn {
  padding: 10px 20px;
  background: linear-gradient(90deg, #7b2cff 0%, #b24cff 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;

  max-width: 100%;
  box-sizing: border-box;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .title-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .sell-fast-btn {
    width: 100%;
    text-align: center;
  }
}