/* Главная агентства Собранка (sobranka.io) — стиль «Типографика» (вариант B, выбор Галы 23.10.2026):
   тёплый светлый #F2EFE8, графит #151515, акцент #E3532D, золото #C9A46A; Yanone Kaffeesatz + Montserrat;
   первый экран — ролики креаторов в словах заголовка, кино-лента Fashion / Beauty / Home, крупная типографика. */
@font-face { font-family: Y; font-weight: 200 700; font-display: swap; src: url(/kabinet/static/yanone-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: Y; font-weight: 200 700; font-display: swap; src: url(/kabinet/static/yanone-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: M; font-weight: 300 700; font-display: swap; src: url(/sayt/montserrat-cyr.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: M; font-weight: 300 700; font-display: swap; src: url(/sayt/montserrat-lat.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }

:root { --fon: #f2efe8; --tem: #151515; --ak: #e3532d; --zol: #c9a46a; --linia: #d8d3c8; --tusk: #6f6b63;
  --sh: Y, "Arial Narrow", sans-serif; --tx: M, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fon); color: var(--tem); font: 15px/1.55 var(--tx); overflow-x: hidden; }
img, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
.obl { max-width: 1320px; margin: 0 auto; padding: 0 32px; }
section { position: relative; }
.zag { font: 700 clamp(44px, 6.4vw, 104px)/.9 var(--sh); text-transform: uppercase; margin: 0; letter-spacing: -.005em; }
.zag em { font-style: normal; color: var(--ak); }
.metka { display: inline-flex; gap: 6px; font: 600 12px/1 var(--tx); text-transform: uppercase; letter-spacing: .07em; }
.metka span { border: 1px solid currentColor; border-radius: 99px; padding: 7px 13px; }
.metka span.z { background: var(--ak); border-color: var(--ak); color: #fff; }
.pill { display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 var(--tx); padding: 15px 26px; border-radius: 99px;
  cursor: pointer; border: 0; transition: transform .2s, background .2s, color .2s; }
.pill:hover { transform: translateY(-2px); }
.pill.ch { background: var(--tem); color: #fff; } .pill.ch:hover { background: var(--ak); }
.pill.kon { box-shadow: inset 0 0 0 1.5px currentColor; background: transparent; color: inherit; }
.pill.zol { background: var(--zol); color: var(--tem); }
.pill.bel { background: #fff; color: var(--tem); }

/* шапка */
.shapka { position: fixed; top: 0; left: 0; right: 0; z-index: 40; transition: background .3s, box-shadow .3s; }
.shapka.plotno { background: rgba(242,239,232,.92); backdrop-filter: blur(10px); box-shadow: 0 1px 0 var(--linia); }
.shapka .obl { display: flex; align-items: center; gap: 24px; height: 74px; }
.shapka .logo img { height: 22px; width: auto; }
.shapka nav { display: flex; gap: 6px; flex: 1; justify-content: center; }
.shapka nav a { font: 500 13px/1 var(--tx); padding: 9px 15px; border-radius: 99px; border: 1px solid var(--linia); transition: .2s; }
.shapka nav a:hover { border-color: var(--tem); }
.burger { display: none; background: none; border: 0; font-size: 26px; cursor: pointer; color: var(--tem); }
@media (max-width: 1000px) {
  .shapka nav { display: none; position: absolute; top: 74px; left: 0; right: 0; background: var(--fon); flex-direction: column; padding: 16px 24px; gap: 8px; box-shadow: 0 10px 20px rgba(0,0,0,.08); }
  .shapka nav.otkryto { display: flex; }
  .burger { display: block; margin-left: auto; }
  .shapka .pill { display: none; }
}

/* 1. первый экран: ролики креаторов в словах */
.geroy { padding: 140px 0 60px; text-align: center; min-height: min(calc(100vh - 57px), 920px); display: flex; align-items: center; }
.geroy .obl { width: 100%; }
.geroy h1 { margin-bottom: 30px !important; }
.geroy h1 em { font-style: normal; color: var(--ak); }
.geroy .metka { margin-bottom: 22px; }
.geroy h1 { font: 700 clamp(46px, 7.4vw, 118px)/.9 var(--sh); text-transform: uppercase; margin: 0; }
.geroy h1 .str { display: flex; align-items: center; justify-content: center; gap: .15em; flex-wrap: wrap; }
.vst { display: inline-block; height: 1em; width: .6em; border-radius: .3em; overflow: hidden; background: #ddd; flex: none; vertical-align: middle; }
.vst.kv { width: .78em; border-radius: 50%; background: var(--tem); }
.vst video, .vst img { width: 100%; height: 100%; object-fit: cover; }
.vst.kv img { object-fit: contain; padding: 7%; }
.geroy .pod { max-width: 600px; margin: 0 auto 26px; color: var(--tusk); font-size: 16px; }
.geroy .knopki { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-bottom: 40px; }

/* бегущая строка */
.beg { background: var(--tem); color: var(--fon); padding: 15px 0; overflow: hidden; white-space: nowrap; }
.beg div { display: inline-block; animation: beg 42s linear infinite; }
.beg span { font: 700 27px/1 var(--sh); text-transform: uppercase; letter-spacing: .04em; padding: 0 20px; }
.beg span::after { content: "✦"; color: var(--zol); margin-left: 40px; font-size: 18px; vertical-align: middle; }
@keyframes beg { to { transform: translateX(-50%); } }

/* 2. специализация — строки, при наведении всплывает картинка */
.razdel { padding: 110px 0; }
.razdel .shap { display: flex; justify-content: space-between; align-items: end; gap: 30px; flex-wrap: wrap; margin-bottom: 44px; }
.razdel .shap p { max-width: 420px; color: var(--tusk); margin: 0; }
.stroki { border-top: 1px solid var(--tem); }
.stroka { display: grid; grid-template-columns: 1.1fr 1fr 60px; gap: 30px; align-items: center; padding: 30px 0; border-bottom: 1px solid var(--tem); position: relative; transition: padding .35s; }
.stroka b { font: 700 clamp(44px, 6vw, 92px)/.9 var(--sh); text-transform: uppercase; transition: color .3s; }
.stroka p { margin: 0; color: #3c3a36; font-size: 15px; max-width: 470px; }
.stroka i { font-style: normal; font: 700 34px/1 var(--sh); text-align: right; transition: transform .35s; }
.stroka .kart { position: absolute; right: 18%; top: 50%; width: 140px; aspect-ratio: 9 / 16; border-radius: 18px; overflow: hidden; pointer-events: none;
  opacity: 0; transform: translateY(-50%) rotate(-6deg) scale(.8); transition: .4s; box-shadow: 0 20px 40px rgba(0,0,0,.18); }
.stroka .kart video, .stroka .kart img { width: 100%; height: 100%; object-fit: cover; }
.stroka:hover { padding-left: 14px; }
.stroka:hover b { color: var(--ak); }
.stroka:hover i { transform: rotate(-45deg); }
.stroka:hover .kart { opacity: 1; transform: translateY(-50%) rotate(-6deg) scale(1); }
@media (max-width: 860px) { .stroka { grid-template-columns: 1fr; gap: 10px; } .stroka i, .stroka .kart { display: none; } }

/* 3. большая цитата */
.citata { padding: 120px 0; background: var(--tem); color: var(--fon); text-align: center; overflow: hidden; }
.citata p { font: 600 clamp(32px, 4.4vw, 66px)/1 var(--sh); text-transform: uppercase; max-width: 1100px; margin: 0 auto; }
.citata p em { font-style: normal; color: var(--zol); }
.citata .zn { width: 70px; margin: 0 auto 26px; animation: plav 5s ease-in-out infinite alternate; }
@keyframes plav { to { transform: translateY(-10px) rotate(6deg); } }

/* 4. боли — список «цитата → решение» */
.boli { border-top: 1px solid var(--linia); }
.bol { display: grid; grid-template-columns: 70px 1.3fr 1fr; gap: 24px; padding: 26px 0; border-bottom: 1px solid var(--linia); align-items: baseline; }
.bol i { font: 700 22px/1 var(--sh); font-style: normal; color: var(--zol); }
.bol q { font: 600 clamp(24px, 2.6vw, 36px)/1 var(--sh); text-transform: uppercase; quotes: "«" "»"; }
.bol div { color: var(--tusk); font-size: 14px; }
.bol div b { display: block; color: var(--ak); font-weight: 600; margin-top: 6px; }
@media (max-width: 860px) { .bol { grid-template-columns: 1fr; gap: 8px; } }

/* 5. услуги — плитка */
.plitka { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 150px; gap: 12px; }
.pl { border-radius: 26px; overflow: hidden; position: relative; padding: 26px; display: flex; flex-direction: column; justify-content: space-between; transition: transform .35s, box-shadow .35s; }
.pl:hover { transform: translateY(-5px); box-shadow: 0 22px 44px rgba(0,0,0,.14); }
.pl .no { font: 600 12px/1 var(--tx); text-transform: uppercase; letter-spacing: .07em; opacity: .75; position: relative; z-index: 2; }
.pl b { font: 700 clamp(32px, 3.2vw, 52px)/.92 var(--sh); text-transform: uppercase; position: relative; z-index: 2; }
.pl p { margin: 8px 0 0; font-size: 14px; max-width: 360px; position: relative; z-index: 2; }
.pl .pill { align-self: flex-start; position: relative; z-index: 2; margin-top: 14px; padding: 11px 18px; font-size: 13px; }
.pl > img.fon, .pl > video.fon { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pl > img.pred { position: absolute; right: -14%; top: 4%; height: 74%; width: auto; mix-blend-mode: multiply; transition: transform .5s;
  -webkit-mask-image: radial-gradient(ellipse 55% 58% at 50% 50%, #000 60%, transparent 100%); mask-image: radial-gradient(ellipse 55% 58% at 50% 50%, #000 60%, transparent 100%); }
.pl.d2c > div { max-width: 62%; position: relative; z-index: 2; }
.pl:hover > img.pred { transform: scale(1.05) rotate(-2deg); }
.pl.cmo { grid-column: span 5; grid-row: span 3; background: var(--tem); color: #fff; }
.pl.cmo b { font-size: clamp(42px, 4.8vw, 78px); }
.pl.kz { grid-column: span 4; grid-row: span 3; color: #fff; }
.pl.kz::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05) 30%, rgba(0,0,0,.72)); }
.pl.pd { grid-column: span 7; grid-row: span 3; background: var(--ak); color: #fff; }
.pl.d2c { grid-column: span 4; grid-row: span 3; background: #e7e2d7; }
.pl.ks { grid-column: span 4; grid-row: span 3; background: var(--zol); }
.pl.d2c p, .pl.ks p { color: #2c2a26; }
@media (max-width: 960px) { .plitka { grid-template-columns: 1fr; grid-auto-rows: auto; } .pl { grid-column: auto !important; grid-row: auto !important; min-height: 320px; } }

/* 6. шаги */
.shagi { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--tem); }
.shag { padding: 26px 18px 10px 0; border-right: 1px solid var(--linia); opacity: .25; transition: opacity .6s; }
.shag:last-child { border-right: 0; }
.shag.vidno { opacity: 1; }
.shag i { display: block; font: 700 64px/1 var(--sh); font-style: normal; color: var(--ak); margin-bottom: 12px; }
.shag b { display: block; font: 700 26px/1 var(--sh); text-transform: uppercase; margin-bottom: 10px; }
.shag p { margin: 0; color: var(--tusk); font-size: 13px; }
.shag + .shag { padding-left: 18px; }
@media (max-width: 960px) { .shagi { grid-template-columns: 1fr 1fr; } .shag { border-right: 0; padding-left: 0 !important; border-bottom: 1px solid var(--linia); } }

/* 7. основатель — тонкая полоса */
.osn { display: grid; grid-template-columns: 150px 1fr auto; gap: 32px; align-items: center; padding: 34px; border-radius: 30px; background: #fff; }
.osn img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; object-position: 50% 30%; }
.osn .metka { color: var(--tusk); margin-bottom: 10px; }
.osn b { display: block; font: 700 44px/1 var(--sh); text-transform: uppercase; margin-bottom: 8px; }
.osn p { margin: 0; color: #3c3a36; max-width: 640px; }
@media (max-width: 860px) { .osn { grid-template-columns: 1fr; text-align: left; } }

/* 8. обещаем / не обещаем */
.chestno { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ch-k { border-radius: 26px; padding: 34px; }
.ch-k.da { background: var(--tem); color: #fff; }
.ch-k.net { box-shadow: inset 0 0 0 1.5px var(--tem); }
.ch-k b { display: block; font: 700 40px/1 var(--sh); text-transform: uppercase; margin-bottom: 18px; }
.ch-k ul { list-style: none; margin: 0; padding: 0; }
.ch-k li { padding: 11px 0 11px 30px; border-top: 1px solid rgba(128,128,128,.25); position: relative; }
.ch-k.da li::before { content: "+"; position: absolute; left: 4px; color: var(--zol); font-weight: 700; }
.ch-k.net li::before { content: "×"; position: absolute; left: 4px; color: var(--ak); font-weight: 700; }
@media (max-width: 860px) { .chestno { grid-template-columns: 1fr; } }

/* 9. ещё в Собранке */
.esche .stroka b { font-size: clamp(36px, 4.4vw, 64px); }

/* 10. СМИ */
.smi { display: flex; justify-content: space-between; align-items: center; gap: 26px; flex-wrap: wrap; padding: 50px 0; border-top: 1px solid var(--linia); border-bottom: 1px solid var(--linia); }
.smi img { height: 30px; width: auto; filter: grayscale(1) contrast(1.2); opacity: .55; transition: .3s; }
.smi img:hover { filter: none; opacity: 1; }

/* 11. форма */
.svyaz { background: var(--tem); color: var(--fon); padding: 110px 0; border-radius: 40px 40px 0 0; margin-top: 110px; }
.svyaz .setka { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.svyaz .zag em { color: var(--zol); }
.svyaz .lid { color: #bdb8ad; font-size: 17px; max-width: 480px; margin: 22px 0 28px; }
.forma { display: flex; flex-direction: column; gap: 10px; }
.forma input, .forma select, .forma textarea { font: 15px var(--tx); padding: 15px 18px; border: 1px solid #3a3a3a; border-radius: 16px; background: #1f1f1f; color: #f2f2f2; }
.forma input::placeholder, .forma textarea::placeholder { color: #8a867e; }
.forma select { color: #cfcac0; }
.forma textarea { min-height: 96px; resize: vertical; }
.forma .soglasie { font-size: 12px; color: #9a958b; display: flex; gap: 8px; align-items: flex-start; }
.forma .soglasie a { color: var(--zol); }
.forma .pill { justify-content: center; padding: 17px; font-size: 15px; }
.otvet { font-size: 14px; min-height: 20px; } .otvet a { color: var(--zol); }
.soc { display: flex; gap: 8px; flex-wrap: wrap; }
.soc a { font: 500 13px/1 var(--tx); padding: 10px 16px; border-radius: 99px; border: 1px solid #3a3a3a; transition: .2s; }
.soc a:hover { background: var(--zol); color: var(--tem); border-color: var(--zol); }
@media (max-width: 860px) { .svyaz .setka { grid-template-columns: 1fr; gap: 30px; } .svyaz { border-radius: 26px 26px 0 0; } }
footer { background: var(--tem); color: #8a867e; font-size: 12px; padding: 0 0 34px; }
footer .obl { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; border-top: 1px solid #2c2c2c; padding-top: 28px; }

/* появление при прокрутке */
.anim .poyavl { opacity: 0; transform: translateY(30px); transition: opacity .8s ease, transform .8s ease; }
.anim .poyavl.vidno { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .anim .poyavl { opacity: 1; transform: none; transition: none; }
  .beg div { animation: none; }
  .kat video { transition: none; }
}

/* ролик внутри заголовка раздела и цитаты — той же высоты, что строчные буквы */
.zag .vst, .citata .vst { height: .96em; width: .56em; vertical-align: middle; margin: -.12em .05em 0; }
.kruzhok { position: absolute; right: 22px; top: 22px; width: 104px; height: 185px; border-radius: 18px; overflow: hidden; z-index: 2; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.kruzhok video { width: 100%; height: 100%; object-fit: cover; }
.pl:hover .kruzhok { transform: scale(1.06) rotate(-4deg); transition: .4s; }

/* 1а. кино-лента: три категории во весь экран, каждая листает свои ролики */
.lenta { display: grid; grid-template-columns: repeat(3, 1fr); height: min(82vh, 760px); background: var(--tem); }
.kat { position: relative; overflow: hidden; color: #fff; border-right: 1px solid #000; }
.kat:last-child { border-right: 0; }
.kat video { width: 100%; height: 100%; object-fit: cover; transition: opacity .6s, transform 1.2s cubic-bezier(.2,.7,.2,1), filter .6s; filter: saturate(.9) brightness(.82); }
.kat video.smena { opacity: 0; }
.kat::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.65)); pointer-events: none; }
.kat b { position: absolute; left: 28px; bottom: 54px; z-index: 2; font: 700 clamp(56px, 7vw, 120px)/.85 var(--sh); text-transform: uppercase; transition: transform .5s; }
.kat span { position: absolute; left: 30px; bottom: 26px; z-index: 2; font: 500 13px/1 var(--tx); letter-spacing: .06em; text-transform: uppercase; opacity: .85; }
.kat:hover video { transform: scale(1.05); filter: none; }
.kat:hover b { transform: translateY(-6px); color: var(--zol); }
@media (max-width: 860px) { .lenta { grid-template-columns: 1fr; height: auto; } .kat { height: 62vh; border-right: 0; border-bottom: 1px solid #000; } }

/* публикации в СМИ — только проверенные ссылки (проверка 23.10.2026) */
.pubs { margin-top: 90px; border-top: 1px solid var(--tem); }
.pubs h3 { font: 700 30px/1 var(--sh); text-transform: uppercase; margin: 26px 0 10px; }
.pub { display: grid; grid-template-columns: 180px 1fr 70px 30px; gap: 20px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--linia); transition: padding .3s, color .3s; }
.pub .izd { font: 700 22px/1 var(--sh); text-transform: uppercase; }
.pub .zg { color: #3c3a36; }
.pub .god { color: var(--tusk); font-size: 13px; text-align: right; }
.pub i { font-style: normal; text-align: right; }
.pub:hover { padding-left: 10px; color: var(--ak); } .pub:hover .zg { color: var(--ak); }
@media (max-width: 760px) { .pub { grid-template-columns: 1fr auto; gap: 6px 12px; } .pub .zg { grid-column: 1 / -1; order: 3; } .pub i { display: none; } }

/* ролики — кадр ближе к лицам: вертикальные съёмки, лица обычно в верхней трети */
.vst video, .kart video, .kruzhok video, .kat video, .tel video, .pl > video.fon { object-position: 50% 30%; }

/* акцент на подборки: кнопка в меню и на первом экране */
.shapka nav a.akc { background: var(--ak); border-color: var(--ak); color: #fff; }
.shapka nav a.akc:hover { background: var(--tem); border-color: var(--tem); }
.pill.ak { background: var(--ak); color: #fff; } .pill.ak:hover { background: var(--tem); }
.pl.pd b { font-size: clamp(42px, 4.8vw, 78px); }

/* 1б. главный продукт — блогерские подборки */
.glavnyy { background: var(--ak); color: #fff; padding: 100px 0; overflow: hidden; }
.glavnyy .obl { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.glavnyy .metka span { border-color: #fff; } .glavnyy .metka span.z { background: #fff; color: var(--ak); border-color: #fff; }
.glavnyy .zag { margin: 18px 0 20px; } .glavnyy .zag em { color: var(--tem); }
.glavnyy .lid { font-size: 17px; max-width: 520px; margin: 0 0 18px; color: #fff3ee; }
.gl-plusy { list-style: none; padding: 0; margin: 0 0 28px; max-width: 520px; }
.gl-plusy li { padding: 10px 0 10px 28px; border-top: 1px solid rgba(255,255,255,.3); position: relative; }
.gl-plusy li::before { content: "+"; position: absolute; left: 4px; font-weight: 700; }
.knopki-l { display: flex; gap: 10px; flex-wrap: wrap; }
.knopki-l .pill.kon { color: #fff; }
.gl-roliki { display: flex; gap: 16px; justify-content: center; align-items: center; }
.tel { position: relative; width: 31%; aspect-ratio: 9 / 16; border-radius: 26px; overflow: hidden; background: #000;
  box-shadow: 0 24px 50px rgba(0,0,0,.28); transition: transform .4s; }
.tel:nth-child(1) { transform: rotate(-5deg) translateY(16px); } .tel:nth-child(3) { transform: rotate(5deg) translateY(16px); }
.tel:nth-child(2) { transform: translateY(-14px); z-index: 2; }
.tel:hover { transform: rotate(0) translateY(-6px) scale(1.03); z-index: 3; }
.tel video { width: 100%; height: 100%; object-fit: cover; }
.tel span { position: absolute; left: 12px; bottom: 12px; font: 700 26px/1 var(--sh); text-transform: uppercase; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
@media (max-width: 900px) { .glavnyy .obl { grid-template-columns: 1fr; } .glavnyy { padding: 70px 0; } .tel span { font-size: 20px; } }

/* страница Галы (sayt/gala.html) — в оформлении главной */
.vst.foto img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 30%; }
.intervyu-a { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.intervyu-a a { position: relative; border-radius: 26px; overflow: hidden; display: block; aspect-ratio: 16 / 10; background: #000; }
.intervyu-a img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.6); transition: .4s; }
.intervyu-a a:hover img { filter: none; transform: scale(1.04); }
.intervyu-a span { position: absolute; left: 16px; bottom: 14px; background: #fff; color: var(--tem); font: 600 13px/1 var(--tx); padding: 10px 14px; border-radius: 99px; }
.gala .bol i { font-size: 20px; } .gala .bol div b a { color: var(--ak); }
.pl.kz-s { grid-column: span 4; grid-row: span 3; background: var(--ak); color: #fff; }
.gala .pl.cmo { grid-column: span 7; } .gala .pl.pd { grid-column: span 5; background: var(--tem); }
.spiker-a { display: grid; grid-template-columns: 1fr 1.1fr; gap: 50px; align-items: center; text-align: left; }
.spiker-a img { border-radius: 26px; width: 100%; }
.spiker-a p { text-align: left; margin: 0 0 24px; }
.tegi-t { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.tegi-t span { font: 500 13px/1 var(--tx); border: 1px solid #444; color: #ddd; border-radius: 99px; padding: 9px 14px; }
@media (max-width: 900px) { .intervyu-a, .spiker-a { grid-template-columns: 1fr; } }
.gala .bol q::before, .gala .bol q::after { content: none; }
#boli .knopki-l .pill.kon { color: var(--tem); }
.lend .knopki-l .pill.kon { color: var(--tem); }

/* главная: продукты для собственника — ссылки на лендинги (24.10.2026) */
.dop-uslugi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 12px; }
.du { background: #fff; border-radius: 26px; padding: 26px; display: flex; flex-direction: column; gap: 10px; transition: transform .35s, box-shadow .35s; }
.du:hover { transform: translateY(-5px); box-shadow: 0 22px 44px rgba(0,0,0,.12); }
.du .no { font: 600 12px/1 var(--tx); text-transform: uppercase; letter-spacing: .07em; color: var(--tusk); }
.du b { font: 700 clamp(28px, 2.6vw, 40px)/.92 var(--sh); text-transform: uppercase; }
.du p { margin: 0; color: #3c3a36; font-size: 14px; flex: 1; }
.du i { font-style: normal; font: 600 13px/1 var(--tx); color: var(--ak); }
@media (max-width: 960px) { .dop-uslugi { grid-template-columns: 1fr; } }
/* три согласия в форме (24.10.2026) */
.forma .soglasie + .soglasie { margin-top: -2px; }

/* Два формата единого направления «Стратегия бизнеса». */
.strategiya-formaty .plitka { grid-auto-rows: auto; }
.strategiya-formaty .pl { min-height: 460px; gap: 32px; }
.strategiya-formaty .pl b { font-size: clamp(36px, 4vw, 62px); }
.strategiya-formaty .pl p { max-width: 100%; }
@media (max-width: 960px) { .strategiya-formaty .pl { min-height: 0; } }

@media (min-width: 961px) { body.gala:not(.lend) #formaty .pl { grid-column: span 6; } }

.konsultaciya-shagi { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media (max-width: 700px) { .konsultaciya-shagi { grid-template-columns: 1fr; } }