@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

.hm-page { min-height: 100vh; background: #f8f9fb; }
    .hm-topline { background: #0b2545; color: #c9d5e6; font: 13px/1.4 "Manrope", system-ui, sans-serif; }
    .hm-topline__inner { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 16px; }
    .hm-topline__contacts { display: flex; flex-wrap: wrap; gap: 18px; }
    .hm-topline a { color: #fff; font-weight: 600; text-decoration: none; }
    .hm-wrap { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }
    .hm-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #dfe4ec; background: #fff; font-family: "Manrope", system-ui, sans-serif; }
    .hm-header__inner { position: relative; display: flex; min-height: 72px; align-items: center; gap: clamp(12px, 1.5vw, 22px); }
    .hm-brand { display: flex; flex: 0 0 auto; align-items: center; text-decoration: none; }
    .hm-brand img { display: block; width: 130px; height: auto; }
    .hm-nav { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: clamp(2px, .45vw, 7px); margin-left: auto; }
    .hm-nav a, .hm-programs__trigger { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 0 clamp(8px, .9vw, 13px); border: 0; border-radius: 8px; background: transparent; color: #0f1b2d; font: 600 15px/1.2 "Manrope", system-ui, sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .18s ease, color .18s ease; }
    .hm-nav a:hover, .hm-nav a:focus-visible, .hm-programs__trigger:hover, .hm-programs[data-open="true"] .hm-programs__trigger { background: #eef4fb; color: #0e569e; }
    .hm-programs { position: relative; }
    .hm-chevron { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
    .hm-programs[data-open="true"] .hm-chevron { transform: rotate(225deg) translate(-1px, -1px); }
    .hm-dropdown { position: absolute; top: calc(100% + 8px); left: 0; display: none; width: min(570px, calc(100vw - 48px)); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 10px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; box-shadow: 0 14px 36px rgba(29, 50, 75, .12); }
    .hm-programs[data-open="true"] .hm-dropdown { display: grid; }
    .hm-product { display: grid !important; min-height: 76px !important; grid-template-columns: 42px minmax(0,1fr); align-items: center; justify-content: initial !important; gap: 12px !important; padding: 11px !important; border-radius: 9px !important; white-space: normal !important; }
    .hm-product:hover, .hm-product:focus-visible { background: #f8f9fb !important; }
    .hm-product__icon { display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; overflow: hidden; border: 1px solid #dce7f2; border-radius: 12px; background: #eef4fb; }
    .hm-product__icon img { display: block; width: 40px; height: 40px; object-fit: contain; }
    .hm-product strong { display: block; color: #0b2545; font-size: 15px; font-weight: 700; }
    .hm-product small { display: block; margin-top: 4px; color: #56637a; font-size: 13px; font-weight: 400; line-height: 1.45; }
    .hm-header__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
    .hm-action { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid #dfe4ec; border-radius: 8px; background: #fff; color: #0b2545; font: 700 14px/1 "Manrope", system-ui, sans-serif; text-decoration: none; white-space: nowrap; transition: background-color .18s ease, border-color .18s ease, color .18s ease; }
    .hm-action:hover { border-color: #1769c4; color: #0e569e; }
    .hm-action--primary { border-color: #1769c4; background: #1769c4; color: #fff; }
    .hm-action--primary:hover { border-color: #0e569e; background: #0e569e; color: #fff; }
    .hm-search { position: relative; flex: 0 0 auto; }
    .hm-search__toggle, .hm-menu-toggle { display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid #e5e5e5; border-radius: 50%; background: #fff; color: #333; cursor: pointer; transition: border-color .18s ease, color .18s ease, background-color .18s ease; }
    .hm-search__toggle:hover, .hm-menu-toggle:hover { border-color: #1769c4; background: #f8f9fb; color: #0e569e; }
    .hm-search__toggle svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
    .hm-search__form { position: absolute; top: calc(100% + 12px); right: 0; display: none; width: min(390px, calc(100vw - 28px)); gap: 8px; padding: 10px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; box-shadow: 0 14px 36px rgba(29, 50, 75, .12); }
    .hm-search[data-open="true"] .hm-search__form { display: flex; }
    .hm-search input { min-width: 0; height: 44px; flex: 1; padding: 0 12px; border: 1px solid #e5e5e5; border-radius: 4px; color: #333; font: 14px "Manrope", system-ui, sans-serif; }
    .hm-search input:focus { border-color: #1769c4; outline: 2px solid rgba(23, 105, 196, .15); }
    .hm-search__submit { min-height: 44px; padding: 0 14px; border: 1px solid #1769c4; border-radius: 4px; background: #1769c4; color: #fff; font: 600 14px "Manrope", system-ui, sans-serif; cursor: pointer; }
    .hm-menu-toggle { display: none; border-radius: 8px; }
    .hm-menu-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
    .hm-stage { display: grid; min-height: 560px; place-items: start center; padding: 245px 24px 56px; }
    .hm-stage__content { max-width: 720px; text-align: center; }
    .hm-stage h1 { margin: 0; color: #333; font-size: clamp(30px, 4vw, 42px); font-weight: 500; letter-spacing: -.025em; line-height: 1.2; }
    .hm-stage p { margin: 14px auto 0; color: #737373; font-size: 15px; }
    .hm-stage__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
    .hm-stage__links a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 14px; border: 1px solid #e5e5e5; border-radius: 4px; background: #fff; color: #0e569e; font-size: 13px; font-weight: 600; text-decoration: none; }
    .hm-stage__links a:hover { border-color: #1769c4; }
    .hm-focus:focus-visible { outline: 3px solid rgba(23, 105, 196, .38); outline-offset: 3px; }
    @media (max-width: 1120px) {
      .hm-header__inner { gap: 10px; }
      .hm-brand img { width: 112px; }
      .hm-nav a, .hm-programs__trigger { padding-inline: 8px; font-size: 12px; }
      .hm-action { padding-inline: 11px; font-size: 12px; }
    }
    @media (max-width: 940px) {
      .hm-wrap { width: min(100% - 32px, 1440px); }
      .hm-header__inner { min-height: 72px; }
      .hm-nav { position: absolute; top: calc(100% + 8px); right: 0; left: 0; display: none; max-height: calc(100dvh - 100px); overflow-y: auto; align-items: stretch; padding: 10px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; box-shadow: 0 14px 36px rgba(29, 50, 75, .12); }
      .hm-header[data-menu-open="true"] .hm-nav { display: flex; flex-direction: column; }
      .hm-nav a, .hm-programs__trigger { width: 100%; min-height: 44px; justify-content: space-between; padding-inline: 12px; font-size: 14px; }
      .hm-programs__trigger { cursor: pointer; }
      .hm-dropdown { position: static; width: 100%; grid-template-columns: 1fr; margin-top: 4px; box-shadow: none; }
      .hm-header__actions { margin-left: auto; }
      .hm-menu-toggle { display: grid; }
      .hm-stage { min-height: 340px; place-items: center; padding: 40px 24px; }
    }
    @media (max-width: 560px) {
      .hm-wrap { width: calc(100% - 24px); }
      .hm-topline__inner { min-height: 32px; }
      .hm-topline__label { display: none; }
      .hm-topline__contacts { width: 100%; justify-content: space-between; gap: 8px; font-size: 11px; }
      .hm-header__inner { min-height: 64px; gap: 7px; }
      .hm-brand img { width: 102px; }
      .hm-action { min-height: 38px; padding-inline: 9px; font-size: 11px; }
      .hm-brand img { width: 78px; }
      .hm-search__toggle, .hm-menu-toggle { width: 40px; height: 40px; }
      .hm-menu-toggle { border-color: #1769c4; color: #1769c4; }
      .hm-stage { min-height: 300px; padding: 36px 12px; }
      .hm-stage__links { display: grid; grid-template-columns: 1fr 1fr; }
      .hm-stage__links a { justify-content: center; }
    }
    @media (min-width: 480px) and (max-width: 600px) {
      .hm-page { width: min(100%, 430px); margin-inline: auto; border-inline: 1px solid #e5e5e5; background: #fff; }
      .hm-topline__inner { min-height: 32px; }
      .hm-topline__label { display: none; }
      .hm-topline__contacts { width: 100%; justify-content: space-between; gap: 8px; font-size: 11px; }
      .hm-header__inner { min-height: 64px; }
      .hm-brand img { width: 102px; }
      .hm-action { min-height: 38px; padding-inline: 9px; font-size: 11px; }
      .hm-brand img { width: 78px; }
      .hm-search__toggle, .hm-menu-toggle { width: 40px; height: 40px; }
      .hm-menu-toggle { border-color: #1769c4; color: #1769c4; }
      .hm-stage { min-height: 300px; padding: 36px 12px; }
    }
    @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Keep the shared CMS header shell from moving this redesigned header. */
.site-header.doka-header.hm-header{position:sticky;top:0;right:auto;left:auto;z-index:1000;display:block;width:100%;margin:0;border:0;border-bottom:1px solid #dfe4ec;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:"Manrope",system-ui,sans-serif}
.site-header.doka-header.hm-header .hm-header__inner{box-sizing:border-box}