/* ТЕСТ v9 «микс»: устройство из v2 + ленты на первом экране, заголовок как в v3 с лаймовой плашкой и курсором из v8,
   все секции как матовые стеклянные плиты с одинаковыми отступами и меткой блока, терминал в контактах */
/* home-base.css подключается отдельной ссылкой в index.html (раньше @import — лишняя цепочка загрузки) */
/* как у mediacontext: нейтральный фон страницы, каждая секция — сплошная плита в поле 16px, плиты чередуются по тону */
/* ===== ТЕМЫ v9: перекрашивают всю страницу (страница, плиты, карточки, линии, шапка) и задают фон с характером =====
   --pg страница · --pl плита · --pl2 плита светлее · --hero устройство · --card/--card-2/--line/--bg-2 токены компонентов */
html body[data-look="mix"]{--pg:#0a0a0b;--pl:#13131a;--pl2:#1a1a22;--hero:#13131a;--bg:#0a0a0d;--bg-2:#13131a;--card:#1b1b23;--card-2:#22222c;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.18);background:var(--pg)!important}
html body[data-look="mix"]::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 600px at 12% 8%,rgba(99,102,241,.10),transparent 60%),radial-gradient(800px 600px at 88% 30%,rgba(168,85,247,.08),transparent 60%)}
/* 2. Аврора: живой градиент неба (getlayers), плиты как тёмное стекло, сквозь которое он виден */
html body[data-look="mix"][data-palette="aurora"]{--pg:#070a16;--pl:rgba(14,18,40,.72);--pl2:rgba(20,24,52,.72);--hero:rgba(12,14,34,.8);--bg:#070a16;--bg-2:#10142a;--card:rgba(22,26,58,.7);--card-2:rgba(30,34,70,.7);--line:rgba(160,170,255,.14);--line-2:rgba(160,170,255,.28)}
html body[data-look="mix"][data-palette="aurora"]::before{background:radial-gradient(60% 50% at 20% 10%,rgba(99,102,241,.55),transparent 70%),radial-gradient(50% 45% at 85% 25%,rgba(168,85,247,.45),transparent 70%),radial-gradient(45% 40% at 60% 90%,rgba(45,212,191,.32),transparent 70%),radial-gradient(40% 40% at 10% 80%,rgba(216,255,62,.14),transparent 70%);filter:blur(40px);animation:hv9aurora 22s ease-in-out infinite alternate}
@keyframes hv9aurora{from{transform:translate3d(-3%,-2%,0) scale(1.05)}to{transform:translate3d(3%,3%,0) scale(1.15)}}
html body[data-look="mix"][data-palette="aurora"] main > section:not(.hero):not(.fly),html body[data-look="mix"][data-palette="aurora"] footer.footer,html body[data-look="mix"][data-palette="aurora"] .hv2-plate{backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(160,170,255,.12)!important}
/* 3. Чертёж: тонкая сетка и точки на всей странице, плиты с обводкой, инженерный характер */
html body[data-look="mix"][data-palette="blueprint"]{--pg:#0b0d12;--pl:#12151d;--pl2:#171b25;--hero:#11141c;--bg:#0b0d12;--bg-2:#12151d;--card:#181c27;--card-2:#1e2330;--line:rgba(120,160,255,.14);--line-2:rgba(120,160,255,.3)}
html body[data-look="mix"][data-palette="blueprint"]::before{background:linear-gradient(rgba(120,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.07) 1px,transparent 1px),radial-gradient(circle,rgba(120,160,255,.22) 1px,transparent 1.5px);background-size:96px 96px,96px 96px,24px 24px;background-position:0 0,0 0,12px 12px}
html body[data-look="mix"][data-palette="blueprint"] main > section:not(.hero):not(.fly),html body[data-look="mix"][data-palette="blueprint"] footer.footer,html body[data-look="mix"][data-palette="blueprint"] .hv2-plate{border:1px solid rgba(120,160,255,.16)!important}
html body[data-look="mix"][data-palette="blueprint"] .eyebrow,html body[data-look="mix"][data-palette="blueprint"] .hv3-meta-text{color:#8fb0ff}
/* 4. Неон (Cyber Chrome): чёрно-фиолетовая ночь, плиты с внутренним свечением по краю */
html body[data-look="mix"][data-palette="neon"]{--pg:#06060f;--pl:#0e0e22;--pl2:#14142e;--hero:#0d0d20;--bg:#06060f;--bg-2:#0e0e22;--card:#161636;--card-2:#1c1c44;--line:rgba(168,85,247,.18);--line-2:rgba(168,85,247,.34);--accent:#a855f7}
html body[data-look="mix"][data-palette="neon"]::before{background:radial-gradient(700px 500px at 15% 0%,rgba(168,85,247,.28),transparent 65%),radial-gradient(800px 600px at 90% 40%,rgba(59,130,246,.22),transparent 65%),radial-gradient(600px 500px at 50% 100%,rgba(216,255,62,.10),transparent 65%)}
html body[data-look="mix"][data-palette="neon"] main > section:not(.hero):not(.fly),html body[data-look="mix"][data-palette="neon"] footer.footer,html body[data-look="mix"][data-palette="neon"] .hv2-plate{box-shadow:inset 0 0 0 1px rgba(168,85,247,.22),inset 0 40px 120px -60px rgba(168,85,247,.35)}
/* 6. Контраст (mediacontext): тёмные и бумажные плиты чередуются */
html body[data-look="mix"][data-palette="contrast"]{--pg:#050507;--pl:#151519;--pl2:#f3f2ec;--hero:#151519;--bg:#050507;--bg-2:#151519;--card:#1d1d22;--card-2:#24242a}
html body[data-look="mix"][data-palette="contrast"]::before{background:none}
/* 7. Лайм: чёрная страница, плиты с лаймовой кромкой, контакты лаймовые */
html body[data-look="mix"][data-palette="lime"]{--pg:#0a0a0d;--pl:#12121a;--pl2:#191924;--hero:#12121a;--bg:#0a0a0d;--bg-2:#12121a;--card:#1a1a24;--card-2:#21212c;--line:rgba(216,255,62,.14);--line-2:rgba(216,255,62,.3)}
html body[data-look="mix"][data-palette="lime"]::before{background:radial-gradient(800px 600px at 50% -10%,rgba(216,255,62,.14),transparent 65%),radial-gradient(700px 500px at 100% 100%,rgba(216,255,62,.08),transparent 65%)}
html body[data-look="mix"][data-palette="lime"] main > section:not(.hero):not(.fly),html body[data-look="mix"][data-palette="lime"] footer.footer,html body[data-look="mix"][data-palette="lime"] .hv2-plate{box-shadow:inset 0 0 0 1px rgba(216,255,62,.12)}

html body[data-look="mix"] main,html body[data-look="mix"] footer{position:relative;z-index:1}
.look-switch{display:none!important}
/* hero = ровно один экран: шапка · устройство (тянется) · ленты у нижнего края. Размеры привязаны к высоте окна */
.hero-v9{padding:115px 16px 0!important;height:100vh;height:100dvh;min-height:620px;display:flex!important;flex-direction:column;overflow:hidden;background:var(--bg)}
.hero-v9 > .container{flex:1 1 auto;min-height:0;display:flex}
.hero-v9 .hv2-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:28px 56px 44px}
@media (min-width:1001px){.hero-v9 .hv2-grid .hero-rm-text{padding-bottom:60px}}
.hero-v9 .hv2-grid{gap:40px;align-items:center}
.hero-v9 .hv3-meta{margin-bottom:clamp(10px,2vh,22px)}
.hero-v9 .hero-rm-title{margin-bottom:clamp(12px,2.4vh,24px)}
.hero-v9 .hero-rm-text{container-type:inline-size}
.hero-v9 .hero-rm-title .line{font-size:clamp(40px,min(6.2vw,10.4vh,11.9cqw + 3px),104px);letter-spacing:-.05em;line-height:.96}
.hero-v9 .hv9-chip{color:#08080a;background:var(--lime);padding:0 .12em;border-radius:.12em;display:inline-block;width:max-content;transform:rotate(-1.2deg);box-shadow:0 20px 60px rgba(216,255,62,.18)}
.hv9-cur{display:inline-block;width:.58em;height:.09em;background:#08080a;margin-left:.1em;vertical-align:baseline;margin-bottom:.02em;border-radius:1px;animation:hv9blink 1s steps(2) infinite}
@keyframes hv9blink{50%{opacity:0}}
.hero-v9 .hero-rm-desc{font-size:clamp(14px,1.9vh,16px);max-width:520px;line-height:1.6;margin-bottom:0}
.hero-v9 .hv2-grid .hero-rm-card{padding:0}
.hero-v9 .hero-ribbons{flex:0 0 auto;height:118px;margin:10px -16px 0;overflow:hidden;position:relative}
.hero-v9 .hv2-tab{z-index:3}
/* невысокие окна: дашборды масштабируются */

@media (max-height:720px){.hero-v9 .hero-rm-desc{max-width:440px}.hero-v9 .hero-ribbons{height:96px}}
@media (max-height:640px){.hero-v9{min-height:560px}}
/* портретные экраны (планшет вертикально): устройство по контенту, не тянем на всю высоту */
@media (max-aspect-ratio:1/1) and (min-width:641px){.hero-v9 .hv2-wrap{padding:40px 32px 44px}.hero-v9 .hero-rm-title .line{font-size:clamp(40px,min(7.4vw,9vh,11.8cqw),100px)}.hero-v9 .hero-rm-desc{font-size:clamp(15px,1.8vh,17px);max-width:44ch}.hero-v9 .hv2-grid{gap:28px}}
@media (min-height:1000px) and (min-width:1001px){.hero-v9 .hv2-wrap{padding-top:48px}}
/* пилюля версий: компактная, раскрывается по наведению, не лезет в сцену */
.hv2-switch{top:auto;bottom:14px;left:16px;max-width:calc(100vw - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75;transition:opacity .2s}
.hv2-switch:hover{opacity:1}
/* видео-блок остаётся во всю ширину, без плиты (sticky внутри не терпит overflow:hidden) */
html body[data-look="mix"] .fly{margin:0;border-radius:0;overflow:visible}
/* рамка сайта: поле 16px задаёт main; за ним только сквозные ленты */
html body[data-look="mix"] main{padding:0 16px}
html body[data-look="mix"] .hero-v9{padding-left:0!important;padding-right:0!important}
html body[data-look="mix"] .hero-v9 .hero-ribbons{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}
html body[data-look="mix"] .hv2-plate{background:var(--hero)}
html body[data-look="mix"][data-palette="aurora"] .hv2-plate .hero-bg,html body[data-look="mix"][data-palette="neon"] .hv2-plate .hero-bg{opacity:.55}
/* никаких чёрных подложек под плитами: сами секции прозрачные, цвет только у плит */
html body[data-look="mix"] .hero-v9,html body[data-look="mix"] .hero-v9 .hero-ribbons{background:transparent!important}
/* у действующей главной hero заканчивается тёмным градиентом ::after — в концепции плит он даёт чёрную полосу под устройством */
html body[data-look="mix"] .hero-v9::after,html body[data-look="mix"] .hero-v9::before{display:none!important}
/* каждая секция — плита; тёмные и светлые чередуются */
html body[data-look="mix"] main > section:not(.hero):not(.fly){margin:0 0 16px!important;border:0!important;border-radius:44px!important;background:var(--pl)!important;padding:120px 0!important;position:relative;overflow:clip}
html body[data-look="mix"] main > section.clients:not(.hero):not(.fly),html body[data-look="mix"] main > section.principles:not(.hero):not(.fly),html body[data-look="mix"] main > section.reviews:not(.hero):not(.fly),html body[data-look="mix"] main > section.contact:not(.hero):not(.fly){background:var(--pl2)!important}
html body[data-look="mix"] footer.footer{margin:0 16px 16px!important;border-radius:44px!important;background:var(--pl)!important;border:0!important;overflow:clip;padding:100px 0 32px!important}
html body[data-look="mix"] .section-accent::before,html body[data-look="mix"] .section-accent::after{display:none!important}
html body[data-look="mix"] .principles .proc-wrap{background:transparent;border:0;padding:0 40px}
@media (max-width:768px){html body[data-look="mix"] .principles .proc-wrap{padding:0 20px}}
/* видео — «история» между блоками: во всю ширину, прозрачное до прихода пользователя, проявляется и гаснет,
   а на затухании плита услуг уже наезжает сверху */
html body[data-look="mix"] .fly{--bg:var(--pg);margin:0 -16px 0!important;padding:0!important;border-radius:0;overflow:visible;background:transparent!important}
html body[data-look="mix"] .fly-sticky{border-radius:0;background:transparent}
html body[data-look="mix"] .fly-canvas{background:transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 80%,transparent 100%)}
html body[data-look="mix"] main > .fly + section:not(.hero):not(.fly){margin-top:-42vh!important;position:relative;z-index:2}
html body[data-look="mix"] main{overflow-x:clip}
html body[data-look="mix"] .hero-v9{position:relative;z-index:3;overflow:visible}
html body[data-look="mix"] .hero-v9 .ribbon-dark{background:var(--hero)!important;border-color:rgba(255,255,255,.08)}
html body[data-look="mix"] .hero-v9 .hero-ribbons{height:auto;overflow:visible;margin-top:6px}
.hv9-meta{display:none!important}
/* метка блока: как у кейсов «кейс 03 / 04 · b2b» */
.hv9-meta{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;border-bottom:1px solid rgba(255,255,255,.07);font-family:'JetBrains Mono','JetBrains Fallback',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);z-index:2}
.hv9-meta em{font-style:normal;color:var(--fg-mute)}
.hv9-bc{width:64px;height:18px;background:repeating-linear-gradient(90deg,var(--fg-mute) 0 1px,transparent 1px 3px,var(--fg-mute) 3px 5px,transparent 5px 7px,var(--fg-mute) 7px 8px,transparent 8px 12px);opacity:.8}
.hv2-idx{display:none}
/* терминал в контактах (стили из v8) */
.hv8-term{background:#0b0b10;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(216,255,62,.08);font-family:'JetBrains Mono','JetBrains Fallback',monospace;margin-bottom:28px}
.hv8-term-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px;color:var(--fg-mute);letter-spacing:.06em}
.hv8-term-h i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.hv8-term-h i:nth-child(1){background:#ff5f57}.hv8-term-h i:nth-child(2){background:#febc2e}.hv8-term-h i:nth-child(3){background:#28c840}
.hv8-term-h span{margin-left:8px}
.hv8-term-b{margin:0;padding:18px 18px 22px;font-size:13px;line-height:1.8;color:rgba(246,244,238,.85);min-height:250px;white-space:pre-wrap}
@media (max-width:1000px){.hero-v9 .hv2-wrap{padding:24px 28px 40px}.hero-v9 .hv2-grid{gap:24px}}
@media (max-width:960px){html body[data-look="mix"] main{padding:0 10px}html body[data-look="mix"] .hero-v9 .hero-ribbons{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}html body[data-look="mix"] main > section:not(.hero):not(.fly){margin:0 0 10px!important;border-radius:28px!important;padding:80px 0!important}html body[data-look="mix"] footer.footer{margin:0 10px 10px!important;border-radius:28px!important}html body[data-look="mix"] .fly{margin:0 -10px 0!important}}
@media (max-width:640px){.hero-v9{height:auto;min-height:0;padding:104px 0 0!important}.hero-v9 .hv2-wrap{padding:24px 18px 28px;min-height:0}.hero-v9 .hero-rm-title .line{font-size:clamp(30px,min(11vw,11.8cqw),56px)}.hero-v9 .hero-ribbons{height:auto;margin:12px -8px 0}.hv2-switch{bottom:auto;top:92px;left:12px;right:12px;font-size:10px}}

/* палитра «контраст»: светлые плиты у клиентов, принципов, отзывов и вопросов (как чёрно-белое чередование у mediacontext) */
html body[data-look="mix"][data-palette="contrast"] main > section.clients,html body[data-look="mix"][data-palette="contrast"] main > section.principles,html body[data-look="mix"][data-palette="contrast"] main > section.reviews,html body[data-look="mix"][data-palette="contrast"] main > section.contact{
  --bg:#f3f2ec;--bg-2:#eae9e2;--card:#ffffff;--card-2:#f6f5f0;--fg:#0e0e10;--fg-dim:rgba(14,14,16,.7);--fg-mute:rgba(14,14,16,.48);--line:rgba(14,14,16,.12);--line-2:rgba(14,14,16,.24);--lime:#4f46e5;color:var(--fg)}
html body[data-look="mix"][data-palette="contrast"] .principles .pain{background:#d8ff3e}
html body[data-look="mix"][data-palette="contrast"] .hv2-pane{background:#fff}
html body[data-look="mix"][data-palette="contrast"] .logo-card img{filter:invert(1) hue-rotate(180deg) grayscale(1)}
/* палитра «лайм»: контакты и футер лаймовые, текст чёрный */
html body[data-look="mix"][data-palette="lime"] main > section.contact:not(.hero):not(.fly){background:#d8ff3e!important;--fg:#0a0a0b;--fg-dim:rgba(10,10,11,.7);--fg-mute:rgba(10,10,11,.5);--line:rgba(10,10,11,.14);--line-2:rgba(10,10,11,.3);--card:rgba(255,255,255,.35);color:#0a0a0b}
html body[data-look="mix"][data-palette="lime"] .contact-form{background:rgba(255,255,255,.35);border-color:rgba(10,10,11,.15);backdrop-filter:none}
html body[data-look="mix"][data-palette="lime"] .form-input{background:rgba(255,255,255,.6);color:#0a0a0b;border-color:rgba(10,10,11,.2)}
html body[data-look="mix"][data-palette="lime"] .form-check{color:#0a0a0b;border-color:rgba(10,10,11,.3);background:rgba(255,255,255,.4)}
html body[data-look="mix"][data-palette="lime"] .contact .btn-accent{background:#0a0a0b;color:#d8ff3e}
html body[data-look="mix"][data-palette="lime"] .contact-header p,html body[data-look="mix"][data-palette="lime"] .contact label,html body[data-look="mix"][data-palette="lime"] .contact .lbl,html body[data-look="mix"][data-palette="lime"] .contact .val,html body[data-look="mix"][data-palette="lime"] .contact .form-agree{color:rgba(10,10,11,.72)!important}
html body[data-look="mix"][data-palette="lime"] .contact .val a,html body[data-look="mix"][data-palette="lime"] .contact-lead-title{color:#0a0a0b!important}
html body[data-look="mix"][data-palette="lime"] .contact .section-title,html body[data-look="mix"][data-palette="lime"] .contact .section-title span{color:#0a0a0b!important}
/* переключатель палитр */
.hv9-pal{position:fixed;right:16px;top:92px;z-index:60;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(8,8,10,.8);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.hv9-pal button{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:var(--c)}
.hv9-pal button.on{border-color:#d8ff3e}
.hv9-pal button span{position:absolute;left:-9999px}
@media (max-width:960px){.hv9-pal{top:auto;bottom:150px;right:12px}}

/* ===== одна система поверхностей: тёмное стекло одного холодного тона, различия только по плотности =====
   огни сзади — единственный источник цвета */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) footer.footer{background:rgba(18,18,20,.72)!important;border:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(30px) saturate(1.15);-webkit-backdrop-filter:blur(30px) saturate(1.15);box-shadow:none}
/* через один — чуть плотнее/светлее: клиенты, принципы, отзывы, вопросы */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.clients:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.principles:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.reviews:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){background:rgba(26,26,29,.74)!important}
/* устройство hero — то же стекло, старые цветные пятна выключены, сетка hero как в основной версии */
html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-plate{background:rgba(12,12,14,.6);backdrop-filter:blur(30px) saturate(1.15);-webkit-backdrop-filter:blur(30px) saturate(1.15);border:1px solid rgba(255,255,255,.07)}
html body[data-look="mix"] .hv2-plate .hero-bg{opacity:1}
html body[data-look="mix"] .hv2-plate .hero-blob-1{display:block;opacity:.34}
html body[data-look="mix"] .hv2-plate .hero-blob-2{display:block;opacity:.2}
html body[data-look="mix"] .hv2-plate .hero-blob-3{display:block;opacity:.16}
html body[data-look="mix"] .hv2-plate .hero-grid{opacity:.6}
html body[data-look="mix"] .hv2-plate .hero-noise{opacity:.06}
/* дашборды — матовое стекло: за веером стоят два источника света (лайм и индиго), стекло их размывает и «преломляет».
   Без света за стеклом блюру нечего показывать — карточки выглядели просто прозрачными */
html body[data-look="mix"] .hero-v9 .hero-rm-card{position:relative;isolation:isolate}
html body[data-look="mix"] .hero-v9 .hero-rm-card::before{content:"";position:absolute;left:18%;top:30%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,62,.42),rgba(216,255,62,0) 65%);filter:blur(30px);z-index:0;pointer-events:none;animation:hv9glowA 9s ease-in-out infinite alternate}
html body[data-look="mix"] .hero-v9 .hero-rm-card::after{content:"";position:absolute;right:6%;top:2%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(120,110,255,.6),rgba(120,110,255,0) 65%);filter:blur(34px);z-index:0;pointer-events:none;animation:hv9glowB 12s ease-in-out infinite alternate}
@keyframes hv9glowA{from{transform:translate(0,0)}to{transform:translate(40px,-30px)}}
@keyframes hv9glowB{from{transform:translate(0,0)}to{transform:translate(-50px,40px)}}
html body[data-look="mix"] .hero-v9 .hero-deck{position:relative;z-index:1}
html body[data-look="mix"] .hero-v9 .hero-float-inner{background:linear-gradient(160deg,rgba(104,96,150,.66),rgba(56,50,90,.72))!important;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 30px 70px rgba(0,0,0,.45)!important}
html body[data-look="mix"] .hero-v9 .hero-float-inner::before,html body[data-look="mix"] .hero-v9 .hero-float-inner::after{display:none}
@media (prefers-reduced-motion:reduce){html body[data-look="mix"] .hero-v9 .hero-rm-card::before,html body[data-look="mix"] .hero-v9 .hero-rm-card::after{animation:none}}
/* карточки — сплошные на тон светлее плиты, без размытия, без цвета */
html body[data-look="mix"]:not([data-palette="contrast"]) .svc,html body[data-look="mix"]:not([data-palette="contrast"]) .process-visual-card,html body[data-look="mix"]:not([data-palette="contrast"]) .fact,html body[data-look="mix"]:not([data-palette="contrast"]) .logo-card,html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-pane,html body[data-look="mix"]:not([data-palette="contrast"]) .calt-card,html body[data-look="mix"]:not([data-palette="contrast"]) .review,html body[data-look="mix"]:not([data-palette="contrast"]) .contact-form{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
html body[data-look="mix"]:not([data-palette="contrast"]) .calt-plate{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important}
html body[data-look="mix"]:not([data-palette="contrast"]) .svc-hl-item{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
/* свечения фона сильнее, чтобы стекло было видно и в спокойных темах */
html body[data-look="mix"]:not([data-palette])::before,html body[data-look="mix"][data-palette="graphite"]::before{background:none}
html body[data-look="mix"][data-palette="blueprint"]::before{background:radial-gradient(800px 600px at 15% 10%,rgba(99,140,255,.12),transparent 60%),radial-gradient(700px 600px at 85% 90%,rgba(216,255,62,.05),transparent 60%),linear-gradient(rgba(120,160,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,255,.07) 1px,transparent 1px),radial-gradient(circle,rgba(120,160,255,.22) 1px,transparent 1.5px);background-size:auto,auto,96px 96px,96px 96px,24px 24px;background-position:0 0,0 0,0 0,0 0,12px 12px}
html body[data-look="mix"][data-palette="lime"]::before{background:radial-gradient(800px 600px at 50% -10%,rgba(216,255,62,.10),transparent 65%),radial-gradient(700px 500px at 100% 100%,rgba(216,255,62,.06),transparent 65%)}

/* ===== огни за стеклом: три мягких пятна идут за курсором с разной инерцией, лежат под всем контентом ===== */
.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%;filter:blur(80px);will-change:transform;transform:translate(-50%,-50%);opacity:.95}
.hv9-lights .l1{background:radial-gradient(circle,var(--lt1,rgba(210,215,235,.22)),transparent 62%)}
.hv9-lights .l2{width:640px;height:640px;background:radial-gradient(circle,var(--lt2,rgba(99,102,241,.16)),transparent 62%)}
.hv9-lights .l3{width:1000px;height:1000px;background:radial-gradient(circle,var(--lt3,rgba(200,205,225,.14)),transparent 62%)}
html body[data-look="mix"][data-palette="aurora"]{--lt1:rgba(99,102,241,.4);--lt2:rgba(45,212,191,.2);--lt3:rgba(168,85,247,.28)}
html body[data-look="mix"][data-palette="blueprint"]{--lt1:rgba(99,140,255,.24);--lt2:rgba(216,255,62,.1);--lt3:rgba(56,189,248,.14)}
html body[data-look="mix"][data-palette="neon"]{--lt1:rgba(168,85,247,.34);--lt2:rgba(216,255,62,.12);--lt3:rgba(59,130,246,.24)}
html body[data-look="mix"][data-palette="contrast"]{--lt1:rgba(99,102,241,.14);--lt2:rgba(216,255,62,.06);--lt3:rgba(168,85,247,.1)}
html body[data-look="mix"][data-palette="lime"]{--lt1:rgba(216,255,62,.16);--lt2:rgba(99,102,241,.2);--lt3:rgba(216,255,62,.1)}
@media (prefers-reduced-motion:reduce){.hv9-lights{display:none}}

/* ===== микс из режимов основной страницы: сетка точек (C) + мягкие зоны (A) + лучи-разделители (C), поверх огней ===== */
/* сетка точек по всей странице — под плитами, как в режиме C */
html body[data-look="mix"]:not([data-palette="contrast"])::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}
html body[data-look="mix"] .hv9-lights{z-index:0}
/* мягкие зоны: каждая плита — графит чуть светлее базы, с индиго-пятном в правом верхнем и лаймовым в левом нижнем углу, края плавно тают */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) footer.footer{background:linear-gradient(180deg,rgba(10,10,13,.55) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.55) 0%,rgba(10,10,13,0) 160px),radial-gradient(900px 480px at 85% 10%,rgba(99,102,241,.14),transparent 62%),rgba(20,20,25,.78)!important;border:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(26px) saturate(1.1);-webkit-backdrop-filter:blur(26px) saturate(1.1)}
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.clients:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.principles:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.reviews:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.4) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.4) 0%,rgba(10,10,13,0) 160px),radial-gradient(900px 480px at 85% 10%,rgba(99,102,241,.16),transparent 62%),rgba(26,26,32,.8)!important}
/* лучи-разделители: лайм → индиго по верхней кромке каждой плиты */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section:not(.hero):not(.fly)::before,html body[data-look="mix"]:not([data-palette="contrast"]) footer.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--lime),rgba(99,102,241,.9) 45%,transparent 90%);opacity:.7;z-index:2;pointer-events:none;-webkit-mask-image:none;mask-image:none;background-size:auto;background-position:0 0}
html body[data-look="mix"]:not([data-palette="contrast"]) main > section:not(.hero):not(.fly) > *,html body[data-look="mix"]:not([data-palette="contrast"]) footer.footer > *{position:relative;z-index:1}
/* устройство hero: тот же графит с мягким пятном, луч по верхней кромке */
html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-plate{background:radial-gradient(1000px 560px at 85% 8%,rgba(99,102,241,.16),transparent 62%),rgba(16,16,22,.62)}
html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-plate::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--lime),rgba(99,102,241,.9) 45%,transparent 90%);opacity:.9;z-index:2}
html body[data-look="mix"] .hv2-plate .hero-grid{opacity:.5}
/* карточки внутри — как в мягких зонах основной */
html body[data-look="mix"]:not([data-palette="contrast"]) .svc,html body[data-look="mix"]:not([data-palette="contrast"]) .process-visual-card,html body[data-look="mix"]:not([data-palette="contrast"]) .fact,html body[data-look="mix"]:not([data-palette="contrast"]) .logo-card,html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-pane,html body[data-look="mix"]:not([data-palette="contrast"]) .calt-card,html body[data-look="mix"]:not([data-palette="contrast"]) .review,html body[data-look="mix"]:not([data-palette="contrast"]) .contact-form{background:#1a1a22!important;border:1px solid rgba(255,255,255,.1)!important}
html body[data-look="mix"]:not([data-palette="contrast"]) .review{box-shadow:0 20px 50px rgba(0,0,0,.3)!important}

/* sticky-колонка в «что вы получаете»: как на основной — прилипает к 110px от верха окна, а не к верху плиты */
html body[data-look="mix"] .principles .proc-side{position:sticky;top:110px}
@media (max-width:960px){html body[data-look="mix"] .principles .proc-side{position:static;margin-top:0}}

/* стикеры на телефоне: не вылезают за плиту (наклон + булавка давали 4–6px наружу) */
@media (max-width:640px){html body[data-look="mix"] .principles .pain{max-width:calc(100% - 10px);transform:rotate(-.6deg)}html body[data-look="mix"] .principles .proc-item:nth-child(even) .pain,html body[data-look="mix"] .principles .rv:nth-child(even) .pain{transform:rotate(.5deg)}.hv9-pal{bottom:auto;top:auto;right:12px;bottom:200px}}

/* единое поле контента внутри плит на всех ширинах: контейнер одной ширины во всех блоках, hero — той же ширины */
html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{max-width:var(--container)!important;padding:0 40px!important}
@media (max-width:768px){html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{padding:0 20px!important}}
html body[data-look="mix"] .hero-v9 .hv2-grid{max-width:min(1400px,calc(var(--container) + 120px))}

/* дашборды в hero: крупнее и ниже, чтобы веер занимал правый низ устройства */
@media (min-width:1001px){
  .hero-v9 .hv2-wrap{justify-content:stretch}
  .hero-v9 .hv2-grid{flex:1 1 auto;align-items:center;min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px}
  .hero-v9 .hv2-grid .hero-rm-text{align-self:center;min-width:0}
  .hero-v9 .hv2-grid .hero-rm-card{padding:96px 0 0!important;align-self:center;display:flex;justify-content:center;align-items:center;min-width:0;overflow:visible}
}
  
}
/* средние окна 1001–1240: веер меньше, чтобы боковые карточки не заходили на заголовок */
@media (min-width:1001px) and (max-width:1240px){.hero-v9 .hv2-wrap{padding-left:32px;padding-right:32px}.hero-v9 .hv2-grid{gap:28px;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.hero-v9 .hero-rm-title .line{font-size:clamp(44px,min(6.6vw,9.6vh,11.9cqw + 3px),84px)}.hero-v9 .hero-rm-desc{font-size:clamp(15px,2.1vh,17px);max-width:46ch}}

/* планшет 641–1000: колонки не делим — заголовок во всю ширину, веер под ним справа (как в референсах) */
@media (min-width:641px) and (max-width:1000px){
  .hero-v9{height:auto;min-height:100dvh}
  .hero-v9 .hv2-wrap{justify-content:flex-start;padding:36px 40px 120px}
  .hero-v9 .hv2-grid{grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
  .hero-v9 .hv2-grid .hero-rm-text{min-width:0;padding-bottom:0}
  .hero-v9 .hero-rm-title .line{font-size:clamp(44px,min(11.8cqw,10vh),84px)}
  .hero-v9 .hero-rm-desc{font-size:clamp(15px,1.9vh,17px);max-width:54ch}
  .hero-v9 .hv2-grid .hero-rm-card{padding:0!important;justify-content:center;align-items:center;overflow:visible}
  .hero-v9 .hv2-grid .hero-deck{margin:0 auto}
  .hero-v9 .hv2-grid{gap:44px}
  .hero-v9 .hv2-grid .hero-rm-card::before{width:300px;height:300px}
  .hero-v9 .hv2-grid .hero-rm-card::after{width:360px;height:360px}
}
/* до 1000px: кнопки сразу под описанием, на первом экране; веер ниже. Вырез плиты не нужен */
@media (max-width:1000px){
  .hero-v9 .hv2-grid{display:contents}
  .hero-v9 .hv2-grid .hero-rm-text{order:1;position:relative;z-index:2}
  .hero-v9 .hv2-tab{order:2;position:static;padding:30px 0 44px;flex-wrap:wrap;justify-content:flex-start;gap:12px}
  .hero-v9 .hv2-grid .hero-rm-card{order:3}
  .hero-v9 .hv2-wrap{padding-bottom:44px}
}
@media (max-width:640px){
  .hero-v9 .hv2-tab{padding:24px 0 0;justify-content:center}
  .hero-v9 .hv2-tab .hero-rm-pill,.hero-v9 .hv2-tab .hero-rm-ghost{width:100%;justify-content:center}
}

/* ===== v9: Слово основателя (широкий чат-монолог + портрет, две большие кнопки снизу) ===== */
.founder .fd-head{margin-bottom:40px}
.founder .fd-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"chat stage" "yes no";gap:24px;align-items:stretch}
.founder .fd-yes{grid-area:yes}.founder .fd-no{grid-area:no}
.founder .fd-yes,.founder .fd-no{width:100%;justify-content:center;padding:22px 28px;font-size:16px;border-radius:100px;white-space:nowrap}
.founder .fd-no{transition:color .2s,border-color .2s,background .2s}
.founder[data-mood="sad"] .fd-no{color:rgba(246,244,238,.9);border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.04)}
.founder .fd-short{display:none}
/* чат */
.founder .fd-chat{grid-area:chat;display:flex;flex-direction:column;border-radius:28px;background:rgba(14,14,20,.7);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;min-height:460px;max-height:560px}
.founder .fd-chat-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.founder .fd-chat-ava{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 15%;background:#23232c}
.founder .fd-chat-name{font-weight:600;font-size:14px}
.founder .fd-chat-status{font-size:12px;color:rgba(246,244,238,.5);display:flex;align-items:center;gap:6px}
.founder .fd-chat-status i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.18)}
.founder .fd-chat-tag{margin-left:auto;font-family:var(--mono,ui-monospace,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,244,238,.4);padding:5px 9px;border:1px solid rgba(255,255,255,.1);border-radius:100px}
.founder .fd-chat-body{flex:1 1 auto;padding:20px;display:flex;flex-direction:column;gap:12px;overflow:auto;scrollbar-width:thin;min-height:0}
.founder .fd-msg{position:relative;max-width:78%;padding:14px 18px 22px;border-radius:20px 20px 20px 6px;background:#1c1c25;border:1px solid rgba(255,255,255,.07);animation:fdMsg .35s cubic-bezier(.2,.9,.3,1.2) both}
.founder .fd-msg p{margin:0;font-size:16px;line-height:1.5;color:rgba(246,244,238,.92)}
.founder .fd-msg time{position:absolute;right:12px;bottom:6px;font-family:var(--mono,ui-monospace,monospace);font-size:10px;color:rgba(246,244,238,.35)}
.founder .fd-msg-happy{background:rgba(216,255,62,.14);border-color:rgba(216,255,62,.35)}
.founder .fd-msg-sad{background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.35)}
.founder .fd-typing{padding:14px 16px;display:flex;gap:5px;width:max-content}
.founder .fd-typing i{width:7px;height:7px;border-radius:50%;background:rgba(246,244,238,.5);animation:fdDot 1s infinite}
.founder .fd-typing i:nth-child(2){animation-delay:.15s}.founder .fd-typing i:nth-child(3){animation-delay:.3s}
@keyframes fdDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@keyframes fdMsg{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.founder .fd-chat-foot{padding:12px 20px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(246,244,238,.45)}
/* сцена с портретом */
.founder .fd-stage-wrap{grid-area:stage;display:flex}
.founder .fd-stage{position:relative;width:100%;min-height:460px;max-height:560px;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,rgba(99,102,241,.28),transparent 60%),linear-gradient(180deg,#1a1a22,#111116);border:1px solid rgba(255,255,255,.08);isolation:isolate}
.founder .fd-stage::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 50% 0%,rgba(216,255,62,.14),transparent 70%);pointer-events:none;transition:opacity .4s}
.founder[data-mood="sad"] .fd-stage::after{opacity:.2}
.founder[data-mood="happy"] .fd-stage::after{opacity:1;background:radial-gradient(60% 40% at 50% 0%,rgba(216,255,62,.32),transparent 70%)}
.founder .fd-face{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;--lx:0;--ly:0}
.founder .fd-video{width:100%;height:100%;object-fit:cover;display:block}
.founder .fd-photo-wrap{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center}
.founder .fd-photo{height:96%;width:auto;max-width:none;object-fit:contain;transform:translate(calc(var(--lx) * 26px),calc(var(--ly) * 8px)) rotate(calc(var(--lx) * 3.5deg)) scale(calc(1 + var(--ly) * .02));transform-origin:50% 90%;transition:transform .08s linear,filter .4s;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55))}
.founder[data-mood="sad"] .fd-photo{filter:drop-shadow(0 30px 60px rgba(0,0,0,.55)) saturate(.55) brightness(.85)}
.founder[data-mood="happy"] .fd-photo{filter:drop-shadow(0 30px 70px rgba(216,255,62,.25)) saturate(1.1) brightness(1.05)}
.founder .fd-mood{position:absolute;left:50%;bottom:18px;transform:translateX(-50%) rotate(-2deg);padding:8px 14px;border-radius:100px;background:var(--lime);color:#08080a;font-size:12px;font-weight:600;white-space:nowrap;animation:fdPop .35s cubic-bezier(.2,.9,.3,1.3);box-shadow:0 12px 30px rgba(216,255,62,.25)}
.founder[data-mood="sad"] .fd-mood{background:#2a2a36;color:rgba(246,244,238,.8);box-shadow:none}
@keyframes fdPop{from{transform:translateX(-50%) rotate(-2deg) scale(.6);opacity:0}to{transform:translateX(-50%) rotate(-2deg) scale(1);opacity:1}}
.founder .fd-hint{position:absolute;left:14px;top:12px;font-family:var(--mono,ui-monospace,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(246,244,238,.4);padding:6px 10px;border-radius:100px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);z-index:2}
/* адаптив */
@media (max-width:1000px){
  .founder .fd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"chat chat" "stage stage" "yes no";gap:20px 14px}
  .founder .fd-chat{min-height:0;max-height:420px}
  .founder .fd-stage{min-height:0;aspect-ratio:4/3;max-height:480px;max-width:640px;margin:0 auto}
  .founder .fd-yes,.founder .fd-no{padding:18px 20px;font-size:15px}
}
@media (max-width:640px){
  .founder .fd-stage{aspect-ratio:1/1}
  .founder .fd-msg{max-width:92%}.founder .fd-msg p{font-size:15px}
  .founder .fd-yes,.founder .fd-no{padding:16px 14px;font-size:14px}
  .founder .fd-long{display:none}.founder .fd-short{display:inline}
}
@media (max-width:1000px){.fd-big .fd-photo{transform:none}}
@media (prefers-reduced-motion:reduce){.founder .fd-photo{transition:none;transform:none}.founder .fd-mood,.founder .fd-msg{animation:none}}

/* ===== v9: вариант B — та же раскладка, но портрет без рамки: крупнее и снизу уходит в тень ===== */
.founder .fd-test{font-style:normal;margin-left:10px;padding:3px 8px;border-radius:100px;background:rgba(216,255,62,.14);color:var(--lime);font-size:10px;letter-spacing:.12em;text-transform:uppercase;vertical-align:middle}
.fd-big .fd-stage{background:none;border:0;border-radius:0;overflow:visible;isolation:auto}
.fd-big .fd-grid{isolation:isolate}
.fd-big .fd-chat{position:relative;z-index:1}
.fd-big .fd-stage-wrap{position:relative;z-index:5}  /* портрет поверх чата: плечо не просвечивает */
.fd-big .fd-video,.fd-big .fd-photo{opacity:1}

.fd-big .fd-stage::after{display:none}
.fd-big .fd-face{overflow:visible;pointer-events:none}
.fd-big .fd-video{position:absolute;left:50%;bottom:-10.6%;width:auto;height:147.5%;max-width:none;transform:translateX(-50%);object-fit:contain;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 53%,rgba(0,0,0,.45) 62%,transparent 68.5%);mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 93.5%)}
.fd-big[data-mood="sad"] .fd-video{filter:saturate(.55) brightness(.85)}
.fd-big[data-mood="happy"] .fd-video{filter:saturate(1.1) brightness(1.05)}
.fd-big .fd-photo-wrap{inset:auto 0 -68% 0;height:205%;align-items:flex-end;pointer-events:none}
.fd-big .fd-photo{height:100%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 53%,rgba(0,0,0,.45) 62%,transparent 68.5%);mask-image:linear-gradient(to bottom,#000 0%,#000 53%,rgba(0,0,0,.45) 62%,transparent 68.5%);transform:translate(calc(var(--lx) * 30px),calc(var(--ly) * 8px)) rotate(calc(var(--lx) * 3deg));transform-origin:50% 100%}
.fd-big[data-mood="sad"] .fd-photo{filter:drop-shadow(-24px 16px 60px rgba(0,0,0,.55)) saturate(.55) brightness(.85)}
.fd-big[data-mood="happy"] .fd-photo{filter:drop-shadow(-24px 16px 80px rgba(216,255,62,.28)) saturate(1.1) brightness(1.05)}
.fd-big .fd-stage::before{content:"";position:absolute;left:50%;bottom:6%;width:120%;height:75%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(50% 50% at 50% 55%,rgba(99,102,241,.32),transparent 70%);filter:blur(10px);transition:background .4s;pointer-events:none}
.fd-big[data-mood="happy"] .fd-stage::before{background:radial-gradient(50% 50% at 50% 55%,rgba(216,255,62,.26),transparent 70%)}
.fd-big[data-mood="sad"] .fd-stage::before{background:radial-gradient(50% 50% at 50% 55%,rgba(99,102,241,.14),transparent 70%)}
.fd-big .fd-mood{bottom:10%}
.fd-big .fd-hint{background:rgba(0,0,0,.5)}
@media (max-width:1000px){.fd-big .fd-photo-wrap{height:118%;bottom:-4%}.fd-big .fd-video{height:118%;bottom:-4%}.fd-big .fd-photo{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.5) 80%,transparent 96%);mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.5) 80%,transparent 96%)}}
/* портрет поднимается выше плиты, поэтому заголовок переносим на две строки и держим слева */
@media (min-width:1001px){.fd-big .fd-head .section-title{max-width:9.2ch}.fd-big .fd-head{position:relative;z-index:2}}
/* на тач-устройствах нет курсора: статичное фото без стикера настроения */
@media (hover:none){.founder .fd-mood{display:none}}

