.mann-mobile-drawer-layer {
    display: none;
}
.mann-mobile-topbar {
    display: none;
}@media (max-width: 820px) {html {
        scroll-padding-top: 82px;
    }html body .mann-top-header.mann-top-header--desktop {
        display: none;
    }html body .mann-mobile-topbar {
        position: fixed;
        top: 0;
        left: 6px;
        right: 6px;
        z-index: 1500;
        display: grid;
        grid-template-columns: minmax(112px, 1fr) auto 42px;
        align-items: center;
        gap: 8px;
        min-height: 66px;
        margin: 0;
        padding: 8px 9px;
        border: 1px solid rgba(174, 193, 218, .58);
        border-radius: 18px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 12px 30px rgba(23, 51, 83, .11);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }html body .mann-mobile-topbar__brand {
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr);
        align-items: center;
        gap: 7px;
        min-width: 0;
        color: #17395f;
        text-decoration: none;
    }html body .mann-mobile-topbar__brand img {
        display: block;
        width: 40px;
        height: 40px;
        object-fit: contain;
    }html body .mann-mobile-topbar__brand > span {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }html body .mann-mobile-topbar__brand strong {
        color: #17395f;
        -webkit-text-fill-color: #17395f;
        font-size: 14px;
        line-height: 1;
        font-weight: 900;
        letter-spacing: -.02em;
        white-space: nowrap;
    }html body .mann-mobile-topbar__brand small {
        display: block;
        max-width: 90px;
        margin-top: 3px;
        color: #60738d;
        -webkit-text-fill-color: #60738d;
        font-size: 6.6px;
        line-height: 1.12;
        font-weight: 800;
        letter-spacing: .01em;
        text-transform: uppercase;
    }html body .mann-mobile-topbar__phone {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        color: #17395f;
        text-decoration: none;
        white-space: nowrap;
    }html body .mann-mobile-topbar__phone strong {
        color: #17395f;
        -webkit-text-fill-color: #17395f;
        font-size: 11.6px;
        line-height: 1.15;
        font-weight: 900;
        letter-spacing: -.025em;
    }html body .mann-mobile-topbar__phone small {
        margin-top: 2px;
        color: #60738d;
        -webkit-text-fill-color: #60738d;
        font-size: 7.8px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: .02em;
        text-transform: lowercase;
    }html body .mann-mobile-topbar__toggle,
    html body .mann-mobile-topbar__toggle:hover,
    html body .mann-mobile-topbar__toggle:focus-visible {
        position: relative;
        display: inline-flex;
        width: 42px;
        min-width: 42px;
        height: 42px;
        flex: 0 0 42px;
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        border: 1px solid rgba(143, 169, 202, .52);
        border-radius: 13px;
        background: #fff;
        color: #17395f;
        box-shadow: 0 7px 17px rgba(25, 57, 94, .10);
        transform: none;
        cursor: pointer;
    }html body .mann-mobile-topbar__toggle span {
        display: block;
        width: 19px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
        transition: transform .2s ease, opacity .16s ease;
    }html body .mann-mobile-topbar__toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }html body .mann-mobile-topbar__toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }html body .mann-mobile-topbar__toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }html body .mann-mobile-drawer-layer {
        position: fixed;
        inset: 0;
        z-index: 1400;
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity .18s ease, visibility .18s ease;
    }html body .mann-mobile-drawer-layer.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }html body .mann-mobile-drawer-layer__backdrop {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(13, 31, 52, .34);
    }html body .mann-mobile-drawer-layer .mann-mobile-drawer {
        position: absolute;
        top: 74px;
        left: 7px;
        right: 7px;
        width: auto;
        max-width: none;
        max-height: calc(100dvh - 82px);
        margin: 0;
        padding: 17px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 1px solid rgba(160, 183, 212, .55);
        border-radius: 20px;
        color: #17395f;
        background: rgba(250, 253, 255, .985);
        box-shadow: 0 24px 64px rgba(8, 31, 57, .24);
        transform: translateY(-8px) scale(.985);
        transform-origin: top center;
        transition: transform .2s cubic-bezier(.2, .75, .25, 1);
        -webkit-overflow-scrolling: touch;
    }html body .mann-mobile-drawer-layer.is-open .mann-mobile-drawer {
        transform: translateY(0) scale(1);
    }html body .mann-mobile-drawer__head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }html body .mann-mobile-drawer__head > div > span,
    html body .mann-mobile-drawer__social-block > span,
    html body .mann-mobile-drawer__audience > span {
        display: block;
        color: #71869f;
        -webkit-text-fill-color: #71869f;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 850;
        letter-spacing: .07em;
        text-transform: uppercase;
    }html body .mann-mobile-drawer__head h2 {
        margin: 5px 0 0;
        color: #15395f;
        -webkit-text-fill-color: #15395f;
        font-size: 27px;
        line-height: 1;
        letter-spacing: -.035em;
    }html body .mann-mobile-drawer__close {
        display: none;
    }html body .mann-mobile-drawer__audience {
        display: block;
        margin: 0 0 12px;
        padding: 11px;
        border: 1px solid rgba(166, 188, 216, .55);
        border-radius: 15px;
        background: rgba(246, 249, 254, .96);
    }html body .mann-mobile-drawer__audience > span {
        margin-bottom: 8px;
    }html body .mann-mobile-drawer__audience-switch {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        height: auto;
        min-height: 0;
        gap: 7px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }html body .mann-mobile-drawer__audience-switch .mann-client-switch__btn,
    html body .mann-mobile-drawer__audience-switch .mann-client-switch__btn:hover,
    html body .mann-mobile-drawer__audience-switch .mann-client-switch__btn:focus-visible {
        display: inline-flex;
        width: 100%;
        min-width: 0;
        min-height: 44px;
        height: 44px;
        margin: 0;
        padding: 0 10px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(150, 176, 208, .72);
        border-radius: 12px;
        background: #fff;
        color: #294b72;
        -webkit-text-fill-color: #294b72;
        font-size: 13px;
        line-height: 1;
        font-weight: 900;
        box-shadow: none;
        transform: none;
    }html body .mann-mobile-drawer__audience-switch .mann-client-switch__btn.is-active {
        border-color: #3d81bf;
        background: linear-gradient(180deg, #3d85c7 0%, #29659b 100%);
        color: #fff;
        -webkit-text-fill-color: #fff;
        box-shadow: 0 8px 18px rgba(31, 91, 139, .22);
    }html body .mann-mobile-drawer__contact {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        gap: 11px;
        min-height: 64px;
        padding: 9px 12px;
        border: 1px solid rgba(171, 193, 224, .68);
        border-radius: 16px;
        background: rgba(246, 249, 254, .96);
        color: #15395f;
        text-decoration: none;
        box-shadow: 0 7px 17px rgba(31, 65, 108, .06);
    }html body .mann-mobile-drawer__contact-icon,
    html body .mann-mobile-drawer__nav-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid rgba(161, 188, 224, .72);
        border-radius: 13px;
        background: linear-gradient(145deg, #edf4ff, #dce9fb);
        color: #2d65b9;
    }html body .mann-mobile-drawer__contact small {
        display: block;
        color: #7a8ca2;
        -webkit-text-fill-color: #7a8ca2;
        font-size: 10px;
        line-height: 1.15;
    }html body .mann-mobile-drawer__contact strong {
        display: block;
        margin-top: 3px;
        color: #15395f;
        -webkit-text-fill-color: #15395f;
        font-size: 16px;
        line-height: 1.15;
        font-weight: 850;
        overflow-wrap: anywhere;
    }html body .mann-mobile-drawer__nav {
        display: grid;
        gap: 9px;
        margin: 12px 0 14px;
    }html body .mann-mobile-drawer__nav > a {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 14px;
        align-items: center;
        gap: 10px;
        min-height: 60px;
        padding: 8px 13px 8px 9px;
        border: 1px solid rgba(171, 193, 224, .68);
        border-radius: 16px;
        background: rgba(246, 249, 254, .96);
        color: #15395f;
        -webkit-text-fill-color: #15395f;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.2;
        font-weight: 850;
        box-shadow: 0 7px 17px rgba(31, 65, 108, .06);
    }html body .mann-mobile-drawer__nav > a > .fa-chevron-right {
        color: #7890b0;
        -webkit-text-fill-color: #7890b0;
        font-size: 11px;
    }html body .mann-mobile-drawer__social-block {
        margin-top: 0;
        padding-top: 14px;
        border-top: 1px solid rgba(169, 190, 219, .58);
    }html body .mann-mobile-drawer__social-block > span {
        margin-bottom: 10px;
        color: #24476f;
        -webkit-text-fill-color: #24476f;
    }html body .mann-mobile-drawer__socials {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 9px;
    }html body .mann-mobile-drawer__socials .mann-top-header__messenger,
    html body .mann-mobile-drawer__social-link {
        display: inline-flex;
        width: 100%;
        min-width: 0;
        height: 50px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(171, 193, 224, .68);
        border-radius: 15px;
        background: #fff;
    }html body .mann-mobile-drawer__socials .mann-top-header__messenger--max {
        background: #fff;
        border-color: rgba(171, 193, 224, .68);
    }html body .mann-mobile-drawer__socials .mann-top-header__messenger--tg {
        background: linear-gradient(145deg, #32b3ef 0%, #168dd0 100%);
        border-color: rgba(37, 157, 216, .56);
    }html body .mann-mobile-drawer__socials .mann-top-header__messenger--wa {
        background: linear-gradient(145deg, #35dd72 0%, #18ad51 100%);
        border-color: rgba(24, 173, 81, .48);
    }html body .mann-mobile-drawer__socials .mann-top-header__messenger--tg .mann-messenger-icon,
    html body .mann-mobile-drawer__socials .mann-top-header__messenger--wa .mann-messenger-icon {
        fill: #fff;
        color: #fff;
    }html body.home-landing .mann-mobile-drawer__audience-switch.mann-client-switch {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        height: auto;
        min-height: 0;
        gap: 7px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }html body .mann-mobile-drawer__social-link .mann-messenger-icon,
    html body .mann-mobile-drawer__social-link img {
        width: 24px;
        height: 24px;
    }body.mann-mobile-drawer-open {
        overflow: hidden;
    }html body[data-client-type="business"] .mann-mobile-topbar {
        border-color: rgba(135, 181, 219, .22);
        background: linear-gradient(135deg, rgba(7, 29, 52, .98) 0%, rgba(11, 49, 83, .98) 58%, rgba(16, 74, 114, .98) 100%);
        box-shadow: 0 14px 34px rgba(4, 18, 32, .26);
    }html body[data-client-type="business"] .mann-mobile-topbar__brand strong,
    html body[data-client-type="business"] .mann-mobile-topbar__phone strong {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }html body[data-client-type="business"] .mann-mobile-topbar__brand small,
    html body[data-client-type="business"] .mann-mobile-topbar__phone small {
        color: #b9d0e4;
        -webkit-text-fill-color: #b9d0e4;
    }html body[data-client-type="business"] .mann-mobile-topbar__toggle,
    html body[data-client-type="business"] .mann-mobile-topbar__toggle:hover,
    html body[data-client-type="business"] .mann-mobile-topbar__toggle:focus-visible {
        border-color: rgba(151, 190, 223, .26);
        background: rgba(255, 255, 255, .07);
        color: #fff;
        box-shadow: none;
    }html body[data-client-type="business"] .mann-mobile-drawer-layer .mann-mobile-drawer {
        border-color: rgba(144, 188, 222, .18);
        color: #eef7ff;
        background: linear-gradient(145deg, rgba(8, 35, 60, .99), rgba(12, 67, 101, .99));
        box-shadow: 0 24px 64px rgba(3, 17, 30, .34);
    }html body[data-client-type="business"] .mann-mobile-drawer__head > div > span,
    html body[data-client-type="business"] .mann-mobile-drawer__social-block > span,
    html body[data-client-type="business"] .mann-mobile-drawer__audience > span,
    html body[data-client-type="business"] .mann-mobile-drawer__contact small {
        color: #9ec1dd;
        -webkit-text-fill-color: #9ec1dd;
    }html body[data-client-type="business"] .mann-mobile-drawer__head h2,
    html body[data-client-type="business"] .mann-mobile-drawer__contact strong,
    html body[data-client-type="business"] .mann-mobile-drawer__nav > a {
        color: #fff;
        -webkit-text-fill-color: #fff;
    }html body[data-client-type="business"] .mann-mobile-drawer__audience,
    html body[data-client-type="business"] .mann-mobile-drawer__contact,
    html body[data-client-type="business"] .mann-mobile-drawer__nav > a {
        border-color: rgba(151, 190, 223, .18);
        background: rgba(255, 255, 255, .06);
        box-shadow: none;
    }html body[data-client-type="business"] .mann-mobile-drawer__audience-switch .mann-client-switch__btn,
    html body[data-client-type="business"] .mann-mobile-drawer__audience-switch .mann-client-switch__btn:hover,
    html body[data-client-type="business"] .mann-mobile-drawer__audience-switch .mann-client-switch__btn:focus-visible {
        border-color: rgba(147, 188, 224, .24);
        background: rgba(255, 255, 255, .07);
        color: #dceaf6;
        -webkit-text-fill-color: #dceaf6;
    }html body[data-client-type="business"] .mann-mobile-drawer__audience-switch .mann-client-switch__btn.is-active {
        border-color: #4c96d0;
        background: linear-gradient(180deg, #3a83bf 0%, #28669b 100%);
        color: #fff;
        -webkit-text-fill-color: #fff;
        box-shadow: 0 8px 18px rgba(4, 26, 44, .26);
    }html body[data-client-type="business"] .mann-mobile-drawer__contact-icon,
    html body[data-client-type="business"] .mann-mobile-drawer__nav-icon {
        border-color: rgba(151, 190, 223, .20);
        background: rgba(31, 116, 170, .34);
        color: #fff;
    }html body[data-client-type="business"] .mann-mobile-drawer__nav > a > .fa-chevron-right {
        color: #f2ca35;
        -webkit-text-fill-color: #f2ca35;
    }html body[data-client-type="business"] .mann-mobile-drawer__social-block {
        border-top-color: rgba(151, 190, 223, .18);
    }}@media (max-width: 390px) {html body .mann-mobile-topbar {
        grid-template-columns: minmax(104px, 1fr) auto 39px;
        gap: 6px;
        min-height: 62px;
        padding: 7px 8px;
    }html body .mann-mobile-topbar__brand {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 6px;
    }html body .mann-mobile-topbar__brand img {
        width: 36px;
        height: 36px;
    }html body .mann-mobile-topbar__brand strong {
        font-size: 13px;
    }html body .mann-mobile-topbar__brand small {
        max-width: 76px;
        font-size: 6px;
    }html body .mann-mobile-topbar__phone strong {
        font-size: 10.5px;
    }html body .mann-mobile-topbar__phone small {
        font-size: 7.3px;
    }html body .mann-mobile-topbar__toggle,
    html body .mann-mobile-topbar__toggle:hover,
    html body .mann-mobile-topbar__toggle:focus-visible {
        width: 39px;
        min-width: 39px;
        height: 39px;
        flex-basis: 39px;
    }html body .mann-mobile-drawer-layer .mann-mobile-drawer {
        top: 75px;
        max-height: calc(100dvh - 82px);
    }}