@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,100..1000,96,468,79,-203,738,514,712&display=swap');

:root {
    --primary-primary: #566dd6;
    --primary-secondary: #ffa515;
    --primary-accent: #9d82f1;
    --primary-divider: #f1f1f1;
    --primary-background: #fff;
    --primary-text-2: #4f4f4f;
    --primary-text-1: #303030;
    --rainbow-red: #ff3c2f;
    --rainbow-orange: #ff9500;
    --rainbow-yellow: #ffcc02;
    --rainbow-green: #35c759;
    --rainbow-mint: #03c7be;
    --rainbow-teal: #3498b1;
    --rainbow-cyan: #31ade6;
    --rainbow-blue: #007aff;
    --rainbow-indigo: #5856d5;
    --rainbow-purple: #af52de;
    --rainbow-pink: #ff2c55;
    --rainbow-brown: #a2845e;
    --opacity-white-50: rgba(255, 255, 255, 0.5);
    --opacity-white-30: rgba(255, 255, 255, 0.3);
    --opacity-white-10: rgba(255, 255, 255, 0.1);
    --opacity-black-50: rgba(48, 48, 48, 0.5);
    --opacity-black-30: rgba(48, 48, 48, 0.3);
    --opacity-black-10: rgba(48, 48, 48, 0.1);
    --opacity-black-100: #303030;
    --opacity-white-100: #fff;
    --primary-grey-60: rgba(241, 241, 241, 0.6);
    --primary-gray-30: rgba(241, 241, 241, 0.3);
    --font-family: "Montserrat", sans-serif;
    --second-family: "Inter", sans-serif;
    --third-family: "Open Sans", sans-serif;
    --font3: "Poppins", sans-serif;
    --font4: "Roboto Flex", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: var(--main-font);
    color: var(--main-color);
    font-weight: 400;
    line-height: 1.2;
}

a {
    color: var(--main-color);
    text-decoration: none;
    transition: color .3s ease;
}

.wrapper {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: clip;
}

.page-bg {
    position: fixed;
    inset: 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    overflow: hidden;
}

.page-bg__grad {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    max-width: 1600px;
    transform: translate(-50%, -50%);
    animation: page-bg-spin 60s linear infinite;
    will-change: transform;
}

@keyframes page-bg-spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.header,
.main,
.footer {
    position: relative;
    z-index: 1;
}

.main {
    flex-grow: 1;
    padding-top: 50px;
}

.page-sections {
    display: flex;
    flex-direction: column;
    gap: 140px;
    padding-bottom: 140px;
}

/* Figma: 48px между capabilities и strategies */
.section--capabilities + .section--strategies {
    margin-top: calc(48px - 140px);
}

/* Отступы сверху/снизу в 2 раза меньше (140 → 70) */
.section--work-convenient {
    margin-top: calc(70px - 140px);
    margin-bottom: calc(70px - 140px);
}

.section {
    width: 100%;
}

.section--hero,
.section--demo-form,
.section--help-links,
.section--ready-prices,
.section--work-convenient,
.section--experts,
.section--product-slider,
.section--pricing-system,
.section--capabilities,
.section--strategies,
.section--telegram-banner,
.section--news-articles,
.section--updates,
.section--faq,
.section--support-contact,
.section--contacts,
.section--amazing,
.section--never-before,
.section--trust,
.section--reputation,
.section--made-in-russia,
.section--support-ideas,
.section--docs,
.section--tariffs,
.section--tariffs-plans,
.section--metacommerce-banner,
.section--tariffs-compare,
.section--data-security,
.section--how-it-works-team,
.section--how-it-works-process,
.section--databases-intro,
.section--databases-team,
.section--databases-cta,
.section--strategies-hero,
.section--strategies-approaches,
.section--strategies-benefits,
.section--strategies-create,
.section--strategies-features,
.section--strategies-rules,
.section--strategies-cta,
.section--articles-list,
.section--articles-subscribe,
.section--article-content,
.section--article-related,
.section--text-content,
.section--event-hero,
.section--event-about,
.section--event-audience,
.section--event-program,
.section--event-speakers,
.section--event-register {
    padding: 0;
}

.section--hero + .section--text-content {
    margin-top: calc(48px - 140px);
}

.section--strategies-hero {
    overflow: visible;
}

.section--databases-cta {
    overflow: visible;
}

.section--telegram-banner {
    overflow: visible;
}

.telegram-banner {
    width: 100%;
}

.telegram-banner__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    min-height: 201px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 32px;
    overflow: visible;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.telegram-banner__decor {
    position: absolute;
    left: 360px;
    top: -164px;
    width: 739px;
    height: auto;
    pointer-events: none;
    z-index: 0;
}

.telegram-banner__chat {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-shrink: 0;
}

.telegram-banner__avatar {
    display: block;
    width: 69px;
    height: 69px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.telegram-banner__bubbles {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 348px;
}

.telegram-banner__bubble {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 18px;
}

.telegram-banner__bubble--short {
    align-self: flex-start;
    width: max-content;
    max-width: 100%;
}

.telegram-banner__bubble-text {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.telegram-banner__bubble-time {
    flex-shrink: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    color: rgba(48, 48, 48, 0.3);
}

.telegram-banner__cta {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    gap: 24px;
    flex-shrink: 0;
    text-decoration: none;
    color: #fff;
    transition: opacity .3s ease;
}

.telegram-banner__cta:hover {
    opacity: .85;
}

.telegram-banner__handle {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.telegram-banner__qr {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 16px;
    flex-shrink: 0;
}

.news-articles,
.updates {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.news-articles__head,
.updates__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 64px;
    width: 100%;
}

.news-articles__title,
.updates__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.news-articles__all,
.updates__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.news-articles__all:hover,
.updates__all:hover {
    opacity: .7;
}

.news-articles__all img,
.updates__all img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.news-articles__all--mobile,
.updates__all--mobile {
    display: none;
}

.news-articles__slider,
.updates__slider {
    width: 100%;
    overflow: hidden;
}

.news-articles__slider .swiper-wrapper,
.updates__slider .swiper-wrapper {
    align-items: stretch;
}

.news-articles__slider .swiper-slide,
.updates__slider .swiper-slide {
    height: auto;
}

.news-articles__pagination,
.updates__pagination {
    display: none;
}

.news-articles__card,
.updates__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 382px;
    background: #f1f1f1;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: opacity .3s ease;
}

.news-articles__card:hover,
.updates__card:hover {
    opacity: .9;
}

.news-articles__cover,
.updates__cover {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    flex-shrink: 0;
}

.news-articles__body,
.updates__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    flex: 1 1 auto;
    padding: 16px;
}

.news-articles__main,
.updates__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news-articles__tag,
.updates__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 8px 16px;
    background: var(--primary-primary);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
}

.news-articles__tag--instructions,
.updates__tag--instructions,
.article-related__tag--instructions,
.article-content__tag--instructions,
.news-articles__tag--news,
.updates__tag--news,
.article-related__tag--news,
.article-content__tag--news {
    background: var(--primary-primary);
}

.news-articles__tag--capabilities,
.updates__tag--capabilities,
.article-related__tag--capabilities,
.article-content__tag--capabilities {
    background: #47a77a;
}

.news-articles__tag--expertise,
.updates__tag--expertise,
.article-related__tag--expertise,
.article-content__tag--expertise {
    background: var(--primary-secondary);
}

.news-articles__tag--strategies,
.updates__tag--strategies,
.article-related__tag--strategies,
.article-content__tag--strategies {
    background: var(--primary-accent);
}

.news-articles__text,
.updates__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news-articles__card-title,
.updates__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.news-articles__excerpt,
.updates__excerpt {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.news-articles__date,
.updates__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: rgba(48, 48, 48, 0.3);
}

.faq-categories {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.faq-group {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.faq-group__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.faq {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.faq__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 48px;
    width: 100%;
}

.faq__title {
    margin: 0;
    max-width: 645px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.faq__title-mobile {
    display: none;
}

.faq__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.faq__all:hover {
    opacity: .7;
}

.faq__all img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.faq__all--mobile {
    display: none;
}

.faq__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.faq__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px;
    background: #f1f1f1;
    border-radius: 8px;
}

.faq__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 12px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.faq__question {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.faq__icon {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform .25s ease;
}

.faq__item.is-open .faq__icon {
    transform: rotate(180deg);
}

.faq__answer {
    padding: 16px;
    background: #fff;
    border-radius: 8px;
}

.faq__answer[hidden] {
    display: none;
}

.faq__answer-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.faq__answer-text > *:first-child {
    margin-top: 0;
}

.faq__answer-text > *:last-child {
    margin-bottom: 0;
}

.faq__answer-text p {
    margin: 0 0 0.6em;
    font: inherit;
    color: inherit;
}

.faq__answer-text p:last-child {
    margin-bottom: 0;
}

.faq__answer-text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.support-contact {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.support-contact__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 774px;
}

.support-contact__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.support-contact__subtitle {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.support-contact__card {
    width: 100%;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
}

.support-contact__rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.support-contact__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 60px;
    padding: 8px 16px;
    background: var(--opacity-white-10);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: opacity .2s ease;
}

.support-contact__row:hover {
    opacity: .8;
}

.support-contact__row--mobile {
    display: none;
}

.support-contact__row-left {
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    min-width: 0;
}

.support-contact__row-left img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.support-contact__row-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
}

.support-contact__label,
.support-contact__value {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
}

.support-contact__hint--mobile {
    display: none;
}

.support-contact__label strong {
    font-weight: 700;
}

.support-contact__note {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.support-contact__hint {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: var(--opacity-white-50);
}

.support-contact__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}


.support-contact__link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.contacts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

.contacts__card {
    display: flex;
    flex-direction: column;
    gap: 48px;
    min-height: 347px;
    padding: 32px;
    border-radius: 24px;
}

.contacts__card--sales {
    background: var(--primary-primary);
}

.contacts__card--support {
    background: var(--primary-grey-60);
}

.contacts__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
}

.contacts__card--sales .contacts__title {
    color: #fff;
}

.contacts__card--support .contacts__title {
    color: var(--primary-text-2);
}

.contacts__support-main {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.contacts__rows {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.contacts__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 60px;
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: opacity .2s ease;
}

.contacts__row:hover {
    opacity: .8;
}

.contacts__card--sales .contacts__row {
    background: var(--opacity-white-10);
}

.contacts__card--support .contacts__row {
    background: #f1f1f1;
}

.contacts__row-left {
    display: inline-flex;
    align-items: flex-end;
    gap: 8px;
    min-width: 0;
}

.contacts__row-left img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.contacts__row-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    text-align: right;
}

.contacts__label,
.contacts__value {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    text-decoration: none;
}

.contacts__value-mobile {
    display: none;
}

.contacts__card--sales .contacts__label,
.contacts__card--sales .contacts__value {
    color: #fff;
}

.contacts__card--support .contacts__label,
.contacts__card--support .contacts__value {
    color: var(--primary-text-2);
}

.contacts__note {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    white-space: nowrap;
}

.contacts__card--sales .contacts__note {
    color: #fff;
}

.contacts__card--support .contacts__note {
    color: var(--primary-text-2);
}

.contacts__hint {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: var(--opacity-white-50);
}

.contacts__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    margin-top: auto;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.contacts__link:hover {
    opacity: .7;
}

.contacts__link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.made-in-russia {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.made-in-russia__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 650px;
}

.made-in-russia__title-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.made-in-russia__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.made-in-russia__tag {
    position: absolute;
    top: -26px;
    left: 342px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #ffffff4d;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
    white-space: nowrap;
    transform: rotate(5deg);
}

.made-in-russia__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.made-in-russia__accent {
    font-weight: 600;
    color: var(--primary-primary);
}

.made-in-russia__text--mobile {
    display: none;
}

.made-in-russia__visual {
    flex: 0 1 662px;
    max-width: 662px;
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
}

.made-in-russia__image {
    display: block;
    width: 100%;
    height: auto;
}

.reputation {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.reputation__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.reputation__title-mobile {
    display: none;
}

.reputation__cards {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.reputation__card {
    display: flex;
    flex-direction: column;
    gap: 48px;
    flex: 1 1 0;
    min-width: 0;
    min-height: 390px;
    padding: 32px;
    background: var(--primary-grey-60);
    border-radius: 24px;
}

.reputation__brand {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.reputation__brand--pretium {
    gap: 3px;
}

.reputation__logo-pretium-desktop {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    line-height: 0;
}

.reputation__logo-pretium-mobile {
    display: none;
    width: 108px;
    height: auto;
}

.reputation__logo-icon {
    display: block;
    width: 24px;
    height: auto;
}

.reputation__logo-text {
    display: block;
    width: 152px;
    height: auto;
}

.reputation__logo-metaprice {
    display: block;
    width: 230px;
    height: auto;
}

.reputation__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reputation__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.reputation__card-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.reputation__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.reputation__link:hover {
    opacity: .7;
}

.reputation__link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.trust {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.trust__intro {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 919px;
}

.trust__title-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.trust__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.trust__tag {
    position: absolute;
    top: -30px;
    left: 403px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: #ffffff4d;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
    white-space: nowrap;
    transform: rotate(5deg);
}

.trust__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.trust__logos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.trust__logo {
    margin: 0;
    border-radius: 16px;
    overflow: hidden;
}

.trust__logo img {
    display: block;
    width: 100%;
    height: auto;
}

.never-before {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.never-before__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 656px;
}

.never-before__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.never-before__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.never-before__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.never-before__text--accent {
    font-weight: 600;
    color: var(--primary-primary);
}

.never-before__visual {
    flex: 1 1 0;
    min-width: 0;
    max-width: 656px;
    border-radius: 24px;
    overflow: hidden;
}

.never-before__image {
    display: block;
    width: 100%;
    height: auto;
}

.amazing {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 64px;
    width: 100%;
    overflow: visible;
}

.amazing__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 650px;
    flex: 1 1 0;
    min-width: 0;
}

.amazing__title-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
}

.amazing__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.amazing__tag {
    position: absolute;
    top: -35px;
    left: 383px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--opacity-white-30);
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
    white-space: nowrap;
    transform: rotate(5deg);
}

.amazing__text {
    margin: 0;
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.amazing__visual {
    flex: 0 1 670px;
    max-width: 670px;
    width: 100%;
}

.amazing__image {
    display: block;
    width: 100%;
    height: auto;
}

.section--tariffs {
    padding: 0;
}

.tariffs-plans {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 100%;
}

.tariffs-plans__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.tariffs-plans__title {
    margin: 0;
    max-width: 1051px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    text-align: center;
    color: var(--primary-text-2);
}

.tariffs-plans__subtitle {
    display: none;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: var(--primary-text-2);
}

.tariffs-plans__slider {
    width: 100%;
    overflow: hidden;
}

.tariffs-plans__slider .swiper-wrapper {
    align-items: stretch;
}

.tariffs-plans__slider .swiper-slide {
    height: auto;
}

.tariffs-plans__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    height: 100%;
    min-height: 584px;
    padding: 24px;
    background: var(--primary-gray-30);
    border: 1px solid var(--primary-divider);
    border-radius: 24px;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.tariffs-plans__card--maximum {
    background: rgba(255, 255, 255, 0.3);
}

.tariffs-plans__card--maximum .tariffs-plans__price-value {
    color: var(--primary-primary);
}

.tariffs-plans__card--maximum .tariffs-plans__price-note-accent {
    color: var(--primary-primary);
}

.tariffs-plans__card-top {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.tariffs-plans__card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 32px;
}

.tariffs-plans__card-name {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.tariffs-plans__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 8px 16px;
    background: var(--primary-primary);
    border-radius: 23px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.tariffs-plans__card-desc {
    margin: 0;
    min-height: 72px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.tariffs-plans__price {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 56px;
}

.tariffs-plans__price-row {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4px;
}

.tariffs-plans__price-value {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1;
    color: var(--primary-text-1);
}

.tariffs-plans__price-unit {
    padding-bottom: 2px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: var(--opacity-black-50);
}

.tariffs-plans__price-note {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: var(--opacity-black-50);
    text-align: center;
}

.tariffs-plans__price-note-accent {
    color: var(--primary-text-1);
}

.tariffs-plans__features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
}

.tariffs-plans__feature {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.tariffs-plans__feature img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.tariffs-plans__card-link {
    display: none;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.tariffs-plans__card-link:hover {
    opacity: .7;
}

.tariffs-plans__card-link img {
    display: block;
    width: 24px;
    height: 24px;
}

.tariffs-plans__pagination {
    display: none;
    position: static;
    margin-top: 32px;
}

.tariffs-plans__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: var(--opacity-black-10);
    border-radius: 20px;
    opacity: 1;
}

.tariffs-plans__pagination .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    background: var(--primary-primary);
    border-radius: 20px;
}

.tariffs-plans__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
    background: var(--primary-text-2);
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.tariffs-plans__cta:hover {
    background-color: #303030;
}

.metacommerce-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    overflow: hidden;
}

.metacommerce-banner__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 560px;
    flex: 1 1 0;
    min-width: 0;
}

.metacommerce-banner__text-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.metacommerce-banner__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
}

.metacommerce-banner__title-mobile,
.metacommerce-banner__text-mobile {
    display: none;
}

.metacommerce-banner__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.metacommerce-banner__logos {
    display: block;
    width: 327px;
    max-width: 100%;
    height: auto;
}

.metacommerce-banner__cards {
    display: block;
    flex: 0 1 600px;
    width: 600px;
    max-width: 52%;
    height: auto;
    margin-right: -16px;
}

.tariffs-compare {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.tariffs-compare__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-primary);
}