/* ===== хиро v9: рецепт основной главной — плотный чёрный фон, яркая сетка и пятна, тонкое прозрачное стекло дашбордов ===== */
html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-plate{background:#08080a;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.07)}
html body[data-look="mix"] .hv2-plate .hero-blob-1{opacity:.4}
html body[data-look="mix"] .hv2-plate .hero-blob-2{opacity:.25}
html body[data-look="mix"] .hv2-plate .hero-blob-3{opacity:.2}
html body[data-look="mix"] .hv2-plate .hero-grid{opacity:1}
html body[data-look="mix"] .hv2-plate .hero-noise{opacity:.08}
html body[data-look="mix"] .hero-v9 .hero-rm-card::before,html body[data-look="mix"] .hero-v9 .hero-rm-card::after{display:none}
html body[data-look="mix"] .hero-v9 .hero-float-inner{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)!important}


/* ===== v10: ритм плит — строгое чередование: плита / открыто. Открытые: кейсы, процесс, команда, основатель без рамки, FAQ ===== */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly),
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly),
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly),
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly),
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none;-webkit-backdrop-filter:none;padding:100px 0 110px!important;margin:0 0 16px!important;overflow:visible}
/* луч открытых секций: от самого края экрана (рамка 16px), ярче */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly)::before,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly)::before,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly)::before,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly)::before,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly)::before{opacity:.95;left:-16px;right:0;height:2px;background:linear-gradient(90deg,var(--lime),rgba(99,102,241,.95) 40%,rgba(99,102,241,.25) 75%,transparent 100%)}
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly)::after,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly)::after,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly)::after,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly)::after,
html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly)::after{display:none}
@media (max-width:768px){html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){padding:72px 0 80px!important}}
/* ===== v10: карточки кейсов на открытом фоне — дорогое матовое стекло: блюр с насыщением, световая кромка сверху, огни сзади преломляются ===== */
html body[data-look="mix"]:not([data-palette="contrast"]) .calt-plate{background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03) 45%,rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(28px) saturate(1.45) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(1.45) brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.45);isolation:isolate}
html body[data-look="mix"]:not([data-palette="contrast"]) .calt-plate::before{background:radial-gradient(700px 260px at 10% 0%,rgba(99,102,241,.22),transparent 70%),radial-gradient(500px 200px at 95% 100%,rgba(216,255,62,.08),transparent 70%);z-index:-1}
/* блик по верхней кромке, как отражение источника света */
html body[data-look="mix"]:not([data-palette="contrast"]) .calt-plate::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none;border-radius:inherit}

