/* Страницы кейсов /cases/<slug> (RU, /uk, /de). Каркас и карточки из pages.css, pages-v4.css, seo-cases.css, pilot-art.css. */
.pg .case-hero{padding-top:clamp(96px,14vh,150px)}
.pg .case-hero-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:center}
.pg .case-kicker{margin:0 0 18px;font-size:14px;letter-spacing:.04em;color:var(--text-3)}
.pg .case-kicker a{color:var(--purple-light);text-decoration:none}
.pg .case-kicker a:hover{text-decoration:underline}
.pg .case-hero h1{margin:0;font:600 clamp(34px,3.5vw,52px)/1.08 var(--font-head);letter-spacing:-.035em}
.pg .case-hero .lead{margin:22px 0 0;max-width:560px}
.pg .case-hero .btn-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.pg .case-shot{margin:0}
.pg .case-shot .cx-win{cursor:default}
.pg .case-shot .cx-win::after{display:none}

.pg .case-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pg .case-stat{padding:clamp(20px,2vw,30px)}
.pg .case-stat b{display:block;font:600 clamp(40px,4.2vw,64px)/1 var(--font-head);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.pg .case-stat b.up{color:var(--green-t)}
.pg .case-stat span{display:block;margin-top:12px;font-size:16px;line-height:1.45;color:var(--text-2)}
.pg .case-stat small{display:block;margin-top:6px;font-size:13.5px;color:var(--text-3)}
.pg .case-src{margin:18px 0 0;font-size:13.5px;color:var(--text-3)}

.pg .case-was{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.6vw,22px)}
.pg .case-was .card{padding:clamp(20px,2vw,28px)}
.pg .case-was .cx-pill{margin:0 0 12px}
.pg .case-was p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}

.pg .case-why{max-width:820px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--text-2)}
.pg .case-cta{text-align:left}
.pg .case-cta .btn-row{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px}

@media (max-width:900px){
  .pg .case-hero-in{grid-template-columns:1fr}
  .pg .case-stats{grid-template-columns:1fr}
  .pg .case-was{grid-template-columns:1fr}
}

.pg .mentions--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg .mentions--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .case-stats--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg .case-shot .cx-win--static{border-radius:14px}