.tariffs-compare__scroll {
    width: 100%;
}

.tariffs-compare__table {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.tariffs-compare__head,
.tariffs-compare__row {
    display: grid;
    grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
    align-items: center;
    column-gap: 22px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.tariffs-compare__values {
    display: grid;
    grid-template-columns: repeat(4, 200px);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.tariffs-compare__head {
    padding: 24px 16px;
    background: #566dd6;
    border-radius: 16px;
}

.tariffs-compare__head .tariffs-compare__cell {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-align: center;
}

.tariffs-compare__group {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.tariffs-compare__category {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 11px 16px;
    background: #f1f1f1;
    border-radius: 8px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
    box-sizing: border-box;
}

.tariffs-compare__row {
    min-height: 44px;
}

.tariffs-compare__cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.tariffs-compare__cell--label {
    justify-content: flex-start;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.tariffs-compare__head .tariffs-compare__cell--label {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    background: transparent;
    text-align: left;
}

.tariffs-compare__head .tariffs-compare__cell {
    background: transparent;
}

.tariffs-compare__value {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    background: #f1f1f1;
    border-radius: 8px;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #4f4f4f;
    white-space: nowrap;
}

.tariffs-compare__cell img {
    display: block;
    width: 24px;
    height: 24px;
}

.tariffs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.pricing-system {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.pricing-system__brand {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 28px;
    line-height: 0;
}

.pricing-system__logo-icon {
    display: block;
    width: 27px;
    height: auto;
}

.pricing-system__logo-text {
    display: block;
    width: 173px;
    height: auto;
}

.pricing-system__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.pricing-system__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.pricing-system__title-mobile,
.pricing-system__stat-label-mobile {
    display: none;
}

.pricing-system__text {
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.pricing-system__text strong {
    font-weight: 600;
}

.pricing-system__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.pricing-system__link:hover {
    opacity: .7;
}

.pricing-system__link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.pricing-system__stats {
    display: flex;
    align-items: flex-start;
    gap: 48px;
    max-width: 996px;
    width: 100%;
}

.pricing-system__stat {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 300px;
}

.pricing-system__stat-value {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

.pricing-system__stat-label {
    max-width: 283px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.pricing-system__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: 1256px;
    width: 100%;
}

.pricing-system__tag {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: var(--primary-background);
    border: 1px solid var(--primary-divider);
    border-radius: 16px;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-text-2);
}

.pricing-system__tag img {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.product-slider {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.product-slider__heads {
    position: relative;
    width: 100%;
}

.product-slider__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    text-align: center;
}

.product-slider__head[hidden] {
    display: none;
}

.product-slider__title {
    width: 100%;
    max-width: 100%;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
    text-align: center;
}

.product-slider__text {
    width: 100%;
    max-width: 702px;
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-align: center;
}

.product-slider__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 8px;
    align-items: start;
    width: 100%;
}

.product-slider__carousel {
    min-width: 0;
    width: 100%;
    overflow: hidden;
}

.product-slider__panels {
    min-width: 0;
    align-items: stretch;
}

.product-slider__panel {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
}

.product-slider__shell {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.product-slider__content {
    display: contents;
}

.product-slider__topic {
    display: none;
}

.product-slider__media {
    order: -1;
    width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    min-width: 0;
    margin-left: 30px;
    overflow: hidden;
    border-radius: 16px;
}

.product-slider__media picture {
    display: block;
    width: 100%;
    max-width: 100%;
}

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

.product-slider__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 300px));
    gap: 4px;
    width: 100%;
    max-width: 100%;
    margin-top: -38px;
    position: relative;
    z-index: 1;
}

.product-slider__card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-height: 68px;
    padding: 16px;
    border-radius: 16px;
    background: var(--primary-primary);
    color: #fff;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
}

.product-slider__card img {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

.product-slider__pagination {
    display: none;
}

.product-slider__nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 300px;
    min-height: 450px;
    padding: 8px;
    border-radius: 24px;
    background: var(--primary-primary);
    box-shadow: 0 4px 100px rgba(0, 0, 0, 0.1);
}

.product-slider__tabs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.product-slider__tab {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 70px;
    padding: 8px 16px;
    border: none;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease;
}

.product-slider__tab.is-active {
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 16px;
    background: #fff;
    color: var(--primary-text-2);
}

.product-slider__tab.is-active::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 8px;
    height: 2px;
    border-radius: 22px;
    background: var(--primary-divider);
}

.product-slider__tab.is-active::before {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 8px;
    z-index: 1;
    width: calc(100% - 32px);
    height: 2px;
    border-radius: 22px;
    background: var(--primary-primary);
    transform: scaleX(0);
    transform-origin: left center;
}

.product-slider__tab.is-active.is-progressing::before {
    animation: product-slider-progress 5s linear forwards;
}

@keyframes product-slider-progress {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

.product-slider__tab-num {
    flex-shrink: 0;
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-divider);
}

.product-slider__tab.is-active .product-slider__tab-num {
    color: var(--primary-primary);
}

.product-slider__tab-label {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.125;
}

.product-slider__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    padding: 16px 20px;
    border-radius: 32px;
    background: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: opacity .3s ease;
}

.product-slider__cta:hover {
    background-color: #303030;
}

.product-slider__cta.product-slider__cta--mobile {
    display: none;
}

.capabilities {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.capabilities__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.capabilities__title-accent {
    color: var(--primary-primary);
}

.capabilities__title-mobile {
    display: none;
}

.capabilities__lead {
    margin: 0;
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.capabilities__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.capabilities__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 220px;
    padding: 16px;
    border-radius: 24px;
    background: var(--primary-grey-60);
}

.capabilities__card-head {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.capabilities__icon {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.capabilities__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.capabilities__card-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.strategies {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.strategies__tabs {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 20px;
    background: var(--opacity-white-50);
    border-radius: 24px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.strategies__tabs-row {
    display: contents;
}

.strategies__tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 20px 12px;
    border: 1px solid #fff;
    border-radius: 16px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.strategies__tab[data-strategies-tab="0"] {
    flex: 1.35 1 0;
}

.strategies__tab-mobile {
    display: none;
}

.strategies__tab.is-active {
    background: var(--primary-text-2);
    border-color: transparent;
    color: #fff;
}

.strategies__panel {
    width: 100%;
}

.strategies__panel[hidden] {
    display: none;
}

.strategies__panel-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 64px;
    min-height: 450px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    overflow: hidden;
}

.strategies__panel-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
}

.strategies__head {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.strategies__title {
    flex: 1 1 0;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #fff;
}

.strategies__aside {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1 1 0;
    min-width: 0;
}

.strategies__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.strategies__text strong {
    font-weight: 600;
    color: var(--primary-secondary);
}

.strategies__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.strategies__link:hover {
    opacity: .7;
}

.strategies__link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.strategies__chips {
    display: block;
    width: 100%;
}

.strategies__chips img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .strategies__chips--bottom {
        margin-bottom: -32px;
    }

    .strategies__chips--left {
        width: auto;
        max-width: calc(100% + 32px);
        margin-left: -32px;
        align-self: flex-start;
    }

    .strategies__chips--left img {
        width: auto;
        max-width: 100%;
    }

    .strategies__chips--left-bottom {
        width: auto;
        max-width: calc(100% + 32px);
        margin-left: -32px;
        margin-bottom: -32px;
        align-self: flex-start;
    }

    .strategies__chips--left-bottom img {
        width: auto;
        max-width: 100%;
    }

    .strategies__chips--right {
        width: auto;
        max-width: calc(100% + 32px);
        margin-right: -32px;
        margin-left: auto;
        align-self: flex-end;
    }

    .strategies__chips--right img {
        width: auto;
        max-width: 100%;
    }
}

.experts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.experts__intro {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 28px;
}

.experts__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.experts__title-accent {
    color: var(--primary-primary);
}

.experts__lead {
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.experts__row--pair {
    display: grid;
    grid-template-columns: 650px 1fr;
    gap: 20px;
    align-items: stretch;
}

.experts-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
    border-radius: 32px;
    overflow: hidden;
}

.experts-card--speed {
    justify-content: flex-start;
    min-height: 400px;
    background: var(--primary-primary);
}

.experts-card--speed .experts-card__text {
    position: relative;
    z-index: 1;
}

.experts-card__bg {
    position: absolute;
    bottom: 0;
    height: auto;
    pointer-events: none;
    z-index: 0;
}

.experts-card__bg--desktop {
    right: 0;
    left: auto;
    width: auto;
    max-width: 100%;
}

.experts-card__bg--mobile {
    display: none;
}

.experts-card--rules {
    min-height: 400px;
    backdrop-filter: blur(32px);
    background: var(--primary-grey-60);
}

.experts-card--team {
    display: grid;
    grid-template-columns: minmax(280px, 520px) 1fr;
    align-items: stretch;
    gap: 32px;
    min-height: 300px;
    padding: 32px 0 32px 32px;
    backdrop-filter: blur(32px);
    background: var(--primary-grey-60);
}

.experts-card--workspace {
    gap: 32px;
    background: var(--primary-primary);
}

.experts-card__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 580px;
}

.experts-card__text--team {
    align-self: start;
    max-width: 480px;
    padding-right: 0;
}

.experts-card__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.experts-card__title--light {
    color: #fff;
}
 
.experts-card__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.experts-card__desc--light {
    color: #fff;
}

.experts-card__desc strong {
    font-weight: 600;
}

.experts-card__visual {
    width: 100%;
}

.experts-card__visual--team {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    align-self: stretch;
    height: calc(100% + 64px);
    margin-top: -32px;
    margin-bottom: -32px;
}

.experts-card__img {
    display: block;
    width: 100%;
    height: auto;
}

.experts-card__img--team {
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: contain;
    object-position: center right;
}

.experts-card__img--team-mobile {
    display: none;
}

.experts-tags {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.experts-tags__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 10px 20px;
    background: var(--opacity-white-10);
    border: 1px solid var(--opacity-white-10);
    border-radius: 16px;
}

.experts-tags__item:nth-child(-n+4) {
    grid-column: span 3;
} 

.experts-tags__item:nth-child(n+5) {
    grid-column: span 4;
}

.experts-tags__icon {
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

.experts-tags__text {
    font-family: var(--second-family);
font-weight: 500;
font-size: 20px;
line-height: 110%;
letter-spacing: -0.04em;
color: var(--opacity-white-100);
}

.work-convenient {
    display: flex;
    align-items: center;
    gap: 64px;
    width: 100%;
}

.work-convenient__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 24px;
    flex: 0 1 650px;
    max-width: 650px;
}

.work-convenient__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.work-convenient__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.work-convenient__text strong {
    font-weight: 700;
}

.work-convenient__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.work-convenient__link:hover {
    opacity: .7;
}

.work-convenient__link img {
    display: block;
    width: 24px;
    height: 24px;
}

.work-convenient__visual {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.work-convenient__img {
    display: block;
    width: 100%;
    max-width: 585px;
    height: auto;
}

.work-convenient__visual .is-hidden {
    display: none !important;
}

.integrations-orbit {
    --orbit-size: 440px;
    --orbit-radius: 170px;
    --orbit-item: 100px;
    --orbit-center: 150px;
    --orbit-spin: 36s;
    width: 100%;
    max-width: 533px;
    margin: 0 auto;
}

.integrations-orbit__viewport {
    position: relative;
    width: 100%;
    aspect-ratio: 533 / 440;
    max-height: var(--orbit-size);
}

.integrations-orbit__ring {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    animation: integrations-orbit-spin var(--orbit-spin) linear infinite;
}

.integrations-orbit__item {
    --count: 8;
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--orbit-item);
    height: var(--orbit-item);
    margin: calc(var(--orbit-item) / -2) 0 0 calc(var(--orbit-item) / -2);
    transform: rotate(calc(360deg / var(--count) * var(--i, 0))) translateY(calc(-1 * var(--orbit-radius)));
    transition: transform .55s ease, opacity .35s ease;
}

.integrations-orbit__item.is-active {
    opacity: 0;
    pointer-events: none;
    transform: rotate(0deg) translateY(0) scale(0.5);
    transition: opacity .25s ease, transform .25s ease;
}

.integrations-orbit__face {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    filter: blur(6px);
    animation: integrations-orbit-counter var(--orbit-spin) linear infinite;
    transform-origin: center center;
}

.integrations-orbit__face img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.integrations-orbit__center {
    position: absolute;
    left: 50%;
    top: 50%;
    width: var(--orbit-center);
    height: var(--orbit-center);
    margin: calc(var(--orbit-center) / -2) 0 0 calc(var(--orbit-center) / -2);
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    transition: opacity .35s ease, transform .35s ease;
}

.integrations-orbit__center.is-switching {
    opacity: 0;
    transform: scale(0.92);
}

.integrations-orbit__center img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

@keyframes integrations-orbit-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes integrations-orbit-counter {
    from {
        transform: rotate(calc(-360deg / var(--count) * var(--i, 0)));
    }
    to {
        transform: rotate(calc(-360deg / var(--count) * var(--i, 0) - 360deg));
    }
}

@media (prefers-reduced-motion: reduce) {
    .integrations-orbit__ring,
    .integrations-orbit__face {
        animation: none;
    }
}

.tariffs__title {
    width: 100%;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.tariffs__slider {
    width: 100%;
    overflow: hidden;
}

.tariffs__slider .swiper-wrapper {
    align-items: stretch;
}

.tariffs__slider .swiper-slide {
    height: auto;
}

.tariffs__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 48px;
    height: 100%;
    padding: 32px;
    background: var(--primary-gray-30);
    border: 1px solid var(--primary-divider);
    border-radius: 24px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.tariffs__card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 32px;
}

.tariffs__card-name {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.tariffs__card-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-2);
}

.tariffs__features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tariffs__feature {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.tariffs__feature img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.tariffs__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.tariffs__card-link:hover {
    opacity: .7;
}

.tariffs__card-link img {
    display: block;
    width: 24px;
    height: 24px;
}

.tariffs__pagination {
    display: none;
    position: static;
    margin-top: 16px;
}

.tariffs__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: rgba(48, 48, 48, 0.1);
    border-radius: 20px;
    opacity: 1;
}

.tariffs__pagination .swiper-pagination-bullet-active {
    width: 24px;
    height: 8px;
    background: var(--primary-primary);
    border-radius: 20px;
}

.tariffs__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
    background-color: var(--primary-text-2);
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-decoration: none;
    transition: background-color .3s ease;
}

.tariffs__cta:hover {
    background-color: #303030;
}

.section--ready-prices {
    overflow: visible;
}

.ready-prices {
    width: 100%;
}

.ready-prices__card {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    overflow: hidden;
}

.ready-prices__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: right center;
    pointer-events: none;
    z-index: 0;  
}

.ready-prices__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 520px;
}

