/* провайдеры K4·8 */
.ck-studios{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ck-studio{display:flex;flex-direction:column;background:linear-gradient(175deg,#2c343d,#222930);border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.ck-studio__top{padding:18px 18px 0;text-align:center}
.ck-studio__name{font-family:var(--serif);font-size:17px;margin:0 0 3px}
.ck-studio__n{font-size:12.5px;color:var(--muted);margin:0}
.ck-studio__fan{position:relative;height:150px;margin:14px 0 0}
.ck-studio__fan img,.ck-studio__fan object{position:absolute;border-radius:12px;box-shadow:0 10px 22px rgba(0,0,0,.45);width:84px;height:84px;object-fit:cover;background:#1d2228}
.ck-studio__fan .f1{left:12%;top:34px;transform:rotate(-13deg);z-index:1}
.ck-studio__fan .f3{right:12%;top:34px;transform:rotate(13deg);z-index:1}
.ck-studio__fan .f2{left:50%;top:14px;margin-left:-52px;width:104px;height:104px;z-index:2}
.ck-studio__bar{margin-top:auto;background:#1d2228;padding:14px;display:flex;align-items:center;justify-content:center;min-height:62px}
.ck-studio__bar img{max-height:28px;max-width:130px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
@media(min-width:1024px){.ck-studio:hover{border-color:var(--brand);box-shadow:0 16px 34px rgba(0,0,0,.42)}}
@media(max-width:900px){.ck-studios{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.ck-studios{grid-template-columns:1fr}}

/* платежи K6·3 */
.ck-paylogos{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:18px 0 0;padding:16px 18px;background:#232a32;border-radius:16px}
.ck-paylogos img{height:26px;width:auto;max-width:92px;object-fit:contain;filter:brightness(0) invert(1);opacity:.78}
.ck-facts-strip{display:flex;flex-wrap:wrap;gap:10px 26px;margin:16px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--muted)}
.ck-facts-strip li{display:inline-flex;align-items:center;gap:8px;margin:0}
.ck-facts-strip .ck-i{color:var(--brand)}

/* баннер игры K35·5 */
.ck-banner{position:relative;margin:0 -32px;overflow:hidden;background:#1b2026}
.ck-banner__slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}
.ck-banner__slides::-webkit-scrollbar{display:none}
.ck-bslide{position:relative;flex:0 0 100%;scroll-snap-align:center;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ck-bslide__bg{position:absolute;left:50%;top:50%;width:140%;height:140%;max-width:none;translate:-50% -50%;object-fit:cover;filter:blur(20px) brightness(.4) saturate(1.1)}
.ck-bslide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,25,30,.86),rgba(21,25,30,.5))}
.ck-bslide__in{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:30px;width:100%;max-width:1086px;padding:22px 32px 58px;text-align:left}
.ck-bslide__txt{min-width:0;max-width:480px}
.ck-bslide__art{flex:none;display:block;margin:0}
.ck-bslide__art img,.ck-bslide__art object{width:152px;height:152px;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.55);display:block;object-fit:cover}
.ck-bslide__over{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin:0 0 6px}
.ck-bslide__h{font-family:var(--serif);font-size:clamp(1.2rem,2.4vw,1.6rem);margin:0 0 4px;color:#fff}
.ck-bslide__p{font-size:13.5px;color:#c9d2db;margin:0 0 14px}
.ck-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;padding:0;margin:0;list-style:none;z-index:5}
.ck-dots button{width:9px;height:9px;padding:0;margin:0;border-radius:50%;border:0;background:rgba(255,255,255,.3);cursor:pointer}
.ck-dots button[aria-current=true]{background:var(--brand);width:26px;border-radius:999px}
@media(max-width:860px){.ck-banner{margin:0 -16px}.ck-bslide__in{padding:20px 16px;gap:16px}.ck-bslide__art img,.ck-bslide__art object{width:112px;height:112px}}
@media(max-width:520px){.ck-bslide__in{flex-direction:column;text-align:center;gap:14px;padding-bottom:52px}.ck-bslide__txt{display:flex;flex-direction:column;align-items:center}}

/* карточки, сетки */
.ck-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ck-cards--2{grid-template-columns:repeat(2,1fr)}
.ck-cards--4{grid-template-columns:repeat(4,1fr)}
.ck-card{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:20px 18px}
.ck-card h3,.ck-card h4{margin:0 0 7px;font-size:14.5px}
.ck-card p{margin:0;font-size:13.5px;line-height:1.55;color:#d3dbe3}
.ck-card__ic{width:36px;height:36px;border-radius:11px;background:rgba(21,212,108,.13);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ck-card__ic .ck-i{width:19px;height:19px}
#why .ck-cards>:last-child{grid-column:1/-1}
@media(max-width:900px){.ck-cards,.ck-cards--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ck-cards,.ck-cards--2,.ck-cards--4{grid-template-columns:1fr}}

/* быстрые факты K2·4 */
.ck-dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin:0}
.ck-dl>div{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.ck-dl dt{flex:0 0 36%;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0}
.ck-dl dd{margin:0;font-size:14.5px;color:#e4eaf0}
@media(max-width:760px){.ck-dl{grid-template-columns:1fr}}

/* плюсы и минусы */
.ck-pros{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ck-pros>div{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:22px 20px}
.ck-pros h3{margin:0 0 14px;font-size:17px}
.ck-pros ul{list-style:none;margin:0;padding:0}
.ck-pros li{display:flex;gap:11px;align-items:flex-start;margin:0 0 11px;font-size:14.5px;color:#d9e0e7}
.ck-pros li:last-child{margin-bottom:0}
.ck-pros .ck-i{margin-top:4px;flex:none}
.ck-pros--up .ck-i{color:var(--brand)}
.ck-pros--down .ck-i{color:var(--gold)}
@media(max-width:760px){.ck-pros{grid-template-columns:1fr}}

/* шаги B11·3 */
.ck-steps{list-style:none;margin:0;padding:0;position:relative}
.ck-steps::before{content:"";position:absolute;left:19px;top:14px;bottom:14px;width:2px;background:var(--line)}
.ck-steps li{position:relative;padding:0 0 26px 58px;margin:0}
.ck-steps li:last-child{padding-bottom:0}
.ck-steps__n{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--surface-3);border:1px solid var(--brand);color:var(--brand);font-family:var(--serif);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.ck-steps h4{margin:8px 0 6px;font-size:16px}
.ck-steps p{margin:0;font-size:14.5px;color:#d3dbe3}

/* вердикт */
.ck-verdict{background:linear-gradient(160deg,#2d3640,#232a32);border:1px solid var(--line);border-radius:20px;padding:26px}
.ck-verdict h3{margin:0 0 12px}
.ck-verdict p{margin:0;color:#d9e0e7}

/* FAQ B10·5 */
.ck-faq{column-count:2;column-gap:18px}
.ck-faq details{break-inside:avoid;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:0;margin:0 0 12px;display:inline-block;width:100%}
.ck-faq summary{list-style:none;word-break:normal;margin:0;padding:16px 46px 16px 18px;font-family:var(--serif);font-weight:700;font-size:15px;line-height:1.4;position:relative;cursor:pointer}
.ck-faq summary::-webkit-details-marker{display:none}
.ck-faq summary::after{content:"";position:absolute;right:18px;top:22px;width:9px;height:9px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg)}
.ck-faq details[open] summary::after{transform:rotate(-135deg);top:26px}
.ck-faq details[open] summary{margin-bottom:0}
.ck-faq__a{padding:0 18px 18px;margin:0;font-size:14.5px;color:#d3dbe3}
@media(max-width:760px){.ck-faq{column-count:1}}

/* финальный CTA B20·5 */
.ck-final{position:relative;border-radius:26px;background:linear-gradient(100deg,#1b2026 0%,#1d3a28 58%,#15d46c 140%);overflow:hidden;margin:10px 0 0;min-height:232px;display:flex;align-items:center}
.ck-final__rings{position:absolute;inset:0;overflow:hidden;border-radius:26px;pointer-events:none}
.ck-final__rings span{position:absolute;right:-60px;top:50%;translate:0 -50%;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.ck-final__rings span:nth-child(1){width:280px;height:280px;animation:ck-ring 7s ease-in-out infinite}
.ck-final__rings span:nth-child(2){width:410px;height:410px;opacity:.6;animation:ck-ring 7s ease-in-out .9s infinite}
.ck-final__rings span:nth-child(3){width:540px;height:540px;opacity:.35;animation:ck-ring 7s ease-in-out 1.8s infinite}
@keyframes ck-ring{0%,100%{opacity:.18}45%{opacity:.75}}
.ck-final__fig{animation:ck-shine 6s ease-in-out infinite}
@keyframes ck-shine{0%,100%{box-shadow:0 18px 40px rgba(0,0,0,.45)}50%{box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 26px rgba(21,212,108,.5)}}
@media(prefers-reduced-motion:reduce){.ck-final__rings span,.ck-final__fig{animation:none}}
.ck-final__fig{position:absolute;left:24px;top:50%;translate:0 -50%;width:272px;z-index:2;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.45);filter:brightness(.88) saturate(.82);outline:1px solid rgba(255,255,255,.14);outline-offset:-1px;pointer-events:none}
.ck-final__in{position:relative;z-index:3;margin-left:320px;padding:28px 30px 28px 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.ck-final__over{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0}
.ck-final__h{font-family:var(--serif);font-size:clamp(1.4rem,3.4vw,2.1rem);line-height:1.15;text-transform:uppercase;color:#fff;margin:0}
.ck-final__h b{color:var(--gold)}
.ck-final__p{margin:0;color:#dbe3ea;font-size:14.5px;max-width:58ch}
.ck-final__note{font-size:12px;color:rgba(255,255,255,.6);margin:12px 0 0}
@media(max-width:860px){
  .ck-final{margin-top:10px;display:block}
  .ck-final__fig{position:static;width:min(300px,86%);translate:none;margin:22px auto 0;display:block}
  .ck-final__in{margin-left:0;padding:22px 22px 26px;align-items:center;text-align:center}
  .ck-final__p{max-width:none}
}

/* подпись автора B14·3 */
.ck-author{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;border-top:1px solid var(--line);margin:0;padding:13px 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.ck-author b{color:var(--ink)}
.ck-author a{color:var(--brand)}
.ck-author span{display:block}
.ck-author .ck-i{margin-right:7px;width:14px;height:14px;vertical-align:-.2em}
.ck-author .ck-i{color:var(--brand)}

/* иллюстрация рядом с текстом */
.ck-illus{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.ck-illus--rev{grid-template-columns:.8fr 1.2fr}
.ck-illus img{width:100%;max-width:340px;height:auto;margin:0 auto;display:block}
@media(max-width:860px){.ck-illus,.ck-illus--rev{grid-template-columns:1fr;gap:20px}.ck-illus img{max-width:260px}}

/* кнопки блока доступа */
.ck-pair{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
@media(max-width:420px){.ck-pair{display:grid;grid-template-columns:1fr}.ck-pair .ck-btn{width:100%}}

.ck-sec__headart{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin-bottom:8px}
.ck-sec__headart h2{margin:0}
#why .ck-cards{grid-template-columns:repeat(2,1fr);gap:0 36px}
#why .ck-card{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;align-items:start;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:18px 0}
#why .ck-card h3{grid-column:2;grid-row:1;font-size:15px;margin:0 0 5px}
#why .ck-card p{grid-column:2;grid-row:2}
#why .ck-card__ic{grid-column:1;grid-row:1/3}
#why .ck-card__ic{margin:0;width:38px;height:38px;flex:none;background:rgba(21,212,108,.1)}
#why .ck-card>div{min-width:0}
#why .ck-cards>:last-child{grid-column:auto}
@media(max-width:760px){#why .ck-cards{grid-template-columns:1fr}}
/* 6, 11: пропорции иллюстраций */
#mobile .ck-devfig{max-width:none}
@media(max-width:860px){#mobile .ck-devfig{max-width:420px}}
/* 7: подпись автора */
@media(max-width:640px){.ck-author{gap:6px 14px}}
/* 8: логотипы студий одного оптического размера */
.ck-studio__bar img{height:30px;width:120px;max-width:120px;max-height:30px;object-fit:contain}
/* 10: контраст мелких строк */
.ck-final__note{color:#9aa4b0}
/* 12: логотипы платёжек на узком экране */
@media(max-width:520px){.ck-paylogos{gap:14px;padding:14px;justify-content:center}.ck-paylogos img{height:20px;max-width:72px}}