:root {
    /* Основной акцент: Глубокий синий (Oceanic/Corporate Blue) */
    --forest: #1A365D; 
    
    /* Темный текст и элементы: Графитовый антрацит */
    --charcoal: #2D3748;
    
    /* Фон: Очень светлый серо-голубой (вместо желтоватой кости) */
    --ivory: #F7FAFC;
    
    /* Основной черный: Глубокий чернильный */
    --ink: #101828;
    
    /* Приглушенный: Стальной серый */
    --muted: #64748B;
    
    /* Ссылки и кнопки: Яркий синий или Итальянский Лазурный */
    --link-color: #2563EB;
    
    /* Фокус / Дополнительный акцент: Золотистый или Светло-бирюзовый */
    --focus: #BAE6FD;
    
    /* Контейнер и сетка остаются прежними для структуры */
    --container: 1200px;
    
    /* Тени: чуть более мягкие и глубокие */
    --shadow: 0 12px 40px rgba(16, 24, 40, 0.08), 0 4px 12px rgba(16, 24, 40, 0.04);
    
    /* Радиусы: чуть более скругленные для современного вида */
    --radius: 20px;
    --radius-sm: 12px;
    --grid-gap: clamp(16px, 2vw, 32px);
}

*,
::after,
::before {
    box-sizing: border-box
}

body,
html {
    height: 100%
}

html:focus-within {
    scroll-behavior: smooth
}

blockquote,
body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
li,
ol,
p,
ul {
    margin: 0
}

ol[role=list],
ul[role=list] {
    list-style: none;
    padding: 0
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

button,
input,
select,
textarea {
    font: inherit
}

a {
    text-decoration: none;
    color: var(--link-color)
}

body {
    min-height: 100vh;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    line-height: 1.45;
    color: var(--charcoal);
    background: radial-gradient(1200px 800px at 80% -20%, rgba(20, 143, 80, .08), transparent 60%), linear-gradient(180deg, #fff 0, var(--ivory) 100%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100vw;
    overflow-x: hidden
}

.s-255a762c36cdae2fe950 {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 clamp(16px, 3vw, 32px)
}

.s-20182fbc10716eb197ea {
    padding: clamp(40px, 7vw, 72px) 0
}

.s-ce713f486917d789b03b {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: clamp(24px, 3vw, 32px)
}

.s-675f86fe814f97648b78 {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .78rem;
    color: var(--forest);
    font-weight: 700
}

.s-179059ffe4f02a616c0d {
    font-size: clamp(1.7rem, 2.4vw, 2.3rem);
    letter-spacing: -.02em
}

.s-6ad93ff9b5ffd93b911d {
    max-width: 700px;
    color: var(--muted);
    font-size: 1rem
}

.s-5e9b60f69165f32f8930 {
    display: inline-block;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(20, 143, 80, .1);
    color: var(--forest);
    font-weight: 600;
    letter-spacing: .02em
}

.s-5e9b60f69165f32f8930.s-3e76c24356d30b633982 {
    font-size: .8rem;
    padding: .25rem .6rem
}

.s-93720caa841037718a71 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: .3rem .7rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, .04);
    font-size: .8rem;
    color: var(--muted)
}

.s-7c8dcb38a79cfe3a9a4d,
.s-c67acda2ed2201db8916 {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--forest)
}

.s-de820e2414088aefe2e5 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap)
}

.s-8e6c522d6391250f675d {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--grid-gap)
}

.s-2ab0591dbcf5fefdad65 {
    background: #fff;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(0, 0, 0, .06);
    padding: 18px 18px 20px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
    font-size: .95rem;
    color: var(--muted)
}

.s-2ab0591dbcf5fefdad65 h3 {
    font-size: 1rem;
    margin-bottom: 6px;
    color: var(--charcoal)
}

.s-adac3846b477f4671462 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8rem;
    color: var(--muted);
    margin-bottom: 4px
}

header.s-f819d7dee1ee55de63a8 {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: saturate(1.2) blur(10px);
    background: color-mix(in srgb, #fff 85%, var(--ivory) 15%);
    border-bottom: 1px solid rgba(0, 0, 0, .06)
}

.s-74d28382fd0d27847065 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px
}

.s-63acf68c4f951d6412a8 {
    display: flex;
    align-items: center;
    gap: 12px
}

.s-85a42b40b51d2ce166a7 {
    gap: 10px
}

.s-63acf68c4f951d6412a8 img {
    width: 38px;
    height: 38px
}

.s-63acf68c4f951d6412a8 .s-3d42e76c338c0d360e74 {
    font-weight: 800;
    letter-spacing: .3px;
    font-size: 1.05rem;
    color: var(--charcoal)
}

nav.s-e3b7c980d763196e9d13 {
    display: flex;
    align-items: center;
    gap: clamp(14px, 2vw, 26px)
}

