/* ═══════════════════════════════════════════════════════════════════════════
   VisaBot — дизайн-система проекта visabot.eu
   Источник: боевой код /home/ubuntu/tls-visa-ge/visabot (Next.js + Tailwind v4),
   форма подбора — /vblp. Снято 27.09.2026. Полная спека — design.md.
   Объём: ТОКЕНЫ + BASE. Секция COMPONENTS пустая намеренно — блоки вносит
   extract-to-library после утверждения первой эталонной страницы.
   Все страницы оборачиваются в <div class="pb-scope"> и подключают этот файл
   через <link>. CSS в страницы не инлайнить.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────── TOKENS ───────────────────────────────── */
.pb-scope{
  /* — бренд ——————————————————————————————————————————————————————— */
  --vb-brand:#0c73fe;            /* основной синий: заливки, иконки, ссылки, hero */
  --vb-brand-dark:#0a5ed0;       /* hover сплошной синей кнопки */
  --vb-brand-legacy:#0066ff;     /* УСТАРЕЛО: живёт только в форме vblp, не использовать */
  --vb-orange:#f26600;           /* конверсионная кнопка формы подбора */
  --vb-orange-hover:#d95c00;
  --vb-orange-text:#b84e00;      /* если оранжевый нужен текстом на светлом (AA) */
  --vb-ink:#0c1523;              /* основной текст + тёмная секция */
  --vb-trustpilot:#00b67a;

  /* — поверхности ——————————————————————————————————————————————— */
  --vb-bg:#ffffff;
  --vb-band:#f5f7f9;             /* чётная секция: «как это работает», FAQ, футер */
  --vb-tint:#eef4ff;             /* голубая подложка врезки */
  --vb-tint-border:#d3e2ff;
  --vb-card:#ffffff;

  /* — серая шкала (Tailwind, как в коде сайта) ————————————————— */
  --vb-g50:#f9fafb;  --vb-g100:#f3f4f6; --vb-g200:#e5e7eb; --vb-g300:#d1d5db;
  --vb-g400:#9ca3af; --vb-g500:#6b7280; --vb-g600:#4b5563; --vb-g700:#374151;
  --vb-g900:#111827;
  --vb-border:var(--vb-g200);

  /* — типографика ——————————————————————————————————————————————— */
  --vb-font-heading:'Poppins',ui-sans-serif,system-ui,sans-serif;
  --vb-font-sans:'Inter',ui-sans-serif,system-ui,sans-serif;
  --vb-h1:clamp(2.25rem,1.4rem + 3.2vw,3.4rem);   /* 36 → 54px, weight 700, lh 1.1 */
  --vb-h2:clamp(1.875rem,1.6rem + 1vw,2.25rem);   /* 30 → 36px, weight 600 */
  --vb-h3:1.25rem;                                 /* 20px, weight 600 */
  --vb-lead:1.125rem;                              /* 18px */
  --vb-body:1rem;                                  /* 16px / lh 1.7 */
  --vb-small:.875rem;
  --vb-xs:.75rem;
  --vb-lh-body:1.7;
  --vb-lh-prose:1.9;
  --vb-tracking-head:-.02em;

  /* — геометрия ————————————————————————————————————————————————— */
  --vb-container:1320px;
  --vb-gutter:16px;
  --vb-gutter-lg:24px;
  --vb-section-y:80px;
  --vb-hero-top:56px;
  --vb-hero-bottom:64px;
  --vb-r-sm:8px;                 /* мелкие элементы, таблицы */
  --vb-r-md:12px;                /* кнопки, поля */
  --vb-r-lg:16px;                /* карточки, врезки, FAQ */
  --vb-r-xl:24px;                /* тарифы, крупные изображения */
  --vb-r-pill:999px;
  --vb-control-h:48px;           /* кнопка */
  --vb-control-h-lg:54px;        /* поле и конверсионная кнопка формы */

  /* — глубина и движение ————————————————————————————————————— */
  --vb-shadow-card:0 12px 40px rgba(12,115,254,.15);   /* выделенный тариф */
  --vb-shadow-float:0 16px 48px rgba(6,40,90,.18);     /* форма поверх hero */
  --vb-shadow-bar:0 -4px 24px rgba(0,0,0,.08);         /* нижняя плашка cookie */
  --vb-ease:.2s ease;
}

/* ────────────────────────────────── BASE ────────────────────────────────── */
/* Скоупленный ресет. Тема только светлая: .dark из репо на маркетинговых
   страницах не используется (body жёстко bg-white text-ink). */