/* ===== v10: верхняя панель врезана в хиро — плита от верхней кромки рамки, лого и кнопки в вырезах ===== */
@media (min-width:1001px){
  html body[data-look="mix"] .hero-v9{padding-top:16px!important}
  html body[data-look="mix"] .hero-v9 .hv2-wrap{padding-top:112px}
  /* на первом экране панель без собственной пилюли: элементы лежат на плите, лого и кнопки — в вырезах */
  html body[data-look="mix"] .nav:not(.scrolled) .nav-inner{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
  html body[data-look="mix"] .nav:not(.scrolled) .nav-links{position:relative;z-index:1}
}

/* ===== v10: хиро — без луча сверху, верхняя панель во всю ширину плиты ===== */
html body[data-look="mix"]:not([data-palette="contrast"]) .hv2-plate::before{display:none}
@media (min-width:1001px){
  html body[data-look="mix"] .nav{left:16px;right:16px;width:auto;max-width:none;transform:none}
}
/* v10: на планшете (641–1000) плита тоже от верхней кромки, панель в вырезах */
@media (min-width:641px) and (max-width:1000px){
  html body[data-look="mix"] .hero-v9{padding-top:16px!important}
  html body[data-look="mix"] .hero-v9 .hv2-wrap{padding-top:108px}
  html body[data-look="mix"] .nav:not(.scrolled) .nav-inner{background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* ===== v10: меню крупнее на широких экранах — панель врезана в хиро, ей есть куда расти ===== */
@media (min-width:1300px){
  html body[data-look="mix"] .nav-links{gap:36px}
  html body[data-look="mix"] .nav-links a{font-size:16px}
  html body[data-look="mix"] .nav-phone{font-size:14px}
  html body[data-look="mix"] .logo{font-size:18px}
}
@media (min-width:1500px){
  html body[data-look="mix"] .nav-links{gap:44px}
  html body[data-look="mix"] .nav-links a{font-size:17px}
  html body[data-look="mix"] .nav-phone{font-size:15px}
  html body[data-look="mix"] .logo{font-size:19px}
  html body[data-look="mix"] .nav-cta .btn{padding:14px 24px;font-size:15px}
  html body[data-look="mix"] .nav-inner{padding-top:16px;padding-bottom:16px}
}
@media (min-width:1800px){
  html body[data-look="mix"] .nav-links{gap:52px}
  html body[data-look="mix"] .nav-links a{font-size:18px}
  html body[data-look="mix"] .logo{font-size:20px}
}

/* ===== v10: шапка плавно «отстыковывается» от хиро — стеклянная пилюля проявляется через opacity, без скачка ===== */
@media (min-width:1181px){
  html body[data-look="mix"] .nav{transition:none}
  html body[data-look="mix"] .nav .nav-inner{position:relative;background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none}
  /* прозрачность подложки привязана к скроллу напрямую: --navp = 0…1 за первые 90px (ставит home-tests.js) */
  html body[data-look="mix"] .nav .nav-inner::before{content:"";position:absolute;inset:0;border-radius:100px;background:rgba(15,15,20,.72);border:1px solid var(--line);backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 20px 50px rgba(0,0,0,.35);opacity:var(--navp,0);transform:scaleY(calc(.94 + .06 * var(--navp,0)));transform-origin:50% 0;transition:opacity .08s linear,transform .08s linear;pointer-events:none}
  html body[data-look="mix"] .nav .nav-inner > *{position:relative;z-index:1}
}
@media (prefers-reduced-motion:reduce){html body[data-look="mix"] .nav .nav-inner::before{transition:none}}
/* ===== v10: подложка шапки по scroll-timeline (компоновщик, без JS-лага); JS-переменная остаётся фолбэком ===== */
@supports (animation-timeline: scroll()) {
  @media (min-width:1181px){
    html body[data-look="mix"] .nav .nav-inner::before{transition:none;animation:hv10navpill linear both;animation-timeline:scroll(root block);animation-range:0 90px}
  }
}
@keyframes hv10navpill{from{opacity:0;transform:scaleY(.94)}to{opacity:1;transform:none}}
/* v10: параллакс сетки хиро по скроллу отключён — при возврате наверх он давал «дрожание» фона */
html body[data-look="mix"] .hero-v9 .hero-grid{transform:none!important}
/* ===== v10: производительность — те же картинки, но без тяжёлых фильтров по всей площади =====
   1) огни: мягкость через сам градиент вместо filter:blur(80px) на слоях 800–1000px, которые двигаются каждый кадр
   2) большие плиты: без backdrop-filter (размытие 26px по 1400×1700 пересчитывалось каждый кадр из-за огней под ними) */
html body[data-look="mix"] .hv9-lights i{filter:none}
html body[data-look="mix"] .hv9-lights .l1{background:radial-gradient(circle,var(--lt1,rgba(210,215,235,.22)) 0%,rgba(210,215,235,.08) 30%,transparent 68%)}
html body[data-look="mix"] .hv9-lights .l2{background:radial-gradient(circle,var(--lt2,rgba(99,102,241,.16)) 0%,rgba(99,102,241,.06) 30%,transparent 68%)}
html body[data-look="mix"] .hv9-lights .l3{background:radial-gradient(circle,var(--lt3,rgba(200,205,225,.14)) 0%,rgba(200,205,225,.05) 30%,transparent 68%)}
html body[data-look="mix"]:not([data-palette="contrast"]) main > section:not(.hero):not(.fly),html body[data-look="mix"]:not([data-palette="contrast"]) footer.footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* стекло оставляем только на компактных элементах, и полегче */
html body[data-look="mix"]:not([data-palette="contrast"]) .calt-plate{backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35)}
html body[data-look="mix"] .founder .fd-chat{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html body[data-look="mix"] .eyebrow{backdrop-filter:none;-webkit-backdrop-filter:none}
/* ===== v10: широкие экраны — контент не упирается в плавающий док справа (52px кнопки + 24px отступ + воздух) ===== */
/* хиро не трогаем: его сетка и так не доходит до дока. Секции: резерв зависит от ширины, док на средних экранах компактнее */
@media (min-width:1400px){
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{max-width:min(var(--container),calc(100vw - 250px))!important}
}
@media (min-width:1001px) and (max-width:1399px){
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{max-width:min(var(--container),calc(100vw - 150px))!important}
  html body[data-look="mix"] .contact-dock{right:10px}
  html body[data-look="mix"] .contact-dock .dock-btn:not(.dock-main){width:44px;height:44px}
}
/* ===== v10: заголовок «Что вы получаете» не шире своей колонки на широких экранах (самое длинное слово «получаете,» ≈ 6.5em) ===== */
html body[data-look="mix"] .principles .proc-side{container-type:inline-size}
html body[data-look="mix"] .principles .proc-side .section-title{font-size:min(clamp(36px,4.6vw,92px),15cqw)}

/* ===== v11: дисциплина отступов как у медиаконтекст — рамка 40, зазоры 40, радиус 40, плиты 72px по вертикали, контент во всю плиту ===== */
@media (min-width:1001px){
  html body[data-look="mix"] main{padding:0 40px}
  html body[data-look="mix"] .hero-v9 .hero-ribbons{margin-left:-40px;margin-right:-40px;width:calc(100% + 80px)}
  html body[data-look="mix"] main > section:not(.hero):not(.fly){margin:0 0 40px!important;border-radius:40px!important;padding:72px 0!important}
  html body[data-look="mix"] footer.footer{margin:0 40px 40px!important;border-radius:40px!important;padding:72px 0!important}
  html body[data-look="mix"] .fly{margin:0 -40px 0!important}
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){padding:72px 0 84px!important;margin:0 0 40px!important}
  /* луч открытых секций — от края экрана: рамка теперь 40 */
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly)::before,
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly)::before,
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly)::before,
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly)::before,
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly)::before{left:-40px}
  /* контент во всю плиту: без узкого контейнера, боковые 40 (64 на десктопе, чтобы док справа не касался текста) */
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{max-width:none!important;padding:0 64px!important}
  html body[data-look="mix"] .principles .proc-wrap{padding:0}
  /* хиро: плита от рамки 40, панель тоже на 40 */
  html body[data-look="mix"] .hero-v9{padding-top:40px!important;padding-left:0!important;padding-right:0!important}
  html body[data-look="mix"] .hv2-plate,html body[data-look="mix"] .hv2-wrap{border-radius:40px}
  html body[data-look="mix"] .nav{top:40px;left:40px;right:40px}
  html body[data-look="mix"] .hero-v9 .hv2-grid{max-width:none}
}
@media (min-width:1001px) and (max-width:1240px){
  html body[data-look="mix"] main{padding:0 24px}
  html body[data-look="mix"] .hero-v9{padding-left:0!important;padding-right:0!important;padding-top:24px!important}
  html body[data-look="mix"] .nav{top:24px;left:24px;right:24px}
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{padding:0 40px!important}
  html body[data-look="mix"] .hero-v9 .hero-ribbons{margin-left:-24px;margin-right:-24px;width:calc(100% + 48px)}
  html body[data-look="mix"] .fly{margin:0 -24px 0!important}
  html body[data-look="mix"] footer.footer{margin:0 24px 24px!important}
}

