/* d0811 — дизайнер Claude, 08.11.2026. Доводка общих блоков до вида B2 и удобства на телефоне.
   Только оформление: тексты, адреса, H1, title не менялись.
   Откат: удалить строку <link rel="stylesheet" href="/_a/d0811/designer.css"> и этот файл. */
:root{--d8-navy:#0e2a52;--d8-navy-2:#16386a;--d8-blue:#1d4f91;--d8-red:#d92f35;--d8-line:#d6dfea;--d8-paper:#f2f6fb;--d8-ink:#13233d;--d8-mute:#5a6b82}

/* 1. Заголовки: ровные строки без висящих слов */
h1,h2,h3{text-wrap:balance}

/* 2. Вкладки и ленты на телефоне и планшете (до 1000 px): слово у края не режется.
   Короткие наборы переносятся в 2–3 строки; длинные ленты листаются, справа плотное затухание и «›». */
@media (max-width:1000px){
 html body .tabs-in{flex-wrap:wrap;overflow:visible;column-gap:22px;row-gap:0;padding-right:var(--gut,20px)}
 html body .tabs-in .tab{min-height:44px;padding:12px 0 10px}
 html body nav.company-nav--section ul{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:0 22px!important;padding-left:0!important;margin-left:0!important}
 html body nav.company-nav--section ul a{display:inline-flex;align-items:center;min-height:44px;padding-left:0!important;padding-right:0!important}
 html body .second-nav,html body .faq-categories{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}
 html body .second-nav>li,html body .faq-categories>a{flex:none;scroll-snap-align:start}
 html body .second-nav a{white-space:nowrap;min-height:44px;display:flex;align-items:center}
 html body .second-nav,html body .faq-categories{padding-right:0!important}
 html body .second-nav::after,html body .faq-categories::after{
  content:"›";position:sticky;right:-1px;flex:0 0 88px;align-self:stretch;margin-left:-88px;
  display:flex;align-items:center;justify-content:flex-end;padding-right:6px;box-sizing:border-box;
  font:400 28px/1 var(--sans,'Golos Text',Arial,sans-serif);color:var(--d8-blue);
  background:linear-gradient(90deg,var(--d8-fade0,rgba(255,255,255,0)) 0,var(--d8-fade,#fff) 34%);pointer-events:none;z-index:2}
 html body .faq-categories{--d8-fade:#f3f6fa;--d8-fade0:rgba(243,246,250,0)}
 html body .second-nav>li:last-of-type,html body .faq-categories>a:last-of-type{margin-right:88px}
 /* Одна вкладка (страницы услуг) — листать нечего: без затухания и стрелки */
 html body .second-nav:has(>li:only-child)::after{display:none}
 html body .second-nav>li:only-child{margin-right:0}
}

@media (min-width:600px) and (max-width:1000px){html body .tabs-in{column-gap:16px}html body .tabs-in .tab{font-size:15px}}

/* 3. Кнопки «Пауза»: компактные, по ширине текста, в той же системе, что круглые стрелки */
html body .c19-motion-toggle{border-radius:22px;border:1px solid var(--d8-line);background:#fff;color:var(--d8-blue);font:500 13px/1.2 var(--sans,'Golos Text',Arial,sans-serif);padding:8px 12px;min-height:44px;box-shadow:none}
html body .c19-motion-toggle:hover{background:var(--d8-paper);border-color:#aabbd0}
html body .c19-hero-toggle{border-radius:22px;max-width:none;width:max-content!important;align-self:flex-start;justify-self:start}
@media (max-width:1000px){html body .c19-hero-toggle{display:inline-flex;margin:10px 20px 0}}
/* Лента логотипов: «Пауза» в одной строке со стрелками, справа, а не отдельной строкой */
@media (max-width:767px){
 html body .c19-logo-controls+.c19-motion-controls{justify-content:flex-end;margin-top:-56px;padding-top:0;position:relative;pointer-events:none}
 html body .c19-logo-controls+.c19-motion-controls .c19-motion-toggle{pointer-events:auto}
}

@media (max-width:374px){
 html body .c19-logo-controls+.c19-motion-controls .c19-motion-toggle{width:44px;min-width:44px;padding:0;font-size:0;gap:0}
 html body .c19-logo-controls+.c19-motion-controls .c19-motion-toggle::before{content:"\2161";font-size:16px;line-height:1}
 html body .c19-logo-controls+.c19-motion-controls .c19-motion-toggle[aria-pressed=true]::before{content:"\25B6";font-size:13px}
}

/* 4. Видеоотзывы: кнопка воспроизведения не закрывает надпись на обложке — в левом нижнем углу */
html body .vr-c14-play,html body.gsg-shell .vr-c14-play,.gsg-shell .vr-c14-play{inset:auto auto 14px 14px;transform:none;width:52px;height:52px}

/* 5. «Нам доверяют»: подпись и ссылка «Письма клиентов» читаются на телефоне */
@media (max-width:767px){
 html body .c14-trust-kicker{font-size:12px;max-width:none;letter-spacing:.06em}
 html body .c14-trust-all{font-size:14px;max-width:none;white-space:nowrap;min-height:44px;gap:8px}
}

/* 6. Удобные зоны нажатия для мелких ссылок (палец, не меньше 44 px) */
html body .portal-archives a,html body .portal-all,html body a.faq-form{display:inline-flex;align-items:center;min-height:44px}
html body .portal-archives{display:flex;flex-wrap:wrap;column-gap:24px}

/* 7. Блок доверия на страницах услуг (305 страниц): «Что вы получите» и разделы в виде B2 */
html body .gsg-trust-layout{gap:40px;margin-block:32px}
html body .gsg-trust-eyebrow{font:600 13px/1.4 var(--sans,'Golos Text',Arial,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--d8-blue);margin:0 0 8px}
html body .gsg-trust-decision h2{margin-top:0}
html body ol.gsg-trust-questions{counter-reset:d8q;list-style:none;padding:0;margin:16px 0}
html body ol.gsg-trust-questions>li{counter-increment:d8q;position:relative;padding:10px 0 10px 44px;border-top:1px solid var(--d8-line)}
html body ol.gsg-trust-questions>li:last-child{border-bottom:1px solid var(--d8-line)}
html body ol.gsg-trust-questions>li::before{content:counter(d8q,decimal-leading-zero);position:absolute;left:0;top:10px;font-weight:600;color:var(--d8-red)}
html body .gsg-trust-mobile-action{display:none}
html body .gsg-trust-mobile-action a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--d8-navy);color:#fff;border-radius:4px;text-decoration:none;font-weight:600}
/* Раскрывающиеся разделы */
html body .gsg-trust-disclosures{margin-top:24px;border-bottom:1px solid var(--d8-line)}
html body .gsg-trust-disclosure{border-top:1px solid var(--d8-line);padding:0}
html body .gsg-trust-disclosure>summary{list-style:none;display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:14px 48px 14px 0;position:relative}
html body .gsg-trust-disclosure>summary::-webkit-details-marker{display:none}
html body .gsg-trust-disclosure>summary strong{font-weight:600;font:600 19px/1.3 var(--sans,'Golos Text',Arial,sans-serif);color:var(--d8-ink)}
html body .gsg-trust-disclosure>summary small{font-size:15px;color:var(--d8-mute)}
html body .gsg-trust-disclosure>summary::after{content:"";position:absolute;right:6px;top:50%;width:28px;height:28px;margin-top:-14px;border:1px solid var(--d8-line);border-radius:50%;
 background:linear-gradient(var(--d8-blue),var(--d8-blue)) center/12px 1.5px no-repeat,linear-gradient(var(--d8-blue),var(--d8-blue)) center/1.5px 12px no-repeat}
html body .gsg-trust-disclosure[open]>summary::after{background:linear-gradient(var(--d8-blue),var(--d8-blue)) center/12px 1.5px no-repeat}
html body .gsg-trust-disclosure>summary:hover strong{color:var(--d8-blue)}
html body .gsg-trust-panel{padding:4px 0 24px}
/* Шаги с номерами 01–04, как «С чего начать» в B2 */
html body ol.gsg-trust-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
html body ol.gsg-trust-steps>li{display:flex;gap:14px;align-items:flex-start;background:var(--d8-paper);padding:16px 18px;margin:0}
html body .gsg-trust-step-number{font:600 40px/1 var(--sans,'Golos Text',Arial,sans-serif);color:transparent;-webkit-text-stroke:1.2px var(--d8-blue);min-width:58px}
html body ol.gsg-trust-steps strong{display:block;font-weight:600;font-size:17px;color:var(--d8-ink)}
html body ol.gsg-trust-steps p{margin:4px 0 0;color:var(--d8-mute);font-size:15px}
html body .gsg-trust-highlight{border-left:3px solid var(--d8-red);background:var(--d8-paper);padding:12px 16px;margin:16px 0 0}
html body .gsg-trust-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
html body .gsg-trust-budget-register{border-top:1px solid var(--d8-line)}
html body .gsg-trust-budget-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--d8-line)}
html body .gsg-trust-role-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body .gsg-trust-role-copy>div{border:1px solid var(--d8-line);padding:14px 16px}
html body .gsg-trust-role-copy>div p{margin:4px 0 0;font-size:15px;color:var(--d8-mute)}
html body .gsg-trust-role-primary{border-color:var(--d8-blue)!important;box-shadow:inset 0 3px 0 var(--d8-blue)}
/* Правая карточка «Что вы получите»: тёмно-синяя карточка B2 с тонкими кругами и красной планкой */
html body .gsg-trust-action-panel{position:sticky;top:96px;background:var(--d8-navy);color:#fff;padding:28px 26px 26px;overflow:hidden;isolation:isolate;
 background-image:radial-gradient(circle at 100% 0,transparent 0 70px,rgba(255,255,255,.09) 71px 72px,transparent 73px 110px,rgba(255,255,255,.07) 111px 112px,transparent 113px 150px,rgba(255,255,255,.05) 151px 152px,transparent 153px)}
html body .gsg-trust-action-panel::before{content:"";position:absolute;left:26px;top:0;width:56px;height:4px;background:var(--d8-red)}
html body .gsg-trust-action-panel .gsg-trust-eyebrow{color:#b9cdea;font-size:16px;font-weight:500;letter-spacing:0;text-transform:none}
html body .gsg-trust-action-panel h2{color:#fff;margin:0 0 14px;font-size:26px;line-height:1.2}
html body .gsg-trust-action-list{list-style:none;padding:0;margin:0 0 20px}
html body .gsg-trust-action-list>li{position:relative;padding:10px 0 10px 28px;border-top:1px solid rgba(255,255,255,.16);color:#dbe6f5;font-size:16px;line-height:1.4}
html body .gsg-trust-action-list>li::before{content:"";background:none!important;border-radius:0;position:absolute;left:2px;top:16px;width:12px;height:7px;border-left:2px solid var(--d8-red);border-bottom:2px solid var(--d8-red);transform:rotate(-45deg)}
html body .gsg-trust-action-list strong{color:#fff}
html body .gsg-trust-action-panel .gsg-trust-actions{flex-direction:column;gap:10px}
html body .gsg-trust-action-panel .gsg-trust-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:4px;background:var(--d8-red);color:#fff;font-weight:600;text-decoration:none;text-align:center}
html body .gsg-trust-action-panel .gsg-trust-actions a:hover{background:#c0262c}
html body .gsg-trust-action-panel .gsg-trust-actions a.gsg-trust-actions__secondary{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
html body .gsg-trust-action-panel .gsg-trust-actions a.gsg-trust-actions__secondary:hover{background:rgba(255,255,255,.08)}
html body .gsg-trust-microcopy{color:#c3d3ea;font-size:16px;line-height:1.45;margin:14px 0 0}
html body .gsg-trust-evidence{border-left:3px solid var(--d8-blue)}
/* До 1079 px: «Что вы получите» сразу после вопроса «Какой маршрут нужен», до раскрывающихся разделов */
@media (max-width:1079px){
 html body .gsg-trust-layout{display:flex;flex-direction:column}
 html body .gsg-trust-main{display:contents}
 html body .gsg-trust-decision{order:1}
 html body .gsg-trust-action-panel{order:2;position:relative;top:auto;width:100%;max-width:none;align-self:stretch;box-sizing:border-box}
 html body .gsg-trust-disclosures{order:3;margin-top:0}
}
@media (min-width:768px) and (max-width:1079px){
 html body .gsg-trust-action-panel{padding-right:360px;min-height:230px}
 html body .gsg-trust-action-panel>.gsg-trust-actions{position:absolute;top:32px;right:26px;width:300px;margin:0}
 html body .gsg-trust-action-panel>.gsg-trust-microcopy{position:absolute;top:150px;right:26px;width:300px;margin:0}
}
@media (max-width:767px){
 html body ol.gsg-trust-steps,html body .gsg-trust-two-col,html body .gsg-trust-role-copy{grid-template-columns:minmax(0,1fr)}
 html body .gsg-trust-budget-row{grid-template-columns:minmax(0,1fr);gap:4px}
 html body .gsg-trust-action-panel{padding:26px 20px 22px}
 html body .gsg-trust-action-panel::before{left:20px}
 html body .gsg-trust-disclosure>summary strong{font-weight:600;font-size:17px}
}

/* 8. Статьи портала: оглавление «В этой статье» выглядит как раскрывающийся пункт */
html body details.portal-toc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;cursor:pointer}
html body details.portal-toc>summary::-webkit-details-marker{display:none}
html body details.portal-toc>summary::after{content:"";flex:none;width:8px;height:8px;border-right:1.5px solid var(--d8-blue);border-bottom:1.5px solid var(--d8-blue);transform:rotate(45deg);margin:0 6px 4px 0;transition:transform .2s}
html body details.portal-toc[open]>summary::after{transform:rotate(225deg);margin-bottom:-4px}
/* Широкие таблицы на телефоне: первый столбец закреплён, чтобы при листании было видно, о какой строке речь */
@media (max-width:767px){
 html body .portal-article-body table th:first-child,html body .portal-article-body table td:first-child{position:sticky;left:0;background:#fff;box-shadow:1px 0 0 var(--d8-line)}
 html body .portal-article-body table thead th:first-child{background:#fff}
}
/* Подсказка «таблица листается»: мягкая тень у правого края, исчезает в конце прокрутки */
@media (max-width:767px){
 html body .portal-article-body table{background:linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 100% 50%,rgba(16,46,86,.35),rgba(16,46,86,0)) right center/22px 100% no-repeat scroll;background-color:#fff}
}

/* 9. Хлебные крошки на телефоне: единый разделитель «/» вместо «←» посередине; строки переносятся, ничего не режется;
   последний пункт (повторяет заголовок H1) на телефоне скрыт, если крошек три и больше */
@media (max-width:767px){
 html body :not(.c15-company-crumbs)>ol.crumbs{flex-wrap:wrap;row-gap:0;column-gap:0}
 html body :not(.c15-company-crumbs)>ol.crumbs>li::before{content:none!important}
 html body :not(.c15-company-crumbs)>ol.crumbs>li:not(:last-child)::after{content:"/";margin:0 8px;color:var(--d8-mute)}
 html body :not(.c15-company-crumbs)>ol.crumbs>li{margin:0!important;padding:0!important}
 html body :not(.c15-company-crumbs)>ol.crumbs>li:nth-child(n+2):nth-last-child(2)::after{content:none}
 html body :not(.c15-company-crumbs)>ol.crumbs>li:nth-child(n+3):last-child{display:none}
}