/* Новый шаблон статьи блога raish.ru. Токены — скилл brand: фон #1a2026, карточки #2f3640 / #151a1e,
   линия #38424d, акцент #f16c4d / #fda271, кнопка #cad2db, радиус 8px, Inter Tight. */
#rk-article{position:relative;background:#1a2026;color:#d6dde4;font-family:"Inter Tight",sans-serif;padding:24px 0 72px}
#rk-article *{box-sizing:border-box}
/* у Creatium .area-wrapper{overflow:hidden} ломает position:sticky — clip режет так же, но липкость работает */
.area-wrapper{overflow:clip!important}
#rk-article .rkb-wrap{max-width:1220px;margin:0 auto;padding:0 20px}
#rk-article a{color:#fda271;text-decoration:none}
#rk-article .rkb-kicker{font-size:13px;line-height:1.3;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fda271;margin:0 0 12px}

/* крошки */
#rk-article .rkb-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#8ea0b1;margin:0 0 28px}
#rk-article .rkb-crumbs a{color:#8ea0b1}
#rk-article .rkb-crumbs a:hover{color:#fff}

/* шапка статьи */
#rk-article .rkb-head{display:block;max-width:900px;margin:0 0 48px}
#rk-article .rkb-chip{display:inline-block;padding:8px 14px;border-radius:8px;background:#2f3640;color:#cad2db;font-size:14px;font-weight:500;margin:0 0 20px}
#rk-article .rkb-chip:hover{color:#fff}
#rk-article .rkb-h1{font:500 48px/1.1 "Inter Tight",sans-serif;color:#fff;margin:0 0 20px;letter-spacing:-.01em}
#rk-article .rkb-lead{font-size:19px;line-height:1.55;color:#d6dde4;margin:0 0 28px;max-width:640px}
#rk-article .rkb-by{display:flex;align-items:center;gap:12px}
#rk-article .rkb-by img{width:44px;height:44px;border-radius:50%;object-fit:cover}
#rk-article .rkb-by span{font-size:14px;line-height:1.35;color:#8ea0b1}
#rk-article .rkb-by b{display:block;color:#fff;font-weight:500;font-size:15px}

/* типографская обложка */
#rk-article .rkb-cover{position:relative;overflow:hidden;aspect-ratio:16/11;border-radius:8px;background:#2f3640;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
#rk-article .rkb-cover-num{position:absolute;right:-6px;top:-34px;font:700 210px/1 "Inter Tight",sans-serif;color:#38424d;letter-spacing:-.06em;pointer-events:none}
#rk-article .rkb-cover-kick{position:relative;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#fda271;margin:0 0 10px}
#rk-article .rkb-cover-main{position:relative;font:500 34px/1.1 "Inter Tight",sans-serif;color:#fff;max-width:92%}
#rk-article .rkb-cover-sign{position:absolute;left:28px;top:24px;font-size:13px;color:#8ea0b1}
#rk-article .rkb-cover::after{content:"";position:absolute;left:28px;bottom:22px;width:48px;height:4px;border-radius:2px;background:#f16c4d;display:none}

/* сетка: текст + сайдбар */
#rk-article .rkb-grid{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:64px;justify-content:space-between;align-items:start}
#rk-article .rkb-side{align-self:stretch}
#rk-article .rkb-side-in{position:sticky;top:96px}
#rk-article .rkb-side-card{background:#2f3640;border-radius:8px;padding:24px;margin:0 0 16px}
#rk-article .rkb-side-title{font:500 21px/1.3 "Inter Tight",sans-serif;color:#fff;margin:0 0 14px}
#rk-article .rkb-side-pts{list-style:none;margin:0 0 20px;padding:0}
#rk-article .rkb-side-pts li{position:relative;padding:0 0 0 24px;margin:0 0 8px;font-size:15px;color:#d6dde4}
#rk-article .rkb-side-pts li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:2px solid #fda271;border-bottom:2px solid #fda271;transform:rotate(-45deg)}
#rk-article .rkb-side-card .rk-btn{width:100%;padding:18px;font-size:17px}
#rk-article .rkb-side-tg{display:block;margin:14px 0 0;font-size:14px;color:#8ea0b1;text-align:center}
#rk-article .rkb-side-tg:hover{color:#fff}
#rk-article .rkb-side-toc{padding:20px 24px;border:1px solid #38424d;border-radius:8px}
#rk-article .rkb-side-toc ol{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.4}
#rk-article .rkb-side-toc li{margin:0 0 8px;color:#8ea0b1}
#rk-article .rkb-side-toc a{color:#d6dde4}
#rk-article .rkb-side-toc a.is-on{color:#fda271}