/* ===== v11: широкие экраны — масштаб вместо растяжения. От 1700 страница рендерится как ~1550–1650 и увеличивается ===== */
html body[data-look="mix"]{--z:1}
/* масштаб на широких экранах отключён: плотность контента решаем размерами элементов, а не zoom */
/* zoom масштабирует и vh: компенсируем, чтобы хиро и видео-история оставались ровно в экран */
@media (min-width:1600px){
  html body[data-look="mix"] .hero-v9{height:calc(100dvh / var(--z))!important}
  html body[data-look="mix"] .fly{height:calc(240vh / var(--z))}
  html body[data-look="mix"] .fly-sticky{height:calc(100vh / var(--z))}
  html body[data-look="mix"] .fly-fade-top{height:calc(24vh / var(--z))}
  html body[data-look="mix"] .fly-fade-bottom{height:calc(26vh / var(--z))}
  html body[data-look="mix"] main > .fly + section:not(.hero):not(.fly){margin-top:calc(-42vh / var(--z))!important}
}
/* чат основателя: фиксированная высота, чтобы появление сообщений не меняло сетку и масштаб портрета */
html body[data-look="mix"] .founder .fd-chat{height:540px;min-height:0;max-height:none}
html body[data-look="mix"] .founder .fd-stage{height:540px;min-height:0;max-height:none}
@media (max-width:1000px){html body[data-look="mix"] .founder .fd-chat{height:420px}html body[data-look="mix"] .founder .fd-stage{height:auto}}
/* ===== v11: секции открываются заголовком + первой карточкой в одном экране (MacBook 14", 982px по высоте) ===== */
@media (min-width:1001px){
  html body[data-look="mix"] #services-section .section-head{margin-bottom:40px!important}
  html body[data-look="mix"] #services-section .eyebrow{margin-bottom:16px}
  html body[data-look="mix"] #cases .section-head{margin-bottom:44px!important}
}