.ready-prices__content--wide {
    max-width: 650px;
}

.ready-prices__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ready-prices__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
}

.ready-prices__subtitle {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.ready-prices__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 20px 40px;
    background: var(--primary-text-2);
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.ready-prices__btn:hover {
    background-color: #303030;
}

.data-security {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.data-security__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 60px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.data-security__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
}

.data-security__card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 200px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.data-security__icon {
    display: block;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.data-security__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
}

.how-it-works-team {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.how-it-works-team__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 656px;
}

.how-it-works-team__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 60px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.how-it-works-team__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    color: var(--primary-text-2);
}

.how-it-works-team__visual {
    flex: 1 1 0;
    min-width: 0;
    max-width: 656px;
}

.how-it-works-team__image {
    display: block;
    width: 100%;
    height: auto;
}

.hiw-process {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 100%;
}

.hiw-process__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.hiw-process__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
}

.hiw-process__title {
    margin: 0;
    max-width: 1149px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

.hiw-process__title-mobile {
    display: none;
}

.hiw-process__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.hiw-process__steps {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.hiw-process__card {
    display: flex;
    gap: 24px;
    width: 100%;
    padding: 32px;
    background: rgba(241, 241, 241, 0.6);
    border-radius: 24px;
}

.hiw-process__card--step1 {
    gap: 8px;
    align-items: flex-start;
}

.hiw-process__card--step5 {
    justify-content: space-between;
    align-items: flex-start;
}

.hiw-process__card--half {
    flex-direction: column;
    gap: 20px;
    flex: 1 1 0;
    min-width: 0;
}

.hiw-process__card--step4 {
    align-items: flex-start;
    gap: 24px;
}

.hiw-process__row {
    display: flex;
    gap: 8px;
    width: 100%;
}

.hiw-process__card-body {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex: 1 1 0;
    min-width: 0;
    max-width: 694px;
}

.hiw-process__card--step5 .hiw-process__card-body {
    max-width: 650px;
}

.hiw-process__card-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.hiw-process__card--step4 .hiw-process__card-text {
    flex: 1 1 0;
    max-width: 650px;
}

.hiw-process__heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.hiw-process__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 32px;
    background: var(--primary-primary);
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.hiw-process__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.hiw-process__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.hiw-process__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.hiw-process__link:hover {
    opacity: .7;
}

.hiw-process__link img {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.hiw-process__benefits {
    position: relative;
    width: 453px;
    max-width: 100%;
    height: 130px;
}

.hiw-process__benefit {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 49.67%;
    padding: 18px;
    background: #fff;
    border-radius: 17px;
    box-shadow: 0 4px 59px rgba(0, 0, 0, 0.08);
}

.hiw-process__benefit:last-child {
    top: 24px;
    left: 43.05%;
    z-index: 1;
    transform: rotate(-5deg);
}

.hiw-process__benefit-title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    color: var(--primary-primary);
}

.hiw-process__benefit-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.hiw-process__card-visual {
    position: relative;
    flex-shrink: 0;
    width: 554px;
    max-width: 45%;
    height: 320px;
    overflow: hidden;
    border-radius: 24px;
}

.hiw-process__card-visual picture,
.hiw-process__card-picture,
.hiw-process__card-video {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.hiw-process__card-visual .is-hidden,
.hiw-process__card-picture.is-hidden,
.hiw-process__card-video.is-hidden {
    display: none !important;
}

.hiw-process__card--step5 .hiw-process__card-visual {
    width: 555px;
}

.hiw-process__card-image,
.hiw-process__card-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}

.hiw-process__card-video {
    background: #000;
    border: 0;
    pointer-events: none;
}

.hiw-process__chips {
    flex-shrink: 0;
    width: 582px;
    max-width: 44%;
    margin-left: auto;
}

.hiw-process__chips-image {
    display: block;
    width: 100%;
    height: auto;
}

.hiw-process__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
    background: var(--primary-text-2);
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.hiw-process__cta:hover {
    background-color: #303030;
}

.databases-intro {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
}

.databases-intro__hero {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.databases-intro__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    background: #ffffff4d;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
}

.databases-intro__title {
    margin: 0;
    max-width: 1320px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

.databases-intro__title-accent {
    color: var(--primary-primary);
}

.databases-intro__title-mobile {
    display: none;
}

.databases-intro__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.databases-intro__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
    border-radius: 32px;
    background-color: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: background-color .3s ease;
}

.databases-intro__cta:hover {
    background-color: #303030;
}

.databases-intro__cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    overflow: visible;
}

.databases-intro__card {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
    height: 340px;
    min-height: 340px;
    padding: 32px;
    background: #f1f1f199;
    border-radius: 24px;
}

.databases-intro__card--visual {
    overflow: visible;
    position: relative;
    z-index: 1;
}

.databases-intro__card--visual .databases-intro__card-content {
    position: relative;
    z-index: 1;
}

.databases-intro__card--visual + .databases-intro__card {
    position: relative;
    z-index: 2;
}

.databases-intro__card-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    max-width: 650px;
}

.databases-intro__heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.databases-intro__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 32px;
    background: var(--primary-primary);
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.databases-intro__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.databases-intro__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.databases-intro__visual {
    position: absolute;
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
    width: 56.25%;
    max-width: 630px;
    margin: 0;
    pointer-events: none;

}

.databases-intro__visual-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.databases-intro__features {
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.databases-intro__feature {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 1 0;
    min-width: 0;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 60px rgba(79, 79, 79, 0.1);
}

.databases-intro__feature-icon {
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}

.databases-intro__feature-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.databases-team {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.databases-team__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.databases-team__title {
    margin: 0;
    max-width: 1320px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: #4f4f4f;
}

.databases-team__title-accent {
    color: var(--primary-primary);
}

.databases-team__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.databases-team__workspace {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.databases-team__tabs {
    display: flex;
    align-items: stretch;
    gap: 8px;
    padding: 20px;
    background: #ffffff80;
    border-radius: 24px;
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

.databases-team__tabs-row {
    display: contents;
}

.databases-team__tab {
    flex: 1 1 0;
    min-width: 0;
    padding: 20px 30px;
    border: 1px solid #fff;
    border-radius: 16px;
    background: #fff;
    appearance: none;
    -webkit-appearance: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease;
}

.databases-team__tab.is-active {
    background: var(--primary-text-2);
    border-color: transparent;
    color: #fff;
}

.databases-team__panels {
    width: 100%;
}

.databases-team__panel {
    width: 100%;
}

.databases-team__panel[hidden] {
    display: none;
}

.databases-team__panel-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
}

.databases-team__panel picture {
    display: block;
    width: 100%;
}

.databases-cta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.databases-cta__cards {
    display: flex;
    gap: 8px;
    width: 100%;
}

.databases-cta__card {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    min-width: 0;
    min-height: 216px;
    padding: 32px;
    background: #f1f1f14d;
    border-radius: 14px;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.databases-cta__card-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.databases-cta__card-title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
}

.databases-cta__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
}

.databases-cta__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
    text-decoration: none;
    transition: opacity .3s ease;
}

.databases-cta__card-link:hover {
    opacity: .7;
}

.databases-cta__card-link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.databases-cta__banner {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 224px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 14px;
    overflow: hidden;
}

.databases-cta__banner-visual {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    height: 100%;
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: right center;
    pointer-events: none;
    z-index: 0;
}

.databases-cta__banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 650px;
}

.databases-cta__banner-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
}

.databases-cta__banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 20px 40px;
    background: #4f4f4f;
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.databases-cta__banner-btn:hover {
    background-color: #303030;
}

.strategies-rules {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.strategies-rules__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.strategies-rules__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 8px 16px;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    background: #ffffff4d;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
}

.strategies-rules__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: #4f4f4f;
}

.strategies-rules__title-mobile {
    display: none;
}

.strategies-rules__title-accent {
    color: var(--primary-primary);
}

.strategies-rules__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
}

.strategies-rules__body {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.strategies-rules__visual {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: var(--primary-primary);
}

.strategies-rules__visual picture {
    display: block;
    width: 100%;
}

.strategies-rules__visual-img {
    display: block;
    width: 100%;
    height: auto;
}

.strategies-rules__grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.strategies-rules__steps,
.strategies-rules__cards {
    display: flex;
    gap: 8px;
    width: 100%;
}

.strategies-rules__step {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
    min-height: 230px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    overflow: hidden;
}

.strategies-rules__step-heading {
    display: flex;
    align-items: center;
    gap: 16px;
}

.strategies-rules__step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    background: #ffa515;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.strategies-rules__step-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.strategies-rules__step-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: -32px;
}

.strategies-rules__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 2px;
    margin-top: auto;
}

.strategies-rules__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 23px;
    background: #f1f1f14d;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #f1f1f1;
}

.strategies-rules__card {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 32px;
    min-width: 0;
    min-height: 308px;
    padding: 32px;
    background: #f1f1f199;
    border-radius: 24px;
}

.strategies-rules__card-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.strategies-rules__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-rules__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-rules__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
    text-decoration: none;
    transition: opacity .3s ease;
}

.strategies-rules__card-link:hover {
    opacity: .7;
}

.strategies-rules__card-link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.strategies-rules__card-link-mobile {
    display: none;
}

.strategies-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 408px;
    overflow: visible;
}

.strategies-hero__main {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    max-width: 680px;
}

.strategies-hero__text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.strategies-hero__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

.strategies-hero__title-accent {
    color: var(--primary-primary);
}

.strategies-hero__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.strategies-hero__lead strong {
    font-weight: 600;
    color: var(--primary-primary);
}

.strategies-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px 40px;
    border-radius: 32px;
    background-color: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    transition: background-color .3s ease;
}

.strategies-hero__cta:hover {
    background-color: #303030;
}

.strategies-hero__visual {
    pointer-events: none;
}

.strategies-hero__visual--desktop {
    position: absolute;
    top: 0px;
    left: 816px;
    width: 564px;
}

.strategies-hero__visual--mobile {
    display: none;
}

.strategies-hero__img {
    display: block;
    width: 100%;
    height: auto;
}

.articles-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    width: 100%;
}

.articles-list__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

.articles-list__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-1);
}

.articles-list__title-accent {
    color: var(--primary-primary);
}

.articles-list__lead {
    margin: 0;
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.articles-list__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    width: 100%;
}

.articles-list__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 10px 20px;
    border: 1px solid var(--opacity-black-50);
    border-radius: 20px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    white-space: nowrap;
    cursor: pointer;
    transition: background .3s ease, border-color .3s ease, color .3s ease;
}

.articles-list__tag--mobile {
    display: none;
}

.articles-list__tag.is-active {
    border-color: transparent;
    color: #fff;
}

.articles-list__tag--all.is-active,
.articles-list__tag--instructions.is-active,
.articles-list__tag--news.is-active {
    background: var(--primary-primary);
}

.articles-list__tag--capabilities.is-active {
    background: #47a77a;
}

.articles-list__tag--expertise.is-active {
    background: var(--primary-secondary);
}

.articles-list__tag--strategies.is-active {
    background: var(--primary-accent);
}

.articles-list__tag:hover:not(.is-active) {
    background: var(--opacity-black-10);
}

.articles-list__cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.articles-list__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    width: 100%;
}

.articles-list__pagination {
    display: none;
}

.articles-list__card {
    display: flex;
    flex-direction: column;
    min-height: 382px;
    background: #f1f1f1;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: opacity .3s ease;
}

.articles-list__card:hover {
    opacity: .9;
}

.articles-list__cover {
    display: block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    flex-shrink: 0;
}

.articles-list__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    flex: 1 1 auto;
    padding: 16px;
}

.articles-list__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.articles-list__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 8px 16px;
    background: var(--primary-primary);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
}

.articles-list__chip--instructions {
    background: var(--primary-primary);
}

.articles-list__chip--capabilities {
    background: #47a77a;
}

.articles-list__chip--expertise {
    background: var(--primary-secondary);
}

.articles-list__chip--strategies {
    background: var(--primary-accent);
}

.articles-list__chip--news {
    background: var(--primary-primary);
}

.articles-list__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.articles-list__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.articles-list__excerpt {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.articles-list__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: rgba(48, 48, 48, 0.3);
}

.articles-list__more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    padding: 20px 40px;
    border: 0;
    border-radius: 32px;
    background: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s ease;
}

.articles-list__more[hidden] {
    display: none;
}

.articles-list__more:hover {
    background-color: #303030;
}

.articles-subscribe {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 32px;
    background: var(--primary-divider);
    border-radius: 24px;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.articles-subscribe__top {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 20px;
    align-items: start;
}

.articles-subscribe__icon {
    grid-column: 1;
    grid-row: 1;
    width: 48px;
    height: 48px;
}

.articles-subscribe__title {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.articles-subscribe__lead {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.articles-subscribe__form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.articles-subscribe__input {
    flex: 1 1 auto;
    min-width: 0;
    height: 50px;
    padding: 16px;
    border: 1px solid var(--opacity-black-50);
    border-radius: 8px;
    background: var(--primary-divider);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    outline: none;
    transition: border-color .2s ease;
}

.articles-subscribe__input.is-error {
    border-color: #ff2c55;
}

.articles-subscribe__input::placeholder {
    color: var(--opacity-black-50);
}

.articles-subscribe__input:focus {
    border-color: var(--primary-text-1);
}

.articles-subscribe__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 20px 40px;
    border: 0;
    border-radius: 32px;
    background: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s ease;
}

.articles-subscribe__submit:hover {
    background-color: #303030;
}

.articles-subscribe__submit:disabled {
    opacity: .6;
    cursor: wait;
}

.articles-subscribe__message {
    flex: 1 1 100%;
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    color: var(--primary-text-2);
}

.articles-subscribe__message.is-success {
    color: #47a77a;
}

.articles-subscribe__message.is-error {
    color: #ff2c55;
}

.message-popup__dialog {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.message-popup__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: var(--primary-text-2);
}

.article-content {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
    max-width: 910px;
    margin: 0 auto;
}

.article-content__hero {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.article-content__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.article-content__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.article-content__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 23px;
    background: var(--primary-primary);
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
}

.article-content__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--opacity-black-50);
}

.article-content__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-content__author {
    display: flex;
    align-items: center;
    gap: 16px;
}

.article-content__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.article-content__author-name {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.article-content__cover {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    background: var(--primary-divider);
}

.article-content__cover img {
    display: block;
    width: 100%;
    height: auto;
}

.article-content__toc {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.article-content__toc-title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.article-content__toc-title-mobile {
    display: none;
}

.article-content__toc-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-content__toc-list li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.article-content__toc-list li::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-top: 7px;
    border-radius: 50%;
    background: var(--primary-primary);
    flex-shrink: 0;
}

.article-content__toc-list a {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-primary);
    text-decoration: none;
    transition: opacity .3s ease;
}

.article-content__toc-list a:hover {
    opacity: .75;
}

.article-content__toc:has(.article-content__toc-list:empty) {
    display: none;
}

.article-content__callout {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 24px;
    border-radius: 24px;
    background: var(--primary-primary);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.article-content__callout-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.article-content__callout-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.article-content__callout-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    color: #fff;
}

.article-content__callout-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}

.article-content__callout-text a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.article-content__quote {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    margin: 0;
    padding: 32px;
    border-radius: 16px;
    background: var(--primary-primary);
}

.article-content__quote-icon {
    display: block;
    width: 28px;
    height: 21px;
    flex-shrink: 0;
}