/* текст статьи */
#rk-article .rkb-body{font-size:18px;line-height:1.65;color:#d6dde4;min-width:0}
#rk-article .rkb-body>p,#rk-article .rkb-body li>p{margin:0 0 18px}
#rk-article .rkb-body h2{font:500 32px/1.2 "Inter Tight",sans-serif;color:#fff;margin:48px 0 18px;scroll-margin-top:90px}
#rk-article .rkb-body h3{font:500 23px/1.3 "Inter Tight",sans-serif;color:#fff;margin:32px 0 12px}
#rk-article .rkb-body strong,#rk-article .rkb-body b{color:#fff;font-weight:500}
#rk-article .rkb-body a{color:#fda271;text-decoration:underline;text-underline-offset:3px}
#rk-article .rkb-body img{max-width:100%;height:auto;border-radius:8px}
#rk-article .rkb-body ul:not([class]),#rk-article .rkb-body ol:not([class]){margin:0 0 20px;padding:0 0 0 22px}

/* подборки ТОП-N: номер + пункт, тонкие разделители */
#rk-article .rkb-list{list-style:none;margin:0 0 24px;padding:0;counter-reset:rkb}
#rk-article .rkb-list>li{counter-increment:rkb;position:relative;padding:16px 0 16px 64px;border-bottom:1px solid #2a323b;margin:0;color:#fff;font-size:18px;line-height:1.5}
#rk-article .rkb-list>li:first-child{border-top:1px solid #2a323b}
#rk-article .rkb-list>li::before{content:counter(rkb,decimal-leading-zero);position:absolute;left:0;top:15px;width:44px;font:500 17px/1.6 "Inter Tight",sans-serif;color:#fda271;font-variant-numeric:tabular-nums}
#rk-article .rkb-list>li>p{margin:0}
#rk-article ul.rkb-list>li::before{content:counter(rkb,decimal-leading-zero)}

/* врезки внутри статьи (разметка из blogkit, стили kit.css завязаны на #blogertxt) */
#rk-article .rkb-body .rk-offer,#rk-article .rkb-body .rk-tg{margin:40px 0}
#rk-article .rkb-body .rk-tip{margin:0 0 32px}

/* читайте также */
#rk-article .rkb-rel{margin:56px 0 0}
#rk-article .rkb-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#rk-article .rkb-rel-card,#rk-article .rkb-rel-card *{display:block;color:#fff;text-decoration:none!important}
#rk-article .rkb-rel-card:hover .rkb-rel-title{color:#fda271}
#rk-article .rkb-rel-card .rkb-cover-kick{color:#fda271}
#rk-article .rkb-rel-card .rkb-cover-num{color:#38424d}
#rk-article .rkb-rel-title{display:block;margin:12px 0 0;font-size:16px;line-height:1.35;font-weight:500;color:#fff;transition:color .2s}
#rk-article .rkb-cover-sm{aspect-ratio:16/10;padding:16px}
#rk-article .rkb-cover-sm .rkb-cover-num{font-size:110px;top:-18px}
#rk-article .rkb-cover-sm .rkb-cover-kick{font-size:11px;margin:0 0 6px}
#rk-article .rkb-cover-sm .rkb-cover-main{font-size:18px}
#rk-article .rkb-cover-sm .rkb-cover-sign{display:none}

@media (max-width:1100px){
  #rk-article .rkb-grid{grid-template-columns:minmax(0,1fr)}
  #rk-article .rkb-side{display:none}
}
@media (max-width:760px){
  #rk-article{padding:12px 0 48px}
  #rk-article .rkb-wrap{padding:0 16px}
  #rk-article .rkb-crumbs{margin:0 0 18px;font-size:13px}
  #rk-article .rkb-head{margin:0 0 32px}
  #rk-article .rkb-h1{font-size:31px}
  #rk-article .rkb-lead{font-size:17px;margin:0 0 20px}
  #rk-article .rkb-cover{aspect-ratio:16/10;padding:20px}
  #rk-article .rkb-cover-num{font-size:150px;top:-24px}
  #rk-article .rkb-cover-main{font-size:26px}
  #rk-article .rkb-cover-sign{left:20px;top:18px}
  #rk-article .rkb-body{font-size:17px}
  #rk-article .rkb-body h2{font-size:25px;margin:36px 0 14px}
  #rk-article .rkb-list>li{padding:14px 0 14px 46px;font-size:17px}
  #rk-article .rkb-list>li::before{top:13px}
  #rk-article .rkb-rel-grid{grid-template-columns:1fr}
}
#rk-article .rk-offer-who img,#rk-article .rkb-by img{border-radius:50%!important}