/* v11: стрелка в карточках услуг — в потоке, с отступом карточки (раньше сдвигалась на -24px к углу) */
@media (min-width:1001px){
  html body[data-look="mix"] .svc .svc-arr{position:relative;top:auto;right:auto;left:auto;bottom:auto;margin-top:16px}
  /* шапка секции услуг: заголовок 72, лид справа шире и ниже заголовка не выше его — выравнивание по нижней линии */
  html body[data-look="mix"] #services-section .section-head > div:last-child,html body[data-look="mix"] #services-section .section-head > p{max-width:460px;font-size:16px;line-height:1.55}
}

/* ===== v12: масштаб v10 + ритм v11 =====
   Крупные заголовки и карточки как в v10; сетка 40 и одинаковые отступы как в v11;
   на широких экранах контент внутри плиты ограничен 1480px по центру — карточки не растягиваются в полосы. */
@media (min-width:1001px){
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{max-width:1480px!important;padding:0 56px!important}
  html body[data-look="mix"] main > section:not(.hero):not(.fly){padding:96px 0!important}
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.cases-alt:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.process:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.team:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.fd-big:not(.hero):not(.fly),
  html body[data-look="mix"]:not([data-palette="contrast"]) main > section.contact:not(.hero):not(.fly){padding:96px 0 104px!important}
  /* заголовки секций — масштаб v10 */
  html body[data-look="mix"] .section-title{font-size:clamp(44px,5.4vw,88px)}
  html body[data-look="mix"] #services-section .section-title{font-size:clamp(44px,5.4vw,84px)}
  html body[data-look="mix"] .section-head{margin-bottom:56px!important}
  html body[data-look="mix"] #services-section .section-head,html body[data-look="mix"] #cases .section-head{margin-bottom:56px!important}
  /* услуги — как в v10, с чуть более собранными отступами */
  html body[data-look="mix"] .services-grid{gap:20px}
  html body[data-look="mix"] .svc{padding:32px}
  html body[data-look="mix"] .svc .svc-title{font-size:28px}
  html body[data-look="mix"] .svc-1 .svc-title{font-size:40px}
  /* хиро: сетка тоже до 1480 */
  html body[data-look="mix"] .hero-v9 .hv2-grid{max-width:1480px}
}
@media (min-width:1001px) and (max-width:1240px){
  html body[data-look="mix"] main > section:not(.hero):not(.fly) .container,html body[data-look="mix"] footer.footer .container{padding:0 40px!important}
}