.article-content__quote-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}

.article-content__quote-author {
    display: flex;
    align-items: center;
    gap: 16px;
}

.article-content__quote-avatar {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.article-content__quote-name {
    font-family: var(--second-family);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.article-content__section {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.article-content__h2,
.article-content__section > h2 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-content__h3,
.article-content__section > h3 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-content__section > h4 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-content__p,
.article-content__section > p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-text-2);
}

.article-content__p a,
.article-content__tip-text a,
.article-content__section a {
    color: var(--primary-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.article-content__list,
.article-content__section > ul,
.article-content__section > ol {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0 0 0 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-text-2);
}

.article-content__list--ordered,
.article-content__section > ol {
    list-style: decimal;
}

.article-content__section > ul {
    list-style: disc;
}

.article-content__note {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 0 0 0 24px;
    border-left: 2px solid var(--primary-primary);
}

.article-content__tip {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 32px;
    border-radius: 16px;
    background: rgba(241, 241, 241, 0.6);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.article-content__tip-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-content__tip-text,
.article-content__tip-footer {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-text-2);
}

.article-content__section > img,
.article-content__section p > img,
.article-content__section > p > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
}

.article-content__callout-text p,
.article-content__tip-text p {
    margin: 0;
    color: inherit;
    font: inherit;
}

.article-content__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
}

.article-content__stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: center;
    min-height: 152px;
    padding: 24px;
    border-radius: 24px;
    background: var(--primary-primary);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.article-content__stat-value {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1.1;
    color: #fff;
}

.article-content__stat-label {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.article-content__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid var(--primary-divider);
}

.article-content__actions-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-content__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid rgba(48, 48, 48, 0.1);
    border-radius: 32px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-decoration: none;
    cursor: pointer;
    transition: background .3s ease, opacity .3s ease;
}

.article-content__action--copy,
.article-content__action--like {
    border-radius: 20px;
}

.article-content__action--like.is-active {
    background: var(--opacity-black-10);
}

.article-content__action:hover {
    background: var(--opacity-black-10);
}

.article-content__action img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.article-related {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 910px;
    margin: 0 auto;
}

.article-related__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 64px;
    width: 100%;
}

.article-related__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.article-related__all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
    text-decoration: none;
    transition: opacity .3s ease;
}

.article-related__all:hover {
    opacity: .7;
}

.article-related__all img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.article-related__all--mobile {
    display: none;
}

.article-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    width: 100%;
}

.article-related__card {
    display: flex;
    flex-direction: column;
    min-height: 400px;
    background: #f1f1f1;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    transition: opacity .3s ease;
}

.article-related__card:hover {
    opacity: .9;
}

.article-related__cover {
    display: block;
    width: 100%;
    height: 149px;
    object-fit: cover;
    flex-shrink: 0;
}

.article-related__body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    flex: 1 1 auto;
    padding: 16px;
}

.article-related__main {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-related__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 8px 16px;
    background: var(--primary-primary);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
}

.article-related__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-related__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-related__excerpt {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.article-related__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: rgba(48, 48, 48, 0.3);
}

.strategies-approaches {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.strategies-approaches__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: #4f4f4f;
}

.strategies-approaches__cards {
    display: flex;
    gap: 8px;
    width: 100%;
}

.strategies-approaches__card {
    position: relative;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
    height: 400px;
    padding: 32px;
    border-radius: 24px;
    overflow: hidden;
}

.strategies-approaches__card--strategies {
    background: var(--primary-primary);
}

.strategies-approaches__card--zones {
    background: #f1f1f199;
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
}

.strategies-approaches__card-text {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
}

.strategies-approaches__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
}

.strategies-approaches__card--strategies .strategies-approaches__card-title,
.strategies-approaches__card--strategies .strategies-approaches__card-desc {
    color: #fff;
}

.strategies-approaches__card--zones .strategies-approaches__card-title,
.strategies-approaches__card--zones .strategies-approaches__card-desc {
    color: #303030;
}

.strategies-approaches__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
}

.strategies-approaches__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
    text-decoration: none;
    transition: opacity .3s ease;
}

.strategies-approaches__card-link--light {
    color: #fff;
}

.strategies-approaches__card-link:hover {
    opacity: .7;
}

.strategies-approaches__card-link img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.strategies-approaches__card-link-mobile {
    display: none;
}

.strategies-approaches__card-visual {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 235px;
    overflow: hidden;
    pointer-events: none;
}

.strategies-approaches__card-visual--zones {
    left: 32px;
    right: 32px;
    height: 211px;
}

.strategies-approaches__card-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right bottom;
}

.strategies-approaches__card-img--zones {
    
    object-fit: contain;
    object-position: center bottom;
}

.strategies-benefits {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.strategies-benefits__title {
    margin: 0;
    max-width: 660px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: #4f4f4f;
}

.strategies-benefits__title-accent {
    color: var(--primary-primary);
}

.strategies-benefits__cards {
    display: flex;
    gap: 8px;
    width: 100%;
}

.strategies-benefits__card {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    height: 420px;
    padding: 32px;
    background: #f1f1f199;
    border-radius: 24px;
    overflow: hidden;
}

.strategies-benefits__card--price {
    position: relative;
    padding-bottom: 0;
}

.strategies-benefits__card--price .strategies-benefits__card-text {
    position: relative;
    z-index: 1;
}

.strategies-benefits__card-text {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-shrink: 0;
}

.strategies-benefits__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-benefits__card-desc {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-benefits__card-img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: auto;
}

.strategies-benefits__card picture {
    display: block;
    margin-top: auto;
}

.strategies-benefits__card-img--recalc {
    width: calc(100% + 12px);
    max-width: none;
    margin-left: -6px;
    margin-bottom: -32px;
}

.strategies-benefits__card-visual {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 250px;
    overflow: hidden;
    pointer-events: none;
}

.strategies-benefits__card-visual picture {
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

.strategies-benefits__card-img--price {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.strategies-create {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.strategies-create__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.strategies-create__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    padding: 8px 16px;
    border: 1px solid var(--primary-primary);
    border-radius: 23px;
    background: #ffffff4d;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: var(--primary-primary);
}

.strategies-create__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.strategies-create__title-accent {
    color: var(--primary-primary);
}

.strategies-create__title-mobile {
    display: none;
}

.strategies-create__lead {
    margin: 0;
    max-width: 659px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-create__steps {
    display: flex;
    gap: 8px;
    width: 100%;
}

.strategies-create__step {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
    height: 230px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 16px;
    overflow: hidden;
}

.strategies-create__step--calc {
    position: relative;
    padding-bottom: 0;
}

.strategies-create__step-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.strategies-create__step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 16px;
    background: #ffa515;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.strategies-create__step-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.strategies-create__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 2px;
    margin-top: auto;
}

.strategies-create__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 23px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.strategies-create__step-img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: auto;
}

.strategies-create__step-img--rules {
    width: 100%;
    height: 200px;
    margin-top: -32px;
    object-fit: contain;
    object-position: center bottom;
}

.strategies-create__step-visual {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 220px;
    overflow: hidden;
    pointer-events: none;
}

.strategies-create__step-visual picture {
    display: block;
    width: 100%;
    height: 100%;
}

.strategies-create__step-img--calc {
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
}

.strategies-features {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.strategies-features__content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-end;
    gap: 48px;
    min-width: 0;
}

.strategies-features__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.strategies-features__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: #4f4f4f;
}

.strategies-features__title-accent {
    color: var(--primary-primary);
}

.strategies-features__lead {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.strategies-features__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.strategies-features__item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 74px;
    padding: 10px 20px;
    background: #f1f1f199;
    border: 1px solid #fff;
    border-radius: 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
}

.strategies-features__item img {
    display: block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.strategies-features__banner {
    flex: 1 1 0;
    min-width: 0;
    border-radius: 24px;
    overflow: hidden;
    background: var(--primary-primary);
}

.strategies-features__banner picture {
    display: block;
    width: 100%;
    height: 100%;
}

.strategies-features__banner-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}

.help-links {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.help-links__title {
    max-width: 873px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.help-links__list {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.help-links__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    flex: 1 1 0;
    min-width: 0;
    min-height: 179px;
    padding: 16px;
    background: var(--primary-gray-30);
    border-radius: 16px;
    text-decoration: none;
    transition: background .3s ease;
}

.help-links__card:hover {
    background: rgba(86, 109, 214, 0.15);
}

.help-links__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.help-links__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background: var(--primary-primary);
    border-radius: 23px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.help-links__text {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.help-links__text--mobile {
    display: none;
}

.help-links__arrow {
    display: block;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.demo-form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 60px rgba(79, 79, 79, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.demo-form__title {
    max-width: 641px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.demo-form__form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.demo-form__fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.demo-form__row {
    display: flex;
    gap: 8px;
}

.demo-form__field {
    position: relative;
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    height: 68px;
    min-height: 68px;
    padding: 16px;
    background: var(--primary-divider);
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: text;
    transition: border-color .2s ease;
}

.demo-form__field:hover {
    border-color: #303030;
}

.demo-form__field:hover .demo-form__label {
    color: var(--primary-text-2);
}

.demo-form__field:focus-within {
    border-color: #303030;
}

.demo-form__field.is-error {
    border-color: #ff2c55;
}

.demo-form__field.is-error .demo-form__label {
    color: #ff2c55;
}

.demo-form__label {
    position: absolute;
    top: 23px;
    left: 16px;
    right: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--opacity-black-50);
    transition: top .2s ease, font-size .2s ease, line-height .2s ease, color .2s ease;
    pointer-events: none;
}

.demo-form__input {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    width: calc(100% - 32px);
    height: 22px;
    border: none;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-1);
    outline: none;
    opacity: 0;
    transition: opacity .2s ease;
}

.demo-form__input::placeholder {
    color: transparent;
}

.demo-form__field.is-active .demo-form__label {
    top: 16px;
    font-size: 12px;
    line-height: 1.1;
}

.demo-form__field.is-active .demo-form__input {
    opacity: 1;
}

.demo-form__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.demo-form__consents {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.demo-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.demo-form__checkbox {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--primary-primary);
    cursor: pointer;
}

.demo-form__consent-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--opacity-black-50);
}

.demo-form__consent-text a,
.demo-popup__consent-text a,
.support-ideas__consent-text a {
    color: inherit;
    text-decoration: underline;
}

.demo-form__consent.is-error .demo-form__consent-text,
.demo-popup__consent.is-error .demo-popup__consent-text,
.support-ideas__consent.is-error .support-ideas__consent-text {
    color: #ff2c55;
}

.demo-form__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    padding: 20px 40px;
    border: none;
    border-radius: 32px;
    background: var(--primary-text-1);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s ease;
}

.demo-form__submit:hover {
    background-color: #303030;
}

.demo-popup {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s ease;
}

.demo-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.demo-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(48, 48, 48, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
}

.demo-popup__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 32px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 8px 40px rgba(48, 48, 48, 0.12);
}

.demo-popup__form {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.demo-popup__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.demo-popup__title {
    margin: 0;
    max-width: 641px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.demo-popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    line-height: 0;
}

.demo-popup__close:hover {
    opacity: .7;
}

.demo-popup__bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.demo-popup__consents {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.demo-popup__consent {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    cursor: pointer;
}

.demo-popup__checkbox {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--primary-primary);
    cursor: pointer;
}

.demo-popup__consent-text {
    padding-top: 3.5px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--opacity-black-50);
}

body.is-demo-popup-open {
    overflow: hidden;
}

.support-ideas {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
    overflow: visible;
}
/*
.support-ideas__glow {
    position: absolute;
    top: 104px;
    right: -280px;
    width: 833px;
    height: 545px;
    border-radius: 50%;
    background:
        radial-gradient(ellipse 45% 55% at 25% 70%, rgba(86, 109, 214, 0.9) 0%, transparent 70%),
        radial-gradient(ellipse 40% 45% at 75% 75%, rgba(255, 165, 21, 0.85) 0%, transparent 70%),
        radial-gradient(ellipse 40% 50% at 60% 80%, rgba(0, 10, 255, 0.7) 0%, transparent 70%);
    filter: blur(123px);
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}*/

.support-ideas__intro {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
}

.support-ideas__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

.support-ideas__title-accent {
    display: block;
    color: var(--primary-primary);
}

.support-ideas__subtitle {
    margin: 0;
    max-width: 650px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.support-ideas__card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 32px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 60px rgba(79, 79, 79, 0.1);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.support-ideas__fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.support-ideas__row {
    display: flex;
    gap: 8px;
}

.support-ideas__message {
    position: relative;
    display: block;
    min-height: 70px;
    padding: 16px;
    background: var(--primary-divider);
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: text;
    transition: border-color .2s ease;
}

.support-ideas__message:hover {
    border-color: #303030;
}

.support-ideas__message:hover .support-ideas__message-label {
    color: var(--primary-text-2);
}

.support-ideas__message:focus-within {
    border-color: #303030;
}

.support-ideas__message.is-active {
    border-color: #303030;
}

.support-ideas__message.is-error {
    border-color: #ff2c55;
}

.support-ideas__message.is-error .support-ideas__message-label {
    color: #ff2c55;
}

.support-ideas__message-label {
    position: absolute;
    top: 24px;
    left: 16px;
    right: 48px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--opacity-black-50);
    transition: top .2s ease, font-size .2s ease, line-height .2s ease, color .2s ease;
    pointer-events: none;
}

.support-ideas__message-input {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: 0;
    padding-right: 40px;
    border: none;
    background: transparent;
    resize: vertical;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: var(--primary-text-1);
    outline: none;
    opacity: 0;
    transition: opacity .2s ease, margin-top .2s ease, min-height .2s ease;
}

.support-ideas__message-input::placeholder {
    color: transparent;
}

.support-ideas__message.is-active .support-ideas__message-label {
    top: 16px;
    font-size: 12px;
    line-height: 1.1;
}

.support-ideas__message.is-active .support-ideas__message-input {
    opacity: 1;
    margin-top: 16px;
    min-height: 20px;
}

.support-ideas__counter {
    position: absolute;
    right: 16px;
    bottom: 16px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-2);
    pointer-events: none;
}

.support-ideas__file {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    margin-top: 0;
    cursor: pointer;
}

.support-ideas__file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: var(--primary-divider);
    border-radius: 8px;
}

.support-ideas__file-icon img {
    display: block;
    width: 22px;
    height: 22px;
}

.support-ideas__file-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.support-ideas__file-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.support-ideas__file-hint {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--primary-text-1);
}

.support-ideas__file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.support-ideas__bottom {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.support-ideas__consents {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.support-ideas__consent {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    cursor: pointer;
}

.support-ideas__checkbox {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--primary-primary);
    cursor: pointer;
}

.support-ideas__consent-text {
    padding-top: 3.5px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--opacity-black-50);
}

.support-ideas__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 58px;
    padding: 20px 40px;
    border: none;
    border-radius: 32px;
    background: var(--primary-text-2);
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s ease;
}

.support-ideas__submit:hover {
    background-color: #303030;
}

.docs {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.docs__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    color: var(--primary-text-2);
}

.docs__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.docs__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    min-height: 216px;
    padding: 32px;
    background: var(--primary-primary);
    border-radius: 24px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    text-decoration: none;
    transition: opacity .3s ease;
}

.docs__card:hover {
    opacity: .92;
}

.docs__card-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.docs__card-head {
    display: flex;
    align-items: center;
    gap: 16px;
}

.docs__card-icon {
    display: block;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

.docs__card-title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
}

.docs__card-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.docs__card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
}

