/* Общий фон внутренних страниц = главная (палитра «deep»): графит #0a0a0b, три плавающих пятна света, мягкие цветные подсветки секций.
   Подключается генераторами после case.css. Огни создаёт react-media-bg.js (класс .hv9-lights, тот же, что на главной). */
html,body{background:#0a0a0b}
body{--lt1:rgba(200,205,235,.24);--lt2:rgba(99,102,241,.22);--lt3:rgba(168,85,247,.16)}
.hv9-lights{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hv9-lights i{position:absolute;left:0;top:0;width:820px;height:820px;border-radius:50%;will-change:transform;transform:translate(-50%,-50%);opacity:.95}
.hv9-lights .l1{background:radial-gradient(circle,var(--lt1) 0%,rgba(210,215,235,.08) 30%,transparent 68%)}
.hv9-lights .l2{width:640px;height:640px;background:radial-gradient(circle,var(--lt2) 0%,rgba(99,102,241,.06) 30%,transparent 68%)}
.hv9-lights .l3{width:1000px;height:1000px;background:radial-gradient(circle,var(--lt3) 0%,rgba(200,205,225,.05) 30%,transparent 68%)}
@media (prefers-reduced-motion:reduce){.hv9-lights{display:none}}
main,footer{position:relative;z-index:1}
/* зерно, как .hero-noise на главной: фиксированный слой над огнями, под контентом */
.hv9-lights::after{content:"";position:absolute;inset:0;opacity:.09;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='3'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
/* размытое пятно в хиро кейсов обрезалось по overflow:hidden жёсткой линией: гасим его, свет дают общие огни */
.case-hero::before{display:none}
/* карточки кейсов: подписи под цифрами всегда на две строки, чтобы полоса и цифры были на одной линии во всех плитах */
.mc .mm div span{display:block;line-height:16px;min-height:48px}
.mc .mm div{flex:1 1 0;min-width:0}
/* на списке кейсов три показателя: под цифру резервируем две строки, чтобы «24% → 27%» на узкой колонке не сбивал подписи */
.more-2 .mc .mm div strong{line-height:1.1;min-height:2.2em}
/* с 801px карточки в две колонки: «24% → 27%» помещается в одну строку, колонка по ширине значения */
@media (min-width:801px){.more-2 .mc .mm div strong{white-space:nowrap;min-height:0}.more-2 .mc .mm div:last-child{flex:1.4 1 0}}
/* отступ под шапкой как на главной: первый текст на ~120px от верха, а не на 216 */
/* низ шапки: ~123px при ≥1241 (top 40 + бар выше на широких), 90px при 1001–1240 (top 24), 80px при ≤1000 (top 14); плюс ~26px воздуха */
.case-hero,.v2-hero{padding-top:150px!important}
@media (max-width:1240px){.case-hero,.v2-hero{padding-top:116px!important}}
@media (max-width:1000px){.case-hero,.v2-hero{padding-top:104px!important}}
/* точечная сетка через 26px поверх всей страницы, как body::after на главной (палитра mix) */
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2726%27 height=%2726%27%3E%3Ccircle cx=%271%27 cy=%271%27 r=%271%27 fill=%27rgba(255,255,255,0.075)%27/%3E%3C/svg%3E");background-size:26px 26px}

/* телефон и планшет: без размытия фона и наложения шума — они пересчитываются на каждом кадре и тормозят прокрутку и раскрывающиеся списки */
@media (hover:none),(max-width:800px){
  .hv9-lights::after{mix-blend-mode:normal;opacity:.05}
  *,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* сайт тёмный сам по себе: браузеры с «тёмной темой для сайтов» не должны его перекрашивать */
:root{color-scheme:dark}

/* ===== мобильная версия внутренних страниц v2 (25.09.2026) ===== */
@media (max-width:760px){
  /* заголовки: 4–5 строк вместо 6–8 */
  html body main h1,html body header h1{font-size:clamp(26px,7.6vw,30px)!important;line-height:1.08!important;letter-spacing:-.03em!important}
  html body main h2,html body section h2{font-size:clamp(23px,6.6vw,27px)!important;line-height:1.1!important}
  html body .prose h2{font-size:22px!important}
  /* шапка и нижняя панель прячутся при прокрутке вниз (класс ставит react-media-bg.js) */
  html body .nav,html body .contact-dock{transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .25s}
  html.m-hide-bars body .nav{transform:translateY(-120%)!important}
  html.m-hide-bars body .contact-dock{transform:translateY(130%)!important;opacity:0}
}

/* ленты на внутренних страницах (классы .m-car ставит react-media-bg.js): кейсы, «Обычно берут вместе», отзывы, команда */
.car-nav{display:none}
@media (max-width:760px){
  html body .m-car{--gut:16px;display:flex!important;grid-template-columns:none!important;flex-direction:row!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:12px!important;margin-inline:calc(-1 * var(--gut))!important;padding-inline:var(--gut)!important;scroll-padding-inline:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch}
  html body .m-car::-webkit-scrollbar{display:none}
  html body .m-car>*{flex:0 0 calc(100% - 26px)!important;max-width:none!important;margin:0!important;scroll-snap-align:start;opacity:1!important;transform:none!important;transition:none!important;display:flex!important;flex-direction:column}
  html body .m-car>.v2-review.more{display:flex!important}
  html body .v2-more-wrap{display:none!important}
  html body .car-nav{display:flex!important;align-items:center;gap:10px;margin-top:16px}
  html body .car-nav button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#f6f4ee;display:grid;place-items:center;font-size:18px;line-height:1;cursor:pointer;transition:opacity .2s}
  html body .car-nav button:disabled{opacity:.35;cursor:default}
  html body .car-nav .cnt{margin-left:auto;font-family:'JetBrains Mono','JetBrains Fallback',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;color:rgba(246,244,238,.55)}
}
/* каталог кейсов на телефоне: компактные карточки — фото ниже, без вводного абзаца (он есть внутри кейса) */
@media (max-width:760px){
  html body .more:not(.m-car) .mc .ph{aspect-ratio:2.2/1}
  html body .more:not(.m-car) .mc .body{padding:16px 16px 18px;gap:10px}
  html body .more:not(.m-car) .mc .body>p{display:none}
  html body .more:not(.m-car) .mc h3{font-size:18px}
  html body .more:not(.m-car) .mc .mm{padding-top:12px;gap:14px}
  html body .more:not(.m-car){gap:14px!important}
}

/* текст только для экранных читалок и поисковиков */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* отзывы на внутренних страницах (телефон): тёмные карточки чуть светлее фона, лаймовая кавычка */
@media (max-width:760px){
  html body section#reviews .v2-review{background:linear-gradient(180deg,#1d1d26,#16161d)!important;border:1px solid rgba(255,255,255,.09)!important}
  html body section#reviews .v2-review .qm{color:#d8ff3e!important}
}

/* ===== Карточка кейса на телефоне v3 (как на главной): фото с меткой, заголовок 4 строки, 2 плитки цифр одинаковой высоты, цветной акцент ===== */
@media (max-width:1000px){
  html body .more>.mc:nth-child(4n+1){--ac:#d8ff3e}
  html body .more>.mc:nth-child(4n+2){--ac:#8f91ff}
  html body .more>.mc:nth-child(4n+3){--ac:#ffb547}
  html body .more>.mc:nth-child(4n+4){--ac:#5ee6c8}
  html body .more>.mc{position:relative;border-radius:24px!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden;
    background:linear-gradient(180deg,#15151c 0%,#15151c 45%,color-mix(in srgb,var(--ac) 12%,#111116) 100%)!important}
  html body .more>.mc .ph{aspect-ratio:auto!important;height:176px;position:relative}
  html body .more>.mc .ph::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,transparent,#15151c)}
  html body .more>.mc .body{padding:4px 18px 18px!important;gap:14px!important;flex:1;display:flex;flex-direction:column}
  html body .more>.mc .body>.tag{position:absolute;top:12px;left:12px;z-index:2;padding:6px 10px;border-radius:100px;background:var(--ac);color:#0a0a0b!important;font-size:11px!important;letter-spacing:.06em;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .more>.mc .body>p{display:none!important}
  html body .more>.mc h3{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;font-size:clamp(15px,4.4vw,17px)!important;line-height:1.22!important;height:calc(5 * 1.22em);margin:0!important}
  html body .more>.mc h3 b{color:var(--ac)!important}
  html body .more>.mc .mm{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:auto!important;padding:0!important;border:0!important}
  html body .more>.mc .mm>div{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);height:104px;box-sizing:border-box;min-width:0}
  html body .more>.mc .mm>div span{min-height:0!important;margin-top:auto;flex-shrink:0}
  html body .more>.mc .mm>div strong{flex-shrink:0}
  html body .more>.mc .mm>div:nth-child(n+3){display:none!important}
  html body .more>.mc .mm strong{font-size:22px!important;line-height:1.05!important;color:var(--ac)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .more>.mc .mm span{font-family:'Manrope','Manrope Fallback',sans-serif!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.3!important;color:rgba(246,244,238,.72)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  html body .more>.mc::after{content:"Смотреть кейс  →";display:flex;align-items:center;margin:0 18px 18px;padding:13px 16px;border-radius:100px;background:rgba(255,255,255,.06);font-size:15px;font-weight:500;color:#f6f4ee}
}
@media (max-width:1000px){html body .more>.mc .mm strong{line-height:1.2!important;overflow:visible!important;text-overflow:clip!important;padding-top:1px}}
@media (max-width:1000px){
  html body .more>.mc::after{content:"Смотреть кейс";font-family:'Unbounded','Unbounded Fallback',sans-serif;font-size:15px;font-weight:500;letter-spacing:-.01em;padding:0 16px;height:60px;box-sizing:border-box}
  html body .more>.mc[href*="blog/"]::after{content:"Читать статью"}
  html body .more>.mc::before{content:"↗";position:absolute;right:30px;bottom:30px;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--ac);color:#0a0a0b;display:grid;place-items:center;font-size:16px}
}

/* планшет 761–1000: кейсы в 2 колонки, неполный ряд карточек и команды — по центру (симметрия) */
@media (min-width:761px) and (max-width:1000px){
  html body .more:not(.v2-review){display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px!important}
  html body .more:not(.v2-review)>.mc{flex:0 0 calc((100% - 16px)/2);min-width:0}
  html body .svc-more,html body .v2-team{display:flex!important;flex-wrap:wrap;justify-content:center;gap:16px!important}
  html body .svc-more>*,html body .v2-team>*{flex:0 0 calc((100% - 16px)/2);min-width:0}
}