/* v12: один блок основателя (без рамки), рамочный удалён */
html body[data-look="mix"] .founder .fd-test{display:none}
/* ===== v12: подложка истории (.fly-scrim) растворяется к краям, чтобы в рамке 40px не было резкой линии на стыке с плитой ===== */
html body[data-look="mix"] .fly-scrim{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 62%,transparent 92%);mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 62%,transparent 92%)}
/* плита услуг — оттенки в палитре сайта: индиго сверху справа, лайм снизу слева, лёгкая фиолетовая дымка по центру */
html body[data-look="mix"]:not([data-palette="contrast"]) main > section#services-section:not(.hero):not(.fly){background:
  linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),
  linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),
  radial-gradient(1100px 620px at 88% 6%,rgba(99,102,241,.26),transparent 62%),
  radial-gradient(900px 520px at 6% 96%,rgba(168,85,247,.16),transparent 60%),
  radial-gradient(700px 700px at 50% 55%,rgba(168,85,247,.10),transparent 65%),
  rgba(20,20,25,.82)!important}

/* ===== v12: палитра «Графит+» — хиро как в графите (чёрный), плиты с оттенками сайта: индиго / фиолет / лайм, по очереди ===== */
html body[data-look="mix"][data-palette="deep"]{--pg:#0a0a0b;--pl:#13131a;--pl2:#1a1a22;--hero:#13131a;--lt1:rgba(200,205,235,.24);--lt2:rgba(99,102,241,.22);--lt3:rgba(168,85,247,.16)}
html body[data-look="mix"][data-palette="deep"]::before{background:none}
/* базовая плита: индиго сверху справа + лёгкий фиолет по центру */
html body[data-look="mix"][data-palette="deep"] main > section:not(.hero):not(.fly),html body[data-look="mix"][data-palette="deep"] footer.footer{background:
  linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),
  linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),
  radial-gradient(1100px 620px at 88% 6%,rgba(99,102,241,.26),transparent 62%),
  radial-gradient(700px 700px at 50% 60%,rgba(168,85,247,.09),transparent 65%),
  rgba(20,20,25,.82)!important}
/* чередование акцентов: клиенты — лайм слева снизу, принципы — фиолет справа снизу, отзывы — индиго слева, FAQ — лайм справа, футер — индиго снизу */
html body[data-look="mix"][data-palette="deep"] main > section.clients:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(1000px 560px at 8% 92%,rgba(168,85,247,.2),transparent 60%),radial-gradient(900px 520px at 90% 10%,rgba(99,102,241,.18),transparent 62%),rgba(26,26,32,.84)!important}
html body[data-look="mix"][data-palette="deep"] main > section.principles:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(1000px 600px at 92% 88%,rgba(168,85,247,.2),transparent 62%),radial-gradient(800px 500px at 10% 8%,rgba(99,102,241,.14),transparent 60%),rgba(26,26,32,.84)!important}
html body[data-look="mix"][data-palette="deep"] main > section.reviews:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(1000px 560px at 8% 12%,rgba(99,102,241,.24),transparent 62%),radial-gradient(700px 500px at 92% 90%,rgba(45,212,191,.10),transparent 60%),rgba(26,26,32,.84)!important}
html body[data-look="mix"][data-palette="deep"] main > section.faq:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(900px 520px at 92% 8%,rgba(99,102,241,.22),transparent 60%),radial-gradient(900px 560px at 6% 90%,rgba(168,85,247,.16),transparent 62%),rgba(26,26,32,.84)!important}
html body[data-look="mix"][data-palette="deep"] footer.footer{background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(1200px 600px at 50% 100%,rgba(99,102,241,.22),transparent 62%),rgba(20,20,25,.84)!important}
/* услуги — самая насыщенная плита (как уже сделано выше), в «Графит+» усиливаем чуть-чуть */
html body[data-look="mix"][data-palette="deep"] main > section#services-section:not(.hero):not(.fly){background:linear-gradient(180deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),linear-gradient(0deg,rgba(10,10,13,.5) 0%,rgba(10,10,13,0) 160px),radial-gradient(1100px 620px at 88% 6%,rgba(99,102,241,.3),transparent 62%),radial-gradient(900px 520px at 6% 96%,rgba(168,85,247,.18),transparent 60%),radial-gradient(700px 700px at 50% 55%,rgba(168,85,247,.12),transparent 65%),rgba(20,20,25,.82)!important}
/* открытые секции: чуть цветного тумана за контентом, чтобы фон не был голым чёрным */
html body[data-look="mix"][data-palette="deep"] main > section.cases-alt:not(.hero):not(.fly),html body[data-look="mix"][data-palette="deep"] main > section.team:not(.hero):not(.fly){background:radial-gradient(900px 600px at 80% 20%,rgba(99,102,241,.10),transparent 62%)!important}
html body[data-look="mix"][data-palette="deep"] main > section.process:not(.hero):not(.fly),html body[data-look="mix"][data-palette="deep"] main > section.contact:not(.hero):not(.fly){background:radial-gradient(900px 600px at 15% 30%,rgba(168,85,247,.10),transparent 62%)!important}
html body[data-look="mix"][data-palette="deep"] main > section.fd-big:not(.hero):not(.fly){background:radial-gradient(900px 600px at 70% 60%,rgba(99,102,241,.12),transparent 62%)!important}
/* v12: стеклянные карточки не проявляются через прозрачность (иначе виден «полупрозрачный» кадр) — только въезд по Y */
/* стекло + любая анимация трансформации = Chrome на время анимации выключает backdrop-filter. Поэтому стеклянные карточки вообще без reveal-анимации */
html body[data-look="mix"] #cases .reveal,html body[data-look="mix"] .founder .fd-chat.reveal,html body[data-look="mix"] .founder .fd-stage-wrap.reveal{opacity:1!important;transform:none!important;transition:none!important}
html body[data-look="mix"] .calt-plate,html body[data-look="mix"] .calt-plate *{will-change:auto}

/* ===== v12: фикс мерцания стекла. isolation:isolate и opacity-анимация делают карточку «корнем фона» для backdrop-filter — размывается только её содержимое, а не плита за ней; Chrome переключает это состояние при скролле. ===== */
html body[data-look="mix"] .hero-v9 .hero-rm-card{isolation:auto!important;animation:none!important}
html body[data-look="mix"] main > section.cases-alt{isolation:auto!important;z-index:0}
html body[data-look="mix"] .calt-plate{isolation:auto!important}
html body[data-look="mix"] main > section.fd-big{isolation:auto!important;z-index:0}
/* Reveal ставит инлайн will-change:transform,opacity на 1.4с — это «корень фона», стекло внутри слепнет. Для обёрток со стеклом снимаем. */
html body[data-look="mix"] #cases .reveal,html body[data-look="mix"] .founder .reveal{will-change:auto!important}

/* ===== v12: адаптив по аудиту 13.09 ===== */
/* FAQ: горизонтальный аккордеон на 801–960 не вмещает текст открытой панели — переключаем в вертикальный раньше */
@media (max-width:960px) and (min-width:801px){
  html body[data-look="mix"] .hv2-acc{flex-direction:column;height:auto}
  html body[data-look="mix"] .hv2-pane,html body[data-look="mix"] .hv2-pane.on{flex:0 0 auto;border-radius:16px}
  html body[data-look="mix"] .hv2-pane .tab{position:static;width:100%;flex-direction:row;padding:16px 18px;justify-content:flex-start;gap:14px;border-right:0;text-align:left}
  html body[data-look="mix"] .hv2-pane .tab .t{writing-mode:horizontal-tb;transform:none;white-space:normal;max-height:none;font-size:15px}
  html body[data-look="mix"] .hv2-pane .tab .ic{margin-left:auto;flex:0 0 28px}
  html body[data-look="mix"] .hv2-pane .body{position:static;display:block;padding:0 18px;min-width:0;max-height:0;overflow:hidden;opacity:0;transform:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s}
  html body[data-look="mix"] .hv2-pane.on .body{max-height:360px;opacity:1;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .25s .05s}
  html body[data-look="mix"] .hv2-pane .body h3{display:none}
  html body[data-look="mix"] .hv2-pane .body p{margin-top:0;padding-bottom:20px}
}
/* тач-цели на телефоне: ссылки футера и контактов не меньше 40px по высоте */
@media (max-width:700px){
  html body[data-look="mix"] .footer-bottom a{display:inline-block;padding:12px 0}
  html body[data-look="mix"] .contact-info-item a.val,html body[data-look="mix"] .contact-info-item .val a{display:inline-block;padding:8px 0}
  html body[data-look="mix"] .form-agree a{display:inline-block;padding:6px 0}
}
/* мелкие моно-подписи в таблицах кейсов: 10 → 11px */
html body[data-look="mix"] .cs-th span{font-size:11px}

/* телефон и планшет: без размытия фона и наложения шума — они пересчитываются на каждом кадре и тормозят прокрутку и раскрывающиеся списки */
@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}
}