.docs__card-link-text {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.docs__card-link-text--mobile {
    display: none;
}

.docs__card-arrow {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.section-hero__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 72px;
    line-height: 1;
    color: var(--primary-text-2);
}

@media (max-width: 767px) {
    .main {
        padding-top: 0;
    }

    .page-sections {
        gap: 0;
        padding-bottom: 0;
    }

    .section {
        padding: 40px 0;
    }

    .section--work-convenient {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .product-slider {
        gap: 32px;
    }

    .product-slider__head {
        gap: 16px;
        align-items: center;
        text-align: center;
    }

    .product-slider__title {
        max-width: none;
        font-size: 30px;
        line-height: 1.1;
        text-align: center;
    }

    .product-slider__text {
        max-width: none;
        font-family: var(--second-family);
        font-size: 14px;
        line-height: 1;
        text-align: center;
    }

    .product-slider__body {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .product-slider__carousel {
        width: 100%;
        overflow: hidden;
    }

    .product-slider__panels {
        display: flex;
        align-items: stretch;
    }

    .product-slider__panel {
        display: flex;
        flex-direction: column;
        width: calc(100% - 8px);
        max-width: calc(100% - 8px);
        height: auto;
    }

    .product-slider__panel:not(.is-active) {
        display: flex;
    }

    .product-slider__shell {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 100%;
        gap: 8px;
        padding: 8px;
        border-radius: 24px;
        background: var(--primary-primary);
        box-sizing: border-box;
    }

    .product-slider__content {
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }

    .product-slider__topic {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
        padding: 8px 16px 16px;
        border-radius: 16px;
        background: #fff;
        position: relative;
    }

    .product-slider__topic::after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 8px;
        height: 2px;
        border-radius: 22px;
        background: var(--primary-divider);
    }

    .product-slider__topic::before {
        content: "";
        position: absolute;
        left: 16px;
        bottom: 8px;
        z-index: 1;
        width: calc(100% - 32px);
        height: 2px;
        border-radius: 22px;
        background: var(--primary-primary);
        transform: scaleX(0);
        transform-origin: left center;
    }

    .product-slider__panel.is-active .product-slider__topic.is-progressing::before {
        animation: product-slider-progress 5s linear forwards;
    }

    .product-slider__topic-row {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    .product-slider__topic-num {
        flex-shrink: 0;
        font-family: var(--second-family);
        font-weight: 500;
        font-size: 20px;
        line-height: 1.1;
        letter-spacing: -0.04em;
        color: var(--primary-primary);
    }

    .product-slider__topic-label {
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 16px;
        line-height: 1.125;
        color: var(--primary-text-2);
    }

    .product-slider__media {
        order: 0;
        width: 100%;
        max-width: 100%;
        margin-top: auto;
        margin-left: 0;
        overflow: hidden;
        border-radius: 12px;
    }

    .product-slider__cards {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        width: 100%;
        max-width: none;
        margin-top: 0;
        gap: 4px;
    }

    .product-slider__card {
        width: 100%;
        min-height: auto;
        background: var(--primary-primary);
    }

    .product-slider__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 8px;
    }

    .product-slider__pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
        background: var(--opacity-black-10);
        border-radius: 20px;
        opacity: 1;
    }

    .product-slider__pagination .swiper-pagination-bullet-active {
        width: 24px;
        height: 8px;
        background: var(--primary-primary);
        border-radius: 20px;
    }

    .product-slider__nav {
        display: none;
    }

    .product-slider__cta.product-slider__cta--mobile {
        display: inline-flex;
    }

    .section--databases-intro,
    .section--databases-team,
    .section--databases-cta,
    .section--strategies-hero,
    .section--strategies-approaches,
    .section--strategies-benefits,
    .section--strategies-create,
    .section--strategies-features,
    .section--strategies-rules,
    .section--strategies-cta,
    .section--articles-list,
    .section--articles-subscribe,
    .section--article-content,
    .section--article-related,
    .section--text-content {
        padding: 0;
    }

    .section--hero + .section--text-content {
        margin-top: 0;
    }

    .section--capabilities + .section--strategies {
        margin-top: 0;
    }

    .section-hero__title {
        font-size: 30px;
        line-height: 1.1;
    }

    .telegram-banner__card {
        flex-direction: column;
        align-items: center;
        gap: 64px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        overflow: hidden;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        box-shadow: 0 2px 16px rgba(183, 100, 255, 0.16);
    }

    .telegram-banner__decor {
        left: -118px;
        top: -2px;
        width: 548px;
    }

    .telegram-banner__chat {
        gap: 8px;
        width: 100%;
    }

    .telegram-banner__avatar {
        width: 57px;
        height: 57px;
    }

    .telegram-banner__bubbles {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }

    .telegram-banner__bubble-text {
        font-size: 16px;
    }

    .telegram-banner__bubble-time {
        font-size: 12px;
    }

    .telegram-banner__cta {
        flex-direction: column-reverse;
        align-items: center;
        gap: 16px;
    }

    .telegram-banner__handle {
        font-size: 16px;
    }

    .news-articles,
    .updates {
        gap: 32px;
    }

    .news-articles__head,
    .updates__head {
        gap: 0;
    }

    .news-articles__title,
    .updates__title {
        font-size: 24px;
        line-height: 1.1;
        color: var(--primary-text-1);
    }

    .news-articles__all--desktop,
    .updates__all--desktop {
        display: none;
    }

    .news-articles__all--mobile,
    .updates__all--mobile {
        display: inline-flex;
        align-self: flex-start;
    }

    .news-articles__pagination,
    .updates__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
    }

    .news-articles__pagination .swiper-pagination-bullet,
    .updates__pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 5px;
        background: rgba(48, 48, 48, 0.1);
        border-radius: 20px;
        opacity: 1;
    }

    .news-articles__pagination .swiper-pagination-bullet-active,
    .updates__pagination .swiper-pagination-bullet-active {
        width: 24px;
        height: 8px;
        background: var(--primary-primary);
        border-radius: 20px;
    }

    .news-articles__card,
    .updates__card {
        min-height: 382px;
        background: #f1f1f1;
        border-radius: 16px;
    }

    .contacts {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .made-in-russia {
        flex-direction: column;
        gap: 16px;
    }

    .made-in-russia__content {
        gap: 16px;
        max-width: none;
        width: 100%;
        flex: none;
    }

    .made-in-russia__title-wrap {
        display: block;
        width: 100%;
    }

    .made-in-russia__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .made-in-russia__tag {
        position: absolute;
        top: -28px;
        left: 155px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        background: #ffffff4d;
        border: 1px solid var(--primary-primary);
        border-radius: 23px;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
        color: var(--primary-primary);
        white-space: nowrap;
        transform: rotate(5deg); 
    }

    .made-in-russia__text {
        font-size: 18px;
    }

    .made-in-russia__text--desktop {
        display: none;
    }

    .made-in-russia__text--mobile {
        display: block;
    }

    .made-in-russia__visual {
        flex: none;
        max-width: none;
        width: 100%;
        border-radius: 16px;
    }

    .reputation {
        gap: 32px;
    }

    .reputation__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .reputation__title-desktop {
        display: none;
    }

    .reputation__title-mobile {
        display: block;
    }

    .reputation__cards {
        flex-direction: column;
        gap: 8px;
    }

    .reputation__card {
        flex: none;
        gap: 32px;
        width: 100%;
        min-height: 0;
        padding: 16px;
        background: #f1f1f1;
        border-radius: 16px;
    }

    .reputation__logo-pretium-desktop {
        display: none;
    }

    .reputation__logo-pretium-mobile {
        display: block;
    }

    .reputation__logo-metaprice {
        width: 125px;
    }

    .reputation__body {
        gap: 16px;
    }

    .reputation__card-title {
        font-size: 20px;
    }

    .reputation__card-text {
        font-size: 18px;
    }

    .reputation__link {
        align-self: flex-start;
        margin-top: 0;
    }

    .trust {
        gap: 32px;
    }

    .trust__intro {
        gap: 16px;
        max-width: none;
        width: 100%;
    }

    .trust__title-wrap {
        display: block;
        width: 100%;
    }

    .trust__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .trust__tag {
        top: -27px;
        left: 147px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
    }

    .trust__text {
        font-size: 18px;
    }

    .trust__break {
        display: none;
    }

    .trust__logos {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust__logo {
        border-radius: 8px;
    }

    .never-before {
        flex-direction: column;
        gap: 32px;
    }

    .never-before__content {
        gap: 16px;
        max-width: none;
        width: 100%;
        flex: none;
        justify-content: flex-start;
    }

    .never-before__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .never-before__body {
        gap: 16px;
    }

    .never-before__text {
        font-size: 18px;
        color: var(--primary-text-2);
    }

    .never-before__text--accent {
        font-weight: 500;
        color: var(--primary-primary);
    }

    .never-before__visual {
        max-width: none;
        width: 100%;
        flex: none;
        border-radius: 16px;
    }

    .amazing {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .amazing__content {
        gap: 16px;
        max-width: none;
        width: 100%;
        flex: none;
    }

    .amazing__title-wrap {
        display: block;
        width: 100%;
    }

    .amazing__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .amazing__tag {
        top: -26px;
        left: 180px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
    }

    .amazing__text {
        max-width: none;
        font-size: 18px;
    }

    .amazing__text-break {
        display: none;
    }

    .amazing__visual {
        flex: none;
        max-width: none;
        width: 100%;
    }

    .contacts__card {
        gap: 32px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }

    .contacts__title {
        font-size: 20px;
    }

    .contacts__support-main {
        gap: 32px;
    }

    .contacts__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        min-height: 0;
        padding: 8px 16px;
    }

    .contacts__card--support .contacts__row {
        padding: 16px;
    }

    .contacts__row-right {
        align-items: flex-start;
        text-align: left;
    }

    .contacts__label,
    .contacts__value {
        font-size: 18px;
    }

    .contacts__value-desktop {
        display: none;
    }

    .contacts__value-mobile {
        display: inline;
    }

    .contacts__note,
    .contacts__hint {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        white-space: normal;
    }

    .pricing-system {
        gap: 32px;
    }

    .pricing-system__brand {
        gap: 3.5px;
        margin-bottom: 0;
    }

    .pricing-system__logo-icon {
        width: 22px;
    }

    .pricing-system__logo-text {
        width: 137px;
    }

    .pricing-system__intro {
        gap: 16px;
    }

    .pricing-system__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .pricing-system__title-desktop,
    .pricing-system__stat-label-desktop {
        display: none;
    }

    .pricing-system__title-mobile,
    .pricing-system__stat-label-mobile {
        display: inline;
    }

    .pricing-system__text {
        max-width: none;
        font-size: 18px;
        line-height: 1.1;
    }

    .pricing-system__text strong {
        font-weight: 400;
    }

    .pricing-system__stats {
        flex-direction: column;
        gap: 32px;
        max-width: none;
    }

    .pricing-system__stat {
        max-width: none;
        gap: 8px;
    }

    .pricing-system__stat-value {
        font-size: 40px;
    }

    .pricing-system__stat-label {
        max-width: none;
        font-size: 18px;
    }

    .pricing-system__tags {
        max-width: none;
    }

    .pricing-system__tag {
        gap: 8px;
        padding: 8px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0;
    }

    .pricing-system__tag img {
        width: 24px;
        height: 24px;
    }

    .pricing-system__tag--clothes {
        order: 9;
    }

    .pricing-system__tag--auto {
        order: 10;
    }

    .pricing-system__tag--home {
        order: 11;
    }

    .capabilities {
        gap: 16px;
    }

    .capabilities__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .capabilities__title-desktop {
        display: none;
    }

    .capabilities__title-mobile {
        display: inline;
    }

    .capabilities__lead {
        max-width: none;
        font-size: 18px;
        line-height: 1.1;
    }

    .capabilities__list {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .capabilities__card {
        gap: 16px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }

    .capabilities__card-head {
        flex-direction: row;
        align-items: flex-start;
        gap: 16px;
    }

    .capabilities__card-title {
        flex: 1;
        min-width: 0;
    }

    .strategies__tabs {
        flex-direction: column;
        gap: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .strategies__tabs-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: var(--opacity-white-50);
        border-radius: 18px;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        box-shadow: 0 2px 16px rgba(183, 100, 255, 0.16);
    }

    .strategies__tab {
        flex: 1 1 0;
        padding: 8px 12px;
        border-radius: 16px;
        background: transparent;
        border-color: #fff;
        font-weight: 700;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: -0.025em;
    }

    .strategies__tab[data-strategies-tab="0"] {
        flex: 1 1 0;
    }

    .strategies__tab.is-active {
        background: var(--primary-text-2);
        border-color: transparent;
        color: #fff;
    }

    .strategies__tab-desktop {
        display: none;
    }

    .strategies__tab-mobile {
        display: inline;
    }

    .strategies__panel-inner {
        gap: 24px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        box-shadow: 0 2px 16px rgba(183, 100, 255, 0.16);
    }

    .strategies__panel-img {
        border-radius: 16px;
    }

    .strategies__head {
        flex-direction: column;
        gap: 16px;
    }

    .strategies__title {
        font-size: 20px;
        line-height: 1.1;
    }

    .strategies__aside {
        gap: 16px;
    }

    .strategies__text {
        font-size: 18px;
        line-height: 1.1;
    }


    .experts {
        gap: 16px;
    }

    .experts__intro {
        gap: 16px;
        margin-bottom: 8px;
    }

    .experts__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .experts__lead {
        font-size: 18px;
    }

    .experts__row--pair {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .experts-card {
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
        min-height: 0;
    }

    .experts-card--speed {
        height: 446px;
        min-height: 446px;
    }

    .experts-card--rules,
    .experts-card--team {
        min-height: 0;
    }

    .experts-card__bg--desktop {
        display: none;
    }

    .experts-card__bg--mobile {
        display: block;
        left: 0;
        right: 0;
        width: 100%;
    }

    .experts-card--team {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 16px;
        min-height: 0;
    }

    .experts-card__text--team {
        align-self: stretch;
    }

    .experts-card__visual--team {
        height: auto;
        margin: 0;
    } 

    .experts-card__img--team {
        height: auto;
        object-fit: contain;
        object-position: center;
    }

    .experts-card__img--team-desktop {
        display: none;
    }

    .experts-card__img--team-mobile {
        display: block;
    }

    .experts-card__text,
    .experts-card__text--team {
        max-width: none;
        gap: 12px;
    }

    .experts-card__title {
        font-size: 20px;
        line-height: 1.1;
    }

    .experts-card__desc {
        font-size: 18px;
    }

    .experts-card--workspace {
        gap: 16px;
    }

    .experts-tags {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
    }

    .experts-tags__item:nth-child(-n+4),
    .experts-tags__item:nth-child(n+5) {
        grid-column: auto;
    }

    .experts-tags__item {
        width: 100%;
        gap: 8px;
        padding: 16px;
        background: rgba(255, 255, 255, 0.1);
        border-color: transparent;
    }

    .experts-tags__text {
        font-size: 14px;
        line-height: 1.1;
        letter-spacing: 0;
        color: #fff;
    }

    .work-convenient {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .work-convenient__content {
        flex: none;
        max-width: none;
        width: 100%;
        gap: 16px;
    }

    .work-convenient__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .work-convenient__text {
        font-size: 18px;
        line-height: 1.1;
    }

    .work-convenient__text strong {
        font-weight: 500;
    }
 
    .work-convenient__link {
        display: none;
    }

    .work-convenient__visual {
        width: 100%;
    }

    .work-convenient__img {
        max-width: none;
    }

    .integrations-orbit {
        --orbit-size: 320px;
        --orbit-radius: 118px;
        --orbit-item: 72px;
        --orbit-center: 108px;
        max-width: 360px;
    }

    .tariffs-plans {
        gap: 32px;
        align-items: stretch;
    }

    .tariffs-plans__title {
        max-width: none;
        font-size: 30px;
        line-height: 1.1;
    }

    .tariffs-plans__subtitle {
        display: block;
    }

    .tariffs-plans__card {
        min-height: 640px;
    }

    .tariffs-plans__card-link {
        display: inline-flex;
    }

    .tariffs-plans__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tariffs-plans__cta {
        width: 100%;
    }

    .metacommerce-banner {
        flex-direction: column;
        align-items: stretch;
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    }

    .metacommerce-banner__content {
        display: contents;
        max-width: none;
    }

    .metacommerce-banner__text-block {
        order: 1;
        gap: 16px;
    }

    .metacommerce-banner__title {
        font-size: 20px;
    }

    .metacommerce-banner__title-desktop,
    .metacommerce-banner__text-desktop {
        display: none;
    }

    .metacommerce-banner__title-mobile,
    .metacommerce-banner__text-mobile {
        display: inline;
    }

    .metacommerce-banner__text {
        font-size: 18px;
    }

    .metacommerce-banner__cards {
        order: 2;
        flex: none;
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .metacommerce-banner__logos {
        order: 3;
        width: 100%;
        max-width: 296px;
    }

    .tariffs-compare {
        gap: 32px;
    }

    .tariffs-compare__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .tariffs-compare__scroll {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tariffs-compare__table {
        width: 600px;
    }

    .tariffs-compare__head {
        display: flex;
        align-items: center;
        justify-content: stretch;
        padding: 16px;
    }

    .tariffs-compare__cell--head-label {
        display: none;
    }

    .tariffs-compare__head .tariffs-compare__values {
        width: 100%;
        grid-template-columns: repeat(4, 100px);
        justify-content: space-between;
    }

    .tariffs-compare__head .tariffs-compare__cell {
        width: 100px;
        font-size: 16px;
        letter-spacing: -0.005em;
    }

    .tariffs-compare__row {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        min-height: 0;
        padding: 0 16px 16px;
        border-bottom: 1px solid #f1f1f1;
    }

    .tariffs-compare__group .tariffs-compare__row:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .tariffs-compare__cell--label {
        font-size: 16px;
        width: 100%;
        max-width: 320px;
    }

    .tariffs-compare__values {
        width: 100%;
        grid-template-columns: repeat(4, 100px);
        justify-content: space-between;
    }

    .tariffs-compare__values .tariffs-compare__cell {
        width: 100px;
    }

    .tariffs-compare__category {
        font-size: 16px;
    }

    .tariffs {
        gap: 32px;
        align-items: stretch;
    }

    .tariffs__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .tariffs__card {
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    }

    .tariffs__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tariffs__cta {
        width: 100%;
    }

    .ready-prices__card {
        flex-direction: column;
        padding: 16px;
        gap: 32px;
        border-radius: 16px;
        box-shadow: 0 2px 16px 0 rgba(183, 101, 255, 0.16);
    }

    .ready-prices__bg {
        display: none;
    }

    .ready-prices__content {
        max-width: none;
        width: 100%;
    }

    .ready-prices__text {
        gap: 16px; 
    }

    .ready-prices__title {
        font-size: 20px;
        line-height: 1.1;
    }

    .ready-prices__subtitle {
        font-family: var(--second-family);
        font-weight: 600;
        font-size: 16px;
        line-height: 1.1;
    }

    .ready-prices__btn {
        align-self: stretch;
        width: 100%;
    }

    .data-security {
        gap: 32px;
    }

    .data-security__title {
        font-size: 24px;
    }

    .data-security__list {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .data-security__card {
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }

    .data-security__text {
        font-size: 18px;
        line-height: 1.1;
    }

    .how-it-works-team {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
    }

    .how-it-works-team__content {
        max-width: none;
        gap: 16px;
    }

    .how-it-works-team__title {
        font-size: 24px;
    }

    .how-it-works-team__text {
        font-size: 18px;
        line-height: 1.1;
    }

    .how-it-works-team__visual {
        max-width: none;
        width: 100%;
    }

    .hiw-process {
        gap: 32px;
        align-items: stretch;
    }

    .hiw-process__intro {
        gap: 16px;
    }

    .hiw-process__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .hiw-process__title-desktop {
        display: none;
    }

    .hiw-process__title-mobile {
        display: inline;
    }

    .hiw-process__lead {
        max-width: none;
        font-family: var(--second-family);
        font-size: 14px;
        line-height: 1;
    }

    .hiw-process__tag {
        font-size: 14px;
    }

    .hiw-process__card {
        flex-direction: column;
        gap: 32px;
        padding: 16px;
        border-radius: 16px;
    }

    .hiw-process__card--step1,
    .hiw-process__card--step5 {
        gap: 32px;
    }

    .hiw-process__card-body {
        gap: 32px;
        max-width: none;
    }

    .hiw-process__card--step5 .hiw-process__card-body {
        max-width: none;
    }

    .hiw-process__row {
        flex-direction: column;
    }

    .hiw-process__card--half {
        gap: 16px;
    }

    .hiw-process__card--step4 {
        flex-direction: column;
        gap: 32px;
    }

    .hiw-process__card-text {
        gap: 16px;
    }

    .hiw-process__num {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .hiw-process__card-title {
        font-family: var(--second-family);
        font-size: 20px;
        line-height: 1.1;
    }

    .hiw-process__card-desc {
        font-family: var(--font-family);
        font-size: 18px;
        line-height: 1.1;
        color: var(--primary-text-2);
    }

    .hiw-process__card--step1 .hiw-process__card-title,
    .hiw-process__card--step5 .hiw-process__card-title,
    .hiw-process__card--step1 .hiw-process__card-desc,
    .hiw-process__card--step5 .hiw-process__card-desc {
        color: var(--primary-text-1);
    }

    .hiw-process__link {
        font-size: 16px;
    }

    .hiw-process__benefits {
        width: 100%;
        height: 91px;
    }

    .hiw-process__benefit {
        gap: 10px;
        width: 52.7%;
        padding: 12px;
        border-radius: 12px;
        box-shadow: 0 3px 41px rgba(0, 0, 0, 0.08);
    }

    .hiw-process__benefit:last-child {
        top: 17px;
        left: 45.7%;
    }

    .hiw-process__benefit-title {
        font-size: 10px;
        line-height: 1.2;
    }

    .hiw-process__benefit-text {
        font-size: 8px;
        line-height: 1.1;
    }

    .hiw-process__card-visual {
        width: 100%;
        max-width: none;
        height: 220px;
    }

    .hiw-process__card--step5 .hiw-process__card-visual {
        width: 100%;
    }

    .hiw-process__card-image,
    .hiw-process__card-video {
        height: 100%;
        object-fit: cover;
    }

    .hiw-process__chips {
        width: 100%;
        max-width: none;
        margin-left: 0;
    }

    .hiw-process__chips-image {
        width: 100%;
        height: auto;
    }

    .hiw-process__cta {
        width: 100%;
        padding: 20px 40px;
    }

    .databases-intro {
        gap: 0;
    }

    .databases-intro__hero {
        gap: 16px;
        padding-bottom: 32px;
    }

    .databases-intro__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .databases-intro__title-desktop {
        display: none;
    }

    .databases-intro__title-mobile {
        display: inline;
    }

    .databases-intro__lead {
        max-width: none;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
    }

    .databases-intro__cta {
        display: none;
    }

    .databases-intro__card {
        gap: 32px;
        height: auto;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }

    .databases-intro__card--visual {
        height: 340px;
        min-height: 340px;
    }

    .databases-intro__card-content {
        gap: 16px;
        flex: none;
        max-width: none;
    }

    .databases-intro__num {
        width: 32px;
        height: 32px;
        font-size: 20px;
        line-height: 1;
    }

    .databases-intro__card-title {
        font-size: 20px;
    }

    .databases-intro__card-desc {
        font-size: 18px;
    }

    .databases-intro__visual {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 90%;
        max-width: none;
    }

    .databases-intro__visual-image {
        border-radius: 9px;
    }

    .databases-intro__features {
        flex-direction: column;
        gap: 8px;
    }

    .databases-intro__feature {
        flex: none;
        padding: 16px 20px;
    }

    .databases-team {
        gap: 0;
    }

    .databases-intro__cards {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .databases-team__intro {
        gap: 16px;
        padding-top: 40px;
        padding-bottom: 32px;
    }

    .databases-team__title {
        max-width: none;
        font-family: var(--second-family);
        font-weight: 700;
        font-size: 30px;
        line-height: 1.1;
        color: #4f4f4f;
    }

    .databases-team__lead {
        max-width: none;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 18px;
        line-height: 1.1;
        color: #4f4f4f;
    }

    .databases-team__workspace {
        gap: 8px;
        padding-bottom: 40px;
    }

    .databases-team__tabs {
        flex-direction: column;
        gap: 0;
        padding: 0;
        background: none;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .databases-team__tabs-row {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        background: #ffffff80;
        border-radius: 18px;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        box-shadow: 0 2px 16px rgba(183, 100, 255, 0.16);
    }

    .databases-team__tab {
        flex: 1 1 0;
        padding: 8px 12px;
        border-radius: 16px;
        background: transparent;
        border-color: #fff;
        font-family: var(--font-family);
        font-weight: 700;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: -0.025em;
    }

    .databases-team__tab.is-active {
        background: var(--primary-text-2);
        border-color: transparent;
        color: #fff;
    }

    .databases-team__panel-img {
        border-radius: 16px;
    }

    .databases-cta {
        gap: 16px;
        padding-top: 0;
        padding-bottom: 80px;
    }

    .databases-cta__cards {
        flex-direction: column;
        gap: 8px;
    }

    .databases-cta__card {
        flex: none;
        justify-content: space-between;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        gap: 32px;
    }

    .databases-cta__card-top {
        gap: 24px;
    }

    .databases-cta__card-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 1.1;
    }

    .databases-cta__card-desc {
        font-size: 16px;
        line-height: 1.1;
    }

    .databases-cta__card-link {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.1;
    }

    .databases-cta__banner {
        display: flex;
        flex-direction: column;
        gap: 32px;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        overflow: visible;
        box-shadow: 0 2px 16px 0 rgba(183, 101, 255, 0.16);
    }

    .databases-cta__banner-visual {
        display: none;
    }

    .databases-cta__banner-content {
        display: contents;
        max-width: none;
    }

    .databases-cta__banner-title {
        font-size: 20px;
        line-height: 1.1;
    }

    .databases-cta__banner-btn {
        align-self: stretch;
        width: 100%;
        padding: 20px 40px;
    }

    .strategies-rules {
        gap: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .strategies-rules__intro {
        gap: 16px;
    }

    .strategies-rules__title {
        font-size: 30px;
        line-height: 1.1;
    }

    .strategies-rules__title-desktop {
        display: none;
    }

    .strategies-rules__title-mobile {
        display: inline;
    }

    .strategies-rules__lead {
        max-width: none;
        font-size: 18px;
    }

    .strategies-rules__body {
        gap: 32px;
    }

    .strategies-rules__visual {
        border-radius: 16px;
        background: none;
    }

    .strategies-rules__grid {
        gap: 32px;
    }

    .strategies-rules__steps,
    .strategies-rules__cards {
        flex-direction: column;
        gap: 8px;
    }

    .strategies-rules__step {
        flex: none;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        gap: 32px;
    }

    .strategies-rules__chip {
        padding: 8px 16px;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: #f1f1f1;
    }

    .strategies-rules__card {
        flex: none;
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
        gap: 32px;
    }

    .strategies-rules__card-top {
        gap: 24px;
    }

    .strategies-rules__card-title {
        font-size: 20px;
    }

    .strategies-rules__card-desc {
        font-size: 18px;
    }

    .strategies-rules__card-link-desktop {
        display: none;
    }

    .strategies-rules__card-link-mobile {
        display: inline;
    }

    .strategies-hero {
        min-height: 0;
        padding-bottom: 24px;
        overflow: visible;
    }

    .strategies-hero__main {
        gap: 0;
        max-width: none;
    }

    .strategies-hero__text {
        gap: 16px;
    }

    .strategies-hero__title {
        font-size: 30px;
        line-height: 1.1;
    }

    .strategies-hero__lead {
        max-width: none;
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
    }

    .strategies-hero__lead strong {
        font-weight: 400;
    }

    .strategies-hero__cta,
    .strategies-hero__visual--desktop {
        display: none;
    }

    .strategies-hero__visual--mobile {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 16px;
        margin-left: 0;
    }

    .strategies-approaches {
        gap: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .strategies-approaches__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .strategies-approaches__cards {
        flex-direction: column;
    }

    .strategies-approaches__card {
        flex: none;
        height: auto;
        gap: 32px;
        padding: 16px;
        border-radius: 16px;
    }

    .strategies-approaches__card-text {
        gap: 16px;
    }

    .strategies-approaches__card-title {
        font-size: 20px;
    }

    .strategies-approaches__card-desc {
        font-size: 18px;
    }

    .strategies-approaches__card-link-desktop {
        display: none;
    }

    .strategies-approaches__card-link-mobile {
        display: inline;
    }

    .strategies-approaches__card-visual {
        display: none;
    }

    .strategies-benefits {
        gap: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .strategies-benefits__title {
        max-width: none;
        font-size: 24px;
        line-height: 1.1;
    }

    .strategies-benefits__cards {
        flex-direction: column;
    }

    .strategies-benefits__card {
        flex: none;
        height: auto;
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    }

    .strategies-benefits__card--price {
        padding-bottom: 16px;
    }

    .strategies-benefits__card-text {
        gap: 16px;
    }

    .strategies-benefits__card-title {
        font-size: 20px;
    }

    .strategies-benefits__card-desc {
        font-size: 18px;
    }

    .strategies-benefits__card-img {
        width: 100%;
    }

    .strategies-benefits__card-img--recalc {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    .strategies-benefits__card-visual {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        height: auto;
        margin-top: auto;
        overflow: visible;
    }

    .strategies-benefits__card-img--price {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
    }

    .strategies-create {
        gap: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .strategies-create__intro {
        gap: 16px;
    }

    .strategies-create__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .strategies-create__title-desktop {
        display: none;
    }

    .strategies-create__title-mobile {
        display: inline;
    }

    .strategies-create__lead {
        max-width: none;
        font-size: 18px;
        color: #303030;
    }

    .strategies-create__steps {
        flex-direction: column;
    }

    .strategies-create__step {
        flex: none;
        height: auto;
        min-height: 0;
        padding: 16px;
        max-height: auto;
    }

    .strategies-create__step--calc {
        min-height: 183px;
        padding-bottom: 0;
    }

    .strategies-create__step-img--rules {
        height: auto;
        max-height: 176px;
    }

    .strategies-create__chip {
        font-family: var(--second-family);
        font-size: 14px;
        line-height: 1;
    }

    .strategies-create__chip:nth-child(2) {
        order: 4;
    }

    .strategies-create__chip:nth-child(3) {
        order: 2;
    }

    .strategies-create__chip:nth-child(4) {
        order: 3;
    }

    .strategies-create__step-visual {
        height: 125px;
    }

    .strategies-create__step-img--calc {
        left: 0px;
        width: 100%;
    }

    .strategies-features {
        flex-direction: column;
        gap: 32px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .strategies-features__content {
        flex: none;
        gap: 32px;
        justify-content: flex-start;
    }

    .strategies-features__intro {
        gap: 16px;
    }

    .strategies-features__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .strategies-features__lead {
        font-size: 18px;
    }

    .strategies-features__list {
        grid-template-columns: 1fr;
    }

    .strategies-features__item {
        border-radius: 16px;
        font-size: 18px;
    }

    .strategies-features__banner {
        flex: none;
        width: 100%;
        height: 250px;
        border-radius: 16px;
    }

    .articles-list {
        gap: 32px;
        padding-bottom: 40px;
        align-items: stretch;
    }

    .articles-list__intro {
        gap: 16px;
    }

    .articles-list__title {
        font-size: 30px;
        line-height: 1.1;
    }

    .articles-list__lead {
        max-width: none;
        font-size: 14px;
        line-height: 1.1;
    }

    .articles-list__tags {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .articles-list__tags::-webkit-scrollbar {
        display: none;
    }

    .articles-list__tag--desktop {
        display: none;
    }

    .articles-list__tag--mobile {
        display: inline-flex;
    }

    .articles-list__cards {
        gap: 16px;
        min-width: 0;
    }

    .articles-list__grid {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .articles-list__grid::-webkit-scrollbar {
        display: none;
    }

    .articles-list__card {
        flex: 0 0 319px;
        width: 319px;
        max-width: calc(100vw - 32px);
        border-radius: 16px;
    }

    .articles-list__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .articles-list__bullet {
        width: 8px;
        height: 8px;
        padding: 0;
        border: 0;
        border-radius: 20px;
        background: rgba(48, 48, 48, 0.1);
        cursor: pointer;
        appearance: none;
    }

    .articles-list__bullet.is-active {
        width: 24px;
        background: #47a77a;
    }

    .articles-list.is-tag-all .articles-list__bullet.is-active,
    .articles-list.is-tag-instructions .articles-list__bullet.is-active,
    .articles-list.is-tag-news .articles-list__bullet.is-active {
        background: var(--primary-primary);
    }

    .articles-list.is-tag-capabilities .articles-list__bullet.is-active {
        background: #47a77a;
    }

    .articles-list.is-tag-expertise .articles-list__bullet.is-active {
        background: var(--primary-secondary);
    }

    .articles-list.is-tag-strategies .articles-list__bullet.is-active {
        background: var(--primary-accent);
    }

    .articles-list__more {
        width: 100%;
        min-width: 0;
    }

    .articles-subscribe {
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    }

    .articles-subscribe__top {
        column-gap: 16px;
        row-gap: 16px;
        align-items: center;
    }

    .articles-subscribe__title {
        font-size: 20px;
    }

    .articles-subscribe__lead {
        grid-column: 1 / -1;
        grid-row: 2;
        font-size: 18px;
    }

    .articles-subscribe__form {
        flex-direction: column;
        align-items: stretch;
    }

    .articles-subscribe__input {
        width: 100%;
    }

    .articles-subscribe__submit {
        width: 100%;
    }

    .article-content {
        gap: 40px;
    }

    .article-content__hero {
        gap: 32px;
    }

    .article-content__intro {
        gap: 16px;
    }

    .article-content__title {
        font-size: 28px;
    }

    .article-content__cover {
        border-radius: 16px;
    }

    .article-content__toc {
        gap: 32px;
    }

    .article-content__toc-title {
        font-size: 18px;
        color: var(--primary-text-2);
    }

    .article-content__toc-title-desktop {
        display: none;
    }

    .article-content__toc-title-mobile {
        display: inline;
    }

    .article-content__toc-list {
        gap: 16px;
    }

    .article-content__toc-list a {
        font-size: 18px;
    }

    .article-content__callout {
        gap: 16px;
        padding: 16px;
        border-radius: 16px;
    }

    .article-content__callout-head {
        gap: 8px;
    }

    .article-content__callout-title {
        font-size: 24px;
    }

    .article-content__callout-text {
        font-size: 18px;
        line-height: 1.1;
    }

    .article-content__quote {
        gap: 20px;
        padding: 16px;
        border-radius: 16px;
    }

    .article-content__quote-text {
        font-size: 16px;
    }

    .article-content__quote-author {
        gap: 12px;
    }

    .article-content__quote-avatar {
        width: 48px;
        height: 48px;
    }

    .article-content__quote-name {
        font-size: 14px;
    }

    .article-content__section {
        gap: 24px;
    }

    .article-content__h2,
    .article-content__section > h2 {
        font-size: 28px;
    }

    .article-content__h3,
    .article-content__section > h3 {
        font-weight: 700;
        font-size: 20px;
    }

    .article-content__section > h4 {
        font-size: 18px;
    }

    .article-content__tip-title {
        font-size: 24px;
    }

    .article-content__p,
    .article-content__list,
    .article-content__tip-text,
    .article-content__tip-footer,
    .article-content__section > p,
    .article-content__section > ul,
    .article-content__section > ol {
        font-size: 18px;
        line-height: 1.1;
    }

    .article-content__list:not(.article-content__list--ordered),
    .article-content__section > ul {
        gap: 16px;
        padding-left: 0;
        list-style: none;
    }

    .article-content__list:not(.article-content__list--ordered) li,
    .article-content__section > ul > li {
        display: flex;
        align-items: flex-start;
        gap: 16px;
    }

    .article-content__list:not(.article-content__list--ordered) li::before,
    .article-content__section > ul > li::before {
        content: "";
        width: 6px;
        height: 6px;
        margin-top: 7px;
        border-radius: 50%;
        background: var(--primary-primary);
        flex-shrink: 0;
    }

    .article-content__tip {
        gap: 24px;
        padding: 16px;
        border-radius: 8px;
    }

    .article-content__section > img,
    .article-content__section p > img {
        border-radius: 8px;
    }

    .article-content__stats {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .article-content__stat {
        flex-direction: row;
        align-items: center;
        gap: 16px;
        min-height: 65px;
        padding: 16px;
        border-radius: 16px;
    }

    .article-content__stat-value {
        font-size: 30px;
    }

    .article-content__stat-label {
        font-size: 20px;
    }

    .article-content__actions {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "back like"
            "copy copy";
        gap: 8px;
        align-items: stretch;
    }

    .article-content__action--back {
        grid-area: back;
        justify-content: flex-start;
    }

    .article-content__actions-right {
        display: contents;
    }

    .article-content__action--copy {
        grid-area: copy;
        width: 100%;
    }

    .article-content__action--like {
        grid-area: like;
    }

    .article-related {
        gap: 24px;
        max-width: none;
        padding: 40px 0;
    }

    .article-related__head {
        gap: 0;
    }

    .article-related__title {
        font-weight: 700;
        font-size: 20px;
        color: var(--primary-text-2);
    }

    .article-related__all--desktop {
        display: none;
    }

    .article-related__all--mobile {
        display: inline-flex;
        align-self: flex-start;
    }

    .article-related__grid {
        display: flex;
        gap: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .article-related__grid::-webkit-scrollbar {
        display: none;
    }

    .article-related__card {
        flex: 0 0 319px;
        min-height: 400px;
        border-radius: 16px;
    }

    .article-related__cover {
        height: 160px;
    }

    .help-links {
        gap: 32px;
    }

    .help-links__title {
        max-width: none;
        font-size: 24px;
        line-height: 1.1;
    } 

    .help-links__list {
        flex-wrap: wrap;
        gap: 4px;
    }

    .help-links__card {
        flex: 0 0 calc(50% - 2px);
        min-height: 154px;
        padding: 8px;
        gap: 16px;
    }

    .help-links__card--1 { order: 1; }
    .help-links__card--2 { order: 2; }
    .help-links__card--4 { order: 3; }
    .help-links__card--5 { order: 4; }
    .help-links__card--3 { order: 5; }

    .help-links__tag {
        padding: 8px 16px;
        font-weight: 400;
        font-size: 12px;
        line-height: 1.1;
    }

    .help-links__text {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.1;
    }

    .help-links__text--desktop {
        display: none;
    }

    .help-links__text--mobile {
        display: block;
    }

    .demo-form {
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    } 

    .demo-form__title {
        max-width: none;
        font-size: 20px;
        line-height: 1.1;
    }

    .demo-form__form {
        gap: 24px;
    }

    .demo-form__row {
        flex-direction: column;
    }

    .demo-form__field {
        flex: none;
        width: 100%;
        height: 50px;
        min-height: 50px;
    }

    .demo-form__label {
        top: 16px;
        line-height: 1.1;
    }

    .demo-form__field.is-active .demo-form__label {
        top: 8px;
    }

    .demo-form__input {
        bottom: 8px;
        height: 18px;
        line-height: 1.1;
    }

    .demo-popup {
        padding: 16px;
        align-items: flex-start;
        overflow: auto;
    }

    .demo-popup__dialog {
        max-width: none;
        max-height: none;
        margin: auto 0;
        padding: 16px;
        border-radius: 16px;
    }

    .demo-popup__form {
        gap: 24px;
    }

    .demo-popup__head {
        gap: 16px;
    }

    .demo-popup__title {
        max-width: none;
        font-size: 20px;
        line-height: 1.1;
    }

    .message-popup__text {
        font-size: 18px;
    }

    .demo-popup__bottom {
        gap: 16px;
    }

    .demo-popup__consent-text {
        padding-top: 0;
    }

    .support-ideas {
        gap: 32px;
    }

    .support-ideas__glow {
        display: none;
    }

    .support-ideas__intro {
        gap: 16px;
    }

    .support-ideas__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .support-ideas__title-accent {
        display: inline;
    }

    .support-ideas__subtitle {
        max-width: none;
        font-family: var(--second-family);
        font-size: 14px;
        line-height: 1;
        color: var(--primary-text-1);
    }

    .support-ideas__card {
        gap: 24px;
        padding: 16px;
        border-radius: 16px;
    }

    .support-ideas__row {
        flex-direction: column;
    }

    .support-ideas__message {
        min-height: 70px;
    }

    .support-ideas__message-label {
        top: 16px;
        line-height: 1.1;
    }

    .support-ideas__message.is-active .support-ideas__message-label {
        top: 8px;
    }

    .support-ideas__message-input {
        min-height: 38px;
    }

    .support-ideas__message.is-active .support-ideas__message-input {
        margin-top: 14px;
        min-height: 20px;
    }

    .support-ideas__file {
        width: 100%;
    }

    .support-ideas__file-meta {
        flex: 1 1 auto;
        justify-content: space-between;
    }

    .support-ideas__bottom {
        gap: 16px;
    }

    .support-ideas__consent {
        align-items: flex-start;
    }

    .support-ideas__consent-text {
        padding-top: 0;
    }

    .docs {
        gap: 32px;
    }

    .docs__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .docs__grid {
        grid-template-columns: 1fr;
    }

    .docs__card {
        min-height: 0;
        gap: 32px;
        padding: 16px;
        border-radius: 16px;
    }

    .docs__card-body {
        gap: 16px;
    }

    .docs__card-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .docs__card-title {
        font-size: 20px;
    }

    .docs__card-text {
        font-size: 18px;
    }

    .docs__card-link-text--desktop {
        display: none;
    }

    .docs__card-link-text--mobile {
        display: inline;
    }

    .faq-categories {
        gap: 40px;
    }

    .faq-group {
        gap: 24px;
    }

    .faq-group__title {
        font-size: 24px;
    }

    .faq {
        gap: 32px;
    }

    .faq__head {
        gap: 0;
    }

    .faq__title {
        max-width: none;
        font-size: 24px;
        line-height: 1.1;
    }

    .faq__title-desktop {
        display: none;
    }

    .faq__title-mobile {
        display: inline;
    }

    .faq__all--desktop {
        display: none;
    }

    .faq__all--mobile {
        display: inline-flex;
        align-self: flex-start;
    }

    .support-contact {
        gap: 32px;
    }

    .support-contact__intro {
        gap: 16px;
        max-width: none;
    }

    .support-contact__title {
        font-size: 24px;
        line-height: 1.1;
    }

    .support-contact__subtitle {
        font-size: 18px;
    }

    .support-contact__card {
        padding: 16px;
        border-radius: 16px;
    }

    .support-contact__row {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        min-height: 0;
    }

    .support-contact__row--desktop {
        display: none;
    }

    .support-contact__row--mobile {
        display: flex;
    }

    .support-contact__row-right {
        align-items: flex-start;
        text-align: left;
    }

    .support-contact__label,
    .support-contact__value {
        font-size: 18px;
    }

    .support-contact__hint--desktop {
        display: none;
    }

    .support-contact__hint--mobile {
        display: inline;
    }

    .support-contact__note,
    .support-contact__hint {
        font-family: var(--second-family);
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        white-space: normal;
    }
}

.container { 
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 15px;
}

.header .container {
    padding-left: 0;
    padding-right: 0;
}

.header {
    position: relative;
    z-index: 100;
    padding-top: 20px;
}

.header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    transition: transform 0.3s ease;
}

.header.is-fixed.is-hidden {
    transform: translateY(-100%);
    pointer-events: none;
}

.header__placeholder {
    display: none;
    width: 100%;
}

.header__placeholder.is-active {
    display: block;
}

.header__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 48px;
    min-height: 70px;
    padding: 0;
}

.header__logo {
    display: inline-flex;
    align-items: center;
    gap: 2.83px;
    justify-self: start;
    height: 60px;
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
    border-radius: 100px;
    line-height: 0;
    text-decoration: none;
}

.header__logo-icon,
.header__logo-text {
    display: block;
    height: auto;
}

.header__logo-icon {
    width: 17.45px;
}

.header__logo-text {
    width: 110.73px;
}

.header__nav {
    justify-self: center;
}

.header__menu {
    display: flex;
    align-items: center;
    gap: 16px;
    list-style: none;
    height: 60px;
    padding: 0 12px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
    border-radius: 100px;
}

.header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
}

.header__menu-item--dropdown {
    gap: 4px;
    padding: 8px;
    border-radius: 33px;
    transition: background-color .25s ease;
}

.header__menu-item--dropdown.is-open,
.header__menu-item--dropdown:hover {
    background: var(--primary-primary);
}

.header__menu-trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.header__menu-item:not(.header__menu-item--dropdown) .header__menu-link {
    padding: 8px;
}

.header__menu-link {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
    text-decoration: none;
    white-space: nowrap;
    transition: color .25s ease, opacity .3s ease;
}

.header__menu-link:hover,
.header__menu-trigger:hover .header__menu-link {
    opacity: .7;
}

.header__menu-item--dropdown.is-open .header__menu-link,
.header__menu-item--dropdown:hover .header__menu-link,
.header__menu-item--dropdown.is-open .header__menu-trigger:hover .header__menu-link,
.header__menu-item--dropdown:hover .header__menu-trigger:hover .header__menu-link {
    color: #fff;
    opacity: 1;
}

.header__menu-arrow { 
    display: block;
    flex-shrink: 0;
    transition: transform .3s ease, filter .25s ease;
} 

.header__menu-item--dropdown.is-open .header__menu-arrow,
.header__menu-item--dropdown:hover .header__menu-arrow {
    filter: brightness(0) invert(1);
}

.header__menu-item--dropdown.is-open .header__menu-arrow,
.header__menu-item--dropdown:hover .header__menu-arrow,
.header__mobile-group--accordion.is-open .header__mobile-toggle img {
    transform: rotate(180deg);
}

.header__dropdown {
    position: absolute;
    top: 100%;
    z-index: 10;
    padding-top: 8px;
    background: transparent;
    visibility: hidden;
    pointer-events: none;
}

.header__dropdown--wide {
    min-width: 0;
}

.header__menu-item--dropdown.is-open .header__dropdown,
.header__menu-item--dropdown:hover .header__dropdown {
    visibility: visible;
    pointer-events: auto;
}

.header__dropdown-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    padding: 12px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(48, 48, 48, 0.08);
}

.header__dropdown-list--panel {
    gap: 12px;
    min-width: 280px;
    padding: 20px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(120px);
    -webkit-backdrop-filter: blur(120px);
    box-shadow: none;
}

.header__dropdown-list--grouped {
    gap: 20px;
    min-width: 663px;
    min-height: 200px;
}

.header__dropdown-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header__dropdown-group-title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-primary);
}

.header__dropdown-group-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.header__dropdown-list a,
.header__dropdown-group-list a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #303030;
    text-decoration: none;
    transition: background-color .3s ease, opacity .3s ease;
}

.header__dropdown-list--panel a,
.header__dropdown-list--panel .header__dropdown-group-list a {
    padding: 0;
    border-radius: 0;
    font-size: 20px;
    line-height: 1.1;
}

.header__dropdown-list a:hover,
.header__dropdown-group-list a:hover {
    background: rgba(241, 241, 241, 0.6);
}

.header__dropdown-list--panel a:hover,
.header__dropdown-list--panel .header__dropdown-group-list a:hover {
    background: transparent;
    opacity: .7;
} 

.header__mobile-menu {
    display: none;
}

.header__mobile-menu-inner {
    width: 100%;
    min-height: 100%;
    padding: 16px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}

.header__mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-group--accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.header__mobile-link,
.header__mobile-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    padding: 8px;
    background: none;
    border: none;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

.header__mobile-toggle img {
    flex-shrink: 0;
    transition: transform .3s ease;
}

.header__mobile-submenu {
    list-style: none;
    display: none;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
}

.header__mobile-group--accordion.is-open .header__mobile-submenu {
    display: flex;
}

.header__mobile-submenu--grouped {
    gap: 16px;
}

.header__mobile-subgroup {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.header__mobile-subgroup-title {
    padding: 8px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 1.1;
    color: var(--primary-primary);
}

.header__mobile-subgroup-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}

.header__mobile-submenu li,
.header__mobile-subgroup-list li {
    margin: 0;
    padding: 0;
}

.header__mobile-submenu a,
.header__mobile-subgroup-list a {
    display: block;
    padding: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.1;
    color: var(--primary-text-2);
    text-decoration: none;
    transition: opacity .3s ease;
}

.header__mobile-submenu a:hover,
.header__mobile-subgroup-list a:hover {
    opacity: .7;
}

.header__burger-close {
    display: none;
}

.header.is-menu-open .header__burger-open {
    display: none;
}

.header.is-menu-open .header__burger-close {
    display: block;
}

body.is-menu-open {
    overflow: hidden;
}

.header__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    justify-self: end;
    height: 60px;
    padding: 0 12px;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
    border-radius: 100px;
}

.header__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity .3s ease;
}

.header__phone:hover {
    opacity: .7;
}

.header__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 10px 20px;
    background: #4f4f4f;
    border: none;
    border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity .3s ease;
}

.header__btn:hover {
    background-color: #303030;
}

.header__btn--mobile,
.header__burger {
    display: none;
}

@media (min-width: 992px) {
    .header__mobile-menu {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header__inner {
        gap: 24px;
    }

    .header__menu {
        gap: 8px;
        padding: 0 8px;
    }

    .header__menu-link {
        font-size: 16px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .product-slider__title {
        font-size: 56px;
    }

    .product-slider__body {
        grid-template-columns: minmax(0, 1fr) 260px;
    }

    .product-slider__nav {
        width: 260px;
    }

    .product-slider__media {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .product-slider__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .product-slider__title {
        font-size: 44px;
    }

    .product-slider__body {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .product-slider__nav {
        width: 100%;
        min-height: auto;
        order: -1;
    }

    .product-slider__tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    .product-slider__tab:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .header__nav,
    .header__actions {
        display: none;
    }

    .header.is-menu-open {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 200;
        padding-top: 20px;
        background: #fff;
        overflow: hidden;
    }

    .header.is-menu-open.is-fixed {
        padding-top: 20px;
    }

    .header.is-menu-open > .container {
        flex-shrink: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header__inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        min-height: auto;
        padding: 8px;
        background: rgba(255, 255, 255, 0.5);
        backdrop-filter: blur(120px);
        -webkit-backdrop-filter: blur(120px);
        border-radius: 24px;
    }

    .header__logo {
        height: auto;
        padding: 0;
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border-radius: 0;
    }

    .header__mobile-menu {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
        min-height: 0;
        padding: 0;
        overflow-y: auto;
    }

    .header:not(.is-menu-open) .header__mobile-menu {
        display: none;
    }

    .header__logo-icon {
        width: 13.8px;
    }

    .header__logo-text {
        width: 87.56px;
    }

    .header__btn--mobile {
        display: inline-flex;
        min-height: auto;
    }

    .header__burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        background: none;
        border: none;
        cursor: pointer;
        line-height: 0;
    }
}

.footer {
    margin-top: auto;
}

.footer__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #303030;
    padding: 32px 32px 16px;
    border-radius: 24px 24px 0 0;
}

.footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.footer__col {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 0;
    min-width: 140px;
}

.footer__col--contact {
    align-items: flex-end;
    justify-content: center;
    gap: 20px;
}

.footer__links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer__link-big,
.footer__links--big a {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.footer__links--little a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s ease;
}

.footer__link-big:hover,
.footer__links a:hover {
    opacity: .7;
}

.footer__email {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.04em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #fff;
    transition: opacity .3s ease; 
}

.footer__email:hover {
    opacity: .7;
}

.footer__tg-icon {
    display: inline-flex;
    line-height: 0;
    transition: opacity .3s ease;
}

.footer__tg-icon:hover {
    opacity: .7;
}

.footer__tg-icon img {
    display: block;
    width: 40px;
    height: 40px;
}

.footer__bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 0 0;
}

.footer__requisites {
    display: flex;
    gap: 4px 24px;
}

.footer__requisites-col {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer__requisites-col:first-child {
    width: 615px;
    flex-shrink: 0;
}

.footer__requisites-col:last-child {
    flex: 1;
}

.footer__requisites-col span {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: rgba(255, 255, 255, 0.3);
}

.footer__bottom-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.footer__bottom-link {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    transition: opacity .3s ease;
}

.footer__bottom-link--underline {
    text-decoration: underline;
}

.footer__bottom-link:hover {
    opacity: .7;
}

.footer__bottom-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex: 1 1 auto;
}

.footer__copyright,
.footer__privacy {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
}

.footer__privacy {
    text-decoration: none;
    transition: opacity .3s ease;
}

.footer__privacy:hover {
    opacity: .7;
}

.footer__bottom-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0;
}

.footer__sk-link {
    display: flex;
    line-height: 0;
}

.footer__sk-link img {
    display: block;
    width: 119px;
    height: 48px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .footer__inner {
        padding: 16px;
        border-radius: 16px 16px 0 0;
    }

    .footer__nav {
        gap: 8px 24px;
    }

    .footer__col {
        gap: 2px;
        min-width: calc(50% - 12px);
    }

    .footer__col--contact {
        flex: 1 1 100%;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }

    .footer__links {
        gap: 2px;
    }

    .footer__link-big,
    .footer__links--big a {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: -0.025em;
    }

    .footer__links--little a {
        font-size: 12px;
        line-height: 1.4;
        letter-spacing: -0.01em;
    }

    .footer__email {
        font-weight: 700;
        font-size: 18px;
        line-height: 1.1;
        letter-spacing: -0.01em;
        text-align: left;
    }

    .footer__tg-icon img {
        width: 32px;
        height: 32px;
    }

    .footer__requisites {
        flex-direction: column;
        gap: 4px;
    }

    .footer__requisites-col:first-child {
        width: 100%;
    }

    .footer__requisites-col span {
        font-size: 12px;
        line-height: 1.1;
    }

    .footer__bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .footer__bottom-link,
    .footer__copyright,
    .footer__privacy {
        font-weight: 700;
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: -0.025em;
    }

    .footer__bottom-link--underline,
    .footer__privacy {
        text-decoration: underline;
    }

    .footer__bottom-center {
        justify-content: flex-start;
        flex: none;
        width: 100%;
    }

    .footer__bottom-logo {
        padding: 4px 0;
    }
}

/* Text page */
.text-page {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    max-width: 880px;
}

.text-page > h2 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.text-page > h3 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.text-page > h4 {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: var(--primary-text-2);
}

.text-page > p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-text-2);
}

.text-page a {
    color: var(--primary-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.text-page > ul,
.text-page > ol {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0 0 0 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: var(--primary-text-2);
}

.text-page > ul {
    list-style: disc;
}

.text-page > ol {
    list-style: decimal;
}

@media (max-width: 767px) {
    .text-page {
        gap: 24px;
        max-width: none;
    }

    .text-page > h2 {
        font-size: 24px;
    }

    .text-page > h3 {
        font-size: 20px;
    }

    .text-page > h4 {
        font-size: 18px;
    }

    .text-page > p,
    .text-page > ul,
    .text-page > ol {
        font-size: 16px;
    }
}

/* Event hero */
.event-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    width: 100%;
    padding: 32px;
    background: #566dd6;
    border-radius: 32px;
}

.event-hero__main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    min-width: 0;
}

.event-hero__title {
    margin: 0;
    max-width: 800px;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #fff;
}

.event-hero__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
}

.event-hero__date {
    display: inline-flex;
    align-items: center;
    order: 2;
    gap: 8px;
    color: #fff;
}

.event-hero__date-icon {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.event-hero__date-text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
    color: #fff;
}

.event-hero__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    order: 1;
    gap: 8px;
}

.event-hero__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 34px;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.event-hero__tag--active {
    background: #fff;
    border-color: #fff;
    color: #303030;
}

.event-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 20px 40px;
    background: #ffa515;
    border-radius: 32px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.005em;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity .3s ease;
}

.event-hero__btn:hover {
    opacity: 0.9;
}

@media (max-width: 767px) {
    .event-hero {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
        padding: 16px;
    }

    .event-hero__title {
        max-width: none;
        font-size: 24px;
    }

    .event-hero__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .event-hero__date,
    .event-hero__tags {
        order: 0;
    }

    .event-hero__btn {
        width: 100%;
    }
}

/* Event about */
.event-about {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
}

.event-about__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #303030;
}

.event-about__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 873px;
}

.event-about__content > p {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #303030;
}

.event-about__content ul,
.event-about__content ol {
    margin: 0;
    padding: 0 0 0 24px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #303030;
}

.event-about__content ul {
    list-style: disc;
}

.event-about__content ol {
    list-style: decimal;
}

.event-about__content li + li {
    margin-top: 8px;
}

.event-about__content a {
    color: var(--primary-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    .event-about {
        gap: 32px;
    }

    .event-about__title {
        font-size: 24px;
    }

    .event-about__content {
        max-width: none;
    }

    .event-about__content > p,
    .event-about__content ul,
    .event-about__content ol {
        line-height: 1.1;
    }
}

/* Event audience */
.event-audience {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
}

.event-audience__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #303030;
}

.event-audience__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
    width: 100%;
}

.event-audience__card {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    min-height: 112px;
    padding: 32px;
    background: rgba(241, 241, 241, 0.6);
    border-radius: 32px;
}

.event-audience__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 32px;
    background: #566dd6;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
    text-align: center;
}