/* ── Главный оффер: веер карточек как на spichkaaa.ru ── */
#rk-article .rkb-deck{position:relative;margin:44px 0;padding:36px 36px 30px;border-radius:8px;background:#151a1e;border:1px solid #38424d;overflow:hidden}
#rk-article .rkb-deck-h{font:500 34px/1.12 "Inter Tight",sans-serif;color:#fff;margin:0 0 12px;max-width:560px}
#rk-article .rkb-ai{color:#fda271}
#rk-article .rkb-deck p{font-size:17px;line-height:1.5;color:#d6dde4;margin:0 0 20px;max-width:520px}
#rk-article .rkb-deck-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
#rk-article .rkb-deck .rk-note{font-size:14px;color:#8ea0b1}
#rk-article .rkb-deck-cards{display:flex;justify-content:center;margin:34px -6px 0;padding:6px 0 4px}
#rk-article .rkb-dcard{--c:#2f3640;--ink:#fff;position:relative;flex:0 0 136px;height:236px;margin:0 -2px;border-radius:14px;background:var(--c);color:var(--ink);padding:14px 13px;overflow:hidden;
  transform:rotate(calc(var(--i) * 4deg)) translateY(calc(var(--i) * var(--i) * 3px));box-shadow:0 16px 30px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
#rk-article .rkb-deck:hover .rkb-dcard{transform:rotate(calc(var(--i) * 6deg)) translateY(calc(var(--i) * var(--i) * 4px - 4px))}
#rk-article .rkb-dcard b{display:block;font:700 16px/1.08 "Inter Tight",sans-serif;margin:0 0 6px;position:relative;z-index:1}
#rk-article .rkb-dcard span{display:block;font-size:12px;line-height:1.25;opacity:.85;position:relative;z-index:1}
#rk-article .rkb-dcard i{position:absolute;left:0;right:0;bottom:-4px;height:52%;display:flex;align-items:flex-end;justify-content:center}
#rk-article .rkb-dcard i img{width:112%;max-width:none;height:auto;display:block}
#rk-article .rkb-dcard-site{--c:#f8d461;--ink:#101217;z-index:1}
#rk-article .rkb-dcard-ads{--c:#d84d3d;z-index:2}
#rk-article .rkb-dcard-person{--c:#2d54d6;z-index:5}
#rk-article .rkb-dcard-person i{height:55%}
#rk-article .rkb-dcard-person i img{width:96%}
#rk-article .rkb-dcard-speed{--c:#bda5e9;--ink:#13141c;z-index:4}
#rk-article .rkb-dcard-own{--c:#246148;z-index:3}
#rk-article .rkb-orb{position:relative;width:84px;height:84px;margin:0 0 16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9f3e4,#2fb38f 45%,#0d5b47 80%);box-shadow:0 0 30px rgba(80,220,180,.45)}
#rk-article .rkb-orb img{position:absolute;inset:22%;width:56%!important;height:auto}

/* ── Сайдбар: постер в стиле плашек Спички (жёлтый, тёмный текст, стекло и узор) ── */
#rk-article .rkb-poster{position:relative;overflow:hidden;border-radius:20px;background:#f8d461;color:#101217;padding:26px 24px 22px;min-height:540px;display:flex;flex-direction:column;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 18px 34px rgba(0,0,0,.3)}
#rk-article .rkb-poster::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.35),transparent 50%)}
#rk-article .rkb-poster::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(/blog-kit/deck/pattern-site.svg) center bottom/100% auto no-repeat}
#rk-article .rkb-poster>*{position:relative;z-index:1}
#rk-article .rkb-poster-kick{display:inline-block;align-self:flex-start;padding:6px 10px;border-radius:8px;background:rgba(16,18,23,.1);color:#101217;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0 0 14px}
#rk-article .rkb-poster-title{font:800 28px/1.08 "Inter Tight",sans-serif;color:#101217;margin:0 0 14px}
#rk-article .rkb-poster-pts{list-style:none;margin:0;padding:0}
#rk-article .rkb-poster-pts li{position:relative;padding:0 0 0 22px;margin:0 0 6px;font-size:15px;line-height:1.35;color:#2a2c33;font-weight:500}
#rk-article .rkb-poster-pts li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:2px solid #101217;border-bottom:2px solid #101217;transform:rotate(-45deg)}
#rk-article .rkb-poster-art{flex:1;display:flex;align-items:center;justify-content:center;margin:6px -10px 8px;min-height:190px}
#rk-article .rkb-poster-art img{width:100%;max-width:250px;height:auto;filter:drop-shadow(0 14px 20px rgba(120,80,0,.25))}
#rk-article .rkb-poster .rk-btn{width:100%;padding:18px;font-size:17px;background:#1a2026;color:#fff}
#rk-article .rkb-poster .rk-btn:hover{background:#000}
#rk-article .rkb-side-tg{margin:14px 0 16px}

