/* Стили контентных (SEO) страниц. Используют токены из styles.css, namespace .pg-* — лендинг не затрагивают. */

/* Hero страницы: хлебные крошки + kicker + H1 + лид + факты, на брендовом фоне */
.pg-hero{position:relative;overflow:hidden;padding:46px 0 34px;border-bottom:1px solid var(--line-2);
  background:
    radial-gradient(55% 78% at 92% -12%, var(--accent-ring) 0%, transparent 56%),
    radial-gradient(46% 66% at -6% -8%, rgba(21,94,239,.12) 0%, transparent 56%),
    linear-gradient(180deg, var(--bg-soft) 0%, #fff 100%)}
.pg-hero-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask:linear-gradient(180deg,#000,transparent 72%);mask:linear-gradient(180deg,#000,transparent 72%)}
.pg-hero .wrap{position:relative;z-index:1}
.pg-hero .kicker{margin:0 0 14px}
.pg-hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;margin:24px 0 0;padding:0}
.pg-hero-facts li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-2)}
.pg-hero-facts li svg{width:17px;height:17px;color:var(--accent);flex-shrink:0}
.pg-byline{margin:16px 0 0;font-size:13px;color:var(--ink-3);font-weight:500}
/* Глоссарий: список терминов (dt/dd) */
.pg-gloss{margin:26px 0}
.pg-gloss-i{padding:18px 2px;border-top:1px solid var(--line-2)}
.pg-gloss-i:last-child{border-bottom:1px solid var(--line-2)}
.pg-gloss-i dt{font-weight:700;font-size:17px;color:var(--ink);margin-bottom:5px;letter-spacing:-.012em}
.pg-gloss-i dd{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
/* Лента блога /blog/ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:18px}
.blog-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s}
.blog-card:hover{border-color:var(--accent);box-shadow:0 14px 36px -20px rgba(10,37,64,.26);transform:translateY(-2px)}
.blog-cat{font-size:12px;font-weight:600;color:var(--accent-d);background:var(--accent-soft);padding:4px 11px;border-radius:999px}
.blog-card h2{font-size:19px;line-height:1.26;letter-spacing:-.02em;font-weight:700;color:var(--ink);margin:0}
.blog-card p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0;flex:1}
.blog-card .blog-date{font-size:12.5px;color:var(--ink-3);font-weight:500}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}
/* Featured-карточка свежей статьи (редакционная иерархия) */
.blog-feat{position:relative;overflow:hidden;display:block;margin-bottom:32px;padding:34px 36px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(120% 150% at 100% 0%,var(--accent-soft) 0%,transparent 48%),#fff;box-shadow:var(--sh-1);transition:border-color .2s,box-shadow .2s,transform .2s}
.blog-feat:hover{border-color:var(--accent);box-shadow:0 18px 44px -22px rgba(10,37,64,.30);transform:translateY(-2px)}
.blog-feat-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.blog-feat-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.blog-feat h2{margin:15px 0 0;font-size:clamp(24px,3vw,33px);line-height:1.13;letter-spacing:-.03em;font-weight:700;color:var(--ink);max-width:22ch;text-wrap:balance}
.blog-feat p{margin:14px 0 0;font-size:clamp(15px,1.4vw,16.5px);line-height:1.6;color:var(--ink-2);max-width:64ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-feat-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.blog-feat-cta{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--accent-d)}
.blog-feat-cta .arr{transition:transform .2s}
.blog-feat:hover .blog-feat-cta .arr{transform:translateX(4px)}
/* Заголовок секции под featured */
.blog-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.blog-sec-label{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.blog-sec-count{font-size:13px;color:var(--ink-3);font-weight:500}
@media (max-width:600px){.blog-feat{padding:24px 22px;border-radius:16px}.blog-feat-cta{margin-left:0}}
.pg-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--ink-3);margin-bottom:18px}
.pg-crumbs a{color:var(--ink-3)}
.pg-crumbs a:hover{color:var(--accent)}
.pg-crumbs span[aria-current]{color:var(--ink-2)}
.pg-crumbs .sep{color:var(--line)}
.pg-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.08;letter-spacing:-.034em;font-weight:700;color:var(--ink);max-width:18ch;text-wrap:balance}
.pg-lead{margin-top:18px;font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:var(--ink-2);max-width:60ch;font-weight:400}
.pg-lead b{color:var(--ink);font-weight:600}