.event-audience__text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
}

@media (max-width: 767px) {
    .event-audience {
        gap: 32px;
    }

    .event-audience__title {
        font-size: 24px;
    }

    .event-audience__list {
        grid-template-columns: 1fr;
    }

    .event-audience__card {
        min-height: 0;
        padding: 16px;
        border-radius: 16px;
    }

    .event-audience__num {
        width: 32px;
        height: 32px;
    }

    .event-audience__text {
        font-size: 18px;
    }
}

/* Event program */
.event-program {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
}

.event-program__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #303030;
}

.event-program__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.event-program__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 4px;
    background: #f1f1f1;
    border-radius: 8px;
}

.event-program__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 12px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.event-program__question {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #4f4f4f;
}

.event-program__icon {
    display: block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    transition: transform .25s ease;
}

.event-program__item.is-open .event-program__icon {
    transform: rotate(180deg);
}

.event-program__answer {
    padding: 16px;
    background: #fff;
    border-radius: 8px;
}

.event-program__answer[hidden] {
    display: none;
}

.event-program__answer-text {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
}

.event-program__answer-text > *:first-child {
    margin-top: 0;
}

.event-program__answer-text > *:last-child {
    margin-bottom: 0;
}

.event-program__answer-text p {
    margin: 0;
    font: inherit;
    color: inherit;
}