/* хаб /cases */
.pg .case-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.pg .case-card{padding:0}
.pg .case-card-link{display:flex;flex-direction:column;height:100%;padding:clamp(16px,1.6vw,22px);color:inherit;text-decoration:none}
.pg .case-card-shot{margin:0 0 18px}
.pg .case-card-shot .cx-win{cursor:pointer}
.pg .case-card-shot .cx-win::after{display:none}
.pg .case-card-kicker{margin:0 0 8px;font-size:13.5px;color:var(--text-3)}
.pg .case-card-h{margin:0 0 14px;font:500 clamp(19px,1.6vw,23px)/1.25 var(--font-head);letter-spacing:-.02em}
.pg .case-card-fig{margin:0 0 18px;color:var(--text-2);font-size:15.5px;line-height:1.45}
.pg .case-card-fig b{display:block;font:600 clamp(30px,2.6vw,40px)/1.05 var(--font-head);letter-spacing:-.04em;color:#fff;margin-bottom:6px}
.pg .case-card .cx-more{margin-top:auto;align-self:flex-start}
.pg .case-card-link:hover .case-card-h{color:var(--purple-light)}

@media (max-width:1100px){.pg .mentions--3{grid-template-columns:repeat(2,minmax(0,1fr))}.pg .case-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pg .mentions--3,.pg .mentions--2,.pg .case-stats--2,.pg .case-list{grid-template-columns:1fr}}
.pg .section .case-card-h{margin:0 0 14px;font:500 clamp(19px,1.6vw,23px)/1.25 var(--font-head);letter-spacing:-.02em}
.pg .mentions--2 .jr-art{max-width:440px;margin-left:auto;margin-right:auto}

/* Первый экран кейса: как на /seo (сетка-пол из hero-map.css) + еле заметные звёзды и световые линии. Только декор, aria-hidden. */
.pg .case-hero.hero-map{position:relative;padding-top:0}
.pg .case-hero .hm-grid{min-height:min(760px,calc(100svh - var(--nav-h,68px)));padding-top:clamp(96px,13vh,140px);padding-bottom:clamp(48px,8vh,96px)}
.pg .case-hero .hero-copy{position:relative;z-index:2}
.pg .case-hero h1{font:600 clamp(36px,4.2vw,62px)/1.06 var(--font-head);letter-spacing:-.035em}
.pg .case-hero h1 .h1-l{display:block}
.pg .case-hero h1 .h1-sub{font-size:.52em}
.pg .case-hero .lead{max-width:600px}
.pg .case-hero .hero-p{margin:14px 0 0;font-size:15.5px;color:var(--text-2)}
.pg .case-hero .hero-p a{color:var(--purple-light)}
.pg .case-hero-shot{position:relative;z-index:2;padding:clamp(24px,4vh,56px) 0 clamp(24px,4vh,56px) clamp(0px,3vw,48px)}
.pg .case-hero-shot .cx-win{box-shadow:0 40px 90px -30px rgba(99,102,241,.55),0 0 0 1px rgba(129,140,248,.25)}
.pg .case-hero-shot::before{content:"";position:absolute;inset:-10% -6%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(99,102,241,.22),transparent)}
.pg .cs-stars,.pg .cs-stars::after{position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;background:transparent}
.pg .cs-stars{box-shadow:663px 154px rgba(199,210,254,0.57),98px 74px rgba(199,210,254,0.80),192px 374px rgba(199,210,254,0.67),1039px 219px rgba(199,210,254,0.37),888px 428px rgba(199,210,254,0.39),185px 564px rgba(199,210,254,0.58),1158px 126px rgba(199,210,254,0.87),1291px 642px rgba(199,210,254,0.67),126px 590px rgba(199,210,254,0.67),101px 226px rgba(199,210,254,0.38),272px 296px rgba(199,210,254,0.58),1107px 120px rgba(199,210,254,0.66),1147px 835px rgba(199,210,254,0.73),211px 595px rgba(199,210,254,0.66),384px 381px rgba(199,210,254,0.40),1458px 64px rgba(199,210,254,0.66),1267px 210px rgba(199,210,254,0.62),1088px 437px rgba(199,210,254,0.78),953px 599px rgba(199,210,254,0.86),740px 306px rgba(199,210,254,0.49),368px 715px rgba(199,210,254,0.78),167px 588px rgba(199,210,254,0.52),1013px 896px rgba(199,210,254,0.54),919px 294px rgba(199,210,254,0.68),149px 120px rgba(199,210,254,0.63),337px 775px rgba(199,210,254,0.54),1001px 431px rgba(199,210,254,0.37),1368px 79px rgba(199,210,254,0.77),1173px 808px rgba(199,210,254,0.83),642px 348px rgba(199,210,254,0.73),1217px 508px rgba(199,210,254,0.67),934px 70px rgba(199,210,254,0.81),552px 485px rgba(199,210,254,0.73),133px 62px rgba(199,210,254,0.75),634px 662px rgba(199,210,254,0.67),1395px 841px rgba(199,210,254,0.60),1467px 395px rgba(199,210,254,0.84),710px 23px rgba(199,210,254,0.87),727px 172px rgba(199,210,254,0.69),1011px 60px rgba(199,210,254,0.47),588px 132px rgba(199,210,254,0.76),814px 400px rgba(199,210,254,0.85),1016px 82px rgba(199,210,254,0.44),822px 562px rgba(199,210,254,0.50),280px 838px rgba(199,210,254,0.59),1126px 285px rgba(199,210,254,0.74),734px 699px rgba(199,210,254,0.84),472px 154px rgba(199,210,254,0.40),309px 237px rgba(199,210,254,0.71),24px 496px rgba(199,210,254,0.81),373px 269px rgba(199,210,254,0.51),298px 429px rgba(199,210,254,0.64),1248px 579px rgba(199,210,254,0.53),257px 707px rgba(199,210,254,0.82),1264px 670px rgba(199,210,254,0.72),110px 467px rgba(199,210,254,0.84),1597px 895px rgba(199,210,254,0.72),1145px 401px rgba(199,210,254,0.57),807px 106px rgba(199,210,254,0.61),820px 63px rgba(199,210,254,0.45),427px 451px rgba(199,210,254,0.44),696px 615px rgba(199,210,254,0.38),0px 580px rgba(199,210,254,0.43),207px 372px rgba(199,210,254,0.69),144px 895px rgba(199,210,254,0.46),770px 152px rgba(199,210,254,0.70),711px 616px rgba(199,210,254,0.55),251px 118px rgba(199,210,254,0.82),954px 491px rgba(199,210,254,0.62),175px 147px rgba(199,210,254,0.41);opacity:.55;animation:csTw 7s ease-in-out infinite alternate}
.pg .cs-stars::after{content:"";box-shadow:701px 758px rgba(199,210,254,0.37),1417px 165px rgba(199,210,254,0.48),420px 540px rgba(199,210,254,0.41),1413px 556px rgba(199,210,254,0.66),1552px 540px rgba(199,210,254,0.38),1316px 884px rgba(199,210,254,0.29),534px 530px rgba(199,210,254,0.42),342px 364px rgba(199,210,254,0.60),1090px 554px rgba(199,210,254,0.60),675px 651px rgba(199,210,254,0.35),1553px 873px rgba(199,210,254,0.34),490px 837px rgba(199,210,254,0.43),464px 204px rgba(199,210,254,0.48),728px 748px rgba(199,210,254,0.26),57px 809px rgba(199,210,254,0.38),530px 198px rgba(199,210,254,0.56),705px 457px rgba(199,210,254,0.61),1480px 357px rgba(199,210,254,0.68),746px 82px rgba(199,210,254,0.35),464px 481px rgba(199,210,254,0.34),418px 494px rgba(199,210,254,0.53),1249px 860px rgba(199,210,254,0.25),1337px 352px rgba(199,210,254,0.61),173px 854px rgba(199,210,254,0.55),795px 801px rgba(199,210,254,0.57),408px 489px rgba(199,210,254,0.65),888px 808px rgba(199,210,254,0.54),177px 820px rgba(199,210,254,0.68),1478px 405px rgba(199,210,254,0.46),1522px 86px rgba(199,210,254,0.58),348px 130px rgba(199,210,254,0.26),1209px 476px rgba(199,210,254,0.61),299px 626px rgba(199,210,254,0.62),971px 673px rgba(199,210,254,0.67),319px 561px rgba(199,210,254,0.50),43px 14px rgba(199,210,254,0.61),1487px 665px rgba(199,210,254,0.30),1534px 142px rgba(199,210,254,0.45),398px 845px rgba(199,210,254,0.64),57px 257px rgba(199,210,254,0.35),1026px 246px rgba(199,210,254,0.59),667px 265px rgba(199,210,254,0.49),268px 62px rgba(199,210,254,0.66),724px 469px rgba(199,210,254,0.55),1058px 430px rgba(199,210,254,0.62),1027px 133px rgba(199,210,254,0.49),1072px 522px rgba(199,210,254,0.26),901px 795px rgba(199,210,254,0.33),8px 794px rgba(199,210,254,0.61),352px 144px rgba(199,210,254,0.46);animation:csTw 9s ease-in-out -4s infinite alternate-reverse}
.pg .cs-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
@keyframes csTw{from{opacity:.25}to{opacity:.7}}
.pg .cs-beam{position:absolute;height:1px;width:28%;left:-30%;background:linear-gradient(90deg,transparent,rgba(165,180,252,.45),transparent);opacity:.5;animation:csBeam 16s linear infinite}
.pg .cs-beam:nth-child(2){top:22%;animation-delay:0s}
.pg .cs-beam:nth-child(3){top:47%;animation-duration:22s;animation-delay:-8s;opacity:.35}
.pg .cs-beam:nth-child(4){top:71%;animation-duration:19s;animation-delay:-14s;opacity:.3}
@keyframes csBeam{to{transform:translateX(480%)}}
@media (prefers-reduced-motion:reduce){.pg .cs-stars,.pg .cs-stars::after,.pg .cs-beam{animation:none}.pg .cs-beam{display:none}}
@media (max-width:899px){.pg .case-hero .hm-grid{min-height:0;padding-top:clamp(84px,12vh,110px);padding-bottom:40px}.pg .case-hero-shot{padding:28px 0 0}}

