/* Кейси — стилі сторінки-списку і сторінки кейса.
   Самодостатньо, заскоуплено під .pmu-keysy (щоб не конфліктувати з Astra).
   Дизайн — погоджений макет (§4.20): cream/navy/gold, Spectral + Hanken. */

body.pmu-kejs-list,
body.pmu-kejs-single{background:#FAF7F0}

.pmu-keysy{
  --kx-navy:#1A1A2E; --kx-navy2:#26264A; --kx-gold:#9A8158; --kx-gold2:#C9A96B;
  --kx-ink:#22232B; --kx-grey:#5B5C52; --kx-line:#E6E1D4; --kx-cream:#FAF7F0; --kx-card:#FFFFFF;
  font-family:'Hanken Grotesk',system-ui,sans-serif; color:var(--kx-ink);
  background:var(--kx-cream); -webkit-font-smoothing:antialiased; line-height:1.55;
}
.pmu-keysy *{box-sizing:border-box}
.pmu-keysy h1,.pmu-keysy h2,.pmu-keysy h3{margin:0}
.pmu-keysy a:not(.btn){color:var(--kx-gold)}
.pmu-keysy img{max-width:100%}

/* ─── контейнери ─── */
.pmu-keysy .kx-container{max-width:1120px;margin:0 auto;padding:0 24px}
.pmu-keysy .kx-wrap{max-width:760px;margin:0 auto;padding:0 24px}
.pmu-keysy-single{line-height:1.62}

/* ─── список: hero ─── */
.pmu-keysy .kx-hero{padding:74px 0 34px;text-align:center}
.pmu-keysy .kx-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--kx-gold);
  font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:14px;margin-bottom:18px}
.pmu-keysy .kx-kicker .ln{height:1.5px;width:44px;background:var(--kx-gold);opacity:.6}
.pmu-keysy .kx-h1{font-family:'Spectral',Georgia,serif;font-weight:600;color:var(--kx-navy);
  font-size:56px;line-height:1.05;letter-spacing:-.01em;overflow-wrap:break-word}
.pmu-keysy .kx-lead{max-width:680px;margin:20px auto 0;color:var(--kx-grey);font-size:19px;overflow-wrap:break-word}

/* ─── фільтри ─── */
.pmu-keysy .kx-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:38px 0 40px}
.pmu-keysy .kx-chip{border:1.5px solid var(--kx-line);background:#fff;color:var(--kx-navy);
  border-radius:100px;padding:9px 20px;font-size:15px;font-weight:600;cursor:pointer;
  transition:.18s;font-family:inherit;line-height:1.2}
.pmu-keysy .kx-chip:hover{border-color:var(--kx-gold)}
.pmu-keysy .kx-chip.active{background:var(--kx-navy);border-color:var(--kx-navy);color:#fff}

/* ─── сітка карток ─── */
.pmu-keysy .kx-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:20px}
.pmu-keysy a.kx-case{display:block;text-decoration:none;color:inherit;background:var(--kx-card);
  border:1px solid var(--kx-line);border-radius:16px;padding:26px 28px;
  transition:box-shadow .2s,border-color .2s,transform .2s}
.pmu-keysy a.kx-case:hover{box-shadow:0 14px 34px rgba(26,26,46,.10);border-color:#DCD5C4;transform:translateY(-2px)}
.pmu-keysy a.kx-case:hover .kx-more{gap:12px}
.pmu-keysy a.kx-case:hover .kx-more .chev{transform:translateX(3px)}
.pmu-keysy .kx-tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--kx-gold);background:rgba(154,129,88,.09);
  border:1px solid rgba(154,129,88,.22);border-radius:100px;padding:5px 13px;margin-bottom:15px}
.pmu-keysy .kx-case h3{font-family:'Spectral',Georgia,serif;font-weight:600;color:var(--kx-navy);
  font-size:24px;line-height:1.22;margin-bottom:10px;overflow-wrap:break-word}