.event-program__answer-text p + p {
    margin-top: 0;
}

.event-program__answer-text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.event-program__answer-text ul,
.event-program__answer-text ol {
    margin: 0;
    padding: 0 0 0 24px;
}

.event-program__answer-text ul {
    list-style: disc;
}

.event-program__answer-text ol {
    list-style: decimal;
}

.event-program__answer-text li + li {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .event-program {
        gap: 32px;
    }

    .event-program__title {
        font-size: 24px;
    }
}

/* Event speakers */
.event-speakers {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 100%;
}

.event-speakers__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #303030;
}

.event-speakers__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 21px;
    width: 100%;
}

.event-speakers__card {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px;
    background: #f1f1f1;
    border-radius: 16px;
}

.event-speakers__head {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.event-speakers__photo {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: #aea1df;
}

.event-speakers__photo.is-empty .event-speakers__photo-img {
    display: none;
}

.event-speakers__photo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-speakers__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.event-speakers__name {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #303030;
}

.event-speakers__role {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
}

.event-speakers__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.event-speakers__tags[hidden] {
    display: none;
}

.event-speakers__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid #566dd6;
    border-radius: 20px;
    background: transparent;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: #303030;
    text-align: center;
}

.event-speakers__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
}

.event-speakers__meta[hidden] {
    display: none;
}