.pb-scope{
  font-family:var(--vb-font-sans);
  font-size:var(--vb-body);
  line-height:var(--vb-lh-body);
  color:var(--vb-ink);
  background:var(--vb-bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.pb-scope *,.pb-scope *::before,.pb-scope *::after{box-sizing:border-box}

.pb-scope h1,.pb-scope h2,.pb-scope h3,.pb-scope h4{
  font-family:var(--vb-font-heading);
  margin:0;
  letter-spacing:var(--vb-tracking-head);
  text-wrap:balance;
}
.pb-scope h1{font-size:var(--vb-h1);font-weight:700;line-height:1.1}
.pb-scope h2{font-size:var(--vb-h2);font-weight:600;line-height:1.15}
.pb-scope h3{font-size:var(--vb-h3);font-weight:600;line-height:1.3}
.pb-scope h4{font-size:var(--vb-body);font-weight:600;line-height:1.4}
.pb-scope p,.pb-scope ul,.pb-scope ol,.pb-scope figure,.pb-scope blockquote{margin:0}
.pb-scope img,.pb-scope svg,.pb-scope video{display:block;max-width:100%}
.pb-scope img,.pb-scope video{max-width:100%;height:auto}
/* 'color:inherit' обязателен: иначе UA-правило a{color:-webkit-link} перебивает
   наследуемый цвет и ссылки в цветных блоках (шапка, CTA-полоса) синеют.
   Плата: '.pb-scope a' (0,1,1) сильнее одиночного класса — цвета кнопок и
   ссылок-компонентов писать как '.pb-scope .vb-btn--*' (0,2,0). */
.pb-scope a{color:inherit;text-decoration:none}
.pb-scope button,.pb-scope input,.pb-scope select,.pb-scope textarea{font:inherit;color:inherit}
.pb-scope table{border-collapse:collapse;width:100%}
.pb-scope [hidden]{display:none!important}

/* Фокус виден всегда; контраст текста в состояниях не падает. */
.pb-scope :focus-visible{
  outline:3px solid color-mix(in oklab,var(--vb-brand) 60%,white);
  outline-offset:2px;
  border-radius:var(--vb-r-sm);
}
/* Компенсация sticky-шапки (64px + воздух) задаётся на <html> самой страницы:
   html{scroll-padding-top:5rem} — вне .pb-scope, как в globals.css сайта. */

@media (prefers-reduced-motion:reduce){
  .pb-scope *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ─────────────────────────────── COMPONENTS ─────────────────────────────── */
/* Наполнено 27.09.2026 из ds-candidates/_ds-candidates.html (вокабуляр блоков
   боевого сайта) + блоки, которых в вокабуляре не было и которые нужны
   L2/L3-страницам коридоров: прямой ответ, чипы, полоса-дисклеймер, ряд CTA,
   сноска, список ограничений, ряд приложения, доверительная строка.
   Правила из design.md соблюдены: правила для img/h1-h4/a — с префиксом
   '.pb-scope', hover двигает фон, один акцент на экран. */

/* layout */
.pb-scope .vb-container{max-width:var(--vb-container);margin:0 auto;padding:0 var(--vb-gutter)}
.pb-scope .vb-section{padding:var(--vb-section-y) 0}
.pb-scope .vb-section--band{background:var(--vb-band)}
.pb-scope .vb-section--brand{background:var(--vb-brand);color:#fff}
.pb-scope .vb-section--ink{background:var(--vb-ink);color:#fff}
.pb-scope .vb-narrow{max-width:896px;margin:0 auto}
.pb-scope .vb-split{display:grid;gap:48px;align-items:center}
.pb-scope .vb-eyebrow{font-size:var(--vb-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--vb-g500)}
@media(min-width:1024px){.pb-scope .vb-container{padding:0 var(--vb-gutter-lg)}.pb-scope .vb-split{grid-template-columns:1fr 1fr}}

/* navbar */
.pb-scope .vb-nav{position:sticky;top:0;z-index:40;background:var(--vb-brand)}
.pb-scope .vb-nav--light{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--vb-g100)}
.pb-scope .vb-nav__inner{max-width:var(--vb-container);margin:0 auto;padding:0 var(--vb-gutter);height:64px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.pb-scope .vb-nav__brand{display:inline-flex;align-items:center;flex:none}
.pb-scope .vb-nav__cta{display:none}
.pb-scope .vb-nav__burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;border:0;background:transparent;color:#fff;cursor:pointer}
.pb-scope .vb-nav--light .vb-nav__burger{color:var(--vb-ink)}
/* ВАЖНО: '.pb-scope img' (класс+тег) специфичнее одиночного класса — правила для
   img/h1-h4 в компонентах писать С префиксом '.pb-scope', иначе BASE перебьёт их. */
.pb-scope .vb-nav__logo{height:28px;width:auto;max-width:none;flex:none}
.pb-scope .vb-nav__links{display:none;gap:32px;font-size:15px;font-weight:600;color:#fff}
.pb-scope .vb-nav--light .vb-nav__links{color:var(--vb-ink)}
.pb-scope .vb-nav__links a:hover{opacity:.7}
@media(min-width:768px){.pb-scope .vb-nav__links{display:flex}.pb-scope .vb-nav__cta{display:inline-flex}.pb-scope .vb-nav__burger{display:none}}

/* buttons */
.pb-scope .vb-btn{color:var(--vb-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--vb-font-sans);font-size:var(--vb-body);font-weight:600;line-height:1;padding:14px 24px;min-height:48px;border:1px solid transparent;border-radius:var(--vb-r-md);cursor:pointer;transition:background var(--vb-ease),color var(--vb-ease),border-color var(--vb-ease)}
.pb-scope .vb-btn--primary{background:var(--vb-brand);color:#fff}
.pb-scope .vb-btn--primary:hover{background:var(--vb-brand-dark);color:#fff}
.pb-scope .vb-btn--cta{background:var(--vb-orange);color:#fff;font-size:1.125rem;min-height:54px;padding:15px 32px}
.pb-scope .vb-btn--cta:hover{background:var(--vb-orange-hover)}
.pb-scope .vb-btn--on-brand{background:#fff;color:var(--vb-brand)}
.pb-scope .vb-btn--on-brand:hover{background:#eff6ff;color:var(--vb-brand-dark)}
.pb-scope .vb-btn--outline-on-brand{border-color:#fff;color:#fff;background:transparent}
.pb-scope .vb-btn--outline-on-brand:visited{color:#fff}
.pb-scope .vb-btn--outline-on-brand:hover{background:#fff;color:var(--vb-brand)}
.pb-scope .vb-btn--secondary{background:var(--vb-g100);color:var(--vb-ink)}
.pb-scope .vb-btn--secondary:hover{background:var(--vb-g200)}
.pb-scope .vb-btn--outline{border-color:var(--vb-ink);color:var(--vb-ink);background:transparent;border-radius:var(--vb-r-sm);min-height:40px;padding:9px 16px;font-size:15px}
.pb-scope .vb-btn--outline:hover{background:var(--vb-ink);color:#fff}
.pb-scope .vb-btn[disabled]{opacity:.5;pointer-events:none}
.pb-scope .vb-link{color:var(--vb-brand);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pb-scope .vb-link:hover{text-decoration:underline;text-underline-offset:3px}

/* form controls */
.pb-scope .vb-field{display:block}
.pb-scope .vb-label{display:block;font-size:var(--vb-small);font-weight:600;color:var(--vb-g700);margin-bottom:6px}
.pb-scope .vb-input,.pb-scope .vb-select{width:100%;height:54px;padding:0 16px;font:400 var(--vb-body)/1.4 var(--vb-font-sans);color:var(--vb-ink);background:#fff;border:1px solid var(--vb-g300);border-radius:var(--vb-r-md);transition:border-color var(--vb-ease),box-shadow var(--vb-ease)}
.pb-scope .vb-input::placeholder{color:var(--vb-g400)}
.pb-scope .vb-input:focus, .pb-scope .vb-select:focus{outline:none;border-color:var(--vb-brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--vb-brand) 22%,transparent)}
.pb-scope .vb-select{appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,var(--vb-g500) 50%),linear-gradient(135deg,var(--vb-g500) 50%,transparent 50%);background-position:calc(100% - 22px) 24px,calc(100% - 16px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}

/* hero */
.pb-scope .vb-hero{background:var(--vb-brand);color:#fff}
.pb-scope .vb-hero__inner{padding-top:var(--vb-hero-top);padding-bottom:var(--vb-hero-bottom);display:grid;gap:40px;align-items:center}
.pb-scope .vb-hero h1{margin-top:16px}
.pb-scope .vb-hero__sub{margin-top:20px;font-size:var(--vb-lead);color:#fff;max-width:40rem}
.pb-scope .vb-hero__media{border-radius:var(--vb-r-xl);overflow:hidden;max-width:440px;margin:0 auto}
.pb-scope .vb-stars{display:inline-flex;align-items:center;gap:8px;font-size:var(--vb-small);font-weight:500;color:rgba(255,255,255,.9)}
/* звёзды — SVG, а не символ ★: шрифты без этого глифа рисуют пустые квадраты */
.pb-scope .vb-stars b{display:inline-flex;gap:2px;color:var(--vb-trustpilot)}
.pb-scope .vb-star{width:15px;height:15px;fill:currentColor;flex:none}
.pb-scope .vb-rating__stars{display:inline-flex;gap:3px;color:var(--vb-trustpilot)}
.pb-scope .vb-rating__stars .vb-star{width:20px;height:20px;fill:var(--vb-trustpilot)}
/* на синем фоне фирменный зелёный тонет (1,9:1) — осветляем, оставаясь в токене */
.pb-scope .vb-hero .vb-stars b{color:color-mix(in oklab,var(--vb-trustpilot) 45%,white)}
.pb-scope .vb-hero .vb-stars{font-size:var(--vb-small);color:#fff}
.pb-scope .vb-hero__form{margin-top:32px;background:#fff;border-radius:var(--vb-r-lg);padding:20px;display:grid;gap:12px;color:var(--vb-ink);box-shadow:0 16px 48px rgba(6,40,90,.18)}
.pb-scope .vb-hero__form .vb-field, .pb-scope .vb-hero__form .vb-select{min-width:0}
.pb-scope .vb-hero__form .vb-btn{width:100%}
@media(min-width:560px){.pb-scope .vb-hero__form{grid-template-columns:1fr 1fr;gap:12px 16px}.pb-scope .vb-hero__form .vb-btn{grid-column:1/-1;margin-top:4px}}
@media(min-width:1024px){.pb-scope .vb-hero__inner{grid-template-columns:1.05fr .95fr;gap:64px}.pb-scope .vb-hero__media{max-width:520px;margin:0 0 0 auto}}

/* cards */
.pb-scope .vb-card{background:var(--vb-card);border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);padding:20px;transition:border-color var(--vb-ease)}
.pb-scope .vb-card--hoverable:hover{border-color:var(--vb-brand)}
.pb-scope .vb-price{background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-xl);padding:32px;display:flex;flex-direction:column}
.pb-scope .vb-price--highlight{border-color:var(--vb-brand);box-shadow:var(--vb-shadow-card)}
.pb-scope .vb-price__head{display:flex;align-items:center;gap:12px;color:var(--vb-brand)}
.pb-scope .vb-price__from{margin-top:24px;font-size:var(--vb-small);color:var(--vb-g500)}
.pb-scope .vb-price__amount{font-family:var(--vb-font-heading);font-size:3rem;font-weight:700;line-height:1}
.pb-scope .vb-price__amount span{font-family:var(--vb-font-sans);font-size:var(--vb-body);font-weight:400;color:var(--vb-g500);margin-left:8px}
.pb-scope .vb-price__desc{margin-top:16px;color:var(--vb-g600)}
.pb-scope .vb-check{margin-top:24px;padding:0;list-style:none;display:grid;gap:12px;flex:1;color:var(--vb-g700)}
.pb-scope .vb-check li{display:flex;gap:12px}
.pb-scope .vb-check svg{flex:none;margin-top:3px;color:var(--vb-brand)}
.pb-scope .vb-price .vb-btn{margin-top:32px}
.pb-scope .vb-grid-2{display:grid;gap:24px}
.pb-scope .vb-grid-4{display:grid;gap:32px}
@media(min-width:768px){.pb-scope .vb-grid-2{grid-template-columns:1fr 1fr}.pb-scope .vb-grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.pb-scope .vb-grid-4{grid-template-columns:repeat(4,1fr)}}

/* callout / pills / steps / tiles */
.pb-scope .vb-callout{background:var(--vb-tint);border:1px solid var(--vb-tint-border);border-radius:var(--vb-r-lg);padding:24px;display:flex;gap:12px}
.pb-scope .vb-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-pill);padding:5px 12px;font-size:var(--vb-small);color:var(--vb-g600)}
.pb-scope .vb-pill--active{background:var(--vb-brand);border-color:var(--vb-brand);color:#fff;font-weight:500}
.pb-scope .vb-steps{list-style:none;padding:0;display:grid;gap:24px}
.pb-scope .vb-steps li{display:flex;gap:20px}
.pb-scope .vb-steps b{font-family:var(--vb-font-heading);font-size:1.875rem;font-weight:700;color:var(--vb-brand);flex:none;width:40px;line-height:1.2}
.pb-scope .vb-steps p{font-size:var(--vb-lead);color:var(--vb-g700)}
.pb-scope .vb-tile{text-align:center}
.pb-scope .vb-tile img{width:56px;height:56px;margin:0 auto}
.pb-scope .vb-tile h3{margin-top:16px}
.pb-scope .vb-tile p{margin-top:8px;color:var(--vb-g600)}
.pb-scope .vb-crumbs{display:flex;align-items:center;gap:6px;font-size:var(--vb-small);color:var(--vb-g500)}
.pb-scope .vb-crumbs a:hover{text-decoration:underline}

/* faq */
.pb-scope .vb-faq{border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);background:#fff;padding:0 24px}
.pb-scope .vb-faq details{border-top:1px solid var(--vb-g200)}
.pb-scope .vb-faq details:first-of-type{border-top:0}
.pb-scope .vb-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 0;font-weight:600;font-size:var(--vb-body)}
.pb-scope .vb-faq summary::-webkit-details-marker{display:none}
.pb-scope .vb-faq summary::after{content:"";flex:none;width:10px;height:10px;margin-top:6px;border-right:2px solid var(--vb-g500);border-bottom:2px solid var(--vb-g500);transform:rotate(45deg);transition:transform var(--vb-ease)}
.pb-scope .vb-faq details[open] summary::after{transform:rotate(-135deg)}
.pb-scope .vb-faq__body{padding:0 0 20px;color:var(--vb-g600)}

/* prose (SEO-текст страницы) */
.pb-scope .vb-prose{color:var(--vb-g700);max-width:72ch}
.pb-scope .vb-prose h2{font-size:1.5rem;font-weight:700;color:var(--vb-ink);margin:40px 0 16px}
.pb-scope .vb-prose h3{font-size:1.25rem;margin:32px 0 12px;color:var(--vb-ink)}
.pb-scope .vb-prose p{line-height:1.9;margin-bottom:20px}
.pb-scope .vb-prose ul, .pb-scope .vb-prose ol{margin:0 0 20px;padding-left:24px;display:grid;gap:8px}
.pb-scope .vb-prose a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
/* ВНИМАНИЕ: .vb-prose и .vb-callout — транскрипция блоговой типографики боевого сайта.
   На страницах коридоров не используются: там выделение держится кеглем, а не плашкой
   с полосой слева (см. анти-слоп-правила). */
.pb-scope .vb-prose blockquote{margin:24px 0;padding-left:20px;border-left:4px solid var(--vb-brand);font-style:italic;color:var(--vb-g600)}
.pb-scope .vb-prose strong{color:var(--vb-ink)}
.pb-scope .vb-table-wrap{margin:24px 0;overflow-x:auto;border:1px solid var(--vb-border);border-radius:var(--vb-r-sm)}
.pb-scope .vb-table{width:100%;border-collapse:collapse;font-size:var(--vb-small);text-align:left}
.pb-scope .vb-table th{background:var(--vb-g50);border-bottom:1px solid var(--vb-g200);padding:10px 16px;font-weight:600;color:var(--vb-g900)}
.pb-scope .vb-table td{border-bottom:1px solid var(--vb-g100);padding:10px 16px;vertical-align:top}

/* footer */
.pb-scope .vb-footer{background:var(--vb-band);border-top:1px solid var(--vb-g200);padding:56px 0}
.pb-scope .vb-footer__cols{display:grid;gap:40px}
.pb-scope .vb-footer h2{font-family:var(--vb-font-sans);font-size:var(--vb-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vb-g500);margin-bottom:16px}
.pb-scope .vb-footer ul{list-style:none;padding:0;display:grid;gap:10px}
.pb-scope .vb-footer a{font-size:var(--vb-small);color:var(--vb-g600)}
.pb-scope .vb-footer a:hover{color:var(--vb-ink)}
.pb-scope .vb-footer__legal{margin-top:48px;padding-top:32px;border-top:1px solid var(--vb-g200);text-align:center;font-size:var(--vb-xs);color:var(--vb-g500);line-height:1.8}
@media(min-width:768px){.pb-scope .vb-footer__cols{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}

/* ═══════ блоки страниц коридоров (L2/L3) ═══════════════════════════════════ */

/* крошки на синем фоне hero */
.pb-scope .vb-crumbs--on-brand{color:rgba(255,255,255,.78)}
.pb-scope .vb-crumbs--on-brand a{color:#fff}
.pb-scope .vb-crumbs--on-brand .vb-crumbs__current{color:#fff;font-weight:600}
.pb-scope .vb-crumbs__stamp{margin-left:auto;font-size:var(--vb-xs);letter-spacing:.06em;text-transform:uppercase}

/* hero коридора: без формы — CTA-ряд, чипы, фото */
.pb-scope .vb-hero__crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-top:20px}
.pb-scope .vb-hero__col{min-width:0}
.pb-scope .vb-hero__media--tall{max-width:420px}
.pb-scope .vb-hero__media img{border-radius:var(--vb-r-xl)}

/* прямой ответ — ядро AEO-страницы: один на секцию */
/* Прямой ответ выделяем ТИПОГРАФИКОЙ, а не плашкой: цветная карточка со скруглением
   и полосой слева — шаблонный «callout», он же первый признак аислопа. Отличие —
   кегль, цвет и воздух. */
.pb-scope .vb-answer{font-size:1.25rem;line-height:1.6;letter-spacing:-.005em;color:var(--vb-ink);max-width:62ch}
.pb-scope .vb-answer > * + *{margin-top:14px}
.pb-scope .vb-answer strong{font-weight:600}
.pb-scope .vb-answer a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
/* фон затемняем, а не осветляем: белый на #0a5ed0 даёт 5,98:1 вместо 4,29:1 */
.pb-scope .vb-answer--on-brand{color:#fff;max-width:36rem;margin-top:24px}
.pb-scope .vb-answer--on-brand strong{color:#fff}
.pb-scope .vb-answer--on-brand a{color:#fff}

/* чипы факта (микро-чипы) */
.pb-scope .vb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none}
.pb-scope .vb-chips--on-brand .vb-pill{background:rgba(3,40,92,.28);border-color:rgba(255,255,255,.34);color:#fff;font-weight:500;padding:6px 14px}

/* ряд кнопок: в одном ряду только одна сплошная */
.pb-scope .vb-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pb-scope .vb-cta-row .vb-btn{flex:0 1 auto}
@media(max-width:559px){.pb-scope .vb-cta-row .vb-btn{width:100%}}

/* обязательная полоса независимости — видимая, сразу под hero */
.pb-scope .vb-strip{background:var(--vb-tint);border-top:1px solid var(--vb-tint-border);border-bottom:1px solid var(--vb-tint-border)}
.pb-scope .vb-strip__inner{display:flex;gap:14px;align-items:flex-start;padding:18px 0;font-size:var(--vb-small);line-height:1.65;color:var(--vb-g700)}
.pb-scope .vb-strip svg{flex:none;margin-top:2px;color:var(--vb-brand)}
/* полоса независимости: два утверждения — «с кем мы не связаны» и «как оформляется
   запись» — читаются как две строки, а не как одна оговорка мелким кеглем */
.pb-scope .vb-strip__lines{display:grid;gap:4px}
.pb-scope .vb-strip strong{color:var(--vb-ink)}

/* заголовок секции + мера текста */
.pb-scope .vb-section__head{max-width:56ch}
.pb-scope .vb-section__head + *{margin-top:28px}
.pb-scope .vb-body > * + *{margin-top:20px}
.pb-scope .vb-body{max-width:78ch}
.pb-scope .vb-body p{line-height:var(--vb-lh-prose)}
.pb-scope .vb-body strong{color:var(--vb-ink)}
.pb-scope .vb-body a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-section--brand .vb-body strong, .pb-scope .vb-section--ink .vb-body strong{color:#fff}
.pb-scope .vb-section--brand .vb-body a{color:#fff}

/* сноска под таблицей/списком */
.pb-scope .vb-note{font-size:var(--vb-small);line-height:1.6;color:var(--vb-g500);max-width:78ch}
.pb-scope .vb-note a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* список ограничений: тире цветом бренда, без «галочек» */
.pb-scope .vb-list{list-style:none;padding:0;display:grid;gap:14px;max-width:78ch}
.pb-scope .vb-list li{display:flex;gap:14px;color:var(--vb-g700)}
.pb-scope .vb-list li::before{content:"";flex:none;width:14px;height:2px;margin-top:14px;background:var(--vb-brand)}
.pb-scope .vb-list strong{color:var(--vb-ink)}
.pb-scope .vb-list a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* шаги: цифра + текст (наследует .vb-steps, добавляет заголовок шага) */
.pb-scope .vb-steps__body > p:first-child > strong:first-child{display:block;color:var(--vb-ink);font-family:var(--vb-font-heading);font-size:var(--vb-h3);font-weight:600;letter-spacing:var(--vb-tracking-head);margin-bottom:4px}
.pb-scope .vb-steps__body{min-width:0}
.pb-scope .vb-steps p{font-size:var(--vb-body);line-height:var(--vb-lh-body)}
.pb-scope .vb-steps a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* тариф-врезка: цифры остаются текстом копии, без придуманных «планов» */
.pb-scope .vb-tariff{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);padding:24px;max-width:78ch}
.pb-scope .vb-tariff svg{flex:none;margin-top:3px;color:var(--vb-brand)}
.pb-scope .vb-tariff strong{color:var(--vb-ink)}

/* финальный CTA: ряд приложения + доверительная строка */
/* мелкий текст на синем сажаем на затемнённую подложку: белый на #0a5ed0 = 5,9:1 (AA),
   вместо 4,29:1 у белого прямо на #0c73fe */
.pb-scope .vb-app{display:inline-flex;gap:20px;align-items:center;margin-top:28px;font-size:.9375rem;color:#fff;max-width:52ch;
  background:rgba(3,40,92,.28);border-radius:var(--vb-r-md);padding:12px 18px}
.pb-scope .vb-app img{width:96px;height:auto;flex:none;border-radius:var(--vb-r-md)}
.pb-scope .vb-trust{display:inline-block;margin-top:20px;font-size:.9375rem;color:#fff;background:rgba(3,40,92,.28);
  border-radius:var(--vb-r-md);padding:12px 18px}
/* строка приложения и строка доверия — один блок с разделителем, а не две одинаковые плашки */
.pb-scope .vb-fineprint{display:inline-block;margin-top:28px;background:rgba(3,40,92,.28);
  border-radius:var(--vb-r-md);padding:14px 20px;max-width:56ch}
.pb-scope .vb-fineprint p{color:#fff;font-size:.9375rem;line-height:1.55}
.pb-scope .vb-fineprint p + p{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.26)}
.pb-scope .vb-section--ink .vb-fineprint{background:rgba(255,255,255,.08)}
.pb-scope .vb-hero .vb-trust, .pb-scope .vb-section--brand .vb-trust{margin-top:24px}
.pb-scope .vb-note--on-brand{color:#fff;background:rgba(3,40,92,.28);border-radius:var(--vb-r-md);padding:10px 14px;display:inline-block}
.pb-scope .vb-hero .vb-note--on-brand, .pb-scope .vb-stats + .vb-note--on-brand{margin-top:16px}
.pb-scope .vb-cta-band__aside{margin:0}
.pb-scope .vb-cta-band__aside img{border-radius:var(--vb-r-xl);max-width:min(440px,100%);margin-left:auto}

/* футер: адрес и соцкнопки */
.pb-scope .vb-footer__brand{display:grid;gap:16px}
.pb-scope .vb-footer__logo{height:28px;width:auto;max-width:none}
.pb-scope .vb-footer__tagline{font-size:var(--vb-small);color:var(--vb-g600);max-width:22rem}
.pb-scope .vb-footer__socials{display:flex;gap:8px}
.pb-scope .vb-footer__socials a{width:36px;height:36px;border-radius:var(--vb-r-pill);background:#fff;border:1px solid var(--vb-g200);color:var(--vb-g600);display:inline-flex;align-items:center;justify-content:center}
.pb-scope .vb-footer__socials a:hover{color:var(--vb-brand);border-color:var(--vb-brand)}
.pb-scope .vb-footer__address{font-style:normal;font-size:var(--vb-small);color:var(--vb-g600);display:grid;gap:4px}
.pb-scope .vb-footer__address b{color:var(--vb-ink)}
.pb-scope .vb-footer__legal p{max-width:64rem;margin:0 auto 12px}
.pb-scope .vb-footer__legal a{text-decoration:underline;text-underline-offset:2px}
@media(min-width:768px){.pb-scope .vb-footer__cols{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr}}

/* скип-ссылка */
.pb-scope .vb-skip{position:absolute;left:-9999px;top:8px;z-index:60;background:#fff;color:var(--vb-brand);padding:10px 16px;border-radius:var(--vb-r-md);font-weight:600}
.pb-scope .vb-skip:focus{left:16px}

/* строковые значения из системы центра (названия категорий, коды) */
.pb-scope .vb-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;background:var(--vb-g100);border-radius:6px;padding:1px 6px;color:var(--vb-g900);word-break:break-word}
.pb-scope .vb-table .vb-code{background:#fff;border:1px solid var(--vb-g200)}
.pb-scope .vb-chips .vb-code, .pb-scope .vb-cta-row .vb-code{background:transparent;border:0;padding:0;font-family:inherit;font-size:inherit;color:inherit}

/* ритм внутри секции */
.pb-scope .vb-section__content > * + *{margin-top:28px}
.pb-scope .vb-section__content > .vb-note + *{margin-top:24px}

/* мобильное меню шапки */
.pb-scope .vb-nav__mobile{display:none;background:var(--vb-brand);border-top:1px solid rgba(255,255,255,.22);padding:12px var(--vb-gutter) 20px}
.pb-scope .vb-nav--light .vb-nav__mobile{background:#fff;border-top-color:var(--vb-g100)}
.pb-scope .vb-nav.is-open .vb-nav__mobile{display:block}
.pb-scope .vb-nav__mobile ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.pb-scope .vb-nav__mobile a{display:block;padding:12px 4px;font-weight:600;color:#fff}
.pb-scope .vb-nav--light .vb-nav__mobile a{color:var(--vb-ink)}
.pb-scope .vb-nav__mobile .vb-btn{width:100%;margin-top:12px}
@media(min-width:768px){.pb-scope .vb-nav__mobile, .pb-scope .vb-nav.is-open .vb-nav__mobile{display:none}}

/* ═══════ ритм подачи: формы блоков (spin/rhythm, 27.09.2026) ══════════════ */
/* Задача — убрать «текст в одинаковых контейнерах»: у каждой секции свой
   доминант и своя форма. Текст не меняется, меняется только подача. */

/* — асимметричная секция 30/70: заголовок слева липкий, содержимое справа —— */
.pb-scope .vb-section--split .vb-container{display:grid;gap:32px}
.pb-scope .vb-section--split .vb-section__head{max-width:none}
@media(min-width:1024px){
  .pb-scope .vb-section--split .vb-container{grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:72px;align-items:start}
  .pb-scope .vb-section--split .vb-section__head{position:sticky;top:88px}
}
.pb-scope .vb-section--split .vb-section__head + *{margin-top:0}
.pb-scope .vb-section--wide .vb-section__head{max-width:64ch}

/* — метрики первого экрана: цифра — доминант, подпись мелко ————————— */
.pb-scope .vb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:24px 36px;align-items:start;margin-top:32px;padding:0;list-style:none}
.pb-scope .vb-stat{display:flex;flex-direction:column;gap:6px;min-width:0}
.pb-scope .vb-stat b{font-family:var(--vb-font-heading);font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem);
  font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pb-scope .vb-stat span{font-size:var(--vb-small);line-height:1.4;max-width:20ch}
/* факт без числа — та же ячейка, текст на месте цифры: ряд читается ровно */
.pb-scope .vb-stat--text span{font-weight:600;font-size:1rem;line-height:1.4;max-width:24ch}
/* утверждение в общем ряду метрик: галочка слева от текста, а не над ним —
   .vb-stat выше задаёт column, поэтому направление переопределяется явно */
.pb-scope .vb-stat--text{flex-direction:row;gap:10px;align-items:flex-start}
.pb-scope .vb-stat--text svg{flex:none;margin-top:3px;color:var(--vb-brand)}
.pb-scope .vb-stats--on-brand{background:rgba(3,40,92,.28);border-radius:var(--vb-r-lg);padding:22px 28px;color:#fff}
@media(min-width:640px){
  .pb-scope .vb-stats--on-brand .vb-stat + .vb-stat{border-left:1px solid rgba(255,255,255,.22);padding-left:28px}
}

/* — шаги как таймлайн: номер в кружке + линия-коннектор ————————————— */
.pb-scope .vb-steps li{position:relative}
.pb-scope .vb-steps b{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--vb-r-pill);background:var(--vb-brand);color:#fff;font-size:1.25rem;font-weight:700;line-height:1}
.pb-scope .vb-steps li:not(:last-child)::before{content:"";position:absolute;left:21px;top:52px;bottom:-28px;
  width:2px;background:var(--vb-g200)}
.pb-scope .vb-section--band .vb-steps li:not(:last-child)::before{background:var(--vb-g300)}

/* — двухколоночная таблица читается как строки-определения, а не таблица —— */
.pb-scope .vb-specrows{display:grid;border-top:1px solid var(--vb-border)}
.pb-scope .vb-specrows__row{display:grid;gap:4px 32px;padding:16px 0;border-bottom:1px solid var(--vb-border)}
@media(min-width:768px){.pb-scope .vb-specrows__row{grid-template-columns:minmax(150px,.42fr) 1fr}}
.pb-scope .vb-specrows__head{font-size:var(--vb-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--vb-g500);padding-bottom:10px}
.pb-scope .vb-specrows dt{font-family:var(--vb-font-heading);font-weight:600;color:var(--vb-ink);letter-spacing:-.01em}
.pb-scope .vb-specrows dd{margin:0;color:var(--vb-g700)}
.pb-scope .vb-specrows a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* — таблица: зебра, разряды цифр, на узком экране — карточки ——————————— */
.pb-scope .vb-table tbody tr:nth-child(even){background:var(--vb-g50)}
.pb-scope .vb-table tbody tr:hover{background:var(--vb-tint)}
.pb-scope .vb-table td:first-child{font-weight:600;color:var(--vb-ink)}
.pb-scope .vb-table td{font-variant-numeric:tabular-nums}
@media(max-width:640px){
  .pb-scope .vb-table-wrap{border:0;border-radius:0}
  .pb-scope .vb-table,.pb-scope .vb-table tbody,.pb-scope .vb-table tr,.pb-scope .vb-table td{display:block;width:100%}
  .pb-scope .vb-table thead{display:none}
  .pb-scope .vb-table tbody tr{border:1px solid var(--vb-border);border-radius:var(--vb-r-sm);padding:8px 0;margin-bottom:12px;background:#fff}
  .pb-scope .vb-table tbody tr:nth-child(even){background:#fff}
  .pb-scope .vb-table td{border:0;padding:6px 16px;display:grid;grid-template-columns:minmax(86px,36%) 1fr;gap:14px;align-items:baseline}
  .pb-scope .vb-table td::before{content:attr(data-label);font-size:var(--vb-xs);font-weight:600;letter-spacing:.06em;
    text-transform:uppercase;color:var(--vb-g500)}
}

/* — тёмная секция: то, чего сервис не делает (четвёртая подложка ДС) ——— */
.pb-scope .vb-section--ink h2{color:#fff}
.pb-scope .vb-section--ink .vb-body, .pb-scope .vb-section--ink .vb-list li, .pb-scope .vb-section--ink .vb-note{color:#e5e7eb}
.pb-scope .vb-section--ink .vb-body strong, .pb-scope .vb-section--ink .vb-list strong{color:#fff}
.pb-scope .vb-section--ink .vb-list li::before{background:#8ab4ff}
.pb-scope .vb-section--ink a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-section--ink .vb-answer{color:#fff}
@media(min-width:900px){.pb-scope .vb-section--ink .vb-list{grid-template-columns:1fr 1fr;gap:22px 56px}}

/* — абзац с выносным лидом: подзаголовок отдельной строкой ——————————— */
.pb-scope .vb-lede > strong:first-child{display:block;font-family:var(--vb-font-heading);
  font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;color:var(--vb-ink);margin-bottom:2px}
.pb-scope .vb-section--ink .vb-lede > strong:first-child{color:#fff}

/* — цитата-вынос: крупнее прозы и с воздухом, без полосы слева ——————————— */
.pb-scope .vb-pull{font-size:1.375rem;line-height:1.5;letter-spacing:-.01em;color:var(--vb-ink);
  max-width:56ch;margin:36px 0}
.pb-scope .vb-pull a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* — финальный CTA: две колонки с фото —————————————————————————— */
.pb-scope .vb-cta-grid{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.pb-scope .vb-cta-grid{grid-template-columns:1.1fr .9fr;gap:64px}}
.pb-scope .vb-cta-grid__media img{max-width:min(400px,100%);margin:0 auto;border-radius:var(--vb-r-xl)}

/* — третья форма секции: редакционная шапка (H2 слева, лид справа) ———————— */
.pb-scope .vb-section--lead .vb-section__head{max-width:none}
.pb-scope .vb-section--lead .vb-section__lead{margin-top:20px}
.pb-scope .vb-section--lead .vb-section__lead > p{font-size:1.1875rem;line-height:1.7;color:var(--vb-g700)}
.pb-scope .vb-section--lead .vb-section__lead .vb-answer{font-size:1.1875rem;line-height:1.7}
.pb-scope .vb-section--ink .vb-section__lead > p{color:#e5e7eb}
@media(min-width:1024px){
  .pb-scope .vb-section--lead .vb-container{display:grid;grid-template-columns:1.05fr .95fr;gap:20px 64px;align-items:start}
  .pb-scope .vb-section--lead .vb-section__head{grid-column:1;grid-row:1}
  .pb-scope .vb-section--lead .vb-section__lead{grid-column:2;grid-row:1;margin-top:6px}
  .pb-scope .vb-section--lead .vb-section__content{grid-column:1/-1;grid-row:2;margin-top:16px}
  .pb-scope .vb-section--lead .vb-section__head h2{font-size:clamp(2rem,1.5rem + 1.4vw,2.6rem)}
}

/* ═══════ продуктовые блоки страницы: оффер, перелинковка ══════════════════ */

/* — тариф как оффер: карточка(и) с суммой-акцентом и одной кнопкой ———————— */
.pb-scope .vb-offer{border:1px solid var(--vb-border);border-radius:var(--vb-r-xl);background:#fff;
  padding:28px;box-shadow:var(--vb-shadow-card);max-width:78ch}
.pb-scope .vb-offer__label{font-size:var(--vb-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--vb-brand);margin-bottom:14px}
.pb-scope .vb-offer__grid{display:grid;gap:20px}
@media(min-width:760px){.pb-scope .vb-offer__grid--2{grid-template-columns:1fr 1fr;gap:28px}}
.pb-scope .vb-offer__card > p{color:var(--vb-g700);line-height:1.75}
.pb-scope .vb-offer__grid--2 .vb-offer__card{border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);padding:20px}
.pb-scope .vb-offer__grid--2 .vb-offer__card:first-child{border-color:var(--vb-brand)}
/* имя тарифа — только явно помеченное: иначе блочным станет подсвеченная сумма */
.pb-scope .vb-offer__name{display:block;font-family:var(--vb-font-heading);
  font-size:var(--vb-h3);font-weight:600;letter-spacing:-.01em;color:var(--vb-ink);margin-bottom:6px}
.pb-scope .vb-section--ink .vb-offer__name{color:#fff}
.pb-scope .vb-offer__amount{font-family:var(--vb-font-heading);font-size:1.45em;font-weight:700;
  color:var(--vb-brand);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.pb-scope .vb-offer > .vb-btn{margin-top:24px}
.pb-scope .vb-offer a:not(.vb-btn){color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-section--band .vb-offer{box-shadow:none;border-color:var(--vb-tint-border)}
.pb-scope .vb-section--ink .vb-offer{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);box-shadow:none}
.pb-scope .vb-section--ink .vb-offer__card > p{color:#e5e7eb}
.pb-scope .vb-section--ink .vb-offer__amount{color:#8ab4ff}

/* — перелинковка коридоров: блок держат сами ссылки-чипы, а не плашка.
     Отделяется тонкой линией сверху и воздухом — без заливки, скруглений и
     цветной полосы слева. */
.pb-scope .vb-rail{border-top:1px solid var(--vb-border);padding-top:26px;margin-top:8px;max-width:78ch}
.pb-scope .vb-rail > p{font-size:1.0625rem;line-height:1.95}
.pb-scope .vb-linkchip{display:inline-flex;align-items:baseline;gap:6px;padding:3px 12px;margin:2px 0;
  border:1px solid var(--vb-tint-border);border-radius:var(--vb-r-pill);background:var(--vb-tint);
  color:var(--vb-brand);font-weight:600;text-decoration:none;transition:background var(--vb-ease),border-color var(--vb-ease)}
.pb-scope .vb-linkchip::after{content:"→";font-weight:400}
.pb-scope .vb-linkchip:hover{background:#dbe8ff;border-color:var(--vb-brand);color:var(--vb-brand)}
.pb-scope .vb-section--brand .vb-rail{border-top-color:rgba(255,255,255,.34);color:#fff}
.pb-scope .vb-section--brand .vb-linkchip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#fff}
.pb-scope .vb-section--brand .vb-linkchip:hover{background:#fff;color:var(--vb-brand)}
.pb-scope .vb-section--ink .vb-rail{border-top-color:rgba(255,255,255,.24)}
.pb-scope .vb-section--ink .vb-linkchip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}

/* ═══════ блоки главной visabot.eu, перенесённые на страницы коридоров ═════ */
/* Копия блоков — из боевой записи рынка Türkiye (Common info/About Client/
   brand-blocks-turkiye.json). Помечены data-vb-source="brand". */

/* — форма подбора в hero: страна, город, направление, категория, кнопка ——— */
.pb-scope .vb-heroform{margin-top:28px;background:#fff;color:var(--vb-ink);border-radius:var(--vb-r-lg);
  padding:20px;display:grid;gap:12px;box-shadow:var(--vb-shadow-float)}
@media(min-width:560px){.pb-scope .vb-heroform{grid-template-columns:1fr 1fr;gap:12px 16px}
  .pb-scope .vb-heroform .vb-btn{grid-column:1/-1;margin-top:4px}}
.pb-scope .vb-heroform .vb-btn{width:100%}
.pb-scope .vb-heroform__note{grid-column:1/-1;margin:0;font-size:var(--vb-xs);color:var(--vb-g500);line-height:1.5}

/* — тарифы: карточки боевого сайта + оговорка маршрута из копии ————————— */
.pb-scope .vb-plans{display:grid;gap:24px;align-items:start}
@media(min-width:860px){.pb-scope .vb-plans{grid-template-columns:1fr 1fr}}
.pb-scope .vb-price__badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--vb-font-heading);
  font-size:var(--vb-h3);font-weight:600;color:var(--vb-brand)}
.pb-scope .vb-plans__note{margin-top:24px;max-width:78ch;font-size:var(--vb-small);line-height:1.7;color:var(--vb-g600)}
.pb-scope .vb-plans__note strong{color:var(--vb-ink)}
.pb-scope .vb-plans__note a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}

/* — отзывы: оценка слева, цитата справа ————————————————————————— */
/* Решение владельца 30.09.2026: отзыв на странице ровно один, поэтому с 1024px он встаёт
   СПРАВА от оценки, а не под ней — иначе правая половина широкой секции пустует.
   Ширина правой колонки ограничена 720px: на всю ширину контейнера строка цитаты
   (19px, италик) уходит за 90 знаков и перестаёт читаться.
   ВНИМАНИЕ (отменяет прежнее решение «всегда одна колонка»): когда на место статичной
   цитаты придёт вертикальный виджет Trustpilot, как на основном сайте, решётку надо
   вернуть в одну колонку — виджету нужна вся ширина колонки. */
.pb-scope .vb-reviews{display:grid;gap:28px;justify-items:start;max-width:760px}
.pb-scope .vb-reviews > *{width:100%}
@media(min-width:1024px){
  /* Две колонки, а не три: слева заголовок И оценка, справа отзыв (решение владельца
     30.09.2026). Секция отзывов уже собрана решёткой «заголовок | содержимое»; чтобы
     оценка встала ПОД заголовком, а не третьей колонкой, обёртки раскрываются
     `display:contents` — оценка и цитата становятся прямыми ячейками решётки секции.
     Разметка при этом не меняется ни на тег, поэтому приёмка дословности и импорт в
     прод видят ровно то же дерево, что и раньше. Липкий заголовок здесь выключен: он
     наезжал бы на оценку, которая теперь стоит под ним. */
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-container{row-gap:22px;
    grid-template-columns:minmax(260px,360px) minmax(0,1fr)}   /* под заголовком стоит оценка — колонке нужен воздух */
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-section__content,
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-reviews{display:contents}
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-section__head{position:static;grid-column:1;grid-row:1}
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-rating{grid-column:1;grid-row:2}
  .pb-scope .vb-section--split:has(.vb-reviews) .vb-quote{grid-column:2;grid-row:1 / span 2;
    align-self:center;   /* карточка по центру левой колонки: отзыв короче связки «заголовок + оценка» */
    max-width:720px}     /* строка цитаты во всю полосу уходит за 90 знаков и перестаёт читаться */
}
.pb-scope .vb-rating{display:flex;flex-direction:column;gap:6px}
.pb-scope .vb-rating b{font-family:var(--vb-font-heading);font-size:3rem;font-weight:700;line-height:1;
  font-variant-numeric:tabular-nums}
.pb-scope .vb-rating span{font-size:var(--vb-small);color:var(--vb-g600)}
.pb-scope .vb-rating a{color:var(--vb-brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-quote{background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);padding:28px 32px}
.pb-scope .vb-quote blockquote{font-size:1.1875rem;line-height:1.7;color:var(--vb-ink);font-style:italic}
.pb-scope .vb-quote figcaption{margin-top:16px;font-size:var(--vb-small);color:var(--vb-g500)}
.pb-scope .vb-quote figcaption b{color:var(--vb-ink)}

/* — перелинковка по странам: сетка коридоров с фактурой БД ————————————— */
.pb-scope .vb-countries{display:grid;gap:12px;padding:0;list-style:none}
@media(min-width:640px){.pb-scope .vb-countries{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.pb-scope .vb-countries{grid-template-columns:repeat(3,1fr)}}
.pb-scope .vb-country{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:#fff;
  border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);transition:border-color var(--vb-ease),box-shadow var(--vb-ease)}
.pb-scope .vb-country:hover{border-color:var(--vb-brand);box-shadow:0 6px 20px rgba(12,115,254,.10)}
.pb-scope .vb-country__name{font-family:var(--vb-font-heading);font-size:var(--vb-h3);font-weight:600;
  color:var(--vb-ink);display:flex;align-items:baseline;gap:8px}
.pb-scope .vb-country__name::after{content:"→";color:var(--vb-brand);font-size:.9em}
.pb-scope .vb-country:hover .vb-country__name{color:var(--vb-brand)}
.pb-scope .vb-country__name{text-decoration:none}
.pb-scope .vb-country__meta{font-size:var(--vb-small);color:var(--vb-g500);font-variant-numeric:tabular-nums}
.pb-scope .vb-country__cities{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.pb-scope .vb-country__cities a{font-size:var(--vb-small);color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-country--current{background:var(--vb-tint);border-color:var(--vb-tint-border)}
.pb-scope .vb-country--current .vb-country__name{color:var(--vb-brand)}
.pb-scope .vb-country--current .vb-country__name::after{content:"•"}
/* бейдж режима над названием страны (раньше назывался __flag — имя занял настоящий флаг) */
.pb-scope .vb-country__tag{font-size:var(--vb-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vb-brand)}
/* Флаг страны. Пропорции у флагов разные — от 1:1 (Швейцария) до 1.9:1 (США),
   поэтому фиксируется только высота, ширина считается из собственных размеров
   файла (они проставлены атрибутами width/height, чтобы не было скачка вёрстки). */
.pb-scope .vb-country__flag{height:16px;width:auto;align-self:center;flex:none;
  border-radius:2px;box-shadow:0 0 0 1px rgba(12,21,35,.10)}

/* — блок приложения: тёмная секция с реальным экраном продукта ——————————— */
.pb-scope .vb-app-block{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.pb-scope .vb-app-block{grid-template-columns:1.05fr .95fr;gap:64px}}
.pb-scope .vb-app-block h2{color:#fff}
.pb-scope .vb-app-block p{margin-top:16px;font-size:var(--vb-lead);color:#d1d5db;max-width:40ch}
.pb-scope .vb-app-block .vb-btn{margin-top:28px}
.pb-scope .vb-app-block img{max-width:min(360px,100%);margin:0 auto;border-radius:var(--vb-r-xl)}

/* — метрики страницы отдельной полосой под hero ————————————————————— */
.pb-scope .vb-metrics{background:var(--vb-band);border-bottom:1px solid var(--vb-g200)}
.pb-scope .vb-metrics .vb-container{padding-top:28px;padding-bottom:28px}
.pb-scope .vb-metrics .vb-stats{margin-top:0}
.pb-scope .vb-metrics .vb-stat b{color:var(--vb-brand)}
.pb-scope .vb-metrics .vb-stat span{color:var(--vb-g600)}
.pb-scope .vb-metrics .vb-stat--text span{color:var(--vb-g700)}
.pb-scope .vb-metrics .vb-note{margin-top:12px}

/* — секция прямого ответа сразу под hero ————————————————————————— */
.pb-scope .vb-section--answer{padding-top:48px;padding-bottom:48px}
.pb-scope .vb-section--answer .vb-answer{font-size:1.375rem;line-height:1.55;max-width:64ch}

/* ═══════ блоки из прогонки страниц (page-builder, 27.09.2026) ═════════════ */
/* Что лечим: сплошная проза в секциях, широкие таблицы-простыни, FAQ одной
   колонкой и сроки/суммы, потерянные внутри предложения. Ни один блок не
   использует плашку-callout: работают колонки, карточки данных и типографика. */

/* — колонки-инсайты: два и более абзаца с жирным лидом подряд ——————————— */
.pb-scope .vb-insights{display:grid;gap:28px 44px}
@media(min-width:720px){.pb-scope .vb-insights{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  /* четыре и более утверждений: auto-fit нарезал бы полосу на узкие столбцы — читаем попарно */
  .pb-scope .vb-insights--pairs{grid-template-columns:1fr 1fr}}
.pb-scope .vb-insight{border-top:2px solid var(--vb-ink);padding-top:14px}
.pb-scope .vb-insight h3{font-family:var(--vb-font-heading);font-size:1.0625rem;font-weight:600;
  letter-spacing:-.01em;color:var(--vb-ink);margin-bottom:6px}
.pb-scope .vb-insight p{color:var(--vb-g700);line-height:1.75}
.pb-scope .vb-insight a{color:var(--vb-brand);text-decoration:underline;text-underline-offset:3px}
.pb-scope .vb-section--ink .vb-insight{border-top-color:#8ab4ff}
.pb-scope .vb-section--ink .vb-insight h3{color:#fff}
.pb-scope .vb-section--ink .vb-insight p{color:#e5e7eb}

/* — карточки городов подачи вместо широкой таблицы —————————————————— */
.pb-scope .vb-citycards{display:grid;gap:16px;padding:0;list-style:none}
@media(min-width:680px){.pb-scope .vb-citycards{grid-template-columns:1fr 1fr}}
@media(min-width:1120px){.pb-scope .vb-citycards{grid-template-columns:repeat(3,1fr)}}
.pb-scope .vb-citycard{background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);
  padding:18px 20px;transition:border-color var(--vb-ease)}
.pb-scope .vb-citycard:hover{border-color:var(--vb-brand)}
.pb-scope .vb-citycard h3{font-family:var(--vb-font-heading);font-size:1.125rem;font-weight:600;
  letter-spacing:-.01em;color:var(--vb-ink)}
.pb-scope .vb-citycard dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-top:12px;
  font-size:var(--vb-small);line-height:1.5}
.pb-scope .vb-citycard dt{color:var(--vb-g500)}
.pb-scope .vb-citycard dd{margin:0;color:var(--vb-ink);font-variant-numeric:tabular-nums}
.pb-scope .vb-section--band .vb-citycard{border-color:var(--vb-tint-border)}

/* — сравнение двух вариантов вместо трёхколоночной таблицы ————————————— */
.pb-scope .vb-compare{display:grid;gap:20px}
@media(min-width:760px){.pb-scope .vb-compare{grid-template-columns:1fr 1fr}}
.pb-scope .vb-compare__col{background:#fff;border:1px solid var(--vb-border);border-radius:var(--vb-r-lg);padding:20px 22px}
.pb-scope .vb-compare__col:first-child{border-color:var(--vb-brand)}
.pb-scope .vb-compare__col h3{font-family:var(--vb-font-heading);font-size:1.125rem;font-weight:600;
  letter-spacing:-.01em;color:var(--vb-ink);padding-bottom:12px;border-bottom:1px solid var(--vb-border)}
.pb-scope .vb-compare dl{display:grid;gap:10px;margin-top:12px;font-size:var(--vb-small);line-height:1.55}
.pb-scope .vb-compare dt{color:var(--vb-g500)}
.pb-scope .vb-compare dd{margin:2px 0 0;color:var(--vb-g700)}
.pb-scope .vb-section--band .vb-compare__col{border-color:var(--vb-tint-border)}

/* — FAQ в две колонки на широком экране ———————————————————————— */
.pb-scope .vb-faqgrid{display:grid;gap:20px}
@media(min-width:1024px){.pb-scope .vb-faqgrid{grid-template-columns:1fr 1fr;gap:24px}}

/* — перечень, спрятанный в предложении, разложен нумерованным рядом ———— */
.pb-scope .vb-splitlist{list-style:none;padding:0;display:grid;gap:12px;counter-reset:sl;max-width:78ch}
@media(min-width:720px){.pb-scope .vb-splitlist{grid-template-columns:1fr 1fr;gap:12px 36px}}
.pb-scope .vb-splitlist li{counter-increment:sl;display:grid;grid-template-columns:auto 1fr;gap:12px;
  align-items:baseline;color:var(--vb-g700);line-height:1.6}
.pb-scope .vb-splitlist li::before{content:counter(sl);font-family:var(--vb-font-heading);font-weight:700;
  font-size:1.125rem;color:var(--vb-brand);font-variant-numeric:tabular-nums}
.pb-scope .vb-section--ink .vb-splitlist li{color:#e5e7eb}
.pb-scope .vb-section--ink .vb-splitlist li::before{color:#8ab4ff}

/* — срок и сумма внутри предложения читаются крупно ————————————————— */
.pb-scope .vb-figure{font-family:var(--vb-font-heading);font-weight:700;font-size:1.45em;line-height:1;
  letter-spacing:-.02em;color:var(--vb-brand);font-variant-numeric:tabular-nums;
  white-space:nowrap}   /* «24 hours» не разрывается по строкам: срок читается целиком */
.pb-scope .vb-section--ink .vb-figure, .pb-scope .vb-section--brand .vb-figure{color:#8ab4ff}

/* ═══════════════ L1: надзаголовок, подзаголовок, врезка-дисклеймер ═════════
   Добавлено при вёрстке L1-хабов рынков (28.09.2026). Три блока, которых не
   было в словаре L2-коридоров. */
.pb-scope .vb-hero__eyebrow{margin:0;font-family:var(--vb-font-sans);font-size:var(--vb-xs);
  font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.pb-scope .vb-subhead{margin:28px 0 12px;font-family:var(--vb-font-heading);font-size:var(--vb-h3);
  font-weight:600;letter-spacing:var(--vb-tracking-head);color:var(--vb-ink)}
.pb-scope .vb-section--ink .vb-subhead, .pb-scope .vb-section--brand .vb-subhead{color:#fff}
/* обязательная оговорка внутри секции: видимая, но не кричащая */
.pb-scope .vb-disclaimer{display:flex;gap:14px;align-items:flex-start;margin-top:24px;padding:18px 20px;
  background:var(--vb-tint);border:1px solid var(--vb-tint-border);border-radius:var(--vb-r-lg)}
.pb-scope .vb-disclaimer svg{flex:none;margin-top:3px;color:var(--vb-brand)}
.pb-scope .vb-disclaimer p{margin:0;font-size:var(--vb-small);line-height:1.65;color:var(--vb-g700)}
.pb-scope .vb-disclaimer strong{color:var(--vb-ink)}
.pb-scope .vb-section--ink .vb-disclaimer, .pb-scope .vb-section--brand .vb-disclaimer{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.pb-scope .vb-section--ink .vb-disclaimer p, .pb-scope .vb-section--brand .vb-disclaimer p{color:#e5e7eb}
.pb-scope .vb-section--ink .vb-disclaimer strong, .pb-scope .vb-section--brand .vb-disclaimer strong{color:#fff}
.pb-scope .vb-section--ink .vb-disclaimer svg, .pb-scope .vb-section--brand .vb-disclaimer svg{color:#8ab4ff}

/* ═══════════════════════ ПИСЬМЕННОСТИ: кириллица, арабица ═════════════════
   Poppins не покрывает кириллицу и арабское письмо — браузер подставил бы
   системный шрифт и заголовки поехали бы. Пара «дисплей + текст» сохраняется:
   ru/kk — Montserrat + Inter, ar — Noto Kufi Arabic + Noto Sans Arabic,
   ur — Noto Nastaliq Urdu + Noto Sans Arabic. Сами файлы шрифтов подключает
   страница (только нужный ей набор), здесь — привязка к языку. */
.pb-scope:lang(ru), .pb-scope:lang(kk){
  --vb-font-heading:'Montserrat','Inter',ui-sans-serif,system-ui,sans-serif}
.pb-scope:lang(ar){
  --vb-font-heading:'Noto Kufi Arabic',ui-sans-serif,system-ui,sans-serif;
  --vb-font-sans:'Noto Sans Arabic','Inter',ui-sans-serif,system-ui,sans-serif;
  --vb-tracking-head:0}
.pb-scope:lang(ur){
  --vb-font-heading:'Noto Nastaliq Urdu',ui-serif,serif;
  --vb-font-sans:'Noto Sans Arabic','Inter',ui-sans-serif,system-ui,sans-serif;
  --vb-tracking-head:0}
/* насталик высокий: заголовкам нужен воздух, иначе диакритика режется */
.pb-scope:lang(ur) h1, .pb-scope:lang(ur) h2, .pb-scope:lang(ur) h3{line-height:1.95}
.pb-scope:lang(ur) .vb-faq summary, .pb-scope:lang(ur) .vb-insight h3,
.pb-scope:lang(ur) .vb-citycard h3, .pb-scope:lang(ur) .vb-compare__col h3{line-height:1.9}
.pb-scope:lang(ur) .vb-steps b, .pb-scope:lang(ur) .vb-stat b{font-family:var(--vb-font-sans)}

/* ═══════════════════════════════ RTL ══════════════════════════════════════
   Арабский и урду: страница идёт справа налево. Сетки и флексы зеркалятся
   сами, правим только физические свойства и направленную графику. */
.pb-scope[dir="rtl"] .vb-table{text-align:right}
.pb-scope[dir="rtl"] .vb-prose ul, .pb-scope[dir="rtl"] .vb-prose ol{padding-left:0;padding-right:24px}
.pb-scope[dir="rtl"] .vb-prose blockquote{padding-left:0;padding-right:20px;
  border-left:0;border-right:4px solid var(--vb-brand)}
.pb-scope[dir="rtl"] .vb-crumbs__stamp{margin-left:0;margin-right:auto}
.pb-scope[dir="rtl"] .vb-price__amount span{margin-left:0;margin-right:8px}
.pb-scope[dir="rtl"] .vb-nav__burger{margin-right:0;margin-left:-8px}
.pb-scope[dir="rtl"] .vb-select{padding-right:16px;padding-left:44px;
  background-position:22px 24px,16px 24px}
.pb-scope[dir="rtl"] .vb-faq summary::after{border-right:0;border-left:2px solid var(--vb-g500);
  transform:rotate(-45deg)}
.pb-scope[dir="rtl"] .vb-cta-band__aside img{margin-left:0;margin-right:auto}
.pb-scope[dir="rtl"] .vb-skip{left:auto;right:-9999px}
.pb-scope[dir="rtl"] .vb-skip:focus{left:auto;right:16px}
@media (min-width:721px){
  .pb-scope[dir="rtl"] .vb-stats--on-brand .vb-stat + .vb-stat{border-left:0;padding-left:0;
    border-right:1px solid rgba(255,255,255,.22);padding-right:28px}
}
.pb-scope[dir="rtl"] .vb-steps li:not(:last-child)::before{left:auto;right:21px}
/* латиница внутри RTL-абзаца (VFS Global, iOS, 20 Wenlock Road) не должна рвать строку */
.pb-scope[dir="rtl"] [lang="en"]{direction:ltr;unicode-bidi:isolate}

/* — полоса метрик L1: цифры и утверждения в двух колонках ——————————————
   Модификатор нужен, чтобы не трогать полосу на страницах коридоров (L2):
   там в ней только числовые чипы и одна колонка читается правильно. */
.pb-scope .vb-metrics--split .vb-metrics__inner{display:grid;gap:24px 48px;align-items:center}
@media(min-width:900px){
  .pb-scope .vb-metrics--split .vb-metrics__inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .pb-scope .vb-metrics--split .vb-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:24px 32px}
}
.pb-scope .vb-metrics--split .vb-stats{margin:0}
.pb-scope .vb-metrics--split .vb-stat span{max-width:none}
.pb-scope .vb-metrics__claims{margin:0;gap:10px;font-size:var(--vb-small);line-height:1.5}
.pb-scope .vb-metrics__claims li{color:var(--vb-g700)}
/* рынок без числовых чипов: список занимает всю ширину полосы и идёт в две колонки */
.pb-scope .vb-metrics--split .vb-metrics__inner--single{grid-template-columns:minmax(0,1fr)}
@media(min-width:720px){
  .pb-scope .vb-metrics--split .vb-metrics__inner--single .vb-metrics__claims{
    grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
}

/* — L1: три входа в продукт, рейтинг в первом экране, промежуточный CTA ————
   Появились при перестройке хабов рынков 28.09.2026 (структура владельца:
   hero с формой и тремя входами → цифры → вступление → услуги → процесс →
   Trustpilot → CTA → остальные SEO-блоки). */
.pb-scope .vb-applinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* Telegram, App Store и Google Play стоят одним рядом: одинаковая высота, чёрная плашка,
   один радиус. Бейджи Apple и Google сами чёрные, поэтому чип Telegram тоже чёрный. */
.pb-scope .vb-applink{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 17px;
  border-radius:10px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.82);
  font-family:var(--vb-font-sans);font-size:1rem;font-weight:600;letter-spacing:-.01em;
  text-decoration:none;transition:opacity var(--vb-ease)}
.pb-scope .vb-applink img{height:26px;width:26px}
/* если ряд когда-нибудь окажется на светлой подложке — рамка не должна исчезнуть */
.pb-scope .vb-applinks:not(.vb-applinks--on-brand) .vb-applink{border-color:rgba(255,255,255,.35)}
.pb-scope a.vb-applink:hover{opacity:.86}
.pb-scope a.vb-applink:focus-visible{outline:2px solid var(--vb-brand);outline-offset:3px}
.pb-scope .vb-applinks--on-brand a.vb-applink:focus-visible{outline-color:#fff}

/* рейтинг Trustpilot над заголовком первого экрана */
.pb-scope .vb-stars__score{font-family:var(--vb-font-heading);font-size:1.125rem;font-weight:700;
  line-height:1;letter-spacing:-.01em}
.pb-scope .vb-stars__label{color:rgba(255,255,255,.86)}
.pb-scope .vb-hero .vb-stars{gap:10px}
.pb-scope .vb-hero .vb-stars + .vb-hero__eyebrow{margin-top:18px}
.pb-scope .vb-hero__note{margin-top:16px;font-size:var(--vb-small);color:rgba(255,255,255,.86)}

/* промежуточный CTA между SEO-блоками */
.pb-scope .vb-ctastrip{background:var(--vb-band);border-top:1px solid var(--vb-g200);
  border-bottom:1px solid var(--vb-g200)}
.pb-scope .vb-ctastrip__inner{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:16px 24px;padding-top:24px;padding-bottom:24px}
.pb-scope .vb-ctastrip .vb-applinks{margin-top:0}
/* официальные бейджи магазинов и логотип Telegram */
.pb-scope .vb-applinks{align-items:center}
.pb-scope .vb-badge{display:inline-flex;border-radius:10px;transition:opacity var(--vb-ease)}
.pb-scope .vb-badge{height:44px;overflow:hidden}
.pb-scope .vb-badge img{height:44px;width:auto;max-width:none;display:block}
/* у бейджа Google внутри картинки поля 16,4% — обрезаем их, чтобы плашка была ровно 44px
   и её собственная белая рамка не срезалась */
.pb-scope .vb-badge--play img{height:65px;margin:-10.5px}
.pb-scope a.vb-badge:hover{opacity:.86}
.pb-scope a.vb-badge:focus-visible{outline:2px solid var(--vb-brand);outline-offset:3px}
.pb-scope .vb-applinks--on-brand a.vb-badge:focus-visible{outline-color:#fff}

/* сравнение тарифов: строки с разделителями, цена акцентом */
.pb-scope .vb-compare__col h3{display:flex;align-items:center;gap:10px}
.pb-scope .vb-compare__col h3 svg{flex:none;color:var(--vb-brand)}
.pb-scope .vb-compare__row{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--vb-border)}
.pb-scope .vb-compare__row:first-child{border-top:0}
.pb-scope .vb-compare__row dt{font-size:var(--vb-xs);letter-spacing:.06em;text-transform:uppercase;
  color:var(--vb-g500)}
.pb-scope .vb-compare__row dd{margin:0;color:var(--vb-ink);font-size:var(--vb-small);line-height:1.5}
.pb-scope .vb-compare__row--price dd{font-family:var(--vb-font-heading);font-size:1.25rem;
  font-weight:700;color:var(--vb-brand);letter-spacing:-.01em}
.pb-scope .vb-compare__col:last-child{border-color:var(--vb-brand)}
.pb-scope .vb-compare__col:first-child{border-color:var(--vb-border)}

/* кнопка и плашки магазинов на тёмной секции не подчёркиваются (правило ink-ссылок) */
.pb-scope .vb-section--ink a.vb-btn, .pb-scope .vb-section--ink a.vb-applink{text-decoration:none}

/* сайт: шрифты ДС — те же Poppins и Inter, что отдаёт next/font сайта (без запроса к Google Fonts) */
.pb-scope{--vb-font-heading:var(--font-poppins),'Poppins',ui-sans-serif,system-ui,sans-serif;--vb-font-sans:var(--font-inter),'Inter',ui-sans-serif,system-ui,sans-serif}