/* телефон: карточки в первом экране плотные — без размытия фона мини-карточки просвечивали и текст основной карточки «наезжал» */
@media (hover:none),(max-width:800px){
  html body[data-look] .hero-v9 .deck-mini .hero-float-inner,html body .deck-mini .hero-float-inner{background:linear-gradient(145deg,#2c2a42,#1c1b29)!important}
  html body[data-look] .hero-v9 .deck-main .hero-float-inner,html body .deck-main .hero-float-inner{background:linear-gradient(145deg,#242334,#17171f)!important}
}
/* телефон: бегущие теги мягко уходят за края, а не обрезаются посреди слова */
@media (max-width:800px){
  html body .svc-marquee,html body .calt-marquee{-webkit-mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
}
/* телефон: плашки в подвале одной ширины, в столбик — раньше стояли лесенкой разной длины */
@media (max-width:640px){
  html body .footer-badges{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body .footer-badges .badge{width:100%!important;box-sizing:border-box}
}

/* сайт тёмный сам по себе: браузеры с «тёмной темой для сайтов» не должны его перекрашивать */
:root{color-scheme:dark}
/* телефон: мини-карточки над главной, а не поверх её шапки — раньше «SEO · органика» и «Каналы» закрывали заголовок кейса */
@media (max-width:760px){
  html body .hero-rm-card{padding-top:0!important;margin-top:0!important}
  html body .hero-deck{margin-top:118px!important}
  html body .deck-mini.mini-line{top:-116px!important;left:-34px!important}
  html body .deck-mini.mini-donut{top:-104px!important;right:-34px!important}
  html body .deck-main .hero-float-h{padding-top:6px}
}
/* узкие телефоны (≤380px): кнопка «Расчёт за 24 часа» в нижней панели в одну строку */
@media (max-width:380px){
  html body .contact-dock .dock-main{white-space:nowrap;font-size:13px!important;padding-left:14px!important;padding-right:14px!important;gap:8px!important}
}
@media (max-width:380px){html body .deck-legend{font-size:9px!important}html body .deck-mini.mini-donut .deck-mini-stat,html body .deck-legend b{font-size:9px!important}}

/* ================= МОБИЛЬНАЯ ВЕРСИЯ ГЛАВНОЙ v2 (25.09.2026, по мотивам разбора Медиаконтекста) =================
   Цель: главная вдвое короче, крупные понятные карточки, ленты вместо простыней, светлый блок для ритма, экран не закрыт плашками. Только ≤760px. */
@media (max-width:760px){
  /* заголовки секций: 3–4 строки вместо 5–6, мелкие подписи крупнее */
  html body[data-look] .section-title{font-size:clamp(26px,7.4vw,32px)!important;line-height:1.08!important;letter-spacing:-.03em}
  html body[data-look] .eyebrow{font-size:11px!important}
  html body[data-look] .section-head{gap:14px!important;margin-bottom:22px!important}
  html body[data-look] main > section:not(.hero):not(.fly){padding-top:56px!important;padding-bottom:56px!important}
  html body[data-look] .mono,html body[data-look] .cs-th span,html body[data-look] .calt-num{font-size:11px!important}

  /* услуги: компактные строки — номер, название, для кого, стрелка */
  html body[data-look] .services-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  html body[data-look] .svc{min-height:0!important;padding:18px 56px 18px 18px!important;border-radius:18px!important;transform:none!important}
  html body[data-look] .svc-desc,html body[data-look] .svc-marquee,html body[data-look] .svc-hl{display:none!important}
  html body[data-look] .svc-num{font-size:11px!important;margin-bottom:6px!important}
  html body[data-look] .svc-title{font-size:19px!important;line-height:1.15!important;margin:0!important}
  html body[data-look] .svc-who{font-size:13px!important;margin-top:6px!important;line-height:1.35!important}
  html body[data-look] .svc-arr{position:absolute!important;right:14px;top:50%;transform:translateY(-50%)!important;width:34px!important;height:34px!important;margin:0!important}
  html body[data-look] #services .section-head p{font-size:15px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  /* кейсы: лента, в карточке фото + задача + таблица, без дублирующей второй карточки */
  html body[data-look] .calt-list>*{flex:0 0 88%!important}
  html body[data-look] .calt-plate{height:100%;display:flex;flex-direction:column;padding:10px!important}
  html body[data-look] .calt-item{display:flex!important;flex-direction:column!important;gap:0!important;flex:1}
  html body[data-look] .calt-hero{order:-1;padding:0!important;background:none!important;border:0!important;min-height:0!important}
  html body[data-look] .calt-head,html body[data-look] .calt-marquee{display:none!important}
  html body[data-look] .calt-img{height:150px!important;border-radius:14px;overflow:hidden;margin:0 0 10px!important}
  html body[data-look] .calt-img img{width:100%;height:100%;object-fit:cover}
  html body[data-look] .calt-card{flex:1;display:flex;flex-direction:column;padding:18px!important}
  html body[data-look] .calt-link{margin-top:auto!important}
  html body[data-look] .calt-task{font-size:14.5px!important}

  /* чат-блок: портрет меньше, чат сразу под заголовком */
  html body[data-look] .ct-stage-wrap,html body[data-look] .ct-stage{min-height:0!important}
  html body[data-look] .ct-orb{width:120px!important;height:120px!important}
  html body[data-look] .ct-portrait{padding:0!important;margin:4px 0 14px!important}


  /* процесс и «что вы получаете»: плотнее */
  html body[data-look] .process-visual{display:none!important}
  html body[data-look] .process-step{padding-bottom:26px!important;min-height:0!important;margin:0!important}
  html body[data-look] .process-step h3{font-size:20px!important}
  html body[data-look] .proc-item{padding:18px 0!important;gap:14px!important}
  html body[data-look] .proc-item h3{font-size:19px!important;line-height:1.2!important}
  html body[data-look] .proc-item p{font-size:14.5px!important}
  html body[data-look] .proc-n{font-size:22px!important}

  html body[data-look] .review-track>*{flex:0 0 86%!important}

  /* контакты: терминал короче */
  html body[data-look] .hv8-term,html body[data-look] .hv9-term{min-height:0!important;max-height:220px}
  html body[data-look] .hv8-term-b{min-height:120px!important;height:auto!important}

  /* подвал: колонки ссылок в две колонки, огромная надпись меньше */
  html body[data-look] .footer-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  html body[data-look] .footer-links .footer-col:last-child{grid-column:1 / -1}
  html body[data-look] .footer-col{padding:16px!important;min-width:0}
  html body[data-look] .footer-col a,html body[data-look] .footer-links a{font-size:14px!important}

  /* плашка cookie — тонкая полоса над нижней панелью */
  html body .cookie-bar{left:10px!important;right:10px!important;bottom:74px!important;padding:10px 12px!important;gap:10px!important;border-radius:14px!important;display:flex!important;align-items:center}
  html body .cookie-bar p{font-size:12px!important;line-height:1.35!important;margin:0}
  html body .cookie-bar .btn{padding:9px 14px!important;font-size:13px!important;flex:0 0 auto}
}

/* карусели на телефоне (кейсы, отзывы, команда): одна крупная карточка, край следующей виден */
@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 84%;max-width:none!important;margin:0!important;scroll-snap-align:start;opacity:1!important;transform:none!important;transition:none!important}
  html body .car-nav{display:flex!important}
}
@media (min-width:761px){html body .car-nav{display:none!important}}

/* шапка и нижняя панель прячутся при прокрутке вниз (класс ставит home.js / react-media-bg.js) */
@media (max-width:760px){
  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}
}

@media (max-width:760px){
  /* цифры «2018 / 100+ / 24 ч / 99%» — сетка 2×2 вместо столбика */
  html body[data-look] .facts-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  html body[data-look] .facts-row .fact{padding:16px!important;min-height:0!important}
  /* навигация каруселей */
  html body .car-nav{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)}
}



/* v2.1 (после проверки): кейсы на главной — карточка почти во всю ширину, без второй вложенной рамки; текст 290+ px вместо 230 */
@media (max-width:760px){
  html body[data-look] .calt-list.m-car>*{flex:0 0 calc(100% - 26px)!important}
  html body[data-look] .calt-plate{padding:0!important;overflow:hidden}
  html body[data-look] .calt-plate .calt-meta{padding:14px 16px 10px!important}
  html body[data-look] .calt-plate .calt-img{margin:0!important;border-radius:0!important;height:170px!important}
  html body[data-look] .calt-plate .calt-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:16px 16px 18px!important}
  html body[data-look] .calt-plate .cs-tr{gap:8px}
  /* подвал: колонки ссылок во всю ширину, ссылки внутри в два столбца — без переносов «Контекстная / реклама» */
  html body[data-look] .footer-links{grid-template-columns:1fr!important}
  html body[data-look] .footer-links .footer-col ul,html body[data-look] .footer-links .footer-col .footer-col-list{columns:2;column-gap:16px}
}
/* команда на главной, широкий экран: последний ряд по центру (4+3 симметрично) */
@media (min-width:961px){html body .team-grid{display:flex!important;flex-wrap:wrap;justify-content:center}html body .team-grid>*{flex:0 0 calc((100% - 60px)/4)}}

/* контраст WCAG AA: белый текст на кнопке «Расчёт за 24 часа» (было 4,47:1, стало ~5,5:1) */
html body .dock-main{background:#5457e6!important}
/* мобильная шкала шрифтов — главная (перебивает старые точечные размеры) */
@media (max-width:760px){
  html body[data-look] .section-title,html body[data-look] .section-title .italic{font-size:26px!important}
  html body[data-look] .process-step h3{font-size:19px!important}
  html body[data-look] .contact-info-item .val,html body[data-look] .contact-info-item a{font-size:17px!important}
  html body[data-look] .cs-tbl span,html body[data-look] .footer-links a,html body[data-look] .footer-top p,html body[data-look] .contact-social,html body[data-look] .fd-chat-status,html body[data-look] .fd-chat-foot{font-size:13px!important}
  html body[data-look] .pain s,html body[data-look] .fly-kicker,html body[data-look] .ct-badge{font-size:11px!important}
  html body[data-look] .modal-overlay p{font-size:15px!important}
  html body[data-look] .modal-overlay h3{font-size:26px!important}
  html body[data-look] .cta-actions a,html body[data-look] main .btn{font-size:15px!important}
}

/* ===== Карточка кейса на телефоне v3 (25.09): единая сетка — фото, заголовок-результат, 2 плитки цифр, кнопка.
   Все зоны фиксированной высоты: в ленте заголовки, плитки и кнопки стоят на одних линиях. Свой цвет акцента у каждого кейса. */
@media (max-width:1000px){
  html body[data-look] #cases .calt-list>*:nth-child(4n+1){--ac:#d8ff3e;--ac-ink:#0a0a0b}
  html body[data-look] #cases .calt-list>*:nth-child(4n+2){--ac:#8f91ff;--ac-ink:#0a0a0b}
  html body[data-look] #cases .calt-list>*:nth-child(4n+3){--ac:#ffb547;--ac-ink:#0a0a0b}
  html body[data-look] #cases .calt-list>*:nth-child(4n+4){--ac:#5ee6c8;--ac-ink:#0a0a0b}
  html body[data-look] #cases .calt-plate{position:relative;padding:0!important;border-radius:24px!important;overflow:hidden;border:1px solid rgba(255,255,255,.08)!important;
    background:linear-gradient(180deg,#15151c 0%,#15151c 45%,color-mix(in srgb,var(--ac) 12%,#111116) 100%)!important;box-shadow:none!important;display:flex;flex-direction:column;height:100%}
  html body[data-look] #cases .calt-plate::before,html body[data-look] #cases .calt-plate::after{display:none!important}
  /* метки поверх фото */
  html body[data-look] #cases .calt-meta{position:absolute!important;top:12px;left:12px;right:12px;z-index:3;display:flex!important;justify-content:space-between;align-items:center;padding:0!important;margin:0!important;border:0!important}
  html body[data-look] #cases .calt-num{display:none!important}
  html body[data-look] #cases .calt-meta-r{display:flex!important;justify-content:space-between;width:100%;gap:8px}
  html body[data-look] #cases .calt-meta-r span{font-family:'JetBrains Mono','JetBrains Fallback',monospace;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:100px;background:rgba(10,10,11,.72);color:#f6f4ee;border:0}
  html body[data-look] #cases .calt-meta-r span:first-child{background:var(--ac);color:var(--ac-ink)}
  /* порядок: фото → заголовок → цифры → кнопка */
  html body[data-look] #cases .calt-item{display:flex!important;flex-direction:column!important;flex:1;gap:0!important}
  html body[data-look] #cases .calt-hero{order:0;display:flex!important;flex-direction:column;padding:0!important;background:none!important;border:0!important}
  html body[data-look] #cases .calt-img{order:-1;height:176px!important;margin:0!important;border-radius:0!important;position:relative}
  html body[data-look] #cases .calt-img::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,transparent,#15151c)}
  html body[data-look] #cases .calt-img img{width:100%;height:100%;object-fit:cover;display:block}
  html body[data-look] #cases .calt-head{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;letter-spacing:-.02em;margin:0!important;padding:4px 18px 0!important;height:calc(5 * 1.22em + 4px);color:#f6f4ee}
  html body[data-look] #cases .calt-head b{color:var(--ac)!important}
  html body[data-look] #cases .calt-card{flex:1;display:flex!important;flex-direction:column;padding:16px 18px 18px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;min-height:0}
  html body[data-look] #cases .calt-logo,html body[data-look] #cases .calt-task{display:none!important}
  /* таблица → две плитки: результат крупно, под ним «было → стало» и подпись */
  html body[data-look] #cases .cs-tbl{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px!important}
  html body[data-look] #cases .cs-th{display:none!important}
  html body[data-look] #cases .cs-tr{display:grid!important;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:4px;padding:12px!important;border:0!important;border-radius:14px;background:rgba(255,255,255,.05);height:104px;align-content:start}
  html body[data-look] #cases .cs-tr b{order:-1;font-size:22px!important;line-height:1.05;color:var(--ac)!important}
  html body[data-look] #cases .cs-tr span:first-child{order:2;font-size:12px!important;line-height:1.3;color:rgba(246,244,238,.72)!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  html body[data-look] #cases .cs-tr span:nth-child(2),html body[data-look] #cases .cs-tr span:nth-child(3){order:1;display:inline;font-family:'JetBrains Mono','JetBrains Fallback',monospace;font-size:11px!important;color:rgba(246,244,238,.55)!important}
  html body[data-look] #cases .cs-tr span:nth-child(2)::after{content:" →"}
  html body[data-look] #cases .cs-tr{grid-template-columns:auto 1fr}
  html body[data-look] #cases .cs-tr b{grid-column:1 / -1}
  html body[data-look] #cases .cs-tr span:first-child{grid-column:1 / -1}
  html body[data-look] #cases .cs-tr span:nth-child(3){padding-left:4px}
  html body[data-look] #cases .cs-tbl .cs-tr:nth-child(n+4){display:none!important}
  /* кнопка — всегда внизу, одна линия во всех карточках */
  html body[data-look] #cases .calt-link{margin-top:auto!important;display:flex!important;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px!important;border-radius:100px;background:rgba(255,255,255,.06);font-size:15px!important;border:0!important}
  html body[data-look] #cases .calt-arr{background:var(--ac)!important;color:var(--ac-ink)!important;width:36px!important;height:36px!important;border:0!important}
}
@media (max-width:1000px){
  html body[data-look] #cases .calt-item>.calt-hero{order:-1!important}
  html body[data-look] #cases .cs-tbl .cs-tr.cs-th{display:none!important}
  html body[data-look] #cases .cs-tbl .cs-tr:nth-child(n+4){display:none!important}
}
/* «Первые заявки через 3–5 дней» на телефоне: кружок шага на линии, в одной строке с названием шага */
@media (max-width:860px){
  html body[data-look] .process-step{grid-template-columns:48px 1fr!important;gap:0 16px!important;align-items:start!important;padding-bottom:28px!important}
  html body[data-look] .process-step .process-dot{grid-column:1!important;grid-row:1!important;align-self:start!important;margin-top:0!important;width:48px!important;height:48px!important}
  html body[data-look] .process-step .process-content{grid-column:2!important;grid-row:1!important;padding-top:4px}
  html body[data-look] .process-step .process-content h3{margin-top:6px!important}
}

/* отзывы на телефоне: тёмный блок, карточки чуть светлее фона, лаймовая кавычка */
@media (max-width:760px){
  html body[data-look] section.reviews .review{background:linear-gradient(180deg,#1d1d26,#16161d)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:none!important}
  html body[data-look] section.reviews .review-quote-mark{color:#d8ff3e!important}
  html body[data-look] section.reviews .review-quote{color:#f6f4ee!important}
}
/* дизайн-система на телефоне: секции-плиты скругление 24, текст на 24px от края экрана (как на внутренних страницах) */
@media (max-width:760px){
  html body[data-look] main{padding:0 8px!important}
  html body[data-look] main > section:not(.hero):not(.fly){border-radius:24px!important}
  html body[data-look] main > section:not(.hero):not(.fly) > .container,html body[data-look] main > section:not(.hero):not(.fly) .container{padding-left:16px!important;padding-right:16px!important}
  html body[data-look] .hv2-plate{border-radius:24px!important}
  html body[data-look] .fd-chat{border-radius:24px!important}
  html body[data-look] footer.footer .container{padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:760px){
  html body[data-look] .svc{border-radius:16px!important}
  /* плиты с рамкой 1px: контент тоже на 24px от края экрана */
  html body[data-look] main > section.section-accent:not(.hero):not(.fly) .container,html body[data-look] main > section.zone-soft:not(.hero):not(.fly) .container,html body[data-look] main > section.faq:not(.hero):not(.fly) .container{padding-left:15px!important;padding-right:15px!important}
  html body[data-look] .modal-overlay .modal-close{width:44px!important;height:44px!important}
  html body[data-look] main .btn{height:52px!important}
  /* элементы, рассчитанные на прежний отступ 10px */
  html body[data-look] .hero-v9 .hero-ribbons{margin-left:-8px!important;margin-right:-8px!important;width:calc(100% + 16px)!important}
  html body[data-look] .fly{margin:0 -8px!important}
  html body[data-look] footer.footer{margin:0 8px 8px!important;border-radius:24px!important}
}
/* если скрипты не загрузились — не показываем пустой блок видео (иначе чёрная пустота в 2–3 экрана под первым) */
html:not(.app-ready) .fly{display:none!important}
html:not(.app-ready) body[data-look] main > .fly + section:not(.hero):not(.fly),html:not(.app-ready) body main > .fly + section{margin-top:0!important}

/* планшет 761–1000: кейсы сеткой в 2 колонки (карточка как на телефоне), команда — неполный ряд по центру */
@media (min-width:761px) and (max-width:1000px){
  html body[data-look] #cases .calt-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
  html body[data-look] #cases .calt-list>*{margin:0!important}
  html body .team-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px!important}
  html body .team-grid>*{flex:0 0 calc((100% - 20px)/2)}
}
@media (min-width:761px) and (max-width:1000px){
  html body[data-look] #cases .calt-marquee{display:none!important}
  html body[data-look] #cases .calt-list>*{min-width:0!important;display:flex}
  html body[data-look] #cases .calt-list>*>.calt-plate{width:100%}
  html body[data-look] #cases .calt-img{height:190px!important}
}
/* карточки первого экрана на телефоне: легенда «Каналы · бюджет» ровной колонкой внутри карточки, мини-карточки не задевают заголовок основной */
@media (max-width:760px){
  html body .deck-mini.mini-donut{width:178px!important}
  html body .deck-donut-wrap{gap:10px!important}
  html body .deck-donut-wrap .deck-donut svg{width:46px!important;height:46px!important}
  html body .deck-legend{gap:5px!important;min-width:0}
  html body .deck-legend .lg-row{display:grid!important;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;column-gap:6px;white-space:nowrap}
  html body .deck-legend .lg-row b{text-align:right;margin:0!important;padding:0!important}
  html body .hero-deck{margin-top:146px!important}
  html body .deck-mini.mini-line{top:-144px!important}
  html body .deck-mini.mini-donut{top:-132px!important}
}
@media (max-width:760px){
  html body .deck-legend,html body .deck-legend b{font-size:9.5px!important;letter-spacing:0!important}
  html body .deck-legend .lg-row{column-gap:8px}
  html body .deck-main .hero-float-h{gap:10px;font-size:9.5px!important;letter-spacing:.06em!important}
  html body .deck-main .hero-float-h span{white-space:nowrap}
}
@media (max-width:760px){
  html body .deck-mini.mini-donut{width:188px!important}
  html body .deck-donut-wrap .deck-donut svg{width:40px!important;height:40px!important}
}
/* надпись над заголовком первого экрана — всегда в одну строку */
.hv3-meta-text .m-short{display:none}
.hv3-meta-text{white-space:nowrap}
@media (max-width:760px){.hv3-meta-text .m-long{display:none}.hv3-meta-text .m-short{display:inline}html body .hv3-meta-text{letter-spacing:.1em!important;font-size:10.5px!important}}

/* ===== пятна первого экрана без filter:blur(120px): тот же мягкий круг через радиальный градиент.
   Размытие 120px на слоях 400–600px перерисовывалось при каждом возврате к первому экрану — на полсекунды пропадали заголовок и карточки.
   Размер = круг + 2×120px размытия, край растворяется так же. */
html body .hero-blob{filter:none!important}
html body .hero-blob-1{width:840px;height:840px;top:-220px;right:-220px;background:radial-gradient(closest-side,var(--accent) 0 40%,color-mix(in srgb,var(--accent) 45%,transparent) 71%,transparent 100%)}
html body .hero-blob-2{width:740px;height:740px;bottom:-220px;left:-220px;background:radial-gradient(closest-side,var(--accent-3) 0 35%,color-mix(in srgb,var(--accent-3) 45%,transparent) 68%,transparent 100%)}
html body .hero-blob-3{width:640px;height:640px;margin:-120px 0 0 -120px;background:radial-gradient(closest-side,var(--accent-2) 0 30%,color-mix(in srgb,var(--accent-2) 45%,transparent) 65%,transparent 100%)}
/* пятна стоят на месте: их медленное плавание (цикл 20–30 с) под «матовым стеклом» карточек заставляло пересчитывать размытие,
   и при быстром возврате к первому экрану он на полсекунды оставался пустым */
html body .hero-blob{animation:none!important;will-change:auto!important}