/* ═══════════ КЕЙС — «светлый шоурум» (общий для всех кейсов) ═══════════ */
body{background:#F4F5F7!important;color:#16181d!important}
.cs ::selection{background:#16181d;color:#fff}
.cs{overflow-x:hidden}
.cs-wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.cse-hero{padding:140px 0 36px}
.cse-bc{font-size:13px;color:#7a7e87;margin-bottom:22px;font-weight:600}
.cse-bc a{color:#1a56db;text-decoration:none}
.cse-bc a:hover{text-decoration:underline}
/* редакционная метка вместо пилюли */
.cse-tag{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1a56db;margin-bottom:20px}
.cse-tag::before{content:"";width:22px;height:2px;background:#1a56db}
.cse-tag.ads{color:#c2570b}
.cse-tag.ads::before{background:#c2570b}
.cse-hero h1{font-family:'Manrope',sans-serif;font-size:clamp(30px,4.6vw,56px);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:0 0 18px;max-width:900px}
.cse-lead{font-size:clamp(15px,1.7vw,18px);color:#4c515b;line-height:1.7;max-width:640px}
.cse-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:36px 0 0}
.cse-fact{background:#fff;border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px -18px rgba(22,24,29,.18)}
.cse-fact b{display:block;font-family:'Manrope',sans-serif;font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.03em;color:#1a56db}
.cse-fact.ads b{color:#c2570b}
.cse-fact span{font-size:12px;color:#7a7e87;font-weight:600;display:block;margin-top:6px;line-height:1.45}
@media(max-width:860px){.cse-facts{grid-template-columns:1fr 1fr}}
.cse-cover{margin:40px 0 10px;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(22,24,29,.3)}
.cse-cover img{width:100%;height:auto;display:block}
.cse-cap{font-size:12px;color:#9aa0aa;margin-top:10px;font-weight:600}
.cse-body{max-width:760px;margin:30px auto 0;font-size:17px;line-height:1.8;color:#2c3038}
.cse-body h2{font-family:'Manrope',sans-serif;font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.02em;margin:46px 0 16px;color:#16181d}
.cse-body p{margin:0 0 20px}
.cse-body ul{margin:0 0 20px;padding-left:24px}
.cse-body li{margin-bottom:10px}
.cse-body strong{color:#16181d}
.cse-body a{color:#1a56db;font-weight:600}
.cse-step{background:#fff;border-radius:16px;padding:24px 28px;margin:0 0 14px;box-shadow:0 10px 30px -18px rgba(22,24,29,.15)}
.cse-step-n{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1a56db;margin-bottom:8px}
.cse-step.ads .cse-step-n{color:#c2570b}
.cse-step-t{font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;margin-bottom:8px;color:#16181d}
.cse-step-d{font-size:14.5px;color:#4c515b;line-height:1.7}
.cse-note{border-left:3px solid #1a56db;background:#fff;border-radius:0 14px 14px 0;padding:20px 24px;margin:28px 0;font-size:15px;line-height:1.7;color:#2c3038}
.cse-note.ads{border-left-color:#c2570b}
.cse-note b{color:#1a56db}
.cse-note.ads b{color:#c2570b}
.cse-res{background:#16181d;border-radius:20px;color:#fff;padding:32px clamp(22px,3.5vw,40px);margin:36px 0}
.cse-res-t{font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;margin-bottom:22px}
.cse-bars{display:flex;flex-direction:column;gap:16px}
.cse-bar-row{display:grid;grid-template-columns:190px 1fr 74px;gap:16px;align-items:center;font-size:13.5px}
.cse-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.cse-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#1a56db,#60a5fa);width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.cse-bar.ads i{background:linear-gradient(90deg,#c2570b,#f59e42)}
.cse-bar-row b{font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;text-align:right}
.cse-bar-row span{color:#b9bec8;font-weight:600}
@media(max-width:640px){.cse-bar-row{grid-template-columns:1fr;gap:6px}.cse-bar-row b{text-align:left}}
/* блок перелинковки «Смотрите также» */
.cse-more{max-width:1080px;margin:56px auto 0;padding:0 28px}
.cse-more-h{font-family:'Manrope',sans-serif;font-weight:800;font-size:22px;margin:0 0 20px;color:#16181d}
.cse-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cse-more-c{background:#fff;border-radius:16px;padding:24px 26px;text-decoration:none;color:#16181d;box-shadow:0 10px 30px -18px rgba(22,24,29,.18);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:8px;min-height:120px}
.cse-more-c:hover{transform:translateY(-4px);box-shadow:0 20px 44px -20px rgba(22,24,29,.28)}
.cse-more-k{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7a7e87}
.cse-more-k::before{content:"";width:16px;height:2px;background:#9aa0aa}
.cse-more-t{font-family:'Manrope',sans-serif;font-weight:800;font-size:16px;line-height:1.3}
.cse-more-go{margin-top:auto;font-size:13.5px;font-weight:800;color:#1a56db}
@media(max-width:760px){.cse-more-grid{grid-template-columns:1fr}}
.cse-cta{background:#fff;border-radius:20px;padding:34px clamp(22px,3.5vw,42px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:50px 0 90px;box-shadow:0 16px 44px -22px rgba(22,24,29,.25)}
.cse-cta-t{font-family:'Manrope',sans-serif;font-weight:800;font-size:clamp(19px,2.3vw,26px);line-height:1.25;max-width:520px}
.cse-cta-s{font-size:13.5px;color:#7a7e87;margin-top:6px}
.cse-btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;border-radius:14px;font-weight:800;font-size:15px;background:#16181d;color:#fff;text-decoration:none;transition:transform .15s;white-space:nowrap}
.cse-btn:hover{transform:translateY(-2px)}
.csr{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--d,0s)}
.csr.vis{opacity:1;transform:none}