nav.s-e3b7c980d763196e9d13 a {
    font-weight: 600;
    opacity: .95
}

nav.s-e3b7c980d763196e9d13 a:hover {
    opacity: 1
}

.s-d6a8182dd1a6f8cdfbf9 {
    display: flex;
    align-items: center;
    gap: 10px
}

.s-7a86b15480e0a870f0b0 {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    cursor: pointer
}

.s-7a86b15480e0a870f0b0 span,
.s-7a86b15480e0a870f0b0::after,
.s-7a86b15480e0a870f0b0::before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #222a2a;
    margin: 6px auto;
    transition: .22s
}

.s-b3cd584ff1d124ae8f1d {
    position: fixed;
    inset: 0 0 auto auto;
    top: 70px;
    right: 0;
    width: min(92vw, 360px);
    height: calc(100dvh - 70px);
    background: #fff;
    box-shadow: -24px 0 60px rgba(0, 0, 0, .14);
    transform: translateX(102%);
    transition: transform .25s;
    display: flex;
    flex-direction: column;
    padding: 24px
}

.s-0ef431acad284e0b6c25,
.s-b3cd584ff1d124ae8f1d .s-51bd95353aeda6615433 {
    background: rgba(0, 0, 0, .06);
    margin: 12px 0;
    height: 1px
}

.s-b3cd584ff1d124ae8f1d.s-5fc7e38bffe00ca46add {
    transform: translateX(0)
}

.s-b3cd584ff1d124ae8f1d a {
    padding: 14px 10px;
    border-radius: 10px
}

.s-6d2664d1359dbd4e27d8 {
    padding: clamp(40px, 7vw, 80px) 0;
    background: radial-gradient(900px 500px at 80% 0, rgba(11, 107, 58, .12), transparent 60%)
}

.s-83bbb262ab7d5644f6fd {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: var(--grid-gap);
    align-items: center
}

.s-6d2664d1359dbd4e27d8 h1 {
    font-size: clamp(2rem, 3.5vw, 2.9rem);
    letter-spacing: -.02em;
    margin: 10px 0
}

.s-bd52d334e6a364912d62 {
    font-size: 1.02rem;
    color: #2c3434;
    max-width: 680px
}

.s-6dd2439d2e313f3ae2ce {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.s-d71254fdc4622fde4081 {
    border-radius: var(--radius);
    border: 1px solid rgba(0, 0, 0, .06);
    background: #f4faf5;
    min-height: 260px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .06)
}

.s-d71254fdc4622fde4081 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.s-e8ea3360840719b36ac6 {
    margin-top: 10px;
    font-size: .95rem;
    color: var(--muted)
}

.s-e8ea3360840719b36ac6 span {
    display: inline-block;
    margin-right: 10px
}

footer.s-a928d4c5751e4352ec16 {
    margin-top: clamp(40px, 8vw, 100px);
    background: linear-gradient(180deg, rgba(11, 107, 58, .06), transparent 38%), #fff;
    border-top: 1px solid rgba(0, 0, 0, .06)
}

.s-234b082940c46f877a08 {
    display: grid;
    gap: 20px;
    padding: clamp(32px, 4vw, 48px) 0
}

.s-e242c9cdc6bdf75f580b {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: var(--grid-gap);
    align-items: start
}

.s-35030f0c0b4634f24e37 {
    display: grid;
    gap: 10px
}

.s-5043ab7ac96ab56a7574 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px
}

.s-5043ab7ac96ab56a7574 a {
    padding: 10px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .08)
}

.s-d5849f1f6b1e75113ea4 {
    display: grid;
    gap: 10px;
    color: var(--muted);
    font-size: .95rem
}

.s-658c8286c17e402644ee {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .6s, transform .6s
}

.s-658c8286c17e402644ee.s-af10ef20dd9060bbeead {
    opacity: 1;
    transform: none
}

.s-2daa8e5e2f2e28fc6f3b {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

@media(max-width:1100px) {

    .s-83bbb262ab7d5644f6fd,
    .s-de820e2414088aefe2e5,
    .s-e242c9cdc6bdf75f580b {
        grid-template-columns: 1fr
    }

    .s-8e6c522d6391250f675d {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(max-width:960px) {
    nav.s-e3b7c980d763196e9d13 {
        display: none
    }

    .s-7a86b15480e0a870f0b0 {
        display: block
    }
}

@media(max-width:720px) {
    .s-8e6c522d6391250f675d {
        grid-template-columns: 1fr
    }
}

.s-34161ab7e448b24048b0 {
    margin-top: auto
}

.s-6018cb9fe166335146b2 {
    margin-top: 10px
}

.s-acd243973b8ece24055c {
    margin-top: 8px
}