/* хаб: веер из трёх скриншотов с цифрой, медленно «дышит» */
.pg .case-fan{position:relative;z-index:2;height:clamp(300px,34vw,440px);margin-left:clamp(0px,3vw,40px)}
.pg .cf-fan-i{position:absolute;width:74%;border-radius:14px;transition:transform .6s var(--ease-r,ease)}
.pg .cf-fan-i .cx-win{box-shadow:0 30px 70px -26px rgba(0,0,0,.85),0 0 0 1px rgba(129,140,248,.28);cursor:default}
.pg .cf-fan-i .cx-win::after{display:none}
.pg .cf-fan-n{margin:10px 0 0 4px;font-size:14px;color:var(--text-2)}
.pg .cf-fan-n b{color:#fff;font:600 20px/1 var(--font-head);letter-spacing:-.02em;margin-right:6px}
.pg .cf-fan-1{left:0;top:4%;transform:rotate(-5deg);z-index:1;animation:csFloat 9s ease-in-out infinite}
.pg .cf-fan-2{left:22%;top:30%;transform:rotate(2deg);z-index:3;animation:csFloat 11s ease-in-out -3s infinite}
.pg .cf-fan-3{left:8%;top:58%;transform:rotate(-1.5deg);z-index:2;animation:csFloat 10s ease-in-out -6s infinite}
@keyframes csFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media (prefers-reduced-motion:reduce){.pg .cf-fan-i{animation:none}}
@media (max-width:899px){.pg .case-fan{height:auto;margin:24px 0 0}.pg .cf-fan-i{position:relative;width:88%;left:auto!important;top:auto!important;margin:0 0 -18px}.pg .cf-fan-2{margin-left:12%}}
.pg .case-hero h1 .h1-l{white-space:normal}
.pg .cf-fan-n{position:absolute;left:14px;bottom:12px;margin:0;padding:6px 12px;border-radius:999px;background:rgba(10,10,24,.86);box-shadow:0 0 0 1px rgba(129,140,248,.35);font-size:13px;white-space:nowrap}
.pg .cf-fan-n b{font-size:16px}
.pg .case-stat b.long{font-size:clamp(30px,2.9vw,46px);white-space:normal}
.pg .case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:start}
.pg .case-gallery .cx-win{cursor:default}
.pg .case-gallery .cx-win::after{display:none}
.pg .case-list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.pg .case-gallery,.pg .case-list{grid-template-columns:1fr}}
/* DE: первый экран кейса без KI-скриншота — крупная цифра */
.pg .case-hero-stat{position:relative;z-index:2;margin:0 0 0 clamp(0px,3vw,48px);padding:clamp(28px,3vw,44px)}
.pg .case-hero-stat b{display:block;font:600 clamp(48px,5.4vw,84px)/1 var(--font-head);letter-spacing:-.045em;color:#fff}
.pg .case-hero-stat span{display:block;margin-top:14px;font-size:clamp(17px,1.4vw,20px);color:var(--text-2)}
.pg .case-hero-stat small{display:block;margin-top:8px;font-size:14px;color:var(--text-3)}
.pg .case-mini-stat{display:flex;flex-direction:column;justify-content:center;padding:22px 26px;min-height:150px}
.pg .case-mini-stat b{font:600 clamp(30px,2.6vw,42px)/1 var(--font-head);letter-spacing:-.04em;color:#fff}
.pg .case-mini-stat span{margin-top:8px;font-size:14px;color:#c7d2fe}
/* ЦБ 12, И: хаб /cases — первый экран по высоте содержимого, без зазора до карточек; карточки сразу под ним, отступ как между секциями /seo */
.pg .hero-map.case-hub{min-height:0}
.pg .case-hub .hm-grid{min-height:0;padding-bottom:0}
.pg .case-hub-list{padding-top:clamp(96px,12vw,170px)}