/* Firm Mark — схема «тёмная шапка, светлое тело» + эффекты, 18.10.2026 */

html,body{background:#ffffff!important}
#fm-wireframe.fm-architecture{--fm-interior:#ffffff;--fm-bg:#ffffff;--fm-ink:#16202b;--fm-muted:#56626f;--fm-line:#d8e0e8;--fm-soft:#eef3f7;
 --fm-cyan:#0a8fa3;--fm-header:#0f1b2a;--fm-button:#0f1b2a;--fm-button-ink:#ffffff;--fm-warm:#0a8fa3;--fm-glow:#0a8fa3;
 background:#ffffff!important;color:#16202b!important}
#fm-wireframe.fm-architecture .fm-window,#fm-wireframe.fm-architecture .fm-footer,#fm-wireframe.fm-architecture .fm-page,#fm-wireframe.fm-architecture main{background:#ffffff!important;color:#16202b!important}
#fm-wireframe.fm-architecture .fm-section{background:transparent!important;border-color:#d8e0e8!important}
#fm-wireframe.fm-architecture .fm-soft,#fm-wireframe.fm-architecture .fm-contact-light{background:#eef3f7!important}
#fm-wireframe.fm-architecture .fm-header,#fm-wireframe.fm-architecture .fm-header nav,#fm-wireframe.fm-architecture .fm-arch-rail,#fm-wireframe.fm-architecture .fm-business-submenu{background:#0f1b2a!important;border-color:#d8e0e8!important}
#fm-wireframe.fm-architecture .fm-header :is(a,button,span),#fm-wireframe.fm-architecture .fm-header-phone,#fm-wireframe.fm-architecture .fm-arch-rail *{color:#f1f4f7!important;-webkit-text-fill-color:#f1f4f7!important}
#fm-wireframe.fm-architecture .fm-mobile-toggle span{background:#f1f4f7!important}
#fm-wireframe.fm-architecture h1,#fm-wireframe.fm-architecture h2,#fm-wireframe.fm-architecture h3,#fm-wireframe.fm-architecture p,#fm-wireframe.fm-architecture li,#fm-wireframe.fm-architecture summary,#fm-wireframe.fm-architecture label,#fm-wireframe.fm-architecture span,#fm-wireframe.fm-architecture small,#fm-wireframe.fm-architecture .fm-lead,#fm-wireframe.fm-architecture .fm-intro{color:#16202b!important;-webkit-text-fill-color:#16202b!important}
#fm-wireframe.fm-architecture .fm-small,#fm-wireframe.fm-architecture .fm-intro,#fm-wireframe.fm-architecture .fm-outline p,#fm-wireframe.fm-architecture .fm-lead{color:#56626f!important;-webkit-text-fill-color:#56626f!important}
#fm-wireframe.fm-architecture a:not(.fm-button){color:#0a8fa3!important;-webkit-text-fill-color:#0a8fa3!important}
#fm-wireframe.fm-architecture .fm-more-wave,#fm-wireframe.fm-architecture .fm-more-wave *{color:#16202b!important;-webkit-text-fill-color:#16202b!important}
#fm-wireframe.fm-architecture .fm-outline,#fm-wireframe.fm-architecture details,#fm-wireframe.fm-architecture .fm-quiz-option,#fm-wireframe.fm-architecture .fm-process-step{background:#f3f6f9!important;border-color:#d8e0e8!important}
#fm-wireframe.fm-architecture .fm-button{background:#0f1b2a!important;border-color:#0f1b2a!important}
#fm-wireframe.fm-architecture .fm-button,#fm-wireframe.fm-architecture .fm-button *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
#fm-wireframe.fm-architecture .fm-step-number{color:#0a8fa3!important;-webkit-text-fill-color:#0a8fa3!important}
#fm-wireframe.fm-architecture .fm-icon-tile svg{color:#0a8fa3!important;stroke:#0a8fa3!important}
#fm-wireframe.fm-architecture input,#fm-wireframe.fm-architecture textarea,#fm-wireframe.fm-architecture select{background:#ffffff!important;color:#16202b!important;border-color:#d8e0e8!important}
#fm-wireframe.fm-architecture #fm-lead-dialog,#fm-wireframe.fm-architecture .fm-dialog{background:#f3f6f9!important;color:#16202b!important}
.fm-analytics-consent{background:#f3f6f9!important;color:#16202b!important;border:1px solid #d8e0e8!important}
.fm-analytics-consent *{color:#16202b!important}
.fm-analytics-consent button{border-color:#0a8fa3!important;color:#0a8fa3!important;background:transparent!important}
#fm-wireframe.fm-architecture [data-view=home]>.fm-section:first-child{--fm-interior:#0f1b2a;background:#0f1b2a!important}
#fm-wireframe.fm-architecture [data-view=home]>.fm-section:first-child :is(h1,h2,p,span,li){color:#f1f4f7!important;-webkit-text-fill-color:#f1f4f7!important}
#fm-wireframe.fm-architecture [data-view=home]>.fm-section:first-child .fm-lead{color:#c9d3dd!important;-webkit-text-fill-color:#c9d3dd!important}
#fm-wireframe.fm-architecture [data-view=home]>.fm-section:first-child .fm-button{background:#0a8fa3!important;border-color:#0a8fa3!important}
#fm-wireframe.fm-architecture [data-view=home]>.fm-section:first-child .fm-button *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
#fm-wireframe.fm-architecture .fm-section:has(>.fm-inner-hero){--fm-interior:#0f1b2a;background:#0f1b2a!important}
#fm-wireframe.fm-architecture .fm-section:has(>.fm-inner-hero) :is(h1,h2,p,span,li){color:#f1f4f7!important;-webkit-text-fill-color:#f1f4f7!important}
#fm-wireframe.fm-architecture .fm-section:has(>.fm-inner-hero) .fm-lead{color:#c9d3dd!important;-webkit-text-fill-color:#c9d3dd!important}
#fm-wireframe.fm-architecture .fm-section:has(>.fm-inner-hero) .fm-button{background:#0a8fa3!important;border-color:#0a8fa3!important}
#fm-wireframe.fm-architecture .fm-section:has(>.fm-inner-hero) .fm-button *{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
#fm-wireframe.fm-architecture .fm-business-submenu{width:max-content!important;min-width:340px;overflow-x:visible!important}
#fm-wireframe.fm-architecture .fm-business-submenu a{color:#c9d3dd!important;-webkit-text-fill-color:#c9d3dd!important}
#fm-wireframe.fm-architecture #fm-main-navigation a,#fm-wireframe.fm-architecture #fm-main-navigation a *,#fm-wireframe.fm-architecture #fm-main-navigation button,#fm-wireframe.fm-architecture #fm-main-navigation button *{color:#e6ecf2!important;-webkit-text-fill-color:#e6ecf2!important}
#fm-wireframe.fm-architecture .fm-business-submenu a:is(:hover,:focus-visible){color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:#0a8fa326!important}
/* кнопка «наверх»: без фона, бирюзовая стрелка */
#fm-wireframe.fm-architecture .fm-arch-rail{background:transparent!important;border:0!important}
#fm-wireframe.fm-architecture .fm-arch-rail .fm-back-top{color:#0a8fa3!important;background:transparent!important}
#fm-wireframe.fm-architecture .fm-arch-rail .fm-back-top:is(:hover,:focus-visible){color:#0f1b2a!important}
/* эффект 1: карточки приподнимаются */
#fm-wireframe.fm-architecture :is(.fm-outline.fm-clickable-card,.fm-inline-case,.fm-related-card,.fm-case-catalog-card){transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
@media (hover:hover){#fm-wireframe.fm-architecture :is(.fm-outline.fm-clickable-card,.fm-inline-case,.fm-related-card,.fm-case-catalog-card):hover{transform:translateY(-4px);box-shadow:0 14px 34px -18px #0f1b2a66}}
/* эффект 2: линия под заголовками разделов прорисовывается при появлении */
#fm-wireframe.fm-architecture main .fm-section h2[data-motion]::after{content:"";display:block;width:0;height:2px;margin-top:14px;background:#0a8fa3;transition:width .9s cubic-bezier(.2,.7,.2,1) .25s}
#fm-wireframe.fm-architecture main .fm-section h2[data-motion]:is([data-motion-state=running],[data-motion-state=done])::after{width:56px}
@media (prefers-reduced-motion:reduce){#fm-wireframe.fm-architecture main .fm-section h2[data-motion]::after{width:56px;transition:none}}
/* эффект 3: тёмные кнопки при наведении становятся бирюзовыми */
#fm-wireframe.fm-architecture .fm-button{transition:background-color .25s ease,border-color .25s ease}
#fm-wireframe.fm-architecture .fm-button:is(:hover,:focus-visible){background:#0a8fa3!important;border-color:#0a8fa3!important}

/* отступы внутри заливных плашек (20.10.2026) */
#fm-wireframe.fm-architecture .fm-outline{padding-left:26px;padding-right:26px}
#fm-wireframe.fm-architecture details{padding-left:26px;padding-right:26px}
#fm-wireframe.fm-architecture .fm-process-step{padding:20px 26px 22px}
@media (max-width:800px){#fm-wireframe.fm-architecture .fm-outline,#fm-wireframe.fm-architecture details{padding-left:20px;padding-right:20px}#fm-wireframe.fm-architecture .fm-process-step{padding:18px 20px 20px}}

/* усиление: у карточек-ссылок своё правило отступов */
#fm-wireframe.fm-architecture .fm-outline,#fm-wireframe.fm-architecture .fm-outline.fm-clickable-card,#fm-wireframe.fm-architecture details{padding-left:26px!important;padding-right:26px!important}
#fm-wireframe.fm-architecture .fm-process-step{padding:20px 26px 22px!important}
@media (max-width:800px){#fm-wireframe.fm-architecture .fm-outline,#fm-wireframe.fm-architecture .fm-outline.fm-clickable-card,#fm-wireframe.fm-architecture details{padding-left:20px!important;padding-right:20px!important}#fm-wireframe.fm-architecture .fm-process-step{padding:18px 20px 20px!important}}
/* второй ряд панелей на главной: нефть и газ, HR */
#fm-wireframe.fm-architecture .fm-arch-panels.fm-arch-more{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:220px;gap:10px;margin-top:10px;overflow:visible}
#fm-wireframe.fm-architecture .fm-arch-more .fm-arch-panel{grid-area:auto!important;grid-column:auto!important;grid-row:auto!important}
@media (max-width:600px){#fm-wireframe.fm-architecture .fm-arch-panels.fm-arch-more{grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:170px}}

/* выпадающее меню второго уровня: мельче и плотнее (20.10.2026) */
#fm-wireframe.fm-architecture .fm-business-submenu a,#fm-wireframe.fm-architecture .fm-business-submenu a[data-page]{font-size:13px!important;letter-spacing:.3px!important;min-height:32px!important;padding:7px 14px!important}
#fm-wireframe.fm-architecture .fm-business-submenu{min-width:300px!important;padding-top:10px!important;padding-bottom:10px!important}

/* шаги «Порядок работ» на телефоне: вернуть линию времени (отступы плашек не должны её ломать) (21.10.2026) */
@media (max-width:800px){#fm-wireframe.fm-architecture .fm-outline.fm-process-step,#fm-wireframe.fm-architecture .fm-process-step{padding:0 0 28px 54px!important;background:transparent!important;min-height:110px}}

/* 27.10.2026: свечение номера телефона в шапке поверх цвета ссылок */
#fm-wireframe.fm-architecture .fm-header .fm-header-phone,#fm-wireframe.fm-architecture .fm-header .fm-header-phone:hover{color:transparent!important;-webkit-text-fill-color:transparent!important}
@media(prefers-reduced-motion:reduce){#fm-wireframe.fm-architecture .fm-header .fm-header-phone{color:#f1eee8!important;-webkit-text-fill-color:#f1eee8!important}}