:root { --ink: #10161a; --paper: #eeede6; --paper-hi: #f7f6f0; --teal: #16cfbb; --petrol: #0d4a4d; --clay: #b3672c; --mute: #667375; --line: rgba(16, 22, 26, 0.13); } /* База */ body, .t-text, .t-descr, .t-input { font-family: "GolosText", system-ui, sans-serif; } .t-title, .t-heading, .t-name, h1, h2, h3, h4 { font-family: "Onest", system-ui, sans-serif; letter-spacing: -0.032em; } .t-title { line-height: 1.05; } /* Моно-слой: числа, метки, единицы */ .vn-mono { font-family: "JetBrainsMono", ui-monospace, monospace !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; line-height: 1.4; text-transform: uppercase; color: var(--mute); } .vn-mono--teal { color: var(--teal); } /* Бирюзовая точка в конце главного заголовка блока */ .vn-dot { color: var(--teal); } /* Метрика */ .vn-metric { font-family: "Onest", sans-serif; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; } /* Кнопки */ .t-btn, .t-submit, .t-btntext { border-radius: 2px !important; box-shadow: none !important; font-family: "Onest", sans-serif !important; font-weight: 700 !important; letter-spacing: -0.01em !important; } .t-btn:hover, .t-submit:hover { opacity: 0.88; } /* Поля формы */ .t-input { border: 1px solid var(--line) !important; border-radius: 2px !important; background: var(--paper-hi) !important; } .t-input:focus { border-color: var(--petrol) !important; outline: none; } /* Карточки и колонки */ .t-card__col, .t-item { border-radius: 2px; } /* Фокус с клавиатуры */ a:focus-visible, button:focus-visible, .t-btn:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; } /* Меню */ .t-menu__link-item { font-family: "GolosText", sans-serif; font-weight: 500; } /* Лента «Разборы» */ .t-feed__post-title { font-family: "Onest", sans-serif; letter-spacing: -0.025em; } .t-feed__post-date { font-family: "JetBrainsMono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } /* Уважать системную настройку уменьшения движения */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Rounded CTA */ .t-btn, .t-submit, .t-btntext { border-radius: 999px !important; } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Corrected Vnikaem mark: teal dot */ #rec2505017681 .t-menu-base__textlogo::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij4KICA8cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+CiAgPGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzE2Q0ZCQiIvPgo8L3N2Zz4K") !important; } /* Mobile dropdown must keep its native content height */ @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__maincontainer { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px !important; border: 0 !important; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container { width: calc(100% - 34px) !important; } } /* Native Vnikaem SVG is uploaded: disable the temporary pseudo-mark */ #rec2505017681 .t-menu-base__textlogo::before { content: none !important; display: none !important; background-image: none !important; } #rec2505017681 .t-menu-base__logo { display: flex !important; align-items: center !important; gap: 10px !important; } #rec2505017681 .t-menu-base__imglogo { width: 30px !important; height: 30px !important; max-height: 30px !important; object-fit: contain !important; } @media (max-width: 900px) { #rec2505017681 .t-menu-base__logo { gap: 8px !important; } #rec2505017681 .t-menu-base__imglogo { width: 27px !important; height: 27px !important; max-height: 27px !important; } } /* Vnikaem header final parity with approved desktop mock */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 58%, #0d3b3e 100%) !important; } #rec2505017681 .t-menu-base__maincontainer { position: relative !important; width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logo { display: flex !important; align-items: center !important; gap: 10px !important; } #rec2505017681 .t-menu-base__imglogo { width: 30px !important; height: 30px !important; max-height: 30px !important; object-fit: contain !important; } #rec2505017681 .t-menu-base__textlogo { color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before, #rec2505017681 .t-menu-base__textlogo::after { content: none !important; display: none !important; } #rec2505017681 .t-menu-base__list { gap: 30px !important; } #rec2505017681 .t-menu__link-item { color: #c8d0cf !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; } #rec2505017681 .t-sociallinks__wrapper { gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-color: transparent !important; } #rec2505017681 .t-sociallinks__item > a { width: 36px !important; height: 36px !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } @media (min-width: 901px) { #rec2505017681 .t-menu-base__leftwrapper { position: absolute !important; left: 50% !important; width: max-content !important; transform: translateX(-50%) !important; flex: none !important; } } @media (max-width: 900px) { #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; } #rec2505017681 .t-menu-base__imglogo { width: 27px !important; height: 27px !important; max-height: 27px !important; } } /* Keep the final desktop parity rules from breaking the mobile dropdown */ @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__maincontainer { position: relative !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px !important; border: 0 !important; } #rec2505017681 .t-menu-base__leftwrapper { position: static !important; width: auto !important; transform: none !important; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container { width: calc(100% - 34px) !important; } #rec2505017681 .t-sociallinks__item, #rec2505017681 .t-sociallinks__item > a { width: 32px !important; height: 32px !important; } } /* Desktop shell follows the approved mock: 100px side margins */ @media (min-width: 1201px) { #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 200px) !important; max-width: none !important; } } @media (min-width: 901px) and (max-width: 1200px) { #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 80px) !important; max-width: none !important; } } /* Keep the wordmark dot attached to the word */ #rec2505017681 .t-menu-base__textlogo { gap: 0 !important; } /* Hero and header corrections after visual QA */ #rec2505800501 .t396__artboard { background: linear-gradient(128deg, #10161a 0%, #111d20 58%, #0d3b3e 100%) !important; } #rec2505017681 .t-menu-base_positionfixed { position: relative !important; top: auto !important; } #rec2505800501 [data-elem-id="1785162301887000004"] .tn-atom, #rec2505800501 [data-elem-id="1785171122108000003"] .tn-atom, #rec2505800501 [data-elem-id="1785171151988000004"] .tn-atom, #rec2505800501 [data-elem-id="1785171326776000005"] .tn-atom { color: #8ea19f !important; text-decoration-color: #8ea19f !important; text-underline-offset: 4px; } #rec2505800501 [data-elem-id="1785170705471000001"] .tn-atom, #rec2505800501 [data-elem-id="1785170705471000001"] .tn-atom a, #rec2505800501 [data-elem-id="1785170873985000002"] .tn-atom, #rec2505800501 [data-elem-id="1785170873985000002"] .tn-atom a { color: #eeede6 !important; text-decoration-color: #8ea19f !important; text-decoration-thickness: 1px; text-underline-offset: 4px; } /* Mobile header must scroll with the page */ #rec2505017681 .tmenu-mobile_positionfixed, #rec2505017681 .tmenu-mobile__menucontent_fixed { position: relative !important; top: auto !important; } :root { --ink: #10161a; --paper: #eeede6; --paper-hi: #f7f6f0; --teal: #16cfbb; --petrol: #0d4a4d; --clay: #b3672c; --mute: #667375; --line: rgba(16, 22, 26, 0.13); } /* База */ body, .t-text, .t-descr, .t-input { font-family: "GolosText", system-ui, sans-serif; } .t-title, .t-heading, .t-name, h1, h2, h3, h4 { font-family: "Onest", system-ui, sans-serif; letter-spacing: -0.032em; } .t-title { line-height: 1.05; } /* Моно-слой: числа, метки, единицы */ .vn-mono { font-family: "JetBrainsMono", ui-monospace, monospace !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; line-height: 1.4; text-transform: uppercase; color: var(--mute); } .vn-mono--teal { color: var(--teal); } /* Бирюзовая точка в конце главного заголовка блока */ .vn-dot { color: var(--teal); } /* Метрика */ .vn-metric { font-family: "Onest", sans-serif; font-weight: 800; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; } /* Кнопки */ .t-btn, .t-submit, .t-btntext { border-radius: 2px !important; box-shadow: none !important; font-family: "Onest", sans-serif !important; font-weight: 700 !important; letter-spacing: -0.01em !important; } .t-btn:hover, .t-submit:hover { opacity: 0.88; } /* Поля формы */ .t-input { border: 1px solid var(--line) !important; border-radius: 2px !important; background: var(--paper-hi) !important; } .t-input:focus { border-color: var(--petrol) !important; outline: none; } /* Карточки и колонки */ .t-card__col, .t-item { border-radius: 2px; } /* Фокус с клавиатуры */ a:focus-visible, button:focus-visible, .t-btn:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; } /* Меню */ .t-menu__link-item { font-family: "GolosText", sans-serif; font-weight: 500; } /* Лента «Разборы» */ .t-feed__post-title { font-family: "Onest", sans-serif; letter-spacing: -0.025em; } .t-feed__post-date { font-family: "JetBrainsMono", monospace; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } /* Уважать системную настройку уменьшения движения */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } /* Rounded CTA */ .t-btn, .t-submit, .t-btntext { border-radius: 999px !important; } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Vnikaem header: match the approved local layout */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 70%, #0d3436 100%) !important; } #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: transparent !important; } #rec2505017681 .t-menu-base__maincontainer { width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logowrapper { flex: 0 0 auto !important; margin: 0 !important; } #rec2505017681 .t-menu-base__textlogo { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before { content: ""; width: 30px; height: 30px; flex: 0 0 30px; background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij48cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzBENEE0RCIvPjwvc3ZnPg=="); } #rec2505017681 .t-menu-base__textlogo::after { content: "."; margin-left: -10px; color: #16cfbb; } #rec2505017681 .t-menu-base__leftwrapper { flex: 1 1 auto !important; justify-content: center !important; } #rec2505017681 .t-menu-base__list { justify-content: center !important; gap: clamp(12px, 1.4vw, 22px) !important; } #rec2505017681 .t-menu-base__list-item { margin: 0 !important; } #rec2505017681 .t-menu__link-item { color: #aab5b4 !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; } #rec2505017681 .t-menu__link-item:hover { color: #16cfbb !important; } #rec2505017681 .t-menu-base__rightwrapper, #rec2505017681 .t-menu-base__additionalwrapper { flex: 0 0 auto !important; align-items: center !important; } #rec2505017681 .t-sociallinks__wrapper { display: flex !important; align-items: center !important; gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 16px 16px !important; } #rec2505017681 .t-sociallinks__item_phone { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02QTE5Ljc5IDE5Ljc5IDAgMCAxIDIuMTIgNC4xOCAyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MmMuMTIuOS4zMyAxLjc4LjYyIDIuNjNhMiAyIDAgMCAxLS40NSAyLjExTDggOS43M2ExNiAxNiAwIDAgMCA2IDZsMS4yNy0xLjI3YTIgMiAwIDAgMSAyLjExLS40NWMuODUuMjkgMS43My41IDIuNjMuNjNBMiAyIDAgMCAxIDIyIDE2LjkyeiIvPgo8L3N2Zz4K") !important; } #rec2505017681 .t-sociallinks__item_email { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHJ4PSIyIi8+CiAgPHBhdGggZD0ibTMgNyA5IDYgOS02Ii8+Cjwvc3ZnPgo=") !important; } #rec2505017681 .t-sociallinks__item_telegram { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNFREVDRTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBkPSJtMjIgMi03IDIwLTQtOS05LTRaIi8+CiAgPHBhdGggZD0iTTIyIDIgMTEgMTMiLz4KPC9zdmc+Cg==") !important; } #rec2505017681 .t-sociallinks__svg { opacity: 0 !important; } #rec2505017681 .t-menu-base__buttons { margin-left: 12px !important; } #rec2505017681 .t-menu-base__button .t-btn { min-height: 36px !important; height: 36px !important; padding: 0 17px !important; border: 1px solid #16cfbb !important; border-radius: 999px !important; background: transparent !important; color: #16cfbb !important; font-family: "Onest", sans-serif !important; font-size: 13px !important; font-weight: 700 !important; } @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; gap: 8px !important; } #rec2505017681 .t-menu-base__textlogo::before { width: 27px; height: 27px; flex-basis: 27px; } #rec2505017681 .t-menu-base__textlogo::after { margin-left: -8px; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container, #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 34px) !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } #rec2505017681 .t-sociallinks__item { width: 32px !important; height: 32px !important; background-size: 14px 14px !important; } } /* Corrected Vnikaem mark: teal dot */ #rec2505017681 .t-menu-base__textlogo::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2IiBoZWlnaHQ9Ijk2Ij4KICA8cGF0aCBmaWxsPSIjRURFQ0U0IiBkPSJNMTAgMEg4NkExMCAxMCAwIDAgMSA5NiAxMFYzMEw1MiA0OEw5NiA2NlY4NkExMCAxMCAwIDAgMSA4NiA5NkgxMEExMCAxMCAwIDAgMSAwIDg2VjEwQTEwIDEwIDAgMCAxIDEwIDBaIi8+CiAgPGNpcmNsZSBjeD0iMzAiIGN5PSI0OCIgcj0iMTAuNSIgZmlsbD0iIzE2Q0ZCQiIvPgo8L3N2Zz4K") !important; } /* Mobile dropdown must keep its native content height */ @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__maincontainer { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px !important; border: 0 !important; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container { width: calc(100% - 34px) !important; } } /* Native Vnikaem SVG is uploaded: disable the temporary pseudo-mark */ #rec2505017681 .t-menu-base__textlogo::before { content: none !important; display: none !important; background-image: none !important; } #rec2505017681 .t-menu-base__logo { display: flex !important; align-items: center !important; gap: 10px !important; } #rec2505017681 .t-menu-base__imglogo { width: 30px !important; height: 30px !important; max-height: 30px !important; object-fit: contain !important; } @media (max-width: 900px) { #rec2505017681 .t-menu-base__logo { gap: 8px !important; } #rec2505017681 .t-menu-base__imglogo { width: 27px !important; height: 27px !important; max-height: 27px !important; } } /* Vnikaem header final parity with approved desktop mock */ #rec2505017681 { background: linear-gradient(128deg, #10161a 0%, #111d20 58%, #0d3b3e 100%) !important; } #rec2505017681 .t-menu-base__maincontainer { position: relative !important; width: min(1240px, calc(100% - 80px)) !important; max-width: 1240px !important; min-height: 88px !important; height: 88px !important; margin: 0 auto !important; padding: 0 !important; border-bottom: 1px solid rgba(237, 236, 228, 0.16) !important; box-sizing: border-box !important; } #rec2505017681 .t-menu-base__logo { display: flex !important; align-items: center !important; gap: 10px !important; } #rec2505017681 .t-menu-base__imglogo { width: 30px !important; height: 30px !important; max-height: 30px !important; object-fit: contain !important; } #rec2505017681 .t-menu-base__textlogo { color: #edece4 !important; font-family: "Onest", sans-serif !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -0.055em !important; } #rec2505017681 .t-menu-base__textlogo::before, #rec2505017681 .t-menu-base__textlogo::after { content: none !important; display: none !important; } #rec2505017681 .t-menu-base__list { gap: 30px !important; } #rec2505017681 .t-menu__link-item { color: #c8d0cf !important; font-family: "GolosText", "Golos Text", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; } #rec2505017681 .t-sociallinks__wrapper { gap: 7px !important; } #rec2505017681 .t-sociallinks__item { width: 36px !important; height: 36px !important; margin: 0 !important; border: 1px solid rgba(237, 236, 228, 0.22) !important; border-radius: 50% !important; background-color: transparent !important; } #rec2505017681 .t-sociallinks__item > a { width: 36px !important; height: 36px !important; } #rec2505017681 .t-menu-base__buttons { display: none !important; } @media (min-width: 901px) { #rec2505017681 .t-menu-base__leftwrapper { position: absolute !important; left: 50% !important; width: max-content !important; transform: translateX(-50%) !important; flex: none !important; } } @media (max-width: 900px) { #rec2505017681 .t-menu-base__textlogo { font-size: 19px !important; } #rec2505017681 .t-menu-base__imglogo { width: 27px !important; height: 27px !important; max-height: 27px !important; } } /* Keep the final desktop parity rules from breaking the mobile dropdown */ @media (max-width: 900px) { #rec2505017681 .tmenu-mobile__container { width: min(760px, calc(100% - 48px)) !important; min-height: 72px !important; height: 72px !important; margin: 0 auto !important; padding: 0 !important; } #rec2505017681 .t-menu-base__maincontainer { position: relative !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 24px !important; border: 0 !important; } #rec2505017681 .t-menu-base__leftwrapper { position: static !important; width: auto !important; transform: none !important; } } @media (max-width: 700px) { #rec2505017681 .tmenu-mobile__container { width: calc(100% - 34px) !important; } #rec2505017681 .t-sociallinks__item, #rec2505017681 .t-sociallinks__item > a { width: 32px !important; height: 32px !important; } } /* Desktop shell follows the approved mock: 100px side margins */ @media (min-width: 1201px) { #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 200px) !important; max-width: none !important; } } @media (min-width: 901px) and (max-width: 1200px) { #rec2505017681 .t-menu-base__maincontainer { width: calc(100% - 80px) !important; max-width: none !important; } } /* Keep the wordmark dot attached to the word */ #rec2505017681 .t-menu-base__textlogo { gap: 0 !important; } /* Hero and header corrections after visual QA */ #rec2505800501 .t396__artboard { background: linear-gradient(128deg, #10161a 0%, #111d20 58%, #0d3b3e 100%) !important; } #rec2505017681 .t-menu-base_positionfixed { position: relative !important; top: auto !important; } #rec2505800501 [data-elem-id="1785162301887000004"] .tn-atom, #rec2505800501 [data-elem-id="1785171122108000003"] .tn-atom, #rec2505800501 [data-elem-id="1785171151988000004"] .tn-atom, #rec2505800501 [data-elem-id="1785171326776000005"] .tn-atom { color: #8ea19f !important; text-decoration-color: #8ea19f !important; text-underline-offset: 4px; } #rec2505800501 [data-elem-id="1785170705471000001"] .tn-atom, #rec2505800501 [data-elem-id="1785170705471000001"] .tn-atom a, #rec2505800501 [data-elem-id="1785170873985000002"] .tn-atom, #rec2505800501 [data-elem-id="1785170873985000002"] .tn-atom a { color: #eeede6 !important; text-decoration-color: #8ea19f !important; text-decoration-thickness: 1px; text-underline-offset: 4px; } /* Mobile header must scroll with the page */ #rec2505017681 .tmenu-mobile_positionfixed, #rec2505017681 .tmenu-mobile__menucontent_fixed { position: relative !important; top: auto !important; } /* Header follows the viewport on a solid background */ #rec2505017681, #rec2505017681 .t1272, #rec2505017681 .t-menu-base, #rec2505017681 .tmenu-mobile { background: #10161a !important; } #rec2505017681 .t-menu-base_positionfixed, #rec2505017681 .tmenu-mobile_positionfixed { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 990 !important; } #rec2505017681 .tmenu-mobile__menucontent_fixed { position: fixed !important; top: 72px !important; } #rec2505800501 [data-elem-id="1785162191549000003"] .tn-atom { font-weight: 700 !important; } /* Keep the new three-line headline inside the text column */ #rec2505800501 [data-elem-id="1785159910060000004"] .tn-atom { font-size: 40px !important; line-height: 1.02 !important; } @media (max-width: 700px) { #rec2505800501 [data-elem-id="1785159910060000004"] .tn-atom { font-size: 28px !important; } } /* Card parity for the 960 px Tilda breakpoint */ @media (min-width: 901px) and (max-width: 1199px) { #rec2505800501 [data-elem-id="1785161461135"] { left: calc(50% - 480px + 650px) !important; top: 220px !important; width: 380px !important; } #rec2505800501 [data-elem-id="1785161699681"] { left: calc(50% - 480px + 700px) !important; top: 540px !important; width: 330px !important; height: 110px !important; } #rec2505800501 [data-elem-id="1785162052218000001"] { left: calc(50% - 480px + 720px) !important; top: 558px !important; } #rec2505800501 [data-elem-id="1785162052218000001"] .tn-atom { font-size: 20px !important; } #rec2505800501 [data-elem-id="1785162111190000002"] { left: calc(50% - 480px + 720px) !important; top: 592px !important; } #rec2505800501 [data-elem-id="1785162111190000002"] .tn-atom { color: #667375 !important; font-size: 14px !important; } #rec2505800501 [data-elem-id="1785162191549000003"] { left: calc(50% - 480px + 720px) !important; top: 620px !important; } #rec2505800501 [data-elem-id="1785162191549000003"] .tn-atom { color: #10161a !important; font-size: 14px !important; font-weight: 700 !important; } } /* Preserve the requested three headline lines at 360 px */ @media (max-width: 700px) { #rec2505800501 [data-elem-id="1785159910060000004"] .tn-atom { font-size: 18px !important; line-height: 1.08 !important; } } /* Correct inherited negative tracking on the mobile headline */ @media (max-width: 700px) { #rec2505800501 [data-elem-id="1785159910060000004"] .tn-atom { font-size: 19px !important; letter-spacing: -0.04em !important; } } @media (max-width: 700px) { #rec2505800501 [data-elem-id="1785159910060000004"] .tn-atom { font-size: 16px !important; line-height: 1.15 !important; letter-spacing: -0.03em !important; } } /* Match the portrait card to the approved wide-desktop reference */ @media (min-width: 1200px) { #rec2505800501 [data-elem-id="1785161461135"] { left: calc(50% - 600px + 800px) !important; top: 230px !important; width: 400px !important; } #rec2505800501 [data-elem-id="1785161699681"] { left: calc(50% - 600px + 900px) !important; top: 540px !important; width: 330px !important; height: 110px !important; } #rec2505800501 [data-elem-id="1785162052218000001"] { left: calc(50% - 600px + 920px) !important; top: 558px !important; } #rec2505800501 [data-elem-id="1785162111190000002"] { left: calc(50% - 600px + 920px) !important; top: 592px !important; } #rec2505800501 [data-elem-id="1785162191549000003"] { left: calc(50% - 600px + 920px) !important; top: 620px !important; } } /* Desktop sticky header belongs at the top edge, not at the mobile offset */ @media (min-width: 901px) { #rec2505017681 .tmenu-mobile__menucontent_fixed { top: 0 !important; } } @media (min-width: 1200px) { #rec2505800501 [data-elem-id="1785162052218000001"] .tn-atom { font-size: 20px !important; } #rec2505800501 [data-elem-id="1785162111190000002"] .tn-atom { color: #667375 !important; font-size: 14px !important; } #rec2505800501 [data-elem-id="1785162191549000003"] .tn-atom { color: #10161a !important; font-size: 14px !important; font-weight: 700 !important; } }