.event-speakers__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.event-speakers__meta-icon {
    display: block;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.event-speakers__meta-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
}

.event-speakers__card--webinar {
    gap: 24px;
    min-height: 385px;
}

.event-speakers__bio {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
}

.event-speakers__bio[hidden] {
    display: none;
}

.event-speakers__logo {
    margin-top: auto;
    width: 149px;
    max-width: 100%;
    height: 76px;
}

.event-speakers__logo.is-empty {
    display: none;
}

.event-speakers__logo-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

@media (max-width: 767px) {
    .event-speakers {
        gap: 32px;
    }

    .event-speakers__title {
        font-size: 24px;
    }

    .event-speakers__list {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .event-speakers__card {
        gap: 24px;
        padding: 16px;
    }

    .event-speakers__card--webinar {
        min-height: 0;
    }

    .event-speakers__head {
        flex-direction: column;
    }
}

/* Event register */
.event-register {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 32px;
    background: #566dd6;
    border-radius: 16px;
}

.event-register__intro {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 650px;
}

.event-register__title {
    margin: 0;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 1.1;
    color: #fff;
}

.event-register__lead {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
}

.event-register__form {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
}

.event-register__fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.event-register__fields--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.event-register__field {
    display: block;
    min-width: 0;
}

.event-register__input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: #f1f1f1;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.1;
    color: #303030;
    outline: none;
    box-sizing: border-box;
    transition: border-color .2s ease, background-color .2s ease;
}

.event-register__input::placeholder {
    color: rgba(48, 48, 48, 0.5);
}

.event-register__input:focus {
    background: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}

.event-register__field.is-error .event-register__input,
.event-register__input.is-error {
    border-color: #ff2c55;
}

.event-register__bottom {
    display: flex;
    align-items: center;
    gap: 20px;
}

.event-register__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 300px;
    min-height: 58px;
    padding: 20px 40px;
    border: none;
    border-radius: 32px;
    background: #4f4f4f;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    color: #fff;
    cursor: pointer;
    transition: opacity .3s ease, background-color .3s ease;
}

.event-register__submit:hover {
    background: #303030;
}

.event-register__submit:disabled {
    opacity: 0.6;
    cursor: default;
}

.event-register__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    max-width: 283px;
    cursor: pointer;
}

.event-register__checkbox {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 2px 0 0;
    accent-color: #fff;
    cursor: pointer;
}

.event-register__consent-text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: #fff;
}

.event-register__consent-text a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.event-register__consent.is-error .event-register__consent-text {
    color: #ffd0d8;
}

.event-register__message {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    color: #fff;
}

.event-register__message[hidden] {
    display: none;
}

.event-register__message.is-error {
    color: #ffd0d8;
}

@media (max-width: 767px) {
    .event-register {
        gap: 20px;
        padding: 16px;
    }

    .event-register__intro {
        gap: 16px;
        max-width: none;
    }

    .event-register__title {
        font-size: 24px;
    }

    .event-register__lead {
        font-size: 18px;
    }

    .event-register__form {
        gap: 20px;
    }

    .event-register__fields {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .event-register__fields--4 {
        grid-template-columns: 1fr;
    }

    .event-register__bottom {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 20px;
    }

    .event-register__submit {
        width: 100%;
        min-width: 0;
    }

    .event-register__consent {
        max-width: none;
    }
}