@media (max-width:760px){
  #rk-article .rkb-deck{padding:24px 18px 20px;margin:32px 0}
  #rk-article .rkb-deck-h{font-size:26px}
  #rk-article .rkb-deck p{font-size:16px}
  #rk-article .rkb-deck .rk-btn{width:100%}
  #rk-article .rkb-deck-cards{margin:26px -30px 0}
  #rk-article .rkb-dcard{flex-basis:108px;height:170px;margin:0 -14px;padding:10px;border-radius:12px}
  #rk-article .rkb-dcard b{font-size:13px}
  #rk-article .rkb-dcard span{display:none}
  #rk-article .rkb-orb{width:66px;height:66px;margin-bottom:14px}
}

/* ── Главная блога ── */
#rk-article.rkb-index{padding-top:40px}
#rk-article .rkb-ih1{font:500 52px/1.08 "Inter Tight",sans-serif;color:#fff;margin:0 0 16px;max-width:820px}
#rk-article .rkb-ilead{font-size:19px;line-height:1.5;color:#d6dde4;margin:0 0 28px;max-width:720px}
#rk-article .rkb-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
#rk-article .rkb-fchip{padding:11px 16px;border-radius:8px;border:1px solid #38424d;color:#d6dde4;font-size:15px;font-weight:500;transition:all .2s}
#rk-article .rkb-fchip:hover{border-color:#8ea0b1;color:#fff}
#rk-article .rkb-fchip.is-on{background:#cad2db;border-color:#cad2db;color:#1a2026}
#rk-article .rkb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
#rk-article .rkb-card,#rk-article .rkb-card *{text-decoration:none!important}
#rk-article .rkb-card{display:block;color:#fff}
#rk-article .rkb-card .rkb-cover-sm{aspect-ratio:16/10;padding:20px;transition:background .25s}
#rk-article .rkb-card:hover .rkb-cover-sm{background:#38424d}
#rk-article .rkb-card .rkb-cover-sm .rkb-cover-num{font-size:140px;top:-22px}
#rk-article .rkb-card .rkb-cover-sm .rkb-cover-kick{font-size:12px}
#rk-article .rkb-card .rkb-cover-sm .rkb-cover-main{font-size:22px}
#rk-article .rkb-card:hover .rkb-cover-num{color:#4a5562}
#rk-article .rkb-card-meta{display:block;margin:14px 0 6px;font-size:14px;color:#8ea0b1}
#rk-article .rkb-card-title{display:block;font-size:19px;line-height:1.3;font-weight:500;color:#fff;transition:color .2s}
#rk-article .rkb-card:hover .rkb-card-title{color:#fda271}
#rk-article .rkb-grid-deck{grid-column:1/-1}
#rk-article .rkb-grid-deck .rkb-deck{margin:8px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:center}
#rk-article .rkb-grid-deck .rkb-deck-cards{margin:0}
#rk-article .rkb-cards[data-more] .rkb-card.is-hidden{display:none}
#rk-article .rkb-more{display:block;margin:40px auto 0;padding:18px 36px;border:1px solid #38424d;border-radius:8px;background:none;color:#fff;font:500 17px "Inter Tight",sans-serif;cursor:pointer}
#rk-article .rkb-more:hover{border-color:#8ea0b1}
#rk-article .rkb-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:48px 0 0}
#rk-article .rkb-pg{min-width:46px;height:46px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #38424d;color:#d6dde4;font-size:16px;font-weight:500}
#rk-article .rkb-pg:hover{border-color:#8ea0b1;color:#fff}
#rk-article .rkb-pg.is-on{background:#cad2db;border-color:#cad2db;color:#1a2026}
#rk-article .rkb-pg-gap{align-self:center;color:#8ea0b1;padding:0 4px}
@media (max-width:1100px){
  #rk-article .rkb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #rk-article .rkb-grid-deck .rkb-deck{grid-template-columns:1fr}
}
@media (max-width:760px){
  #rk-article .rkb-ih1{font-size:34px}
  #rk-article .rkb-ilead{font-size:17px}
  #rk-article .rkb-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 28px;padding:0 16px;scrollbar-width:none}
  #rk-article .rkb-fchip{white-space:nowrap}
  #rk-article .rkb-cards{grid-template-columns:minmax(0,1fr);gap:28px}
  #rk-article .rkb-pg{min-width:42px;height:42px}
}

#rk-article .rkb-deck-cards{overflow:visible;min-width:0}
#rk-article .rkb-grid-deck{min-width:0}
/* цвет большой цифры на обложке — по рубрике (палитра плашек оффера) */
#rk-article .rkb-cv-teksty .rkb-cover-num{color:rgba(248,212,97,.22)!important}
#rk-article .rkb-cv-kontent .rkb-cover-num{color:rgba(189,165,233,.26)!important}
#rk-article .rkb-cv-reklama .rkb-cover-num{color:rgba(216,77,61,.32)!important}
#rk-article .rkb-cv-sajty .rkb-cover-num{color:rgba(80,120,240,.32)!important}
#rk-article .rkb-cv-prodazhi .rkb-cover-num{color:rgba(60,170,120,.28)!important}
#rk-article .rkb-card:hover .rkb-cover-num{opacity:1;filter:brightness(1.4)}

