/* Margin Flow · Внедрение Битрикс24 — site-wide styles v7 */
@import url('https://fonts.bitrix24.ru/css2?family=Space+Grotesk:wght@500;600;700&display=swap');
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('https://storage.yandexcloud.net/margin-flow-site-assets-2026/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('https://storage.yandexcloud.net/margin-flow-site-assets-2026/fonts/manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('https://storage.yandexcloud.net/margin-flow-site-assets-2026/fonts/manrope-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:Manrope;
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  src:url('https://storage.yandexcloud.net/margin-flow-site-assets-2026/fonts/manrope-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

html{scroll-behavior:smooth}
body{margin:0;background:#0A1320!important;color:#EAF0F8;font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
.mfb-landing :is(p,li,label,b,span,a,button),.mfb-header :is(p,li,label,b,span,a,button),.mfb-footer :is(p,li,label,b,span,a,button){text-wrap:pretty}
.mfb-landing a,.mfb-header a,.mfb-footer a{color:#FFBE5A}
.mfb-landing a:hover,.mfb-header a:hover,.mfb-footer a:hover{color:#FFD08A}
.mfb-landing :is(h1,h2,h3,p),.mfb-header :is(h1,h2,h3,p),.mfb-footer :is(h1,h2,h3,p){margin:0}
::selection{background:rgba(255,170,32,.35)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Bitrix layout: make the template header area sticky (sticky on the inner element can't escape its wrapper) */
.landing-header{position:sticky;top:0;z-index:30}
.mfb-header header{position:relative!important}
.landing-main,.landing-header,.landing-footer{background:#0A1320}
.mfb-landing input::placeholder{color:#647596}
.mfb-landing [hidden]{display:none!important}
.mfb-schema{display:none!important}
/* Bitrix cookie consent (bottom bar, details modal, floating notice) in the site's design tokens */
.bx-landing-cookies-popup-warning{background:#12203A!important;color:#B4C2D6!important;border-top:1px solid rgba(255,255,255,.10)!important;box-shadow:0 -24px 50px -24px rgba(0,0,0,.65)!important;font-family:Manrope,Arial,sans-serif!important}
.bx-landing-cookies-popup-warning-text{color:#B4C2D6!important;font-size:14px!important;line-height:1.5!important}
.bx-landing-cookies-popup-warning-link{color:#FFBE5A!important;font-family:Manrope,Arial,sans-serif!important;font-size:14px!important}
.bx-landing-cookies-popup-warning-link:hover{color:#FFD08A!important}
.bx-landing-cookies-popup{background:linear-gradient(180deg,#12203A,#0E1A2E)!important;color:#EAF0F8!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)!important;font-family:Manrope,Arial,sans-serif!important}
.bx-landing-cookies-popup-title,.bx-landing-cookies-popup-subtitle,.bx-landing-cookies-main-agreement-block-name{color:#EAF0F8!important;font-family:'Space Grotesk',Manrope,sans-serif!important}
.bx-landing-cookies-popup-subtitle-detail,.bx-landing-cookies-popup-content,.bx-landing-cookies-popup-content *{color:#A9B8CE!important}
.bx-landing-cookies-popup-content a{color:#FFBE5A!important}
.bx-landing-cookies-main-agreement-block{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important}
.bx-landing-cookies-main-agreement-block-name{color:#EAF0F8!important}
.bx-landing-cookies-switcher{color:#FFBE5A!important}
.bx-landing-cookies-button-close{filter:invert(1) brightness(1.4)!important;opacity:.7}
.bx-landing-cookies-button-close:hover{opacity:1}
.bx-landing-cookies-button-save.ui-btn{background:linear-gradient(180deg,#FFBE5A,#FFAA20)!important;border:0!important;color:#0A1320!important;border-radius:11px!important;font:700 14px/1 Manrope,Arial,sans-serif!important;box-shadow:0 12px 26px -12px rgba(255,170,32,.55)!important;text-transform:none!important}
.bx-landing-cookies-button-save.ui-btn:hover{filter:brightness(1.06)}
.bx-landing-cookies-button-cancel.ui-btn{background:transparent!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#EAF0F8!important;border-radius:11px!important;font:600 14px/1 Manrope,Arial,sans-serif!important;text-transform:none!important}
.bx-landing-cookies-button-cancel.ui-btn:hover{border-color:#FFBE5A!important;color:#FFD08A!important}
.bx-landing-cookies-popup-warning .ui-btn{text-transform:none!important;border-radius:11px!important;font:600 14px/1 Manrope,Arial,sans-serif!important;letter-spacing:0!important;box-shadow:none!important}
.bx-landing-cookies-popup-warning .ui-btn-primary{background:linear-gradient(180deg,#FFBE5A,#FFAA20)!important;border:0!important;color:#0A1320!important;font-weight:700!important;box-shadow:0 12px 26px -12px rgba(255,170,32,.55)!important}
.bx-landing-cookies-popup-warning .ui-btn-primary:hover{filter:brightness(1.06)}
.bx-landing-cookies-popup-warning .ui-btn-light-border{background:transparent!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#EAF0F8!important}
.bx-landing-cookies-popup-warning .ui-btn-light-border:hover{border-color:#FFBE5A!important;color:#FFD08A!important}
/* bar buttons always in one row (Bitrix stacks them on mobile) */
.bx-landing-cookies-popup-warning-right{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important}
.bx-landing-cookies-popup-warning-right .ui-btn{margin:0!important}
@media (max-width:767px){
  .bx-landing-cookies-popup-warning-right{width:100%!important;margin-top:14px!important}
  .bx-landing-cookies-popup-warning-right .ui-btn{flex:1 1 0!important;min-width:0!important;width:auto!important;height:46px!important;padding:0 12px!important;justify-content:center!important}
}
.bx-landing-cookies-popup-notice{background:#12203A!important;color:#EAF0F8!important;border:1px solid rgba(255,255,255,.12)!important}
/* header: mobile adaptation (not present in the design) */
@media (max-width:900px){.mfb-hdr-tag{display:none!important}}
@media (max-width:560px){
  .mfb-hdr-msg{display:none!important}
  .mfb-header header>div{gap:12px!important;padding:0 16px!important}
  .mfb-header header>div>a:first-child img{height:30px!important}
  .mfb-header nav a[href="#final"]{margin-left:2px!important;padding:11px 16px!important}
}
/* landing: mobile adaptation (not present in the design) */
@media (max-width:640px){
  /* «Подход»: comparison table scrolls sideways; the 2nd column peeks in to hint at scrolling */
  .mfb-cmp-scroll{margin:0 -24px;padding:0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}
  .mfb-cmp-scroll::-webkit-scrollbar{display:none}
  .mfb-cmp{grid-template-columns:250px 375px!important;width:max-content}
  .mfb-cmp>div{padding:14px 16px!important;font-size:14.5px!important;line-height:1.45!important;scroll-snap-align:start}
  .mfb-cmp>div:nth-child(n+3){flex-direction:column!important;gap:8px!important}
  .mfb-cmp>div:nth-child(-n+2){padding:16px!important}
  .mfb-cmp>div:nth-child(2) img{height:22px!important}
  /* form / checklist containers: tighter inner padding, same rhythm everywhere */
  .mfb-pdf-title{font-size:16px!important}
  .mfb-landing .mfb-box{padding-left:18px!important;padding-right:18px!important;gap:28px!important}
  /* «Остались вопросы»: the form card sits inside the CTA box — trim all three side gutters */
  .mfb-landing section#final{padding-left:16px!important;padding-right:16px!important}
  .mfb-landing #final .mfb-box{padding-left:12px!important;padding-right:12px!important}
  .mfb-landing .mfb-cb-box{padding-left:14px!important;padding-right:14px!important}
  .mfb-landing #final .mfb-box>div:not(.mfb-cb-box){padding-left:6px;padding-right:6px}
}
/* forms: inputs always fill their grid cell (intrinsic input width overflowed narrow cells) */
.mfb-landing form label{min-width:0}
/* name + phone: exactly two equal columns (auto-fit left an empty 3rd track on wide cards), one column on narrow phones */
.mfb-landing #final form,.mfb-landing #quiz form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:480px){.mfb-landing #final form,.mfb-landing #quiz form{grid-template-columns:minmax(0,1fr)!important}}
.mfb-landing form label>input:not([type=checkbox]){width:100%;min-width:0;box-sizing:border-box}
/* single-column layouts (phones in landscape, tablets): texts use the full width */
@media (max-width:900px){.mfb-landing .mfb-wide{max-width:none!important}}
/* hover / focus states converted from the design */
.mfb-h1:hover{transform:translateY(-2px)!important}
.mfb-h2:hover{filter:brightness(1.06)!important;color:#0A1320!important}
.mfb-h3:hover{transform:translateY(-2px)!important;color:#0A1320!important}
.mfb-h4:hover{transform:translateY(-1px)!important;border-color:rgba(255,190,90,.45)!important}
.mfb-h5:hover{transform:translateY(-3px)!important;box-shadow:0 24px 40px -28px rgba(0,0,0,.35)!important}
.mfb-h6:hover{transform:translateY(-3px)!important;color:#0A1320!important}
.mfb-h7:hover{background:linear-gradient(180deg,#FFBE5A,#FFAA20)!important;color:#0A1320!important}
.mfb-h8:hover{border-color:#FFBE5A!important}
.mfb-f9:focus{border-color:#FFAA20!important;background:rgba(255,255,255,.07)!important}
.mfb-h10:hover{filter:brightness(1.06)!important}