.pmu-keysy .kx-teaser{color:var(--kx-grey);font-size:16px;overflow-wrap:break-word}
.pmu-keysy .kx-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--kx-gold);
  font-weight:700;font-size:15px;transition:gap .18s}
.pmu-keysy .kx-more .chev{transition:transform .18s}
.pmu-keysy .kx-empty{grid-column:1/-1;text-align:center;color:var(--kx-grey);padding:40px;display:none}

/* ─── дисклеймер ─── */
.pmu-keysy .kx-note{margin:20px 0 0;background:#fff;border:1px dashed #D8D0BE;border-radius:14px;
  padding:18px 22px;color:var(--kx-grey);font-size:14.5px;display:flex;gap:12px}
.pmu-keysy .kx-note .i{color:var(--kx-gold);font-weight:800;flex:0 0 auto}

/* ─── CTA-блок ─── */
.pmu-keysy .kx-cta{margin:48px 0 80px;background:radial-gradient(120% 140% at 50% 0%,var(--kx-navy2),var(--kx-navy));
  border-radius:22px;padding:52px 32px;text-align:center;color:#fff}
.pmu-keysy .kx-cta h2{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:34px;margin-bottom:12px;color:#fff!important}
.pmu-keysy .kx-cta p{color:rgba(255,255,255,.8);font-size:18px;max-width:560px;margin:0 auto 26px}
/* CTA-кнопка — фірмовий стиль сайту (.btn.btn-gold з chrome.css) */

/* ─── сторінка кейса ─── */
.pmu-keysy .kx-crumbs{padding:34px 0 0;font-size:14px;color:var(--kx-grey)}
.pmu-keysy .kx-crumbs a{color:var(--kx-grey);text-decoration:none}
.pmu-keysy .kx-crumbs a:hover{color:var(--kx-gold)}
.pmu-keysy .kx-crumbs span{margin:0 8px;opacity:.5}

.pmu-keysy .kx-head{padding:26px 0 30px;border-bottom:1px solid var(--kx-line);margin-bottom:34px}
.pmu-keysy .kx-head h1{font-family:'Spectral',Georgia,serif;font-weight:600;color:var(--kx-navy);
  font-size:44px;line-height:1.12;letter-spacing:-.01em;overflow-wrap:break-word}
.pmu-keysy .kx-summary{margin-top:18px;font-size:20px;color:var(--kx-grey);line-height:1.5}

.pmu-keysy .kx-sec{margin-bottom:34px}
.pmu-keysy .kx-sec-lab{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.pmu-keysy .kx-sec-lab .dot{width:9px;height:9px;border-radius:50%}
.pmu-keysy .kx-sec-lab h2{font-family:'Spectral',Georgia,serif;font-weight:600;font-size:15px;
  letter-spacing:.09em;text-transform:uppercase}
.pmu-keysy .kx-sec.situation .kx-sec-lab h2{color:#7A6B57}
.pmu-keysy .kx-sec.situation .dot{background:#B9A47F}
.pmu-keysy .kx-sec.action .kx-sec-lab h2{color:var(--kx-navy)}
.pmu-keysy .kx-sec.action .dot{background:var(--kx-navy)}
.pmu-keysy .kx-sec.result .kx-sec-lab h2{color:#2F6B45}
.pmu-keysy .kx-sec.result .dot{background:#2F6B45}
.pmu-keysy .kx-sec p,.pmu-keysy .kx-rt p{font-size:18px;margin:0 0 14px}
.pmu-keysy .kx-rt p:last-child{margin-bottom:0}
.pmu-keysy .kx-act-intro{font-size:18px;margin:0 0 6px}
.pmu-keysy .kx-steps{list-style:none;margin:6px 0 0;padding:0}
.pmu-keysy .kx-steps li{position:relative;padding-left:30px;margin-bottom:11px;font-size:18px}
.pmu-keysy .kx-steps li:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;
  border-radius:50%;background:var(--kx-gold)}

.pmu-keysy .kx-resultbox{background:#fff;border:1px solid var(--kx-line);border-left:4px solid #2F6B45;
  border-radius:12px;padding:22px 24px}
.pmu-keysy .kx-resultbox p{font-size:18px;margin:0 0 14px}
.pmu-keysy .kx-resultbox p:last-child{margin-bottom:0}

.pmu-keysy-single .kx-note{margin:6px 0 0;padding:16px 20px;font-size:14px}

.pmu-keysy-single .kx-cta{margin:40px 0 26px;border-radius:20px;padding:44px 30px}
.pmu-keysy-single .kx-cta h2{font-size:30px;margin-bottom:10px}
.pmu-keysy-single .kx-cta p{font-size:17px;max-width:520px;margin:0 auto 24px}

.pmu-keysy .kx-back{display:inline-flex;align-items:center;gap:8px;margin:6px 0 70px;
  color:var(--kx-navy);font-weight:700;font-size:16px;text-decoration:none}
.pmu-keysy .kx-back:hover{color:var(--kx-gold)}

/* ─── адаптив ─── */
@media(max-width:820px){
  .pmu-keysy .kx-h1{font-size:40px}
  .pmu-keysy .kx-hero{padding:54px 0 26px}
  .pmu-keysy .kx-lead{font-size:17px}
  .pmu-keysy .kx-grid{grid-template-columns:1fr;gap:16px}
  .pmu-keysy a.kx-case{padding:22px}
  .pmu-keysy .kx-cta{padding:40px 22px}
  .pmu-keysy .kx-cta h2{font-size:27px}
}
@media(max-width:720px){
  .pmu-keysy .kx-head h1{font-size:32px}
  .pmu-keysy .kx-summary{font-size:18px}
  .pmu-keysy .kx-sec p,.pmu-keysy .kx-rt p,.pmu-keysy .kx-steps li,
  .pmu-keysy .kx-act-intro,.pmu-keysy .kx-resultbox p{font-size:17px}
  .pmu-keysy-single .kx-cta{padding:36px 20px}
}

/* ═══ Блок кейсів на головній + сторінках послуг (embed, без фото, 3 колонки) ═══
   Самодостатньо; НЕ переозначує фон секції. Шрифти Spectral/Hanken — глобальні (pmu-chrome). */
.pmu-ce{--nv:#1A1A2E;--gd:#9A8158;--ln:#E6E1D4;--ink:#22232B;--gr:#5B5C52}
#cases .case-lead{max-width:760px;margin:0 0 30px;color:#5B5C52;font-size:18px}
.pmu-ce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pmu-ce a.kx-case{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);
  background:#fff;border:1px solid var(--ln);border-radius:16px;padding:26px 28px;
  transition:box-shadow .2s,border-color .2s,transform .2s}
.pmu-ce a.kx-case:hover{box-shadow:0 14px 34px rgba(26,26,46,.10);border-color:#DCD5C4;transform:translateY(-2px)}
.pmu-ce .kx-tag{display:inline-block;align-self:flex-start;font-size:12.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--gd);background:rgba(154,129,88,.09);
  border:1px solid rgba(154,129,88,.22);border-radius:100px;padding:5px 13px;margin-bottom:15px}
.pmu-ce .kx-case h3{font-family:'Spectral',Georgia,serif;font-weight:600;color:var(--nv);
  font-size:22px;line-height:1.22;margin:0 0 10px;overflow-wrap:break-word}
.pmu-ce .kx-teaser{color:var(--gr);font-size:16px;margin:0;overflow-wrap:break-word}
.pmu-ce .kx-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;
  color:var(--gd);font-weight:700;font-size:15px;transition:gap .18s}
.pmu-ce .kx-more .chev{transition:transform .18s}
.pmu-ce a.kx-case:hover .kx-more{gap:12px}
.pmu-ce a.kx-case:hover .kx-more .chev{transform:translateX(3px)}
.pmu-ce-all{text-align:center;margin-top:34px}
@media(max-width:900px){.pmu-ce-grid{grid-template-columns:1fr;gap:16px}.pmu-ce a.kx-case{padding:22px}}