/* подложка плашек как на spichkaaa.ru: блик сверху-слева + стеклянная дуга/узор снизу */
#rk-article .rkb-dcard{box-shadow:inset 0 1px 1px rgba(255,255,255,.33),0 16px 30px rgba(0,0,0,.35)}
#rk-article .rkb-dcard::before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.2),transparent 46%)}
#rk-article .rkb-dcard::after{content:"";position:absolute;width:145%;height:70%;right:-45%;bottom:-9%;z-index:0;pointer-events:none;border-radius:50%;transform:rotate(-35deg);
  background:linear-gradient(165deg,rgba(255,255,255,.17),rgba(255,255,255,.02) 55%)}
#rk-article .rkb-dcard-site::after{background:url(/blog-kit/deck/pattern-site.svg) center/cover no-repeat;transform:none;border-radius:0;inset:0;width:auto;height:auto}
#rk-article .rkb-dcard-ads::after{background:url(/blog-kit/deck/pattern-ads.svg) center/cover no-repeat;transform:none;border-radius:0;inset:0;width:auto;height:auto}
#rk-article .rkb-dcard-speed::after{background:url(/blog-kit/deck/pattern-speed.svg) center/cover no-repeat;transform:none;border-radius:0;inset:0;width:auto;height:auto}
#rk-article .rkb-dcard-person::after{height:84%;bottom:-24%;right:-43%;background:linear-gradient(155deg,rgba(128,197,255,.32),rgba(255,255,255,.01) 68%)}
#rk-article .rkb-dcard-own::after{height:110%;width:92%;bottom:-37%;right:-20%;transform:rotate(35deg)}
#rk-article .rkb-dcard i{z-index:1}

/* ── Стеклянные врезки в стиле блока «Нужны клиенты? Тут фишки…» с главной ── */
#rk-article .rkb-gl{position:relative;overflow:hidden;display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:center;margin:44px 0;padding:34px 34px 34px 20px;
  border:1.5px solid rgba(214,221,228,.7);border-radius:8px;background-color:#1a2026}
#rk-article .rkb-gl::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(55% 95% at 12% 105%,var(--glow) 0%,var(--glow2) 38%,transparent 68%),radial-gradient(45% 75% at 42% 20%,rgba(150,162,175,.28),transparent 70%)}
#rk-article .rkb-gl-tg{--glow:#0088cc;--glow2:rgba(0,136,204,.35)}
#rk-article .rkb-gl-offer{--glow:rgba(170,186,204,.55);--glow2:rgba(150,166,184,.22)}
#rk-article .rkb-gl>*{position:relative;z-index:1}
#rk-article .rkb-gl-photo{position:relative;width:230px;height:230px}
#rk-article .rkb-gl-rays{position:absolute;left:50%;top:50%;width:400px;height:400px;max-width:none!important;margin:-200px 0 0 -200px;opacity:.9;animation:rkb-spin 60s linear infinite}
#rk-article .rkb-gl-ava{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%!important;border:3px solid rgba(214,221,228,.85);object-fit:cover}
@keyframes rkb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#rk-article .rkb-gl-rays{animation:none}}
#rk-article .rkb-gl-h{font:500 30px/1.15 "Inter Tight",sans-serif;color:#fff;margin:0 0 14px}
#rk-article .rkb-gl p{font-size:17px;line-height:1.5;color:#d6dde4;margin:0 0 16px}
#rk-article .rkb-gl-arrow{position:relative;padding-left:26px}
#rk-article .rkb-gl-arrow::before{content:"→";position:absolute;left:0;top:0;color:#fff}
#rk-article .rkb-gl-pts{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
#rk-article .rkb-gl-pts li{position:relative;padding-left:20px;font-size:15px;color:#fff;margin:0}
#rk-article .rkb-gl-pts li::before{content:"";position:absolute;left:1px;top:6px;width:9px;height:5px;border-left:2px solid #fda271;border-bottom:2px solid #fda271;transform:rotate(-45deg)}
#rk-article a.rkb-gl-btn-tg{display:inline-flex;align-items:center;gap:10px;padding:19px 28px;border-radius:8px;background:#0088cc;color:#fff!important;text-decoration:none!important;font:500 18px/1 "Inter Tight",sans-serif;transition:filter .2s}
#rk-article a.rkb-gl-btn-tg::before{content:"";width:22px;height:22px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23fff'/%3E%3Cpath fill='%230088cc' d='M5.4 11.8l11.1-4.3c.5-.2 1 .1.8.9l-1.9 8.9c-.1.6-.5.8-1 .5l-2.9-2.1-1.4 1.3c-.2.2-.3.3-.6.3l.2-2.9 5.3-4.8c.2-.2 0-.3-.4-.1l-6.5 4.1-2.8-.9c-.6-.2-.6-.6.1-.9z'/%3E%3C/svg%3E") center/contain no-repeat}
#rk-article a.rkb-gl-btn-tg:hover{filter:brightness(1.1)}
@media (max-width:760px){
  #rk-article .rkb-gl{grid-template-columns:1fr;gap:6px;padding:8px 20px 26px;text-align:left}
  #rk-article .rkb-gl::before{background:radial-gradient(90% 55% at 50% 0%,var(--glow2),transparent 70%),radial-gradient(60% 40% at 50% 15%,var(--glow2),transparent 70%)}
  #rk-article .rkb-gl-photo{width:100%;height:210px}
  #rk-article .rkb-gl-rays{width:330px;height:330px;margin:-165px 0 0 -165px}
  #rk-article .rkb-gl-ava{width:124px;height:124px;margin:-62px 0 0 -62px}
  #rk-article .rkb-gl-h{font-size:24px}
  #rk-article .rkb-gl .rk-btn,#rk-article a.rkb-gl-btn-tg{width:100%;justify-content:center}
}