/* Тело статьи */
.pg-body{padding:44px 0 16px}
.pg-prose{max-width:720px}
.pg-prose h2{font-size:clamp(23px,2.6vw,32px);letter-spacing:-.028em;font-weight:700;color:var(--ink);margin:44px 0 14px}
.pg-prose h3{font-size:clamp(18px,1.8vw,21px);font-weight:600;color:var(--ink);margin:28px 0 10px}
.pg-prose p{font-size:17px;line-height:1.72;color:var(--ink-2);margin:0 0 16px;text-wrap:pretty}
.pg-prose p b,.pg-prose li b{color:var(--ink);font-weight:600}
.pg-prose ul{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pg-prose ul li{position:relative;padding-left:30px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.pg-prose ul li::before{content:"";position:absolute;left:6px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.pg-prose a:not(.btn):not(.pg-rel):not(.bk-fcard){color:var(--accent-d);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.pg-prose a:not(.btn):not(.pg-rel):not(.bk-fcard):hover{color:var(--accent)}

/* Шаги «как работает» */
.pg-steps{counter-reset:s;display:flex;flex-direction:column;gap:14px;margin:24px 0 8px}
.pg-step{position:relative;padding:20px 22px 20px 64px;background:#fff;border:1px solid var(--line);border-radius:16px}
.pg-step::before{counter-increment:s;content:counter(s);position:absolute;left:18px;top:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--mono);font-weight:700;font-size:15px}
.pg-step b{display:block;color:var(--ink);font-size:16px;font-weight:600;margin-bottom:4px}
.pg-step span{font-size:15px;line-height:1.55;color:var(--ink-3)}

/* Выноска (безрегресс и т.п.) */
.pg-callout{margin:26px 0;padding:22px 24px;background:var(--accent-soft);border-radius:16px;border:1px solid var(--accent-ring)}
.pg-callout b{color:var(--accent-ink);font-weight:700}
.pg-callout p{color:var(--accent-ink);margin:0;font-size:16.5px;line-height:1.6}

/* Блок дизайн-кита, вставленный в тело статьи (.pg-prose) — отступы между блоками */
.pg-prose .pg-block{margin:30px 0}

/* Связанные ссылки */
.pg-related{margin:34px 0 8px;padding-top:26px;border-top:1px solid var(--line)}
.pg-related h2{margin-top:0}
.pg-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.pg-rel{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:border-color .15s,transform .15s}
.pg-rel:hover{border-color:var(--accent);transform:translateY(-2px)}
.pg-rel b{display:block;color:var(--ink);font-size:15.5px;font-weight:600;margin-bottom:4px}
.pg-rel span{font-size:13.5px;color:var(--ink-3);line-height:1.5}

/* ShuffleHero — двухколоночный hero с перемешивающейся сеткой брендовых плиток */
.sh-hero{padding:34px 0 6px;background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 100%);border-bottom:1px solid var(--line-2)}
.sh-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.sh-left{min-width:0}
.sh-left .pg-crumbs{margin-bottom:16px}
.sh-left .kicker{margin-bottom:16px}
.sh-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.034em;font-weight:700;color:var(--ink);margin:0 0 18px;text-wrap:balance}
.sh-hero h1 .hl{color:var(--teal)}
.sh-lead{font-size:clamp(16.5px,1.7vw,19px);line-height:1.6;color:var(--ink-2);max-width:54ch;margin:0 0 26px}
.sh-lead b{color:var(--ink);font-weight:600}

.sh-right{min-width:0}
.sh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;aspect-ratio:1/1;width:100%}
.sh-tile{border-radius:13px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:6px;background:var(--bg-mute);will-change:transform}
.sh-ic{width:25px;height:25px}
.sh-tile.t-teal{background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff}
.sh-tile.t-navy{background:linear-gradient(150deg,#0B1F38,#08182A);color:#fff}
.sh-tile.t-blue{background:linear-gradient(150deg,var(--accent-blue),#3B7BFF);color:#fff}
.sh-tile.t-soft{background:var(--accent-soft);color:var(--accent-ink)}
.sh-tile.t-icon{background:#fff;border:1px solid var(--line);color:var(--accent-d)}
.sh-tile.t-white{background:#fff;border:1px solid var(--line);color:var(--ink)}
.sh-v{font-family:var(--mono);font-weight:700;font-size:clamp(14px,2.1vw,21px);line-height:1;letter-spacing:-.02em}
.sh-l{font-size:10px;font-weight:500;line-height:1.2;opacity:.82}
.sh-tile.t-white .sh-l,.sh-tile.t-icon .sh-l{color:var(--ink-3);opacity:1}
.sh-bolt{width:30px;height:34px}

@media(max-width:860px){
  .sh-wrap{grid-template-columns:1fr;gap:26px}
  .sh-right{max-width:420px}
  .sh-hero{padding:26px 0 4px}
}
@media(prefers-reduced-motion:reduce){ .sh-tile{transition:none!important} }

/* Боковой sticky CTA-баннер (рендерится билдером на всех контентных страницах, кроме главной) */
.pg-has-aside>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.pg-main{min-width:0}
.pg-aside{position:sticky;top:86px}
.pg-aside-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px 22px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 22px 44px -30px rgba(15,23,42,.55)}
.pg-aside-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--teal),var(--accent-d))}
.pga-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);padding:6px 13px;border-radius:999px;margin-bottom:15px}
.pga-kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}
.pga-title{font-size:21px;line-height:1.16;letter-spacing:-.026em;font-weight:700;color:var(--ink);margin:0 0 9px;text-wrap:balance}
.pga-sub{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0 0 17px}
.pga-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px}
.pga-list li{position:relative;padding-left:27px;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink)}
.pga-list li svg{position:absolute;left:0;top:0;width:18px;height:18px;color:var(--accent)}
.pga-rate{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;background:var(--bg-soft);border:1px solid var(--line-2);border-radius:13px;margin-bottom:16px}
.pga-rate>span{font-size:13px;color:var(--ink-3);font-weight:500}
.pga-rate b{display:flex;align-items:baseline;gap:6px;font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.pga-rate b small{font-size:11.5px;font-weight:500;letter-spacing:0;color:var(--ink-3)}
.pg-aside .btn-primary{display:flex;width:100%;justify-content:center;font-size:15px;padding:13px 18px}
.pga-note{margin:12px 0 0;text-align:center;font-size:12px;color:var(--ink-3)}
@media(max-width:1024px){
  .pg-has-aside>.wrap{grid-template-columns:1fr;gap:0}
  .pg-aside{display:none}
}

/* ===================== ДИЗАЙН-КИТ (витрина /_kit/) ===================== */
.kit-hero{padding:42px 0 12px;background:linear-gradient(180deg,var(--bg-soft),#fff);border-bottom:1px solid var(--line-2)}
.kit-hero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.03em;font-weight:700;color:var(--ink);margin:14px 0 0}
.kit-hero .pg-lead{margin-top:14px}
.kit-wrap{display:grid;grid-template-columns:210px minmax(0,1fr);gap:44px;padding-top:38px;padding-bottom:64px;align-items:start}
.kit-nav{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px}
.kit-nav a{font-size:14px;color:var(--ink-2);padding:8px 12px;border-radius:9px;font-weight:500}
.kit-nav a:hover{background:var(--bg-soft);color:var(--ink)}
.kit-main{min-width:0;display:flex;flex-direction:column;gap:58px}
.kit-block{scroll-margin-top:92px}
.kit-bhead{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.kit-bhead h2{display:inline-block;font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:0}
.kit-bhead code{margin-left:11px;font-family:var(--mono);font-size:12px;color:var(--accent-ink);background:var(--accent-soft);padding:3px 8px;border-radius:6px;vertical-align:3px}
.kit-bhead p{font-size:14.5px;color:var(--ink-3);margin:7px 0 0}
.kit-variant{margin-bottom:26px}
.kit-variant:last-child{margin-bottom:0}
.kit-vlabel{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.kit-vtag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink-3);background:var(--bg-mute);padding:4px 9px;border-radius:6px}
.kit-vname{font-size:13.5px;color:var(--ink-2);font-weight:500}
.kit-stage{padding:30px;background:var(--bg-soft);border:1px solid var(--line-2);border-radius:18px}

/* ---- БЛОК: hero ---- */
.bk-hero{position:relative}
.bk-hero h1{font-size:clamp(30px,4.6vw,52px);line-height:1.06;letter-spacing:-.034em;font-weight:700;color:var(--ink);margin:16px 0 0;text-wrap:balance}
.bk-hero h1 .hl{background:linear-gradient(transparent 62%,var(--teal-soft) 0);padding:0 3px;border-radius:2px}
.bk-hero-lead{font-size:clamp(16.5px,1.7vw,19px);line-height:1.6;color:var(--ink-2);margin:18px 0 26px}
.bk-hero-lead b{color:var(--ink);font-weight:600}
.bk-hero-cta{display:flex;flex-wrap:wrap;gap:12px}
/* A — центр + мокап + свечение */
.bk-hero--a{text-align:center;overflow:hidden;padding-top:6px}
.bk-hero--a .bk-hero-in{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.bk-hero--a .bk-hero-lead{max-width:560px}
.bk-hero--a .bk-hero-cta{justify-content:center}
.bk-hero-glow{position:absolute;left:50%;top:-70px;width:680px;max-width:110%;height:430px;transform:translateX(-50%);background:radial-gradient(ellipse at center,var(--accent-ring) 0%,transparent 62%);filter:blur(18px);pointer-events:none;z-index:0}
.bk-hero-media{margin-top:38px;width:100%;max-width:760px}
/* B — сплит + аккордеон */
.bk-hero--b .bk-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bk-hero--b .bk-hero-tx{min-width:0}
.bk-hero-acc{display:flex;gap:8px;height:380px;min-width:0}
.bk-acc-panel{position:relative;flex:0 0 56px;border-radius:16px;overflow:hidden;cursor:pointer;color:#fff;transition:flex-basis .55s cubic-bezier(.4,0,.2,1)}
.bk-acc-panel.on,.bk-acc-panel:hover{flex:1 1 auto}
.bk-hero-acc:hover .bk-acc-panel.on:not(:hover){flex:0 0 56px}
.bk-acc-panel.t-teal{background:linear-gradient(155deg,var(--teal),var(--accent-d))}
.bk-acc-panel.t-navy{background:linear-gradient(155deg,#0B1F38,#08182A)}
.bk-acc-panel.t-blue{background:linear-gradient(155deg,var(--accent-blue),#3B7BFF)}
.bk-acc-panel.t-soft{background:var(--accent-soft);color:var(--accent-ink)}
.bk-acc-ic{position:absolute;top:16px;left:50%;transform:translateX(-50%)}
.bk-acc-ic svg{width:23px;height:23px}
.bk-acc-cap{position:absolute;bottom:18px;left:50%;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:14px;font-weight:600;white-space:nowrap;transition:.3s}
.bk-acc-panel.on .bk-acc-cap,.bk-acc-panel:hover .bk-acc-cap{writing-mode:horizontal-tb;transform:translateX(-50%) rotate(0)}
.bk-hero-acc:hover .bk-acc-panel.on:not(:hover) .bk-acc-cap{writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg)}
/* C — скролл-tilt */
.bk-hero--c{text-align:center;overflow:hidden}
.bk-hero--c .bk-hero-in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.bk-hero--c .bk-hero-cta{justify-content:center}
.bk-hero-tilt{margin-top:40px;width:100%;max-width:780px;perspective:1200px}
.bk-tilt-card{transform-origin:center top;transform:rotateX(16deg) scale(.94);transition:transform .12s linear;will-change:transform}
/* брендовый мокап «экран платформы» */
.bk-mockup{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 34px 64px -34px rgba(13,37,61,.45)}
.bk-mockup-bar{display:flex;align-items:center;gap:10px;padding:11px 15px;background:var(--bg-soft);border-bottom:1px solid var(--line-2)}
.bk-mockup-dots{display:flex;gap:6px}
.bk-mockup-dots i{width:10px;height:10px;border-radius:50%;background:var(--line)}
.bk-mockup-dots i:nth-child(1){background:#FF5F57}.bk-mockup-dots i:nth-child(2){background:#FEBC2E}.bk-mockup-dots i:nth-child(3){background:#28C840}
.bk-mockup-url{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.bk-mockup-screen{padding:24px;text-align:left;display:flex;flex-direction:column;gap:14px}
.bk-mk-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-3)}
.bk-mk-row .bk-mk-v{font-family:var(--mono);font-weight:600;color:var(--ink)}
.bk-mk-big{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--accent-soft);border-radius:12px}
.bk-mk-big span{font-size:13px;color:var(--accent-ink)}
.bk-mk-big b{font-family:var(--mono);font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--accent-ink);letter-spacing:-.02em;line-height:1}
.bk-mk-bar{height:8px;border-radius:5px;background:var(--bg-mute);overflow:hidden}
.bk-mk-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--teal),var(--accent-d))}
.bk-mk-foot{display:flex;flex-wrap:wrap;gap:8px}
.bk-mk-chip{font-family:var(--mono);font-size:12px;font-weight:600;color:#fff;background:var(--accent-d);padding:5px 11px;border-radius:999px}
.bk-mk-chip.ghost{background:#fff;color:var(--accent-ink);border:1px solid var(--accent-ring)}
/* D — тёмный dot-grid + rotating */
.bk-hero--d{position:relative;overflow:hidden;background:var(--ink);border-radius:24px;padding:54px 40px;text-align:center}
.bk-dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bk-hero--d .bk-hero-in{position:relative;z-index:1;max-width:680px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.bk-hero--d .kicker{background:rgba(15,181,166,.14);color:var(--teal)}
.bk-hero--d h1{color:#fff;font-size:clamp(28px,4.2vw,48px)}
.bk-hero--d .bk-rot{display:inline-block;color:var(--teal)}
.bk-hero--d .bk-hero-lead{color:rgba(255,255,255,.75);max-width:520px}
.bk-hero--d .btn-2{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}
.bk-hero--d .btn-2:hover{background:rgba(255,255,255,.1)}
/* E — арка из карточек */
.bk-hero--e{text-align:center}
.bk-arc{position:relative;--r:265px;height:calc(var(--r) + 58px);max-width:600px;margin:0 auto 8px}
.bk-arc-tile{position:absolute;left:50%;bottom:0;width:90px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:14px;box-shadow:0 16px 30px -16px rgba(13,37,61,.4);transform-origin:center bottom;transform:translate(-50%,0) rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(var(--a) * -0.45))}
.bk-arc-tile .bk-bn-big{font-size:18px}
.bk-arc-tile .bk-bn-lbl{font-size:10.5px;opacity:.85;margin-top:0}
.bk-arc-tile.t-teal{background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff}
.bk-arc-tile.t-navy{background:linear-gradient(150deg,#0B1F38,#08182A);color:#fff}
.bk-arc-tile.t-soft{background:var(--accent-soft);color:var(--accent-ink)}
.bk-arc-tile.t-white{background:#fff;border:1px solid var(--line);color:var(--ink)}
.bk-hero--e .bk-hero-in{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
/* F — интерактивный 3D-стек панелей */
.bk-hero--f{text-align:center;overflow:hidden}
.bk-hero--f .bk-hero-in{position:relative;z-index:2;max-width:680px;margin:0 auto 4px;display:flex;flex-direction:column;align-items:center}
.bk-stack{position:relative;height:420px;perspective:900px;display:flex;align-items:center;justify-content:center}
.bk-stack-scene{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(18deg) rotateY(-42deg)}
.bk-stack-panel{position:absolute;left:0;top:0;border-radius:14px;overflow:hidden;transform-origin:bottom center;box-shadow:0 30px 60px -22px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.14);will-change:transform}
.bk-stack-panel.g-teal{background:linear-gradient(150deg,var(--teal),var(--accent-d))}
.bk-stack-panel.g-navy{background:linear-gradient(150deg,#0B1F38,#08182A)}
.bk-stack-panel.g-blue{background:linear-gradient(150deg,var(--accent-blue),#3B7BFF)}
.bk-stack-panel.g-tealD{background:linear-gradient(150deg,var(--accent-d),#0A5F54)}
.bk-stack-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.3))}
@media(max-width:860px){
  .bk-hero--b .bk-hero-split{grid-template-columns:1fr;gap:30px}
  .bk-hero-acc{height:300px}
  .bk-arc{--r:210px;max-width:480px}
}
@media(max-width:640px){
  .bk-arc{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;height:auto;max-width:none}
  .bk-arc-tile{position:static;transform:none!important;width:auto;min-width:88px;height:auto;padding:13px 16px}
  .bk-stack{height:320px}
}
@media(max-width:640px){
  .bk-hero-cta{width:100%}
  .bk-hero-cta .btn{flex:1 1 auto;justify-content:center}
  .bk-hero-acc{height:240px;gap:6px}
  .bk-acc-cap{font-size:12.5px}
  .bk-acc-panel{flex-basis:46px}
}

/* ---- БЛОК: полоса цифр ---- */
.bk-stats{display:flex;flex-wrap:wrap}
.bk-st{display:flex;flex-direction:column;gap:6px}
.bk-st-v{font-family:var(--mono);font-size:clamp(23px,3vw,31px);font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1}
.bk-st-l{font-size:13px;color:var(--ink-3);font-weight:500;line-height:1.3}
.bk-stats--a{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bk-stats--a .bk-st{flex:1;min-width:140px;padding:22px 24px;border-left:1px solid var(--line)}
.bk-stats--a .bk-st:first-child{border-left:0}
.bk-stats--b{gap:14px}
.bk-stats--b .bk-st{flex:1;min-width:148px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1)}
.bk-stats--c{gap:0;background:linear-gradient(135deg,var(--teal),var(--accent-d));border-radius:18px;padding:4px}
.bk-stats--c .bk-st{flex:1;min-width:140px;padding:22px 24px;border-left:1px solid rgba(255,255,255,.16)}
.bk-stats--c .bk-st:first-child{border-left:0}
.bk-stats--c .bk-st-v{color:#fff}
.bk-stats--c .bk-st-l{color:rgba(255,255,255,.92)}

/* ---- БЛОК: сетка фич ---- */
.bk-features{display:grid;gap:18px}
/* A — градиент-карточки (цветной фон, белый контент) */
.bk-features--a{grid-template-columns:repeat(3,1fr)}
.bk-fcard{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:26px;border-radius:20px;color:#fff;min-height:228px}
.bk-fcard.g-teal{background:linear-gradient(155deg,#0A7E72,#053F38)}
.bk-fcard.g-navy{background:linear-gradient(150deg,#0B2138,#08182A)}
.bk-fcard.g-blue{background:linear-gradient(155deg,#1A4FB5,#0B2F7A)}
.bk-fcard::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 82% 0,rgba(255,255,255,.18),transparent 58%);pointer-events:none}
.bk-fcard>*{position:relative;z-index:1}
.bk-fcard-ic svg{width:30px;height:30px}
.bk-fcard-t{font-size:19px;font-weight:700;margin:18px 0 8px;letter-spacing:-.01em}
.bk-fcard-d{font-size:14px;line-height:1.5;color:rgba(255,255,255,.93);margin:0;flex-grow:1}
.bk-fcard-more{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:13.5px;font-weight:600;color:#fff}
/* карточка-ссылка: вся кликабельна, без подчёркивания, с ховером */
a.bk-fcard{text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
a.bk-fcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(8,24,42,.55)}
a.bk-fcard:hover .bk-fcard-more{gap:10px}
/* кит-карточка внутри статьи: не наследовать типографику .pg-prose p (slate 17px) */
.pg-prose .bk-fcard-d{font-size:14px;line-height:1.5;color:rgba(255,255,255,.93);margin:0}
.pg-prose .bk-fcard-t{color:#fff}
.pg-prose a.bk-fcard{color:#fff}
.bk-fcard-more svg{width:15px;height:15px}
/* B — карточки с визуалом сверху */
.bk-features--b{grid-template-columns:repeat(3,1fr)}
.bk-fcard2{display:flex;flex-direction:column;transition:transform .25s}
.bk-fcard2:hover{transform:translateY(-3px)}
.bk-fcard2-viz{display:flex;align-items:center;justify-content:center;height:150px;border-radius:16px;background:linear-gradient(150deg,var(--accent-soft),#fff);border:1px solid var(--line-2);color:var(--accent-d)}
.bk-fcard2-viz svg{width:46px;height:46px}
.bk-fcard2 b{font-size:16.5px;font-weight:600;color:var(--ink);margin:16px 0 5px}
.bk-fcard2 p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0}
/* C — сплит: визуал слева + список фич справа */
.bk-features--c{grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bk-fsplit-viz{min-width:0}
.bk-fsplit-list{display:flex;flex-direction:column;gap:10px}
.bk-frow{display:flex;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid transparent}
.bk-frow.on{background:var(--accent-soft);border-color:var(--accent-ring)}
.bk-frow-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--accent-d)}
.bk-frow.on .bk-frow-ic{border-color:var(--accent-ring)}
.bk-frow-ic svg{width:24px;height:24px}
.bk-frow-tx b{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:3px}
.bk-frow-tx p{font-size:14px;line-height:1.45;color:var(--ink-2);margin:0}

/* ---- БЛОК: шаги ---- */
.bk-steps{display:grid}
.bk-step-n{font-family:var(--mono);font-weight:700;letter-spacing:-.02em}
.bk-step-tx b{color:var(--ink);font-weight:600}
.bk-step-tx p{color:var(--ink-2);margin:0}
/* A — вертикальная лента с коннектором */
.bk-steps--a .bk-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;padding-bottom:28px}
.bk-steps--a .bk-step:last-child{padding-bottom:0}
.bk-steps--a .bk-step::before{content:"";position:absolute;left:21px;top:48px;bottom:-2px;width:2px;background:var(--line)}
.bk-steps--a .bk-step:last-child::before{display:none}
.bk-steps--a .bk-step-n{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:17px;z-index:1}
.bk-steps--a .bk-step-tx{padding-top:9px}
.bk-steps--a .bk-step-tx b{display:block;font-size:17px;margin-bottom:5px}
.bk-steps--a .bk-step-tx p{font-size:14.5px;line-height:1.55}
/* B — горизонтальный таймлайн */
.bk-steps--b{grid-template-columns:repeat(3,1fr);gap:24px}
.bk-steps--b .bk-step{position:relative;text-align:center}
.bk-steps--b .bk-step::before{content:"";position:absolute;top:24px;left:50%;width:100%;height:2px;background:var(--line);z-index:0}
.bk-steps--b .bk-step:last-child::before{display:none}
.bk-steps--b .bk-step-n{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff;font-size:18px;margin-bottom:16px;z-index:1}
.bk-steps--b .bk-step-tx b{display:block;font-size:16px;margin-bottom:6px}
.bk-steps--b .bk-step-tx p{font-size:14px;line-height:1.5}
/* C — карточки с крупным числом */
.bk-steps--c{grid-template-columns:repeat(3,1fr);gap:16px}
.bk-steps--c .bk-step{position:relative;overflow:hidden;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}
.bk-steps--c .bk-step-n{position:absolute;top:6px;right:16px;font-size:64px;line-height:1;color:var(--accent-soft)}
.bk-steps--c .bk-step-tx{position:relative;z-index:1}
.bk-steps--c .bk-step-tx b{display:block;font-size:17px;margin:6px 0 8px}
.bk-steps--c .bk-step-tx p{font-size:14px;line-height:1.5}

/* ---- БЛОК: сравнение ---- */
.bk-compare--a{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bk-cmp-table{width:100%;border-collapse:collapse}
.bk-cmp-table th,.bk-cmp-table td{padding:14px 18px;text-align:left;font-size:14.5px;color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.bk-cmp-table thead th{font-size:13px;font-weight:700;color:var(--ink-2);background:var(--bg-soft)}
.bk-cmp-table tbody tr:last-child td{border-bottom:0}
.bk-cmp-table .bk-cmp-k{font-weight:600;color:var(--ink);width:32%}
.bk-cmp-table .bk-cmp-us{background:var(--accent-soft)}
.bk-cmp-table thead .bk-cmp-us{color:var(--accent-ink);border-top:2px solid var(--accent)}
.bk-cmp-table td.bk-cmp-us{font-weight:600;color:var(--accent-ink)}
.bk-cmp-table tbody tr{transition:background .15s}
.bk-cmp-table tbody tr:hover td:not(.bk-cmp-us){background:var(--bg-soft)}
.bk-cmp-badge{display:inline-block;margin-left:8px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent-d);padding:2px 7px;border-radius:999px;vertical-align:1.5px}
.bk-cmp-ic{display:inline-flex;vertical-align:-3px;margin-right:7px}
.bk-cmp-ic svg{width:16px;height:16px}
.bk-cmp-ic.ok{color:var(--accent)}
.bk-cmp-ic.no{color:var(--ink-3)}
.bk-compare--b{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.bk-cmp-card{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}
.bk-cmp-card.us{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.bk-cmp-h{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:15px}
.bk-cmp-card.us .bk-cmp-h{color:var(--accent-ink)}
.bk-cmp-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.bk-cmp-card li{display:flex;gap:9px;font-size:14px;line-height:1.42;color:var(--ink-2)}
.bk-cmp-card li svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}
.bk-cmp-card.us li svg{color:var(--accent)}
.bk-cmp-card:not(.us) li svg{color:var(--ink-3)}
.bk-cmp-card li b{color:var(--ink);font-weight:600}
.bk-cmp-vs{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink-3);padding:0 16px}
.bk-compare--c .bk-cmp-rows{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bk-cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-2);align-items:center}
.bk-cmp-row:last-child{border-bottom:0}
.bk-cmp-row.head{background:var(--bg-soft)}
.bk-cmp-row.head span{font-size:12.5px;font-weight:700;color:var(--ink-2)}
.bk-cmp-row .bk-cmp-k{font-size:14px;font-weight:600;color:var(--ink)}
.bk-cmp-row .bk-cmp-a{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--accent-ink)}
.bk-cmp-row .bk-cmp-a svg{width:16px;height:16px;flex-shrink:0;color:var(--accent)}
.bk-cmp-row.head .bk-cmp-a{color:var(--ink-2)}
.bk-cmp-row .bk-cmp-b{font-size:14px;color:var(--ink-3)}

/* ---- БЛОК: чек-лист ---- */
/* A — премиум-список */
.bk-checklist--a{display:flex;flex-direction:column;gap:20px}
.bk-chk{display:flex;gap:16px;align-items:flex-start}
.bk-chk-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff;margin-top:2px}
.bk-chk-box svg{width:18px;height:18px}
.bk-chk-tx b{display:block;font-size:16.5px;font-weight:600;color:var(--ink);margin-bottom:3px}
.bk-chk-tx p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0}
/* B — choicebox-карточки */
.bk-checklist--b{display:flex;flex-direction:column;gap:12px}
.bk-chcard{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:14px;transition:border-color .15s,background .15s}
.bk-chcard:hover{border-color:var(--accent-ring)}
.bk-chcard.on{background:var(--accent-soft);border-color:var(--accent)}
.bk-chcard-tx{flex:1;min-width:0}
.bk-chcard-tx b{display:block;font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:2px}
.bk-chcard.on .bk-chcard-tx b{color:var(--accent-ink)}
.bk-chcard-tx p{font-size:13.5px;line-height:1.45;color:var(--ink-2);margin:0}
.bk-chcard-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff}
.bk-chcard-box svg{width:16px;height:16px}
/* C — компактная сетка */
.bk-checklist--c{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}
.bk-chmini{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink);padding:10px 0}
.bk-chmini-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--accent-soft);color:var(--accent-d)}
.bk-chmini-ic svg{width:14px;height:14px}

/* ---- БЛОК: выноска ---- */
.bk-callout{display:flex;gap:14px}
.bk-co-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bk-co-ic svg{width:22px;height:22px}
.bk-co-tx{min-width:0}
.bk-co-tx b{display:block;font-size:17px;font-weight:700;margin-bottom:6px}
.bk-co-tx p{margin:0;line-height:1.55}
.bk-callout--a{align-items:center;padding:14px 18px;background:var(--accent-soft);border-radius:12px}
.bk-callout--a .bk-co-ic{color:var(--accent-d)}
.bk-callout--a p{margin:0;font-size:15px;line-height:1.45;color:var(--accent-ink);font-weight:500}
.bk-callout--b{align-items:flex-start;padding:22px 24px;background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:16px}
.bk-callout--b .bk-co-ic{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--accent-d)}
.bk-callout--b .bk-co-tx b{color:var(--accent-ink)}
.bk-callout--b .bk-co-tx p{font-size:15px;color:var(--accent-ink);opacity:.92}
.bk-callout--c{align-items:center;flex-wrap:wrap;padding:24px 26px;background:var(--ink);border-radius:18px;color:#fff}
.bk-callout--c .bk-co-ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.1);color:var(--teal)}
.bk-callout--c .bk-co-tx{flex:1;min-width:200px}
.bk-callout--c .bk-co-tx b{color:#fff}
.bk-callout--c .bk-co-tx p{font-size:14.5px;color:rgba(255,255,255,.8)}
.bk-callout--c .btn{flex-shrink:0}

/* ---- БЛОК: текст + медиа ---- */
.bk-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.bk-split-tx{min-width:0}
.bk-split-tx .kicker{margin-bottom:14px}
.bk-split-tx h2{font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;line-height:1.16}
.bk-split-tx>p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.bk-split-pts{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}
.bk-split-pts li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink)}
.bk-split-pts li svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}
.bk-split-media{min-width:0}
/* B — бенто-сетка */
.bk-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:14px}
.bk-bento-cell{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;border-radius:18px;min-height:148px}
.bk-bento .c-main{grid-column:span 2;background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff}
.bk-bento .c-stat{grid-row:span 2;justify-content:flex-end;background:linear-gradient(150deg,#0B1F38,#08182A);color:#fff}
.bk-bento .c-white{background:#fff;border:1px solid var(--line)}
.bk-bn-ic svg{width:30px;height:30px}
.bk-bn-ic2{color:var(--accent-d)}.bk-bn-ic2 svg{width:24px;height:24px}
.bk-bn-big{display:block;font-family:var(--mono);font-size:clamp(24px,3.2vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1}
.bk-bn-lbl{display:block;font-size:13px;opacity:.85;margin-top:5px;line-height:1.3}
.bk-bento .c-white .bk-bn-tx b{display:block;font-size:16px;font-weight:600;color:var(--ink)}
.bk-bento .c-white .bk-bn-tx p{font-size:13.5px;line-height:1.45;color:var(--ink-2);margin:4px 0 0}
/* C — коллаж карточек */
.bk-collage{position:relative;height:330px}
.bk-col-tile{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:20px 22px;border-radius:18px;box-shadow:0 22px 44px -22px rgba(13,37,61,.45);animation:bk-float 6s ease-in-out infinite;animation-delay:var(--d)}
.bk-col-tile.t-teal{left:6%;top:24%;width:48%;background:linear-gradient(150deg,var(--teal),var(--accent-d));color:#fff;z-index:2}
.bk-col-tile.t-white{right:5%;top:5%;width:44%;background:#fff;border:1px solid var(--line);color:var(--ink);z-index:3}
.bk-col-tile.t-navy{right:12%;bottom:5%;width:46%;background:linear-gradient(150deg,#0B1F38,#08182A);color:#fff;z-index:1}
@keyframes bk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.bk-col-tile{animation:none}}

/* ---- БЛОК: оглавление (TOC) ---- */
.bk-toc-ttl{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.bk-toc-ttl svg{width:16px;height:16px;color:var(--accent-d)}
.bk-toc-nav{display:flex;flex-direction:column;gap:2px}
.bk-toc-lnk{display:block;padding:7px 14px;font-size:14px;color:var(--ink-2);border-left:2px solid var(--line);transition:color .15s,border-color .15s}
.bk-toc-lnk:hover{color:var(--ink);border-left-color:var(--accent-ring)}
.bk-toc-lnk.on{color:var(--accent-ink);border-left-color:var(--accent);font-weight:600}
.bk-toc--a{max-width:280px}
.bk-toc--b{padding:22px 24px;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;max-width:430px}
.bk-toc--b .bk-toc-lnk{border-left:0;padding:7px 0 7px 18px;position:relative}
.bk-toc--b .bk-toc-lnk::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}
.bk-toc--c .bk-toc-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 28px}
.bk-toc-num{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:14.5px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line-2);transition:color .15s}
.bk-toc-num:hover{color:var(--accent-d)}
.bk-toc-n{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--mono);font-size:13px;font-weight:700}

/* ---- БЛОК: ставка / калькулятор ---- */
.bk-rate{max-width:420px}
.bk-rate .btn{width:100%;justify-content:center}
.bk-rate-feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.bk-rate-feat li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink);font-weight:500}
.bk-rate-feat li svg{width:18px;height:18px;flex-shrink:0;color:var(--accent)}
.bk-rate--a{padding:30px 28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-1);text-align:center}
.bk-rate-kick{font-size:12.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
.bk-rate-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:10px 0 4px}
.bk-rate-price b{font-family:var(--mono);font-size:clamp(38px,5vw,52px);font-weight:700;letter-spacing:-.03em;color:var(--ink);line-height:1}
.bk-rate-price span{font-size:15px;color:var(--ink-3);font-weight:500}
.bk-rate-sub{font-size:14px;line-height:1.5;color:var(--ink-2);margin:6px 0 22px}
.bk-rate--a .bk-rate-feat{text-align:left;margin-bottom:24px}
.bk-rate--b{padding:26px 28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-1)}
.bk-rate-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14.5px;color:var(--ink-2)}
.bk-rate-row b{font-family:var(--mono);font-weight:600;color:var(--ink);white-space:nowrap}
.bk-rate-row.minus b{color:var(--ink-3)}
.bk-rate-row.total{border-top:1px solid var(--line);margin-top:4px;padding-top:16px}
.bk-rate-row.total span{font-weight:600;color:var(--ink)}
.bk-rate-row.total b{font-size:22px;color:var(--accent-d)}
.bk-rate-bar{height:8px;border-radius:5px;background:var(--bg-mute);overflow:hidden;margin:6px 0}
.bk-rate-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--teal),var(--accent-d))}
.bk-rate--b .btn{margin-top:18px}
.bk-rate--c{padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-1)}
.bk-rate-seg{display:flex;gap:4px;padding:4px;background:var(--bg-soft);border-radius:12px;margin-bottom:18px}
.bk-rate-seg button{flex:1;padding:9px;border:0;background:transparent;border-radius:9px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:background .15s,color .15s}
.bk-rate-seg button.on{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}
.bk-rate-out{display:flex;flex-direction:column;gap:5px;padding:18px;background:var(--accent-soft);border-radius:14px;margin-bottom:14px}
.bk-rate-out-l{font-size:13px;color:var(--accent-ink)}
.bk-rate-out-l small{display:block;opacity:.72;font-size:12px;margin-top:2px}
.bk-rate-out-v{font-family:var(--mono);font-size:clamp(24px,3vw,30px);font-weight:700;color:var(--accent-ink);letter-spacing:-.02em;line-height:1}
.bk-rate--c .bk-rate-row{padding:8px 0}
.bk-rate--c .btn{margin-top:12px}

/* ---- БЛОК: trust-полоса ---- */
.bk-trust-ic{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-d)}
.bk-trust-ic svg{width:22px;height:22px}
.bk-trust-tx b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.25}
.bk-trust-tx span{font-size:12px;color:var(--ink-3)}
.bk-trust--a{display:flex;flex-wrap:wrap;background:var(--bg-soft);border:1px solid var(--line);border-radius:16px}
.bk-trust-cell{flex:1;min-width:210px;display:flex;align-items:center;gap:12px;padding:18px 20px;border-left:1px solid var(--line)}
.bk-trust-cell:first-child{border-left:0}
.bk-trust-cell .bk-trust-ic{width:40px;height:40px;border-radius:10px;background:var(--accent-soft)}
.bk-trust--b{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bk-trust-card{display:flex;flex-direction:column;gap:12px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}
.bk-trust-card .bk-trust-ic{width:44px;height:44px;border-radius:12px;background:var(--accent-soft)}
.bk-trust-card .bk-trust-tx b{font-size:15px}
.bk-trust--c{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bk-trust-side h3{font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:14px 0 10px}
.bk-trust-side p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.bk-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ---- БЛОК: FAQ ---- */
.bk-faq--a{display:flex;flex-direction:column;gap:10px;max-width:720px}
.bk-faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.bk-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;font-size:15.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.bk-faq-item summary::-webkit-details-marker{display:none}
.bk-faq-item summary svg{width:18px;height:18px;flex-shrink:0;color:var(--ink-3);transition:transform .2s}
.bk-faq-item[open] summary{color:var(--accent-ink)}
.bk-faq-item[open] summary svg{transform:rotate(180deg);color:var(--accent-d)}
.bk-faq-a{padding:0 20px 18px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.bk-faq--b{max-width:720px}
.bk-faq-qa{padding:18px 0;border-top:1px solid var(--line)}
.bk-faq--b .bk-faq-qa:last-child{border-bottom:1px solid var(--line)}
.bk-faq-qa h4{font-size:16px;font-weight:600;color:var(--ink);margin:0 0 8px}
.bk-faq-qa p{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0}
.bk-faq--c{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}

/* ---- БЛОК: CTA ---- */
.bk-cta h2{font-weight:700;letter-spacing:-.025em;line-height:1.12}
.bk-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
.bk-cta--a{padding:48px 40px;background:var(--ink);border-radius:24px;text-align:center;color:#fff}
.bk-cta--a h2{font-size:clamp(26px,3.4vw,38px);color:#fff;margin:0 0 12px}
.bk-cta--a .bk-tw{color:var(--teal)}
.bk-tw-cur{display:inline-block;width:3px;height:.95em;background:var(--teal);vertical-align:-2px;margin-left:3px;animation:bk-blink 1s step-end infinite}
@keyframes bk-blink{50%{opacity:0}}
.bk-cta--a p{font-size:16px;color:rgba(255,255,255,.78);max-width:48ch;margin:0 auto 26px}
.bk-cta--a .bk-cta-btns{justify-content:center}
.bk-cta--a .btn-2{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}
.bk-cta--a .btn-2:hover{background:rgba(255,255,255,.1)}
.bk-cta--b{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:36px;background:var(--accent-soft);border-radius:24px}
.bk-cta--b .bk-cta-tx .kicker{margin-bottom:14px}
.bk-cta--b .bk-cta-tx h2{font-size:clamp(24px,2.8vw,32px);color:var(--ink);margin:0 0 12px}
.bk-cta--b .bk-cta-tx p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 20px}
.bk-cta--c{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-1)}
.bk-cta--c .bk-cta-tx{flex:1;min-width:260px}
.bk-cta--c h2{font-size:clamp(22px,2.6vw,30px);color:var(--ink);margin:0 0 8px}
.bk-cta--c p{font-size:15px;line-height:1.55;color:var(--ink-2);margin:0;max-width:46ch}
.bk-cta-act{position:relative;display:flex;align-items:center;padding-left:74px}
.bk-cta-arrow{position:absolute;left:-4px;top:-36px;width:74px;height:64px;color:var(--accent);opacity:.85;pointer-events:none}
@media(prefers-reduced-motion:reduce){.bk-tw-cur{animation:none}}

@media(max-width:980px){.kit-wrap{grid-template-columns:1fr}.kit-nav{display:none}}
@media(max-width:720px){
  .bk-features--a,.bk-features--b,.bk-features--c{grid-template-columns:1fr}
  .bk-features--c{gap:24px}
  .bk-compare--b{grid-template-columns:1fr;gap:12px}
  .bk-cmp-vs{display:none}
  .bk-steps--b,.bk-steps--c{grid-template-columns:1fr;gap:16px}
  .bk-steps--b .bk-step::before{display:none}
  .bk-steps--b .bk-step{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}
  .bk-steps--b .bk-step-n{margin-bottom:0}
  .bk-checklist--c{grid-template-columns:1fr}
  .bk-callout--c .btn{width:100%}
  .bk-split{grid-template-columns:1fr;gap:28px}
  .bk-bento{grid-template-columns:1fr}
  .bk-bento .c-main,.bk-bento .c-stat{grid-column:auto;grid-row:auto}
  .bk-collage{height:300px}
  .bk-toc--c .bk-toc-nums{grid-template-columns:1fr}
  .bk-trust--a{flex-direction:column}
  .bk-trust-cell{border-left:0;border-top:1px solid var(--line)}
  .bk-trust-cell:first-child{border-top:0}
  .bk-trust--b{grid-template-columns:1fr 1fr}
  .bk-trust--c{grid-template-columns:1fr;gap:24px}
  .bk-faq--c{grid-template-columns:1fr}
  .bk-cta--b{grid-template-columns:1fr;gap:26px}
  .bk-cta--a{padding:36px 24px}
  .bk-cta--c{flex-direction:column;align-items:stretch}
  .bk-cta-act{padding-left:0;justify-content:center}
  .bk-cta-arrow{display:none}
  .bk-cta--c .btn{width:100%;justify-content:center}
  .bk-stats--a{flex-direction:column}
  .bk-stats--a .bk-st{border-left:0;border-top:1px solid var(--line)}
  .bk-stats--a .bk-st:first-child{border-top:0}
  .bk-cmp-row{grid-template-columns:1fr;gap:5px}
  .kit-stage{padding:18px}
}

/* FAQ-блок (рендерится билдером из сайдкара, совпадает с FAQPage schema) */
.pg-faq{max-width:760px;margin:8px 0}
.pg-faq>h2{font-size:clamp(23px,2.6vw,32px);letter-spacing:-.028em;font-weight:700;color:var(--ink);margin:0 0 20px}
.pg-qa{padding:18px 0;border-top:1px solid var(--line)}
.pg-qa:last-child{border-bottom:1px solid var(--line)}
.pg-qa h3{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 8px}
.pg-qa p{font-size:16px;line-height:1.65;color:var(--ink-2);margin:0}
.pg-qa p b{color:var(--ink);font-weight:600}

/* CTA-блок внизу страницы */
.pg-cta{margin:40px 0 8px;padding:34px 32px;background:var(--ink);border-radius:22px;text-align:center;color:#fff}
.pg-cta h2{color:#fff;font-size:clamp(22px,2.4vw,30px);margin:0 0 10px;letter-spacing:-.02em}
.pg-cta p{color:rgba(255,255,255,.78);font-size:16px;margin:0 auto 22px;max-width:48ch}
.pg-cta .btn-primary{font-size:16px;padding:14px 30px}

@media (max-width:640px){
  .pg-hero{padding:30px 0 26px}
  .pg-hero-facts{gap:8px 16px;margin-top:20px}
  .pg-hero-facts li{font-size:13px}
  .pg-body{padding:32px 0 8px}
  .pg-cta{padding:28px 22px}
}

/* ── kak-rabotaet: hero с фото платформы (стек: копия сверху, скрин снизу с маской) ── */
.kr-hero{position:relative;overflow:hidden;padding:36px 0 0;background:linear-gradient(180deg,var(--bg-soft) 0%,#fff 58%);border-bottom:1px solid var(--line-2)}
.kr-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 62% at 16% -4%,rgba(15,181,166,.14),transparent 70%)}
.kr-hero>.wrap{position:relative;z-index:1}
.kr-hero-copy{max-width:680px}
.kr-hero-copy .pg-crumbs{margin-bottom:16px}
.kr-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 5px;box-shadow:var(--sh-1);font-size:13.5px;color:var(--ink-2);margin-bottom:20px;transition:border-color .18s,box-shadow .18s}
.kr-badge:hover{border-color:var(--accent-soft);box-shadow:0 6px 18px -8px rgba(10,140,129,.45)}
.kr-badge-tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:4px 9px}
.kr-badge-tx{font-weight:500}
.kr-badge .arr{width:14px;height:14px;color:var(--accent);transition:transform .18s ease-out}
.kr-badge:hover .arr{transform:translateX(3px)}
.kr-hero h1{font-size:clamp(30px,4.5vw,52px);line-height:1.05;letter-spacing:-.034em;font-weight:700;color:var(--ink);margin:0 0 18px;text-wrap:balance}
.kr-hero h1 .hl{color:var(--teal)}
.kr-hero-lead{font-size:clamp(16.5px,1.7vw,19px);line-height:1.6;color:var(--ink-2);max-width:60ch;margin:0 0 24px}
.kr-hero-lead b{color:var(--ink);font-weight:600}
.kr-hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kr-hero .pg-hero-facts{margin-top:22px}

.kr-shot-wrap{position:relative;margin-top:34px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}
.kr-shot-glow{position:absolute;left:50%;top:-8%;width:82%;height:75%;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(15,181,166,.22),transparent 62%);filter:blur(48px)}
.kr-shot-frame{position:relative;max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 34px 64px -30px rgba(13,37,61,.45),0 0 0 1px rgba(255,255,255,.7) inset}
.kr-shot-frame .sc-screen{height:clamp(360px,46vw,520px);border-radius:9px}

@media(max-width:760px){
  .kr-hero{padding:24px 0 0}
  .kr-hero-cta .btn{flex:1 1 auto;justify-content:center}
  .kr-shot-wrap{margin-top:26px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
  .kr-shot-frame{padding:7px}
  .kr-shot-frame .sc-screen{height:340px}
  .kr-shot-frame .pf-side{display:none}
}
@media(prefers-reduced-motion:reduce){ .kr-badge,.kr-badge .arr{transition:none} }

/* ════ БЛОГ, внутренние страницы: сид-меш hero + автор «Проверено» + «Коротко» ════ */
/* hero поста: тонируем существующий фон сид-мешем по slug */
.pg-hero-bg--seed{background-image:
  radial-gradient(60% 90% at var(--mx) var(--my), color-mix(in srgb,var(--teal) 18%,transparent), transparent 70%),
  conic-gradient(from var(--rot) at var(--mx) var(--my), var(--accent-soft), transparent 55%, transparent)}

/* автор + бейдж «Проверено» (E-E-A-T) */
.pg-author{display:flex;align-items:center;gap:12px;margin:18px 0 0;flex-wrap:wrap}
.pg-au-mark{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;background:linear-gradient(150deg,var(--teal),var(--accent-d));box-shadow:0 5px 14px -5px var(--accent-ring)}
.pg-au-tx{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.pg-au-tx b{font-size:14.5px;color:var(--ink);font-weight:600}
.pg-au-tx>span{font-size:13px;color:var(--ink-3)}
.pg-read{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent-ink)}
.pg-read svg{width:13px;height:13px;vertical-align:-2px}
.pg-verified{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:999px;padding:5px 12px;white-space:nowrap}
.pg-verified svg{width:13px;height:13px}

/* «Коротко» — карточка тезисов над прозой (активируется полем takeaways) */
.pg-summary{margin:0 0 26px;padding:18px 22px;background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:16px}
.pg-summary-h{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px}
.pg-summary-h svg{width:15px;height:15px}
.pg-summary ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pg-summary li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.5;color:var(--ink)}
.pg-summary li svg{width:17px;height:17px;color:var(--accent-d);flex-shrink:0;margin-top:2px}

@media(max-width:600px){ .pg-verified{margin-left:0} }