/* макет «План запуска» в постере вместо иллюстрации */
#rk-article .rkb-mock{margin:18px -4px 18px;padding:14px 14px 12px;border-radius:14px;background:#fff;color:#101217;box-shadow:0 16px 30px rgba(120,80,0,.22),0 1px 0 rgba(255,255,255,.6) inset;transform:rotate(-2deg)}
#rk-article .rkb-mock-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}
#rk-article .rkb-mock-top span{font-weight:700;font-size:14px}
#rk-article .rkb-mock-top i{font-style:normal;font-size:11px;color:#8b8f99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rk-article .rkb-mock-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #eef0f3;font-size:12.5px;font-weight:500;color:#2a2c33}
#rk-article .rkb-mock-row b{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid #c9ced6;position:relative}
#rk-article .rkb-mock-row.is-done b{background:#4ec98a;border-color:#4ec98a}
#rk-article .rkb-mock-row.is-done b::after{content:"";position:absolute;left:4px;top:3px;width:6px;height:3.5px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg)}
#rk-article .rkb-mock-row.is-now b{border-color:#f16c4d;box-shadow:0 0 0 3px rgba(241,108,77,.18)}
#rk-article .rkb-mock-row.is-now{color:#101217}
#rk-article .rkb-mock-chart{position:relative;display:flex;align-items:flex-end;gap:5px;height:62px;margin:8px 0 0;padding:16px 0 0;border-top:1px solid #eef0f3}
#rk-article .rkb-mock-chart span{position:absolute;left:0;top:4px;font-size:10.5px;color:#8b8f99}
#rk-article .rkb-mock-chart em{flex:1;border-radius:3px 3px 0 0;background:#e3e7ee}
#rk-article .rkb-mock-chart em.is-hi{background:#f16c4d}
#rk-article .rkb-poster{min-height:0}

/* постер справа — стеклянный, как блоки главной (без жёлтого) */
#rk-article .rkb-poster{background:#1a2026;color:#fff;border:1.5px solid rgba(214,221,228,.7);border-radius:8px;box-shadow:none}
#rk-article .rkb-poster::before{background:radial-gradient(80% 60% at 20% 105%,rgba(170,186,204,.42),rgba(150,166,184,.12) 45%,transparent 75%),radial-gradient(60% 45% at 75% 0%,rgba(150,162,175,.3),transparent 70%)}
#rk-article .rkb-poster::after{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,0) 40%)}
#rk-article .rkb-poster-kick{background:rgba(255,255,255,.08);color:#d6dde4;border:1px solid rgba(214,221,228,.25)}
#rk-article .rkb-poster-title{color:#fff;font-weight:600}
#rk-article .rkb-mock{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(214,221,228,.22);box-shadow:0 18px 34px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#rk-article .rkb-mock-top i{color:#8ea0b1}
#rk-article .rkb-mock-row{border-top-color:rgba(214,221,228,.12);color:#d6dde4}
#rk-article .rkb-mock-row.is-now{color:#fff}
#rk-article .rkb-mock-row b{border-color:rgba(214,221,228,.4)}
#rk-article .rkb-mock-chart{border-top-color:rgba(214,221,228,.12)}
#rk-article .rkb-mock-chart span{color:#8ea0b1}
#rk-article .rkb-mock-chart em{background:rgba(214,221,228,.18)}
#rk-article .rkb-mock-chart em.is-hi{background:#cad2db}
#rk-article .rkb-mock-row.is-now b{border-color:#cad2db;box-shadow:0 0 0 3px rgba(202,210,219,.18)}
#rk-article .rkb-poster .rk-btn{background:#cad2db;color:#1a2026}
#rk-article .rkb-poster .rk-btn:hover{background:#e3e8ed}

/* оффер в конце статьи — без графики, на всю ширину */
#rk-article .rkb-gl-plain{grid-template-columns:1fr;padding:34px 36px}
#rk-article .rkb-gl-plain::before{background:radial-gradient(60% 120% at 0% 100%,rgba(170,186,204,.32),transparent 70%),radial-gradient(50% 80% at 100% 0%,rgba(150,162,175,.2),transparent 70%)}
#rk-article .rkb-gl-plain .rkb-gl-h{max-width:640px}
#rk-article .rkb-gl-plain p{max-width:640px}

/* главный оффер — стеклянный блок */
#rk-article .rkb-deck-glass{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;align-items:center;padding:36px 20px 36px 36px;background:#1a2026;border:1.5px solid rgba(214,221,228,.7);border-radius:8px}
#rk-article .rkb-deck-glass::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 90% at 85% 50%,rgba(113,143,226,.28),transparent 70%),radial-gradient(45% 70% at 10% 0%,rgba(150,162,175,.22),transparent 70%)}
#rk-article .rkb-deck-glass>*{position:relative;z-index:1}
#rk-article .rkb-deck-glass .rkb-ai{color:#fff;position:relative;padding-right:.9em;white-space:nowrap}
#rk-article .rkb-spark{position:absolute;right:-.02em;top:42%;width:.84em;height:.76em;transform:translateY(-50%);overflow:visible}
#rk-article .rkb-spark path{stroke-linejoin:round;stroke-width:1.2}
#rk-article .rkb-spark path:first-child{fill:#718fe2;stroke:#718fe2}
#rk-article .rkb-spark path:last-child{fill:#a9bdf3;stroke:#a9bdf3}
#rk-article .rkb-deck-art{display:flex;align-items:center;justify-content:center;min-height:220px}
#rk-article .rkb-deck-art img{width:104%;max-width:none!important;height:auto;margin:-14px -4% -14px 0}
#rk-article .rkb-grid-deck .rkb-deck-glass{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:760px){
  #rk-article .rkb-gl-plain{padding:26px 20px}
  #rk-article .rkb-deck-glass{grid-template-columns:1fr;padding:26px 20px 10px}
  #rk-article .rkb-grid-deck .rkb-deck-glass{grid-template-columns:1fr}
  #rk-article .rkb-deck-glass .rk-btn{width:100%}
  #rk-article .rkb-deck-art{min-height:0;margin:6px -20px 0}
  #rk-article .rkb-deck-art img{width:110%;margin:0 -5%}
}

/* стекло как на главной raish.ru: рамка 2px #cad2db + размытые пятна bbblurry (без оранжевого) */
#rk-article .rkb-gl,#rk-article .rkb-deck-glass,#rk-article .rkb-poster{border:2px solid #cad2db!important;border-radius:8px}
#rk-article .rkb-gl::before,#rk-article .rkb-deck-glass::before,#rk-article .rkb-poster::before{background:url(/blog-kit/deck/glass-grey.svg) center/cover no-repeat!important;opacity:.75}
#rk-article .rkb-gl-tg::before{background-image:url(/blog-kit/deck/glass-blue.svg)!important;opacity:1}
#rk-article .rkb-poster::after{display:none}
@media (max-width:760px){#rk-article .rkb-gl::before{background-size:cover!important}}

/* баннер: вместо картинки — уведомления о заявках */
#rk-article .rkb-leads{flex-direction:column;align-items:stretch;gap:10px;padding:8px 18px 8px 8px;min-height:0}
#rk-article .rkb-lead{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(214,221,228,.2);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
#rk-article .rkb-lead:nth-child(1){transform:translateX(-14px)}
#rk-article .rkb-lead:nth-child(2){opacity:.8;transform:scale(.97)}
#rk-article .rkb-lead:nth-child(3){opacity:.55;transform:translateX(14px) scale(.94)}
#rk-article .rkb-lead b{flex:none;width:36px;height:36px;border-radius:50%;background:#2f3640;color:#fff;display:flex;align-items:center;justify-content:center;font:700 15px "Inter Tight",sans-serif;position:relative}
#rk-article .rkb-lead b::after{content:"";position:absolute;right:1px;bottom:1px;width:8px;height:8px;border-radius:50%;background:#f16c4d;border:2px solid #1a2026}
#rk-article .rkb-lead span{font-size:13px;line-height:1.35;color:#8ea0b1}
#rk-article .rkb-lead strong{display:block;color:#fff;font-weight:500;font-size:15px}
@media (max-width:760px){
  #rk-article .rkb-leads{padding:4px 0 16px;margin:16px 0 0}
  #rk-article .rkb-lead:nth-child(1){transform:none}
  #rk-article .rkb-lead:nth-child(3){transform:scale(.94)}
}

/* ── Стекло ровно как на главной raish.ru (блок «Нужны клиенты? Тут фишки…»):
   bbblurry_28.svg на всю ширину окна с background-attachment:fixed — при прокрутке блики плывут внутри блока;
   сверху тёмный градиент; рамка 2px #cad2db, радиус 8px ── */
#rk-article .rkb-gl,#rk-article .rkb-deck-glass,#rk-article .rkb-poster{
  background:linear-gradient(to bottom,rgba(26,32,38,.8) 0%,rgba(26,32,38,0) 100%),url(/blog-kit/deck/glass-blue.svg) left center/cover no-repeat fixed,#1a2026!important;
  border:2px solid #cad2db!important;border-radius:8px!important}
#rk-article .rkb-gl::before,#rk-article .rkb-deck-glass::before,#rk-article .rkb-poster::before,#rk-article .rkb-poster::after{display:none!important}
@media (max-width:900px),(hover:none){
  #rk-article .rkb-gl,#rk-article .rkb-deck-glass,#rk-article .rkb-poster{background-attachment:scroll,scroll!important;background-size:auto,cover!important}
}
/* баннер — только текст, на всю ширину */
#rk-article .rkb-deck-glass{display:block;padding:36px}
#rk-article .rkb-deck-glass .rkb-deck-h{max-width:none}
#rk-article .rkb-deck-glass p{max-width:600px}
/* искра у AI — в цвет акцента сайта */
#rk-article .rkb-spark path:first-child{fill:#fda271;stroke:#fda271}
#rk-article .rkb-spark path:last-child{fill:#ffd0b5;stroke:#ffd0b5}
/* макет в постере — легче */
#rk-article .rkb-mock{background:rgba(255,255,255,.04);border-color:rgba(214,221,228,.16);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:760px){#rk-article .rkb-deck-glass{padding:26px 20px}}

/* постер прилипает — пятна для него справа (зеркальная картинка) */
#rk-article .rkb-poster{background:linear-gradient(to bottom,rgba(26,32,38,.8) 0%,rgba(26,32,38,0) 100%),url(/blog-kit/deck/glass-blue-r.svg) right center/cover no-repeat fixed,#1a2026!important}

/* ══ Финальная схема врезок (04.10): каждая выделяется по-своему ══ */
/* 1. Главный оффер — светлый блок */
#rk-article .rkb-deck-glass{background:#e8edf2!important;border:0!important;border-radius:8px!important;color:#1a2026;padding:40px 40px 38px}
#rk-article .rkb-deck-glass .rkb-kicker{color:#d4502f}
#rk-article .rkb-deck-glass .rkb-deck-h{color:#1a2026;font-size:38px;font-weight:600}
#rk-article .rkb-deck-glass .rkb-ai{color:#1a2026}
#rk-article .rkb-deck-glass p{color:#3c4652}
#rk-article .rkb-deck-glass .rk-btn{background:#1a2026;color:#fff;padding:20px 30px}
#rk-article .rkb-deck-glass .rk-btn:hover{background:#000}
#rk-article .rkb-spark path:first-child{fill:#f16c4d;stroke:#f16c4d}
#rk-article .rkb-spark path:last-child{fill:#fda271;stroke:#fda271}
/* 2. Постер справа — светлый, макет внутри тёмный */
#rk-article .rkb-poster{background:#e8edf2!important;border:0!important;color:#1a2026}
#rk-article .rkb-poster-kick{background:#1a2026;color:#fff;border:0}
#rk-article .rkb-poster-title{color:#1a2026}
#rk-article .rkb-mock{background:#1a2026;border:0;box-shadow:0 14px 28px rgba(26,32,38,.25)}
#rk-article .rkb-poster .rk-btn{background:#1a2026;color:#fff}
#rk-article .rkb-poster .rk-btn:hover{background:#000}
/* 3. Оффер в конце — тёмный с коралловой рамкой, как форма на главной */
#rk-article .rkb-gl-plain{background:#151a1e!important;border:2px solid #fda271!important;border-radius:8px!important}
#rk-article .rkb-gl-plain .rkb-gl-pts li::before{border-color:#fda271}
/* 4. Telegram — стекло как на главной (остаётся) */
@media (max-width:760px){
  #rk-article .rkb-deck-glass{padding:28px 20px}
  #rk-article .rkb-deck-glass .rkb-deck-h{font-size:28px}
}