/*
Theme Name: Bitkogan Main
Author: M1estere
Description: Main theme for Bitkogan website
Requires PHP: 7.2
Version: 1.0
Text Domain: bitkoganmain
*/

* {
    box-sizing: border-box;
    background-repeat: no-repeat;
}
body {
    /*overflow-x: hidden;*/
}
@media (min-width: 721px) and (max-width: 1024px) {
    .promo-bar__inner {
        max-width: 1024px;
        min-height: 66px;
        padding-inline: 30px;
    }

    .promo-bar__text {
        padding-bottom: 0;
    }

    .promo-bar__title,
    .promo-bar__subtitle {
        margin: 0;
        line-height: normal;
    }

    .promo-bar__button {
        width: 158px;
        height: 34px;
        padding: 15px 25px;
        font-size: 14px;
        line-height: 19px;
    }

    .main-nav__inner {
        width: 964px;
        max-width: 964px;
        min-height: 66px;
        padding: 0;
        gap: 69px;
    }

    .main-nav__scroll {
        width: 786px;
        overflow: visible;
        gap: 15px;
    }

    .main-nav__menu,
    .main-nav__actions {
        gap: 15px;
    }

    .paid-analytics-page {
        width: 100%;
        max-width: 1024px;
        padding: 50px 30px;
    }

    .paid-analytics__container {
        width: 964px;
        max-width: 964px;
    }

    .paid-analytics__breadcrumbs {
        width: 964px;
        height: 36px;
        padding-bottom: 20px;
        font-size: 12px;
        line-height: 16px;
    }

    .paid-analytics__hero {
        width: 964px;
        height: 324px;
        min-height: 324px;
        margin-bottom: 50px;
        flex-direction: row;
        gap: 20px;
    }

    .paid-analytics__hero-left {
        flex: 0 0 472px;
        width: 472px;
        height: 324px;
        max-width: none;
        padding: 56px 23px;
        gap: 20px;
    }

    .paid-analytics__hero-title {
        width: 400px;
        height: 81px;
        font-size: 34px;
        line-height: 41px;
    }

    .paid-analytics__hero-desc {
        width: 431px;
        height: 57px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__hero-buttons {
        width: 386px;
        height: 34px;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .paid-analytics__btn {
        height: 34px;
        padding: 15px 25px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__btn--primary {
        width: 196px;
    }

    .paid-analytics__btn--secondary {
        width: 180px;
    }

    .hero-glow {
        width: 474px;
        height: 310px;
        left: 146px;
        top: 105px;
        transform: none;
        filter: blur(200px);
    }

    .paid-analytics__hero-right {
        flex: 0 0 472px;
        width: 472px;
        height: 324px;
        padding: 0;
    }

    .paid-analytics__hero-right::before {
        width: 474px;
        height: 310px;
        left: 146px;
        top: 105px;
    }

    .paid-analytics__hero-cards {
        width: 392px;
        left: 40px;
        top: 41px;
        gap: 9px;
    }

    .paid-analytics__hero-card {
        width: 392px;
        height: 54px;
        padding-left: 19px;
        gap: 11px;
    }

    .paid-analytics__description {
        width: 964px;
        height: 62px;
        margin-bottom: 50px;
    }

    .paid-analytics__description-text {
        width: 789px;
        max-width: 789px;
        height: 57px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__advantages {
        width: 960px;
        height: 168px;
        margin-inline: auto;
        margin-bottom: 50px;
        gap: 20px;
    }

    .paid-analytics__advantage-card {
        width: 100%;
        height: 168px;
        min-height: 168px;
        margin-bottom: 0;
        padding: 20px;
        gap: 20px;
    }

    .paid-analytics__advantage-content {
        flex: 0 0 213px;
        width: 213px;
        max-width: 213px;
        gap: 20px;
    }

    .paid-analytics__advantage-title {
        font-size: 16px;
        line-height: 20px;
    }

    .paid-analytics__advantage-desc {
        font-size: 14px;
        line-height: 17px;
    }

    .paid-analytics__includes {
        width: 964px;
        height: 282px;
        min-height: 282px;
        margin-bottom: 50px;
    }

    .paid-analytics__includes::before,
    .paid-analytics__includes::after {
        width: 1110.12px;
        height: 671.53px;
    }

    .paid-analytics__includes::before {
        left: 80.75px;
        top: -272px;
        transform: rotate(-32.27deg);
    }

    .paid-analytics__includes::after {
        left: 94.19px;
        top: -71.87px;
        transform: rotate(-19.44deg);
    }

    .paid-analytics__includes-inner {
        display: block;
        height: 282px;
        min-height: 282px;
        padding: 0;
    }

    .paid-analytics__includes-left {
        position: absolute;
        left: 20px;
        top: 40px;
        width: 400px;
        height: 202px;
    }

    .paid-analytics__includes-title {
        width: 400px;
        height: 28px;
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
    }

    .paid-analytics__includes-list {
        width: 386px;
        height: 154px;
        gap: 10px;
    }

    .paid-analytics__includes-item {
        width: 386px;
        gap: 20px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__includes-right {
        position: absolute;
        left: 504px;
        top: 26.86px;
        width: 397px;
        height: 243px;
    }

    .paid-analytics__includes-image {
        width: 397px;
        max-width: 397px;
        height: 243px;
        border-radius: 0;
        object-fit: contain;
    }

    .paid-analytics__tariffs {
        width: 960px;
        height: 356px;
        margin: 0 auto 50px;
        padding: 40px 20px;
    }

    .paid-analytics__tariffs-title {
        height: 28px;
        margin: 0 0 40px;
        font-size: 24px;
        line-height: 29px;
    }

    .paid-analytics__tariffs-grid {
        width: 920px;
        height: 208px;
        grid-template-columns: repeat(4, 215px);
        align-items: center;
        gap: 20px;
    }

    .paid-analytics__tariff-card {
        width: 215px;
        height: 188px;
        padding: 22px 19px 23px 20px;
    }

    .paid-analytics__tariff-card:first-child {
        height: 183px;
        padding-block: 20px;
    }

    .paid-analytics__tariff-card--popular {
        padding-top: 22px;
    }

    .paid-analytics__tariff-header {
        width: 176px;
        height: 17px;
        padding-bottom: 0;
        margin: 0 0 40px;
    }

    .paid-analytics__tariff-period,
    .paid-analytics__tariff-discount {
        font-size: 14px;
        line-height: 17px;
    }

    .paid-analytics__tariff-price {
        width: 176px;
    }

    .paid-analytics__tariff-amount {
        width: 176px;
        height: 32px;
        padding-bottom: 0;
        margin-bottom: 20px;
        font-size: 26px;
        line-height: 32px;
        white-space: nowrap;
    }

    .paid-analytics__tariff-card .subscribe-section__card-button,
    .paid-analytics__tariff-card #tariff-month {
        width: 176px;
        height: 34px;
    }

    .paid-analytics__tariff-badge {
        top: -10px;
        width: 136px;
        height: 20px;
        padding: 2px 13px;
        font-size: 12px;
        line-height: 16px;
    }

    .paid-analytics__extra {
        width: 964px;
        height: 258px;
        margin-bottom: 50px;
        padding-bottom: 0;
    }

    .paid-analytics__extra-card {
        width: 964px;
        height: 258px;
        min-height: 258px;
        padding: 40px;
    }

    .paid-analytics__extra-inner {
        width: 398px;
        height: 178px;
    }

    .paid-analytics__extra-title {
        height: 24px;
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
    }

    .paid-analytics__extra-list {
        width: 386px;
        height: 134px;
        gap: 10px;
    }

    .paid-analytics__extra-item {
        width: 386px;
        gap: 20px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__articles {
        width: 964px;
        height: 608px;
    }

    .paid-analytics__articles-grid {
        width: 964px;
        height: 608px;
        padding-bottom: 0;
        grid-template-columns: repeat(3, 308px);
        grid-template-rows: repeat(2, 294px);
        gap: 20px;
    }

    .paid-analytics__articles-grid .premium-analytics__card {
        width: 308px;
        height: 294px;
        padding: 20px;
        gap: 0;
    }

    .paid-analytics__articles-grid .premium-analytics__card-item {
        width: 268px;
        height: 254px;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-media {
        width: 268px;
        height: 80px;
        flex: 0 0 80px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-body {
        width: 268px;
        height: 159px;
        flex: 0 0 159px;
        gap: 6px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-tags {
        height: 18px;
        gap: 6px;
        flex-wrap: nowrap;
    }

    .paid-analytics__articles-grid .featured-news__bookmark {
        width: 11px;
        height: 15px;
        flex: 0 0 11px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-title {
        width: 268px;
        height: 34px;
        font-size: 14px;
        line-height: 17px;
        overflow: hidden;
    }

    .paid-analytics__articles-grid .premium-analytics__card-desc {
        width: 268px;
        height: 32px;
        font-size: 12px;
        line-height: 16px;
        color: #000000;
        -webkit-line-clamp: 2;
    }

    .paid-analytics__articles-grid .premium-analytics__card-meta {
        width: 210px;
        height: 17px;
        gap: 3px;
        font-size: 10px;
        line-height: 14px;
    }

    .paid-analytics__articles-footer {
        width: 964px;
        height: 54px;
        padding: 20px 0 0;
        align-items: flex-start;
    }

    .paid-analytics__watch-all {
        width: 146px;
        height: 34px;
        padding: 15px 25px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics-page .app-section {
        width: 965px;
        height: 231px;
        margin-top: 50px;
    }

    .paid-analytics-page .app-section__inner {
        display: block;
        width: 965px;
        height: 231px;
        min-height: 231px;
        padding: 0;
    }

    .paid-analytics-page .app-section__glow {
        width: 1093px;
        height: 203.82px;
        left: 282.48px;
        top: -202.02px;
    }

    .paid-analytics-page .app-section__preview {
        position: absolute;
        left: 20px;
        top: 20px;
        width: 122px;
        height: 122px;
        flex: none;
    }

    .paid-analytics-page .app-section__content {
        position: absolute;
        left: 162px;
        top: 20px;
        width: 310px;
        max-width: 310px;
        height: 191px;
    }

    .paid-analytics-page .app-section__title {
        width: 281px;
        height: 57px;
        font-size: 24px;
        line-height: 29px;
    }

    .paid-analytics-page .app-section__accent {
        width: 281px;
        height: 25px;
        margin-top: 9px;
        font-size: 18px;
        line-height: 25px;
    }

    .paid-analytics-page .app-section__desc {
        width: 310px;
        height: 76px;
        margin-top: 9px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics-page .app-section__stores {
        position: absolute;
        left: 502px;
        top: 63px;
        width: 159px;
        height: 105px;
        padding-left: 0;
        gap: 7px;
    }

    .paid-analytics-page .app-section__store {
        width: 159px;
        height: 49px;
        padding: 9px 19px;
    }

    .paid-analytics-page .app-section__store:last-child {
        padding: 9px 23px;
    }

    .paid-analytics-page .app-section__phones {
        position: absolute;
        inset: 0;
        width: 965px;
        height: 231px;
        margin: 0;
    }

    .paid-analytics-page .app-section__phone--back {
        width: 221.76px;
        right: auto;
        left: 688.54px;
        top: -201.9px;
    }

    .paid-analytics-page .app-section__phone--front {
        width: 145.29px;
        right: auto;
        left: 682.6px;
        top: 79.24px;
    }

    .site-footer {
        height: 124px;
    }

    .site-footer__inner {
        position: relative;
        width: 1024px;
        max-width: 1024px;
        height: 124px;
        min-height: 124px;
        padding: 0;
        display: block;
    }

    .site-footer__logo {
        position: absolute;
        left: 20px;
        top: 20px;
        width: 160px;
        height: 53px;
    }

    .site-footer__logo img {
        width: 160px;
        height: 53px;
    }

    .site-footer__nav {
        position: absolute;
        left: 315.5px;
        top: 28px;
        width: 659px;
        height: 68px;
        display: grid;
        grid-template-columns: 86px 88px 77px 252px;
        gap: 52px;
    }

    .site-footer__col {
        gap: 10px;
    }

    .site-footer__col a,
    .site-footer__col--legal a {
        font-size: 12px;
        line-height: 16px;
    }
}

:root {
    --color-blue: #286fdb;
    --color-blue-hover: #1a5cc0;
    --color-text: #001f2a;
    --color-gray: #44474f;
    --color-panel: #cddcf6;
    --color-bg: #e8eaf1;
    --shadow-card: 0 4px 7px rgba(40, 111, 219, 0.15);
    --shadow-card-sm: 0 4px 3.5px rgba(40, 111, 219, 0.15);
    --font-title: "Montserrat";
    --font-body: "Open Sans";
}

body {
    margin: 0;
    color: #0a2537;
    background: var(--color-bg);
    font-family: var(--font-body);
}

html {
    scroll-behavior: smooth;
}

body.auth-modal-open,
html:has(body.auth-modal-open) {
    overflow: hidden;
}

.main-nav__menu-mobile,
.main-nav__label--mobile,
.main-nav__search-placeholder {
    display: none;
}

/* Reused as a real search input: strip native field styling so it
   renders exactly like the previous placeholder text. */
input.main-nav__search-placeholder {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    min-width: 0;
    flex: 1 1 auto;
    color: inherit;
    font: inherit;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

input.main-nav__search-placeholder::placeholder {
    color: #286FDB;
    opacity: 1;
}

input.main-nav__search-placeholder::-webkit-search-decoration,
input.main-nav__search-placeholder::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.main-nav__burger {
    display: none;
}

.main-nav {
    min-height: 66px;
    background: #FFFFFF;
}

.main-nav__inner {
    min-height: 66px;
    padding: 0 35px 0 35px;
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0 auto;
    max-width: 1440px;
}

.main-nav__logo {
    flex: 0 0 167px;
    min-width: 167px;
    display: inline-flex;
    align-items: center;
}

.main-nav__logo-image {
    width: 167px;
    height: 55px;
    display: block;
    object-fit: contain;
    object-position: left center;
}

.main-nav__scroll {
    min-width: 0;
    --nav-scroll-gap: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--nav-scroll-gap);
}

.main-nav__menu {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    white-space: nowrap;
}

.main-nav__menu a,
.main-nav__action-link,
.main-nav__icon-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    color: var(--color-text);
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
}

.main-nav__menu a:hover,
.main-nav__action-link:hover,
.main-nav__icon-link:hover {
    color: var(--color-blue);
}

.main-nav__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
    white-space: nowrap;
}

.main-nav__icon-link {
    width: 24px;
    min-height: 40px;
    justify-content: center;
}

.main-nav__action-link {
    gap: 5px;
}

.main-nav__action-link img,
.main-nav__icon-link img {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.main-nav__icon-link--search img,
.main-nav__action-link--login img {
    width: 24px;
    height: 24px;
}

.main-nav__action-link--login img {
    object-fit: none;
    object-position: center;
}

.main-nav__icon-link--bookmark img {
    width: 18px;
    height: 18px;
}

.main-nav__menu-more {
    display: none;
}

/* ============== "Ещё" dropdown menu (Figma Frame 519) ============== */
.main-nav__menu-more {
    position: relative;
}

.main-nav__menu-more.is-open .education-faq__icon {
    transform: rotate(180deg);
}

.main-nav__more-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 60;
    width: 219px;
    padding: 7px 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4px 7px rgba(40, 111, 219, 0.15);
    opacity: 0;
    transform: translateY(-8px);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms;
}

.main-nav__menu-more.is-open .main-nav__more-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
    transition: opacity 200ms ease, transform 200ms ease;
}

.main-nav__more-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav__more-item {
    position: relative;
}

.main-nav__more-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 172px;
    height: 0;
    transform: translateX(-50%);
    border-bottom: 1px solid #e8eaf1;
}

.main-nav__more-menu .main-nav__more-link {
    display: flex;
    align-items: center;
    min-height: 0;
    height: 39px;
    padding: 0 20px;
    color: #001f2a;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 150ms ease;
}

.main-nav__more-menu .main-nav__more-link:hover,
.main-nav__more-menu .main-nav__more-link:focus-visible {
    color: #001f2a;
    background: #e8eaf1;
}

.main-nav__menu-mobile,
.main-nav__label--mobile,
.main-nav__search-placeholder {
    display: none;
}

/* Reused as a real search input: strip native field styling so it
   renders exactly like the previous placeholder text. */
input.main-nav__search-placeholder {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    min-width: 0;
    flex: 1 1 auto;
    color: inherit;
    font: inherit;
    background: transparent;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
}

input.main-nav__search-placeholder::placeholder {
    color: #286FDB;
    opacity: 1;
}

input.main-nav__search-placeholder::-webkit-search-decoration,
input.main-nav__search-placeholder::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.main-nav__burger {
    display: none;
}

/* ============== Expandable header search ============== */
.main-nav__search {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    max-width: 0;
    height: 38px;
    /* Collapse the flex gap the empty field would otherwise add */
    margin: 0 0 0 calc(-1 * var(--nav-scroll-gap, 18px));
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-width 200ms ease, opacity 200ms ease;
}

.main-nav__search-input {
    width: 100%;
    height: 100%;
    padding: 0 50px 0 20px;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 100%;
    background: var(--color-bg);
    border: none;
    border-radius: 8px;
    outline: none;
    appearance: none;
}

.main-nav__search-input::placeholder {
    color: var(--color-gray);
    opacity: 0.7;
    font-weight: 600;
}

/* Remove native search field decorations */
.main-nav__search-input::-webkit-search-decoration,
.main-nav__search-input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

main {
    min-height: 100vh;
}

.main-nav__search-field-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    cursor: pointer;
    background: url(http://186.246.4.56/wp-content/themes/bitkoganmain/assets/icon-search.svg) center / contain no-repeat;
}

.main-nav.is-search-open .main-nav__scroll {
    flex: 1 1 auto;
    gap: 18px;
}

.main-nav.is-search-open .main-nav__menu,
.main-nav.is-search-open .main-nav__icon-link--search {
    display: none;
}

.main-nav.is-search-open .main-nav__search {
    max-width: 850px;
    margin-left: 0;
    opacity: 1;
    pointer-events: auto;
}

.auth-modal {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 200ms ease, visibility 0s linear 200ms;
}

.auth-modal--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 200ms ease, visibility 0s;
}

.auth-modal__dialog {
    position: relative;
    width: min(563px, 100%);
    height: 353px;
    border-radius: 8px;
    background: var(--color-bg);
    box-shadow: var(--shadow-card);
    opacity: 0;
    transform: scale(0.97);
    transition: opacity 200ms ease, transform 200ms ease, height 220ms ease;
}

.auth-modal--open .auth-modal__dialog {
    opacity: 1;
    transform: scale(1);
}

@keyframes authPanelFade {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.auth-modal--open .auth-modal__content:not([hidden]) {
    animation: authPanelFade 220ms ease;
}

.auth-modal__close {
    position: absolute;
    z-index: 1;
    top: -31px;
    right: -31px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
    font: 300 27px/22px var(--font-body);
}

.auth-modal__tabs {
    display: grid;
    grid-template-columns: calc(50% + 0.5px) calc(50% - 0.5px);
    height: 63px;
}

.auth-modal__tab {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-text);
    font: 600 18px/22px var(--font-title);
}

.auth-modal__tab--active {
    border-radius: 8px 0 0 0;
    background: #ffffff;
}

.auth-modal__tab--registration.auth-modal__tab--active {
    border-radius: 0 8px 0 0;
}

.auth-modal__content {
    display: grid;
    min-height: 100%;
    place-items: center;
    border-radius: 0 0 8px 8px;
    background: #ffffff;
    height: fit-content;
    padding: 20px 0;
}

.auth-modal__content--registration {
    display: none;
}

.auth-modal__content--recovery {
    display: none;
}

.auth-modal--registration .auth-modal__content--login {
    display: none;
}

.auth-modal--registration .auth-modal__content--registration {
    display: grid;
}

.auth-modal--recovery .auth-modal__dialog {
    height: 306px;
}

.auth-modal--recovery .auth-modal__tabs,
.auth-modal--recovery .auth-modal__content--login {
    display: none;
}

.auth-modal--recovery .auth-modal__content--recovery {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    height: 100%;
    padding: 40px 38px;
    border-radius: 8px;
}

.auth-modal__recovery-title {
    margin: 0;
    width: 100%;
    color: var(--color-text);
    font: 600 18px/22px var(--font-title);
    text-align: center;
}

.auth-modal__recovery-description {
    margin: 0;
    color: #44474f;
    font: 400 16px/22px var(--font-body);
    text-align: center;
}

.auth-modal__content--success {
    display: none;
}

.auth-modal--success .auth-modal__dialog {
    height: 313px;
}

.auth-modal--success .auth-modal__tabs,
.auth-modal--success .auth-modal__content--login {
    display: none;
}

.auth-modal--success .auth-modal__content--success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    height: 100%;
    padding: 40px 38px;
    border-radius: 8px;
}

.auth-modal__success-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.auth-modal__success-email {
    font-weight: 700;
    color: inherit;
}

.auth-modal__success-actions {
    display: flex;
    justify-content: center;
    width: 100%;
}

.auth-modal__submit.auth-modal__success-close {
    width: 183px;
    height: 36px;
    padding: 0 25px;
}

/* Установка нового пароля (переход по ссылке из письма) */
.auth-modal__content--reset {
    display: none;
}

.auth-modal--reset .auth-modal__dialog {
    height: 319px;
}

.auth-modal--reset .auth-modal__tabs,
.auth-modal--reset .auth-modal__content--login {
    display: none;
}

.auth-modal--reset .auth-modal__content--reset {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    height: 100%;
    padding: 40px 38px;
    border-radius: 8px;
}



.auth-modal__reset-fields {
    display: grid;
    grid-template-rows: repeat(2, 50px);
    gap: 10px;
}



.auth-modal__recovery-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-modal__recovery-fields {
    display: grid;
}

.auth-modal__form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 76px);
    height: 231px;
}

.auth-modal__fields {
    display: grid;
    grid-template-rows: repeat(2, 50px);
    gap: 10px;
}

.auth-modal__fields--registration {
    grid-template-rows: repeat(3, 50px);
}

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

.auth-modal__input {
    width: 100%;
    height: 50px;
    padding: 0 19px;
    border: 0;
    border-radius: 8px;
    outline: 0;
    background: var(--color-bg);
    color: var(--color-text);
    font: 300 12px/16px var(--font-body);
}

.auth-modal__input::placeholder {
    color: var(--color-text);
    opacity: 1;
}

.auth-modal__actions {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 81px;
}

.auth-modal__submit {
    width: 100%;
    height: 50px;
    padding: 0 25px;
    border: 0;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font: 600 16px/22px var(--font-body);
}

.auth-modal__submit:hover,
.auth-modal__submit:focus-visible {
    background: var(--color-blue-hover);
}

.auth-modal__form--registration {
    height: auto;
    gap: 0;
}

.auth-modal__fields--registration {
    margin-bottom: 20px;
}

.auth-modal__consent {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 16px;
    color: var(--color-text);
    font: 400 10px/14px var(--font-body);
    margin-bottom: 30px;
}

.auth-modal__checkbox {
    appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin: 0;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
}

.auth-modal__checkbox:checked::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid var(--color-blue);
    border-width: 0 1.5px 1.5px 0;
    transform: rotate(45deg);
}

.auth-modal__back {
    display: none;
}

.auth-modal__forgot {
    height: 11px;
    color: var(--color-text);
    font: 700 10px/12px var(--font-title);
    text-align: center;
    text-decoration: underline;
}

.auth-modal__close:focus-visible,
.auth-modal__tab:focus-visible,
.auth-modal__forgot:focus-visible {
    outline: 2px solid var(--color-blue);
    outline-offset: 2px;
}

/* Модальное окно «Отправить заявку» (по figma.json) */
.auth-modal__content--request {
    display: none;
}

.auth-modal--request .auth-modal__dialog {
    height: 654px;
}

.auth-modal--request .auth-modal__tabs,
.auth-modal--request .auth-modal__content--login {
    display: none;
}

.auth-modal--request .auth-modal__content--request {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
    border-radius: 8px;
}

.auth-modal__form--request {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 487px;
    height: auto;
}

.auth-modal__request-title {
    margin: 0;
    color: var(--color-text);
    font: 600 18px/22px var(--font-title);
    text-align: center;
}

.auth-modal__request-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-modal__request-textarea {
    height: 119px;
    padding: 17px 19px;
    resize: none;
    font: 300 12px/16px var(--font-body);
}

.auth-modal__request-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 32px;
    margin: 0;
    color: #44474f;
    font: 400 12px/16px var(--font-body);
}



.auth-modal__request-checkbox {
    margin-top: 0;
    background: var(--color-bg);
}


.auth-modal__request-required {
    margin: 0;
    color: #44474f;
    font: 400 12px/16px var(--font-body);
}

.auth-modal__request-submit {
    cursor: pointer;
}

.auth-modal__request-submit:disabled,
.auth-modal__request-submit:disabled:hover,
.auth-modal__request-submit:disabled:focus-visible {
    background: var(--color-blue);
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .auth-modal {
        padding: 16px;
    }

    .auth-modal__close {
        top: 8px;
        right: 8px;
        color: var(--color-text);
    }

    .auth-modal__tabs {
        grid-template-columns: 1fr 1fr;
    }

    .auth-modal__form {
        width: calc(100% - 40px);
    }
}

@media (max-width: 480px) {
    .auth-modal {
        padding: 0;
    }

    .auth-modal__dialog {
        width: 100%;
        height: 100dvh;
        border-radius: 0;
        box-shadow: none;
    }

    .auth-modal__close {
        display: none;
    }

    .auth-modal__content {
        display: block;
        height: calc(100% - 65px);
        padding-top: 60px;
        border-radius: 0;
    }

    .auth-modal__content[hidden] {
        display: none;
    }

    .auth-modal__form {
        width: calc(100% - 20px);
        height: auto;
        gap: 30px;
        margin: 0 auto;
    }

    .auth-modal__tabs {
        height: 65px;
    }

    .auth-modal__tab--active,
    .auth-modal__tab--registration.auth-modal__tab--active {
        border-radius: 0;
    }

    .auth-modal--registration .auth-modal__content--registration {
        display: block;
    }

    .auth-modal--recovery .auth-modal__dialog {
        height: 100dvh;
    }

    .auth-modal--recovery .auth-modal__content--recovery {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        height: 100dvh;
        padding: 0 10px;
        border-radius: 0;
    }

    .auth-modal__recovery-title {
        width: 340px;
        font-size: 18px;
        line-height: 22px;
    }

    .auth-modal__recovery-description {
        margin: 0;
        width: 340px;
        font-size: 16px;
        line-height: 22px;
    }

    .auth-modal__desktop-break {
        display: none;
    }

    .auth-modal__form--recovery {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        width: 340px;
    }

    .auth-modal__form--recovery .auth-modal__recovery-group {
        gap: 30px;
        width: 100%;
    }

    .auth-modal__form--recovery .auth-modal__recovery-fields {
        width: 100%;
    }

    .auth-modal__form--recovery .auth-modal__back {
        order: 0;
        margin-top: -20px;
    }

    .auth-modal--success .auth-modal__dialog {
        height: 100dvh;
    }

    .auth-modal--success .auth-modal__content--success {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        height: 100dvh;
        padding: 0 10px;
        border-radius: 0;
    }

    .auth-modal__success-body {
        width: 340px;
    }

    .auth-modal__success-actions {
        width: 100%;
    }

    .auth-modal__submit.auth-modal__success-close {
        width: 100%;
        height: 50px;
    }

    .auth-modal--reset .auth-modal__dialog {
        height: 100dvh;
    }

    .auth-modal--reset .auth-modal__content--reset {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        height: 100dvh;
        padding: 0 10px;
        border-radius: 0;
    }

    .auth-modal__reset-title {
        width: 340px;
    }

    .auth-modal__form--reset {
        width: 340px;
    }

    .auth-modal__reset-fields {
        width: 100%;
    }

    .auth-modal__form--registration {
        gap: 0;
    }

    .auth-modal__fields--registration {
        margin-bottom: 30px;
    }

    .auth-modal__consent {
        align-items: flex-start;
        font-size: 14px;
        line-height: 19px;
    }

    .auth-modal__form--registration .auth-modal__checkbox {
        margin-top: 1px;
        width: 20px;
        flex: 0 0 20px;
        height: 20px;
    }

    .auth-modal__form--registration .auth-modal__checkbox:checked::after {
        top: 4px;
        left: 7px;
    }

    .auth-modal__form--registration .auth-modal__back {
        margin-top: 10px;
    }

    .auth-modal__input {
        font-size: 14px;
        line-height: 19px;
    }

    .auth-modal__actions {
        height: auto;
        gap: 30px;
    }

    .auth-modal__forgot {
        order: -1;
        height: auto;
        font-size: 14px;
        line-height: 17px;
    }

    .auth-modal__back {
        display: block;
        order: 1;
        width: 100%;
        height: 50px;
        padding: 0 25px;
        margin-top: -20px;
        border: 1px solid var(--color-blue);
        border-radius: 8px;
        background: #ffffff;
        color: var(--color-blue);
        font: 600 16px/22px var(--font-body);
    }

    .auth-modal--request .auth-modal__dialog {
        height: 100dvh;
    }

    .auth-modal--request .auth-modal__content--request {
        justify-content: center;
        height: 100dvh;
        overflow-y: auto;
        border-radius: 0;
    }

    .auth-modal__form--request {
        width: 100%;
        padding: 0 10px;
        gap: 20px;
    }

    .auth-modal__request-input,
    .auth-modal__request-textarea {
        font-size: 14px;
        line-height: 19px;
    }

    .auth-modal__request-consent {
        font-size: 12px;
        line-height: 15px;
    }

    .auth-modal__request-required {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 10px;
    }

    .auth-modal__request-back {
        margin-top: -10px;
    }
}

a,
button,
[role="button"] {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.site-header {
    width: 100%;
    background: #ffffff;
}

.promo-bar {
    min-height: 66px;
    color: #FFFFFF;
    background-image: url("assets/fon-header.jpg");
    background-position: center;
    background-size: cover;
    overflow: hidden;

}

.promo-bar__inner {
    padding-left: 168px;
    padding-right: 168px;
    min-height: 66px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    max-width: 1440px;
}

.promo-bar__text {
    min-width: 0;
    padding-bottom: 2px;
}

.promo-bar__title,
.promo-bar__subtitle {
    margin: 5px 0;
}

.promo-bar__title {
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 100%;
    font-weight: 700;
}

.promo-bar__subtitle {
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0%;
}

.promo-bar__button {
    flex: 0 0 auto;
    width: 158px;
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(90deg, #cd08f4 0%, #7f0cd5 100%);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.main-nav {
    min-height: 66px;
    background: #FFFFFF;
}

.main-nav__inner {
    min-height: 66px;
    padding: 0 35px 0 35px;
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0 auto;
    max-width: 1440px;
}

.main-nav__logo {
    flex: 0 0 167px;
    min-width: 167px;
    display: inline-flex;
    align-items: center;
}

.main-nav__logo-image {
    width: 167px;
    height: 55px;
    display: block;
    object-fit: contain;
    object-position: left center;
}

.main-nav__scroll {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.main-nav__menu {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    white-space: nowrap;
}

.main-nav__menu a,
.main-nav__action-link,
.main-nav__icon-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    color: var(--color-text);
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
}

.main-nav__menu a:hover,
.main-nav__action-link:hover,
.main-nav__icon-link:hover {
    color: var(--color-blue);
}

.main-nav__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 18px;
    white-space: nowrap;
}

.main-nav__icon-link {
    width: 24px;
    min-height: 40px;
    justify-content: center;
}

.main-nav__action-link {
    gap: 5px;
}

.main-nav__action-link img,
.main-nav__icon-link img {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.main-nav__icon-link--search img,
.main-nav__action-link--login img {
    width: 24px;
    height: 24px;
}

.main-nav__action-link--login img {
    object-fit: none;
    object-position: center;
}

.main-nav__icon-link--bookmark img {
    width: 18px;
    height: 18px;
}

.main-nav__menu-more {
    display: none;
}

.main-nav__burger {
    display: none;
}

@media (max-width: 1024px) and (min-width: 721px) {
    .main-nav__logo {
        flex: 0 0 110px;
        min-width: 110px;
    }

    .main-nav__logo-image {
        width: 110px;
        height: 24px;
    }

    .main-nav__menu-overflow {
        display: none;
    }

    .main-nav__menu-more {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .main-nav__menu-more .education-faq__icon {
        flex: 0 0 14px;
        width: 14px;
        height: 14px;
    }

    .main-nav__menu-more .education-faq__icon::before {
        width: 8px;
        height: 8px;
        margin-top: -6px;
    }
    .main-nav__menu {
        gap: 15px;
    }
}

@media (max-width: 1180px) {
    .main-nav__inner {
        padding-inline: 24px;
        gap: 28px;
    }

    .main-nav__scroll {
        overflow-x: auto;
        scrollbar-width: thin;
    }

    .main-nav__scroll::-webkit-scrollbar {
        height: 4px;
    }

    .main-nav__scroll::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: rgba(10, 37, 55, 0.25);
    }
}

@media (max-width: 720px) {
    .promo-bar__inner {
        width: min(100% - 24px, 1007px);
        min-height: 86px;
        padding: 12px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .promo-bar__title {
        font-size: 14px;
    }

    .promo-bar__subtitle {
        font-size: 12px;
    }

    .promo-bar__button {
        width: 158px;
        height: 34px;
        padding-inline: 16px;
        font-size: 12px;
    }

    .main-nav__inner {
        min-height: 64px;
        padding: 0 16px;
        gap: 18px;
    }

    .main-nav__logo {
        flex-basis: 132px;
        min-width: 132px;
    }

    .main-nav__menu {
        gap: 18px;
    }

    .main-nav__actions {
        gap: 14px;
    }
}

.page-main,
#blog-page,
.media-page,
.premium-blog-page,
.paid-analytics-page,
.services-page,
.education-page,
.about-page {
    max-width: 1440px;
    margin: 0 auto;
    background: var(--color-bg);
    padding: 50px 30px;
}

.services-page {
    padding-bottom: 20px;
}

.media-page__container,
.premium-blog-page__container,
.paid-analytics__container,
.services-page__container,
.about-page__container {
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.page-main > section:not(:last-child),
.page-main > div:not(:last-child) {
    margin-bottom: 50px;
}

.featured-news {
    position: relative;
    min-height: fit-content;
    display: grid;
    grid-template-columns: minmax(0, 70%) 447px;
    gap: 19px;
}

.featured-news__hero {
    position: relative;
    height: 387px;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: var(--shadow-card-sm);
    background: #071525;
}

.featured-news__hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.featured-news__hero-shade {
    position: absolute;
    inset: 0 auto 0 0;
    width: 100%;
    background: linear-gradient(
            263deg,
            rgba(217, 217, 217, 0) 1.9%,
            rgba(0, 0, 0, 0.45) 57%,
            #000000 106.75%
    );
    pointer-events: none;
}

.featured-news__hero-content {
    position: absolute;
    padding: 35px 20px;
    width: min(619px, calc(100% - 40px));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #FFFFFF;
    height: 100%;
}

.featured-news__hero-badge {
    min-width: 107px;
    min-height: 29px;
    padding: 7px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-size: 12px;
    line-height: 100%;
    font-weight: 700;
}

.featured-news__hero-body {
    margin-top: 32px;
}

.featured-news__hero-title {
    margin: 0;
    max-width: 619px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.28;
    font-weight: 700;
}

.featured-news__hero-description {
    width: min(421px, 100%);
    margin: 13px 0 0;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
}

.featured-news__meta {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--color-text);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
    white-space: nowrap;
}

.featured-news__meta--light {
    color: #FFFFFF;
}

.featured-news__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.featured-news__reading img {
    width: 17px;
    height: 17px;
    display: block;
    object-fit: contain;

}

.featured-news__slider {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.featured-news__slider-button {
    width: 31px;
    height: 23px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.featured-news__slider-button:hover {
    background: rgba(255, 255, 255, 0.32);
}

.featured-news__slider-button img {
    width: 13px;
    height: 13px;
    display: block;
}

.featured-news__slider-button--prev img {
    transform: rotate(180deg);
}

.featured-news__dots {
    display: flex;
    align-items: center;
    gap: 4px;
}

.featured-news__dot {
    width: 7px;
    height: 7px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}

.featured-news__dot--active {
    background: var(--color-blue);
}

.featured-news__list {
    position: relative;
    z-index: 1;
    width: 447px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    touch-action: pan-y;
}

.featured-news__side-slider {
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 2;
    height: 387px;
    width: 3px;
    pointer-events: none;
}

.featured-news__side-track {
    position: relative;
    width: 4px;
    height: 100%;
    border-radius: 999px;
    background: #D2DBEC80;
    overflow: hidden;
}

.featured-news__side-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 55px;
    border-radius: 4px;
    background: #015AC233;
    transition: transform 0.2s ease;
}

.featured-news__card {
    width: 428px;
    /* Было min-height (плавающий низ) - если содержимое колонки
       (заголовок/теги/мета) после подмены веб-шрифта занимало чуть больше
       места, карточка росла, и это тянуло за собой всю колонку и сдвигало
       "Стратегии Bitkogan" ниже (CLS). Заголовок теперь на фиксированной
       высоте (3 строки), поэтому жёсткая высота карточки, равная высоте
       картинки, больше не обрежет контент, а рост исключает полностью. */
    height: 115px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    cursor: pointer;
}

.featured-news__card--compact {
    align-items: center;
}

.featured-news__card-image {
    width: 199px;
    height: 115px;
    flex: 0 0 199px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: var(--shadow-card);
    background: #e9e9e9;
}

.featured-news__card--compact .featured-news__card-title {
    max-width: 170px;
}

.featured-news__card-content {
    width: 214px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.featured-news__tags {
    min-height: 18px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.featured-news__tags--multi {
    width: 184px;
    gap: 2.5px;
    flex-wrap: wrap;
}

.featured-news__bookmark {
    width: 11px;
    height: 15px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.featured-news__tag {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 3px;
    background: #d2dbec;
    color: #000000;
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
}

#subscribe {
    font-weight: 700;
}

.featured-news__tag--primary {
    background: var(--color-blue);
    color: #ffffff;
}

.featured-news__tag--primary img {
    width: 11px;
    height: 11px;
    display: block;
}

.featured-subscribe__tag--primary {
    background: #EEF3FC;
    color: var(--color-blue);
}

.featured-subscribe__tag--primary img {
    width: 11px;
    height: 11px;
    display: block;
}

.featured-news__card-title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* line-clamp сам по себе - это потолок, а не резерв: короткий заголовок
       занимает 1 строку сразу после первой отрисовки, а после подмены
       веб-шрифта тот же текст может перенестись на 2-3 строки (в рамках
       того же лимита, без обрезки) - карточка растёт, растёт вся колонка
       featured-news__list, и всё, что ниже (включая "Стратегии Bitkogan"),
       сдвигается. Явная высота под 3 строки убирает саму возможность роста. */
    height: calc(14px * 1.2 * 3);
}

.featured-news__card .featured-news__meta {
    margin-top: 0;
    gap: 3px;
}

.strategy-cta {
    min-height: 192px;
    padding: 19px 20px 23px;
    display: grid;
    grid-template-columns: 326px 325px 427px;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    border-radius: 8px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card-sm);
}

.strategy-cta__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.strategy-cta__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 18px;

    font-weight: 700;
}

.strategy-cta__description {
    margin: 20px 0 0;
    color: var(--color-gray);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}

.strategy-cta__button {
    width: 191px;
    height: 34px;
    margin-top: 20px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.strategy-cta__benefits {
    width: 325px;
    margin: 0;
    padding: 0;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
}

.strategy-cta__benefit {
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--color-gray);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
}

.strategy-cta__benefit-icon {
    position: relative;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(238, 243, 252, 0.2);
    box-shadow: 0 4px 4px rgba(40, 111, 219, 0.25);
}

.strategy-cta__benefit-icon img {
    width: 23px;
    height: 20px;

}

.strategy-cta__app {
    position: relative;
    width: 427px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
    background: url("assets/strategy-cta__app.png") center / cover no-repeat;
    /* PNG - фолбэк для браузеров без image-set(); WebP в разы легче (47 КБ -> <1 КБ) */
    background: image-set(url("assets/strategy-cta__app.webp") type("image/webp") 1x, url("assets/strategy-cta__app.png") type("image/png") 1x) center / cover no-repeat;
    box-shadow: var(--shadow-card-sm);
}

.strategy-cta__app-wave {
    position: absolute;
    top: -50px;
    left: 150px;
    width: 350px;
    height: 200px;
    transform: rotate(30deg);
    pointer-events: none;
}

.strategy-cta__app-content {
    position: relative;
    z-index: 1;
    padding: 27px 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.strategy-cta__app-info {
    min-width: 0;
}

.strategy-cta__app-title {
    margin: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.strategy-cta__stores {
    margin-top: 12px;
    display: flex;
    gap: 7px;
}

.strategy-cta__store {
    width: 127px;
    height: 38px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(40, 111, 219, 0.2);
    color: #ffffff;
    font-family: var(--font-title);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.strategy-cta__store--primary {
    gap: 10px;
    background: var(--color-blue);
}

.strategy-cta__store img {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: block;
    object-fit: contain;

}

@media (max-width: 1024px) and (min-width: 721px) {
    .strategy-cta__app {
        height: auto;
    }

    .strategy-cta__store {
        flex: 0 0 auto;
        width: auto;
        min-width: 120px;
    }

    .strategy-cta__qr {
        width: 80px;
        height: 78px;
    }
}

@media (max-width: 1024px) {
    .featured-news__hero-content {
        padding: 46px 30px;
    }
    .strategy-cta__app-content {
        padding: 19px 20px;
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: start;
        column-gap: 24px;
        row-gap: 9px;
        height: auto;
    }

    .strategy-cta__app-info {
        display: contents;
    }

    .strategy-cta__app-title {
        grid-column: 1;
        grid-row: 1;
    }

    .strategy-cta__qr {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .strategy-cta__stores {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-top: 0;
    }
}

.strategy-cta__qr {
    width: 101px;
    height: 98px;
    flex: 0 0 101px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
}

@media (max-width: 1180px) {

    .featured-news {
        grid-template-columns: 1fr;
    }
    .featured-news__list {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    .featured-news__side-slider {
        display: none;
    }

    .featured-news__card,
    .featured-news__card--compact {
        width: 100%;
        min-height: auto;
        flex-direction: column;
        gap: 10px;
    }

    .featured-news__card-image,
    .featured-news__card--compact .featured-news__card-image {
        width: 100%;
        height: auto;
        aspect-ratio: 199 / 115;
        flex-basis: auto;
    }

    .featured-news__card-content,
    .featured-news__card--compact .featured-news__card-content {
        width: 100%;
    }

    .strategy-cta {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .strategy-cta__intro,
    .strategy-cta__benefits,
    .strategy-cta__app {
        width: 100%;
    }

    .strategy-cta__app {
        max-width: 427px;
    }
}

@media (max-width: 720px) {
    .page-main {
        padding: 24px 0 40px;
    }

    .strategy-cta {
        padding: 18px 16px;
    }

    .strategy-cta__stores {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {

    .featured-news__hero {
        aspect-ratio: auto;
        min-height: 360px;
    }

    .featured-news__hero-body {
        margin-top: 18px;
    }

    .featured-news__hero-title {
        font-size: 18px;
    }

    .featured-news__meta {
        flex-wrap: wrap;
        gap: 8px 14px;
        white-space: normal;
    }

    .featured-news__card,
    .featured-news__card--compact {
        flex-direction: column;
    }

    .featured-news__card-image,
    .featured-news__card--compact .featured-news__card-image {
        width: 100%;
        max-width: none;
        height: auto;
        aspect-ratio: 199 / 115;
        flex-basis: auto;
    }

    .featured-news__tags--multi {
        width: 100%;
        flex-wrap: wrap;
    }

    .strategy-cta__title {
        font-size: 16px;
    }

    .strategy-cta__app {
        height: auto;
    }

    .strategy-cta__app-content {
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

    .strategy-cta__qr {
        width: 96px;
        height: 96px;
    }
}

.three-blocks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.news-panel {
    min-width: 0;
    padding: 20px;
    border-radius: 8px;
    background: #ffffff;

}

.news-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 20px;
}

.news-panel__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}

.news-panel__more {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-blue);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.news-panel__more img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.news-panel__more:hover {
    color: #2a6aca;
}

.news-panel__button {
    display: none;
}

.news-panel__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-panel__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 14px 0;
    border-top: 1px solid rgba(15, 31, 49, 0.08);
}

.news-panel__item:first-child {
    padding-top: 0;
    border-top: 0;
}

.news-panel__item:last-child {
    padding-bottom: 0;
}

.news-panel__thumb {
    width: 77px;
    height: 79px;
    flex: 0 0 77px;
    display: block;
    border-radius: 8px;
    object-fit: cover;
    background: #e9e9e9;
}

.news-panel__body {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.news-panel__tags {
    display: flex;
    align-items: center;
    gap: 6px;
}

.news-panel__bookmark {
    width: 11px;
    height: 15px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.news-panel__tag {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #d2dbec;
    color: var(--color-text);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
}

.news-panel__item-title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    padding-right: 4%;
}

.news-panel__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    color: var(--color-text);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.news-panel__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.news-panel__reading img {
    width: 17px;
    height: 17px;
    display: block;
    object-fit: contain;
}

@media (max-width: 1180px) {
    .three-blocks {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.strategy-banner {
    position: relative;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    min-height: 123px;
    color: #ffffff;
    background:
            linear-gradient(90deg, #000000 0%, #00000000 55%, #00000000 100%),
            url("assets/strategy-banner.jpg") center / cover no-repeat;
}
.strategy-banner__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 20px;
    gap: 16px;
    min-height: 123px;
    padding-right: 19.5%;
}

.strategy-banner__content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.strategy-banner__title {
    margin: 0;
    color: #ffffff;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.22;
    font-weight: 700;
}

.strategy-banner__subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;
}

.strategy-banner__button {
    flex: 0 0 auto;
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.strategy-banner__button:hover {
    background: var(--color-blue-hover);
}

@media (max-width: 720px) {
    .strategy-banner__inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px;
        gap: 16px;
    }

    .strategy-banner__button {
        margin-left: 0;
    }

    .strategy-banner__title {
        font-size: 20px;
    }
}

.subscribe-section {
    position: relative;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: var(--shadow-card);
    padding: 20px;
    height: 235px;
}

.subscribe-section__glow {
    position: absolute;
    top: 150px;
    left: -60px;
    width: 1408px;
    height: 130px;
    border-radius: 50%;
    background: rgba(40, 111, 219, 0.5);
    filter: blur(120px);
    pointer-events: none;
    z-index: 0;
}

.subscribe-section__inner {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 85px;
    height: 100%;
}

.subscribe-section__left {
    flex: 0 0 277px;
    display: flex;
    flex-direction: column;
    position: relative;
    align-self: flex-start;
}

.subscribe-section__header {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.subscribe-section__badge {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px 7px;
    border-radius: 3px;
    background: #EEF4FC;
    color: var(--color-blue);
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 700;
    width: fit-content;
}

.subscribe-section__star {
    display: block;
    flex: 0 0 auto;
}

.subscribe-section__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    padding-bottom: 10px;
}

.subscribe-section__description {
    margin: 0;
    color: var(--color-gray);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
}

.subscribe-section__benefits {
    flex: 0 0 465px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-self: center;
}

.subscribe-section__benefits-row {
    display: flex;
    gap: 35px;
}

.subscribe-section__benefit {
    display: flex;
    align-items: center;
    gap: 19px;
    width: 215px;
}

.subscribe-section__benefit-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dee7f8;
    box-shadow: 0 4px 4px #286FDB40;
}

.subscribe-section__benefit-icon img {
    width: 33px;
    height: 33px;
    display: block;
    object-fit: contain;
}

.subscribe-section__benefit-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.subscribe-section__benefit-title {
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.subscribe-section__benefit-subtitle {
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.subscribe-section__card {
    flex: 0 0 422px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 4px 8.4px rgba(40, 111, 219, 0.1);
    padding: 20px;
}

.subscribe-section__card-icon-wrap {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.subscribe-section__card-icon {
    width: 57px;
    height: 57px;
    flex: 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #EEF4FC;
}

.subscribe-section__card-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.subscribe-section__card-title {
    margin: 0;
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.subscribe-section__card-description {
    margin: 0;
    color: var(--color-gray);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.subscribe-section__card-link {
    color: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.subscribe-section__card-link img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.subscribe-section__card-link:hover {
    color: var(--color-blue-hover);
}

.subscribe-section__card-button {
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

#tariff-month {
    width: 237px;
}

.subscribe-section__card-button:hover {
    background: var(--color-blue-hover);
}

.subscribe-section__foto {
    display: block;
    width: 257px;
    height: auto;
    aspect-ratio: 514 / 229;
    margin-right: 30px;
    align-self: flex-end;
    flex-shrink: 0;
    pointer-events: none;
}

@media (max-width: 1180px) {
    .subscribe-section__inner {
        flex-wrap: wrap;
        gap: 40px;
        padding-left: 0;
    }

    .subscribe-section__left {
        flex-basis: 100%;
    }

    .subscribe-section__benefits {
        flex-basis: auto;
        width: 100%;
        align-self: auto;
    }

    .subscribe-section__card {
        flex-basis: auto;
        width: 100%;
        max-width: 422px;
    }

    .subscribe-section__foto {
        width: 180px;
        margin-right: -30px;
    }
}

@media (max-width: 720px) {
    .subscribe-section__inner {
        gap: 28px;
    }

    .subscribe-section__title {
        font-size: 16px;
    }

    .subscribe-section__benefits-row {
        flex-direction: column;
        gap: 20px;
    }

    .subscribe-section__benefit {
        width: 100%;
    }

    .subscribe-section__card {
        padding: 16px;
    }

    .subscribe-section__foto {
        display: none;
    }
}

.video-section {
    border-radius: 8px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    padding: 20px;
}

.video-section__inner {
    max-width: 1380px;
    margin: 0 auto;
}

.video-section__title {
    margin: 0 0 20px;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}

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

.video-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.video-section__slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.video-section__viewport {
    flex: 1;
    min-width: 0;
}

.video-section__arrow {
    flex: 0 0 auto;
    width: 11px;
    height: 23px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #CDDCF6;
    cursor: pointer;
}

.video-section__arrow img {
    width: 11px;
    height: 23px;
    display: block;
    object-fit: contain;
}

.video-section__arrow--next img {
    transform: rotate(180deg);
}

@media (max-width: 1180px) {
    .video-section__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .video-section__grid {
        grid-template-columns: 1fr;
    }
}

.video-card__media {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow-card);
    flex: 0 0 auto;
}

.video-card__thumb {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 320 / 159;
    object-fit: cover;
}

.video-card__play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.video-card__play-icon {
    width: 37px;
    height: 37px;
    display: block;
    object-fit: contain;
}

.video-card__body {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.video-card__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.video-card__bookmark {
    width: 11px;
    height: 15px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.video-card__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    max-width: 265px;
}

.video-card__title a {
    color: inherit;
}

.video-card__topics {
    margin: 0;
    padding-left: 20px;
    color: var(--color-gray);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: auto;
}

.video-card__topics li {

    position: relative;
}
.invest-strategies-wrapper {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.invest-strategies-wrapper > * {
    min-width: 0;
}
.invest-strategies {
    flex: 1 1 auto;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: var(--shadow-card);
    padding: 20px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1181px) {
    .invest-strategies-wrapper > .invest-strategies,
    .invest-strategies-wrapper > .top-trades {
        height: 535px;
    }
}

.invest-strategies__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.invest-strategies__header-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.invest-strategies__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.invest-strategies__subtitle {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
    max-width: 456px;
}

.invest-strategies__all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-blue);
    white-space: nowrap;
    padding-top: 4px;
}

.invest-strategies__all img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.invest-strategies__all:hover {
    color: var(--color-blue-hover);
}

.invest-strategies__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.invest-strategies__carousel {
    position: relative;
    padding-inline: 20px;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.invest-strategies__viewport {
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
}

.invest-strategies__track {
    display: flex;
    gap: 20px;
    transition: transform 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    height: 100%;
    align-items: stretch;
}

.invest-strategies__group {
    flex: 0 0 calc((100% - 40px) / 3);
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.invest-strategies__group .strategy-card {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.invest-strategies__controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.invest-strategies__arrow {
    pointer-events: auto;
}

.invest-strategies__arrow--prev {
    margin-left: -20px;
}

.invest-strategies__arrow--next {
    margin-right: -20px;
}

@media (max-width: 1023px) {
    .invest-strategies__group {
        flex: 0 0 calc((100% - 20px) / 2);
    }
}

@media (max-width: 767px) {
    .invest-strategies__group {
        flex: 0 0 100%;
    }
    .invest-strategies__carousel {
        padding-inline: 30px;
    }
    .invest-strategies__arrow--prev {
        margin-left: -10px;
    }
    .invest-strategies__arrow--next {
        margin-right: -10px;
    }
}

.strategy-card {
    background: var(--color-panel);
    border-radius: 8px;
    padding: 20px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    flex: 1 0 auto;
    overflow: hidden;
}

.strategy-card__head {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
}

.strategy-card__icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.strategy-card__icon-img {
    width: 38px;
    height: 38px;
    display: block;
    object-fit: contain;
}

.strategy-card__title {
    margin: 0;
    min-height: 34.5px;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-text);
    flex: 1;
}

.strategy-card__body {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}

.strategy-card__stats {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.strategy-card__stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.strategy-card__stat-label {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--color-gray);
}

.strategy-card__stat-value {
    font-family: var(--font-body);
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}

.strategy-card__stat-value--positive {
    color: #4da180;
    text-align: end;
}

.strategy-card__stat-row {
    display: flex;
    align-items: center;
}

.strategy-card__risk {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--color-gray);
}

.strategy-card__chart {
    width: 100%;
    height: 91px;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.strategy-card__chart-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.strategy-card__features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.strategy-card__features li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
}

.strategy-card__check {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-blue);
}

.strategy-card__check::before {
    content: "";
    width: 13px;
    height: 13px;
    background: url("assets/check-icon.svg") center / 13px 13px no-repeat;
}

.strategy-card__actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.strategy-card__link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 15px;
    border-radius: 8px;
    border: 1px solid var(--color-blue);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: var(--color-blue);
    background: transparent;
}

.strategy-card__link:hover {
    background: rgba(40, 111, 219, 0.05);
}

.strategy-card__button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 13px;
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #ffffff;
    background: var(--color-blue);
}

.strategy-card__button:hover {
    background: var(--color-blue-hover);
}
.top-trades {
    flex: 0 0 445px;
    width: 445px;
    background: #011027;
    border-radius: 8px;
    padding: 20px 23px 41px 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 535px;
}

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

.top-trades__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    color: #FFFFFF;
}

.top-trades__tabs {
    display: flex;
    gap: 9px;
}

.top-trades__tab {
    flex: 0 0 auto;
    height: 32px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #FFFFFF;
    background: transparent;
    cursor: pointer;
}

.top-trades__tab:hover {
    background: rgba(255, 255, 255, 0.1);
}

.top-trades__tab--active {
    background: var(--color-blue);
    border-color: var(--color-blue);
}

.top-trades__tab--active:hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
}

.top-trades__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.top-trades__item {
    max-height: 56px;
    background: #1a253b;
    border-radius: 8px;
    padding: 19px 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.top-trades__item-left {
    display: flex;
    align-items: center;
    gap: 21px;
}

.top-trades__rank {
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    text-align: right;
}

.top-trades__ticker {
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
    display: block;
}

.top-trades__change {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}

.top-trades__change--up {
    color: #99d500;
}
@media (max-width: 1180px) {
    .invest-strategies-wrapper {
        flex-direction: column;
        align-items: stretch;
    }

    .invest-strategies__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .top-trades {
        flex-basis: auto;
        width: 100%;
        max-width: 445px;
        height: auto;
    }
}

@media (max-width: 720px) {
    .invest-strategies__header {
        flex-direction: column;
        gap: 12px;
    }

    .invest-strategies__grid {
        grid-template-columns: 1fr;
    }

    .invest-strategies__title {
        font-size: 16px;
    }

    .top-trades__title {
        font-size: 16px;
    }

    .top-trades__item {
        padding: 14px 16px;
    }

    .top-trades__rank,
    .top-trades__ticker,
    .top-trades__change {
        font-size: 16px;
    }
}
.app-section {
    border-radius: 8px;
    overflow: hidden;
    background: #011027;
    box-shadow: var(--shadow-card);
    position: relative;
}

.app-section__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 175px;
    padding: 27px 42px;
    gap: 26px;
}

.app-section__glow {
    position: absolute;
    top: -202px;
    left: 282px;
    width: 1099px;
    height: 242px;
    border-radius: 50%;
    background: var(--color-blue);
    filter: blur(200px);
    pointer-events: none;
    rotate: 1.79deg;
}

.app-section__preview {
    flex: 0 0 122px;
    width: 122px;
    height: 122px;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

.app-section__preview-frame {
    width: 108px;
    height: 105px;
    margin: 9px auto;
    overflow: hidden;
    border-radius: 4px;
}

.app-section__preview-img {
    width: 108px;
    height: 105px;
    display: block;
    object-fit: cover;
}

.app-section__content {
    flex: 1;
    min-width: 0;
    max-width: 563px;
}

.app-section__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
}

.app-section__accent {
    margin: 10px 0 0;
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.35;
    font-weight: 600;
    background: linear-gradient(92deg, #9e57ff 0%, #6c81fb 23%, #1bc2fc 46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.app-section__desc {
    margin: 10px 0 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    max-width: 563px;
}

.app-section__stores {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-self: center;
    padding-left: 52px;

}

.app-section__store {

    padding: 9px 19px;
    display: inline-flex;
    align-items: center;
    gap: 11px;
    border-radius: 8px;
    background: rgba(40, 111, 219, 0.2);
    color: #ffffff;
    font-family: var(--font-title);
}

.app-section__store:last-child {
    padding: 9px 23px;
}

.app-section__store--primary {
    gap: 10px;
    background: var(--color-blue);
}

.app-section__store img {
    width: 31px;
    height: 31px;
    flex: 0 0 auto;
    display: block;
    object-fit: contain;
}

.app-section__store:last-child img {
    width: 24px;
    height: 24px;
}

.app-section__store-text {
    display: flex;
    flex-direction: column;
}

.app-section__store-label {
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

.app-section__store-name {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}

.app-section__phones {
    position: relative;
    flex: 0 0 175px;
    width: 292px;
    height: 175px;
    margin-left: auto;
    margin-right: -42px;
    pointer-events: none;
}

.app-section__phone {
    position: absolute;
    display: block;
    height: auto;
}

.app-section__phone--back {
    height: 180px;
    width: 350px;
    top: 0;
    right: 0;
}

.app-section__phone--front {
    height: 180px;
    width: 350px;
    top: 0;
    right: 0;
    z-index: 1;
}

@media (max-width: 720px) {
    .app-section__inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px;
        gap: 20px;
    }

    .app-section__preview {
        flex-basis: auto;
        width: 96px;
        height: 96px;
    }

    .app-section__preview-frame {
        width: 80px;
        height: 80px;
        margin: 8px auto;
    }

    .app-section__preview-img {
        width: 80px;
        height: 80px;
    }

    .app-section__title {
        font-size: 20px;
    }

    .app-section__stores {
        align-self: stretch;
        flex-direction: row;
        margin-top: 0;
        margin-left: 0;
    }

    .app-section__phones {
        width: 100%;
        height: 180px;
        margin-right: 0;
        align-self: stretch;
    }

    .app-section__phone--back {
        top: -132px;
        right: -22px;
        width: 215px;
    }

    .app-section__phone--front {
        top: 34px;
        right: 56px;
        width: 142px;
    }
}
.learning-section {
    border-radius: 8px;
    overflow: hidden;
}

.learning-section__inner {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

.learning-section__left {
    flex: 1;
    min-width: 0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: var(--shadow-card);
    padding: 20px;
}

.learning-section__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.learning-section__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
}

.learning-section__subtitle {
    margin: 10px 0 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
    max-width: 300px;
}

.learning-section__courses {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.course-card {
    background: var(--color-panel);
    border-radius: 8px;
    overflow: hidden;
}

.course-card__thumb {
    width: 237px;
    height: 63px;
    overflow: hidden;
    border-radius: 8px;
}

.course-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.course-card__body {
    padding: 20px 20px 20px;
}

.course-card__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
    padding-top: 10px;
}

.course-card__desc {
    margin: 8px 0 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
}

.course-card__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-blue);
}

.course-card__link img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.course-card__link:hover {
    color: var(--color-blue-hover);
}

.learning-section__all {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding-top: 4px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-blue);
    white-space: nowrap;
}

.learning-section__all img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.learning-section__all:hover {
    color: var(--color-blue-hover);
}

.learning-section__courses-button {
    display: none;
}
.events-section {
    flex: 0 0 445px;
    width: 445px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 20px 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.events-section__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
}

.events-section__desc {
    margin: 10px 0 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
}

.events-section__formats {
    display: flex;
    gap: 20px;
}

.events-section__format {
    flex: 0 0 120px;
    width: 120px;
    height: 142px;
    background: var(--color-panel);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 25px;
    padding-bottom: 16px;
    gap: 22px;
}

.events-section__format-icon {
    width: 56px;
    height: 56px;
    display: block;
    object-fit: contain;
}

.events-section__format-label {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--color-gray);
    text-align: center;
}

.events-section__button {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 49px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.events-section__button:hover {
    background: var(--color-blue-hover);
}

@media (max-width: 1180px) {
    .learning-section__inner {
        flex-direction: column;
    }

    .learning-section__courses {
        grid-template-columns: repeat(3, 1fr);
    }

    .events-section {
        flex-basis: auto;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .learning-section__courses {
        grid-template-columns: 1fr;
    }

    .events-section__formats {
        flex-wrap: wrap;
    }
}
.services-section {
    border-radius: 8px;
    overflow: hidden;
}

.services-section__inner {
    border-radius: 8px;
    box-shadow: var(--shadow-card);

}

.services-section__title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
}

.services-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.service-card {
    background: var(--color-panel);
    border-radius: 8px;
    padding: 20px;
    padding-bottom: 25px;
    display: flex;
    gap: 20px;
    min-height: 146px;
    position: relative;
}

.service-card__icon-wrap {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
}

.service-card__icon {
    display: block;
    width: 29px;
    height: 29px;
    object-fit: contain;
}

.service-card__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.service-card__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 17px;
    line-height: 1.22;
    font-weight: 700;
    color: #011027;
    padding-bottom: 9px;
}

.service-card__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;
    color: #011027;
    padding-bottom: 13px;
}

.service-card__desc-mobile {
    display: none;
}

.ad-disclaimer {
    margin-top: 20px;
    display: flex !important;
    justify-content: center;
    text-align: center;
    font-family: "Open Sans", system-ui, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #979EAB;
}

.service-card__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-blue);
    margin-top: auto;
}

.service-card__link:hover {
    color: var(--color-blue-hover);
}

.service-card__arrow {
    width: 15px;
    height: 10px;
    display: inline-block;
    object-fit: contain;
}

@media (max-width: 1180px) {
    .services-section__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .service-card {
        flex-direction: column;
        align-items: flex-start;
    }
}
.digest-section {
    border-radius: 8px;
    overflow: hidden;
}

.digest-section__inner {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 40px;
    background: linear-gradient(
            263deg,
            rgba(217, 217, 217, 0) 1.9%,
            rgba(0, 0, 0, 0.45) 45%,
            #000000 106.75%
    ), url("assets/digest.png") center / cover no-repeat;
    /* PNG - фолбэк для браузеров без image-set(); WebP в разы легче (446 КБ -> 16 КБ) */
    background: linear-gradient(
            263deg,
            rgba(217, 217, 217, 0) 1.9%,
            rgba(0, 0, 0, 0.45) 45%,
            #000000 106.75%
    ), image-set(url("assets/digest.webp") type("image/webp") 1x, url("assets/digest.png") type("image/png") 1x) center / cover no-repeat;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 63px 25px 60px 43px;
    position: relative;
    overflow: hidden;
    min-height: 175px;

}

.digest-section__info {
    position: relative;
    z-index: 1;
    max-width: 490px;
    flex: 0 0 auto;
}

.digest-section__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #ffffff;
}

.br-digest {
    display: none;
}

.digest-section__desc {
    margin: 5px 0 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
}

.digest-section__form {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.digest-section__input-row {
    display: flex;
    gap: 4px;
    align-items: center;
}

.digest-section__input-wrap {
    flex: 0 0 246px;
    height: 34px;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.digest-section__input {
    width: 100%;
    height: 100%;
    padding: 0 19px;
    border: 0;
    outline: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 300;
    color: var(--color-text);
}

.digest-section__input::placeholder {
    color: var(--color-text);
    opacity: 0.5;
}

.digest-section__submit {
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
}

.digest-section__submit:hover {
    background: var(--color-blue-hover);
}

.digest-section__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

.digest-section__checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.digest-section__checkbox-input {
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.digest-section__checkbox-mark {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

.digest-section__checkbox-input:checked + .digest-section__checkbox-mark::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: url("assets/check-icon-checkbox.svg") center / 13px 13px no-repeat;
}

.digest-section__checkbox-text {
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
    color: #ffffff;
    max-width: 350px;
}

.digest-section__checkbox-text a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 720px) {
    .digest-section__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        padding: 20px 16px;
    }

    .digest-section__title {
        font-size: 20px;
    }

    .digest-section__input-row {
        flex-wrap: wrap;
    }

    .digest-section__input-wrap {
        flex-basis: 100%;
    }
}
.media-section {
    border-radius: 8px;
    overflow: hidden;
}

.media-section__title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.media-section__carousel {
    position: relative;
    padding-inline: 20px;
}

.media-section__viewport {
    overflow: hidden;
}

.media-section__track {
    display: flex;
    gap: 20px;
    transition: transform 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.media-section__track--no-transition {
    transition: none !important;
}

.media-section__group {
    flex: 0 0 calc((100% - 40px) / 3);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.media-card {
    display: grid;
    grid-template-columns: 88px 1px auto 1px 1fr;
    column-gap: 19px;
    align-items: center;
    padding: 0 20px 0 20px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    min-height: 78px;
}

.media-card__icons {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.media-card__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: block;
    object-fit: contain;
    object-position: center;
}

.media-card__divider {
    width: 1px;
    height: 49px;
    background: var(--color-bg);
}

.media-card__name {
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
    overflow: hidden;
    min-width: 0;
    justify-self: center;
}

.media-card__desc {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
    color: var(--color-text);
    overflow: hidden;
}

.media-section__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 31px;
    margin-top: 20px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.media-section__button:hover {
    background: var(--color-blue-hover);
}

.media-section__controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.media-section__arrow {
    width: 11px;
    height: 23px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
    pointer-events: auto;
}

.media-section__arrow img {
    width: 11px;
    height: 23px;
    display: block;
    object-fit: contain;
}

.media-section__arrow--next img {
    transform: rotate(180deg);
}

@media (max-width: 720px) {
    .media-section__group {
        flex: 0 0 100%;
    }

    .media-card {
        grid-template-columns: 88px 1px 1fr;
        column-gap: 12px;
    }

    .media-card__name {
        font-size: 14px;
    }

    .media-card__divider:last-of-type {
        display: none;
    }

    .media-card__desc {
        grid-column: 3;
    }
}
.partners-section {
    border-radius: 8px;
    overflow: hidden;
}

.partners-section__title {
    display: inline-flex;
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
    cursor: pointer;
}

.partners-section__title:hover {
    color: var(--color-blue-hover);
}

.partners-section__logos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
}

.partners-section__logo {
    width: 188px;
    height: 62px;
    object-fit: contain;
    display: block;
}

.partners-section__logo--xl {
    display: none;
}

.partners-section__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 31px;
    margin: 20px 0 0 0;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.partners-section__button:hover {
    background: var(--color-blue-hover);
}

@media (max-width: 720px) {
    .partners-section__logos {
        gap: 24px;
    }

    .partners-section__logo {
        width: 120px;
        height: 40px;
    }
}
.media-page__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    color: #979EAB;
    padding-bottom: 20px;
}

.media-page__breadcrumbs a {
    color: #979EAB;
}

.media-page__breadcrumbs-sep {
    color: #979EAB;
}

.media-page__breadcrumbs-current {
    color: #979EAB;
}

.media-page__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 50px;
}

.media-page__banner {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px 20px;
    margin-bottom: 50px;
}

.media-page__banner-text {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
}

.media-page__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
}

.media-page__filter-btn {
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-blue);
    border-radius: 8px;
    background: transparent;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--color-blue);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.media-page__filter-btn:hover {
    background: rgba(40, 111, 219, 0.08);
}

.media-page__filter-btn--active {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #FFFFFF;
}

.media-page__filter-btn--active:hover {
    background: var(--color-blue);
    border-color: var(--color-blue);
}

.media-page__cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    filter: drop-shadow(var(--shadow-card));
    padding-bottom: 50px;
}

.media-page__card {
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 262px;
}

.media-page__card-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.media-page__card-icon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--color-bg);
}

.media-page__card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.media-page__card-name {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.media-page__card-desc {
    margin: 0;
    padding: 0 0 0 16px;
    flex: 1;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 380px;
}

.media-page__card-desc li {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    position: relative;
}

.media-page__card-desc li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: -12px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #A0A5B0;
}

.media-page__card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 129px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #FFFFFF;
    flex-shrink: 0;
}

.media-page__card-btn:hover {
    background: var(--color-blue-hover);
}

.media-page__publications {
    position: relative;
}

.media-page__publications-title {
    margin: 0 0 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.media-page__publications-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.media-page__pub-tab {
    width: 83px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-blue);
    border-radius: 8px;
    background: transparent;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--color-blue);
    cursor: pointer;
    transition: all 0.2s ease;
}

.media-page__pub-tab:hover {
    background: rgba(40, 111, 219, 0.08);
}

.media-page__pub-tab--active {
    background: var(--color-blue);
    border-color: var(--color-blue);
    color: #FFFFFF;
}

.media-page__pub-tab--active:hover {
    background: var(--color-blue-hover);
}

.media-page__publications-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.media-page__pub-card {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    overflow: hidden;
}

.media-page__pub-image {
    width: 100%;
    height: 76px;
    overflow: hidden;
    background: var(--color-panel);
    position: relative;
}

.media-page__pub-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    position: absolute;
    top: -28.5px;
    left: 0;
}

.media-page__pub-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 21px;
    padding: 0 20px;
}

.media-page__pub-logo img {
    max-height: 21px;
    max-width: 111px;
    object-fit: contain;
    display: block;
    filter: none;
}

.media-page__pub-text {
    margin: 0;
    padding: 0 20px;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    text-align: center;
    max-width: 300px;
}

.media-page__pub-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #FFFFFF;
}

.media-page__pub-btn:hover {
    background: var(--color-blue-hover);
}

.media-page__publications-footer {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.media-page__show-more {
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-blue);
    border-radius: 8px;
    background: transparent;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--color-blue);
    cursor: pointer;
}

.media-page__show-more:hover {
    background: rgba(40, 111, 219, 0.08);
}

.media-page__reviews {
    overflow: hidden;
}

.media-page__reviews-title {
    margin: 50px 0 30px 20px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #011027;
}

.media-page__reviews-scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(40, 111, 219, 0.3) transparent;
    padding-bottom: 50px;
}

.media-page__reviews-scroll::-webkit-scrollbar {
    height: 6px;
}

.media-page__reviews-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(40, 111, 219, 0.3);
}

.media-page__review-card {
    flex: 0 0 319px;
    width: 319px;
    min-height: 268px;
    background: #02122A;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.media-page__review-blur {
    position: absolute;
    bottom: -60px;
    left: -40px;
    width: 394px;
    height: 200px;
    background: rgba(40, 111, 219, 0.8);
    filter: blur(200px);
    transform: rotate(1.79deg);
    pointer-events: none;
}

.media-page__review-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.media-page__review-emoji {
    font-size: 28px;
    line-height: 1;
    user-select: none;
    align-self: flex-start;
}

.media-page__review-row {
    display: flex;
    align-items: center;
    gap: 23px;
}

.media-page__review-stars {
    display: flex;
    align-items: center;
    gap: 0;
}

.media-page__review-star {
    width: 22px;
    height: 22px;
    background: #E7E061;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.media-page__review-date {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #F5F5F5;
    white-space: nowrap;
}

.media-page__review-name {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #F5F5F5;
}

.media-page__review-text {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #F5F5F5;
    text-align: center;
}

.media-page__reviews-carousel {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
}

.media-page__reviews-carousel .media-page__reviews-scroll {
    flex: 1;
    min-width: 0;
}

.media-page__reviews-arrow {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.media-page__reviews-arrow img {
    width: 16px;
    height: 16px;
    display: block;
    object-fit: contain;
}

.media-page__reviews-arrow--next img {
    transform: rotate(180deg);
}

@media (min-width: 1440px) {
    .media-page__reviews-arrow {
        display: inline-flex;
    }

}

.about-team__carousel {
    width: 100%;
}

.about-team__carousel .about-team__grid {
    flex: 1;
    min-width: 0;
}

.about-team__carousel .media-page__reviews-arrow {
    display: none;
}

.media-page__youtube {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px 15px 20px 15px;
    margin-bottom: 50px;
}

.media-page__youtube-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 4px 20px 4px;
}

.media-page__youtube-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.media-page__youtube-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: var(--color-blue);
    white-space: nowrap;
}

.media-page__youtube-link:hover {
    color: var(--color-blue-hover);
}

.media-page__youtube-scroll {
    display: flex;
    gap: 15px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(40, 111, 219, 0.3) transparent;
}

.media-page__youtube-carousel {
    display: flex;
    align-items: center;
    gap: 6px;
}

.media-page__youtube-carousel .media-page__youtube-scroll {
    flex: 1;
    min-width: 0;
    padding-bottom: 10px;
}

.media-page__youtube-arrow {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.media-page__youtube-arrow img {
    width: 16px;
    height: 16px;
    display: block;
    object-fit: contain;
}

.media-page__youtube-arrow--next img {
    transform: rotate(180deg);
}

@media (min-width: 1440px) {
    .media-page__youtube-arrow {
        display: inline-flex;
    }
}

@media (min-width: 721px) and (max-width: 1024px) {
    .media-page .media-page__publications-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .media-page .media-page__publications-grid > .media-page__pub-card:nth-child(4) {
        display: none;
    }

    .media-page .media-page__reviews-scroll > .media-page__review-card:nth-child(4) {
        display: none;
    }

    .media-page .media-page__reviews-carousel .media-page__reviews-arrow {
        display: inline-flex;
    }

    .media-page .media-page__youtube-scroll > .media-page__video-card:nth-child(n+5) {
        display: none;
    }

    .media-page .media-page__youtube-carousel .media-page__youtube-arrow {
        display: inline-flex;
    }
}

.media-page__youtube-scroll::-webkit-scrollbar {
    height: 6px;
}

.media-page__youtube-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(40, 111, 219, 0.3);
}

.media-page__video-card {
    flex: 0 0 205px;
    width: 205px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.media-page__video-thumb {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    width: 205px;
    height: 315px;
}

.media-page__video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.media-page__video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
}

.media-page__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(4, 22, 50, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.media-page__video-play img {
    width: 39px;
    height: 39px;
    object-fit: contain;
    filter: none;
}

.media-page__video-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: var(--color-text);
}

.media-page__video-views {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    margin-top: auto;
}

.media-page__subscribe {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(94.15deg, #000000 4.37%, rgba(0, 0, 0, 0) 71.08%, rgba(0, 0, 0, 0) 125.02%),
    url("assets/digest.png") center / cover no-repeat;
    /* PNG - фолбэк для браузеров без image-set(); WebP в разы легче (446 КБ -> 16 КБ) */
    background: linear-gradient(94.15deg, #000000 4.37%, rgba(0, 0, 0, 0) 71.08%, rgba(0, 0, 0, 0) 125.02%),
    image-set(url("assets/digest.webp") type("image/webp") 1x, url("assets/digest.png") type("image/png") 1x) center / cover no-repeat;
    min-height: 186px;
}

.media-page__subscribe-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 40px 43px;
}

.media-page__subscribe-info {
    max-width: 590px;
}

.media-page__subscribe-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #FFFFFF;
}

.media-page__subscribe-desc {
    margin: 5px 0 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #FFFFFF;
}

.media-page__subscribe-form {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.media-page__subscribe-row {
    display: flex;
    gap: 4px;
    align-items: center;
}

.media-page__subscribe-input-wrap {
    flex: 0 0 246px;
    height: 34px;
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
}

.media-page__subscribe-input {
    width: 100%;
    height: 100%;
    padding: 0 19px;
    border: 0;
    outline: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: var(--color-text);
}

.media-page__subscribe-input::placeholder {
    color: var(--color-text);
    opacity: 0.5;
}

.media-page__subscribe-submit {
    height: 34px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;
}

.media-page__subscribe-submit:hover {
    background: var(--color-blue-hover);
}

.media-page__subscribe-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.media-page__subscribe-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.media-page__subscribe-checkbox-input {
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.media-page__subscribe-checkbox-mark {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

.media-page__subscribe-checkbox-input:checked + .media-page__subscribe-checkbox-mark::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 14px;
    height: 14px;
    background: url("assets/check-icon-checkbox.svg") center / 13px 13px no-repeat;
}

.media-page__subscribe-checkbox-text {
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 364px;
}
.site-footer {
    background: #011027;
    color: #ffffff;

}

.site-footer__inner {
    margin: 0 auto;
    padding: 14px 31px;
    display: flex;
    align-items: flex-start;
    gap: 370px;
    min-height: 124px;
    max-width: 1440px;
}

.site-footer__logo {
    flex: 0 0 auto;
}

.site-footer__logo img {
    display: block;
    width: 160px;
    height: auto;
    filter: brightness(0) invert(1);
}

.site-footer__nav {
    display: flex;
    gap: 64px;
    flex-wrap: wrap;
    align-self: center;
}

.site-footer__col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-footer__col a {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
}
.contacts-page {
    max-width: 1440px;
    margin: 0 auto;
    background: var(--color-bg);
    padding: 50px 30px;
}

.contacts-page__container {
    max-width: 1380px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.contacts-page__container > * + * {
    margin-top: 50px;
}
.contacts-page__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    color: #979EAB;
    padding-bottom: 20px;
}

.contacts-page__breadcrumbs a {
    color: #979EAB;
    text-decoration: none;
    transition: color 0.2s;
}

.contacts-page__breadcrumbs a:hover {
    color: var(--color-blue);
}

.contacts-page__breadcrumbs-sep {
    color: #979EAB;
}

.contacts-page__breadcrumbs-current {
    color: #979EAB;
}
.contacts-page__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    font-weight: 700;
    color: var(--color-text);
}
.contacts-page__kogan-card {
    display: flex;
    flex-direction: row;
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    overflow: hidden;
    min-height: 285px;
}

.contacts-page__kogan-left {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 42px;
    padding: 0 0 0 56px;
}

.contacts-page__kogan-photo-wrap {
    width: 202px;
    height: 202px;
    flex: 0 0 202px;
    border-radius: 160px;
    overflow: hidden;
    filter: drop-shadow(var(--shadow-card));
}

.contacts-page__kogan-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contacts-page__kogan-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contacts-page__kogan-name {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 29px;
}

.contacts-page__kogan-position {
    margin: 0;
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 600;
    color: var(--color-gray);
    line-height: 25px;
    max-width: 285px;
}

.contacts-page__kogan-right {
    flex: 0 0 690px;
    width: 690px;
    background: var(--color-panel);
    display: flex;
    align-items: center;
    padding: 0 73px;
}

.contacts-page__kogan-advantages {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contacts-page__kogan-advantage {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.contacts-page__kogan-check {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: var(--color-blue);
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts-page__kogan-check img {
    width: 13px;
    height: 13px;
    display: block;
    object-fit: contain;
}

.contacts-page__kogan-advantage-text {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--color-gray);
}
.contacts-page__channels {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px;
}

.contacts-page__channels-inner {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
}

.contacts-page__channel-card {
    flex: 1 1 0;
    background: #E4EDFB;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 11px;
    min-width: 32.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    max-height: 152px;
}

.contacts-page__channel-card--dark {
    padding: 29px;
    background: url(assets/contacts-page__channel-card.png);
    background-repeat: no-repeat;
}

.contacts-page__channel-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text);
    line-height: 22px;
}

.contacts-page__channel-title--white {
    color: #FFFFFF;
}

.contacts-page__channel-icon {
    width: 50px;
    height: 50px;
    background: #EEF3FC;
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts-page__channel-icon img {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

.contacts-page__channel-value {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: var(--color-gray);
    text-align: center;
    text-decoration: none;
}

.contacts-page__channel-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #FFFFFF;
    text-align: center;
}

.contacts-page__channel-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7.5px 0;
    gap: 10px;
    width: 191px;
    min-height: 34px;
    background: var(--color-blue);
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
}

.contacts-page__channel-button:hover {
    background: var(--color-blue-hover);
}
.contacts-page__telegram {
    padding: 0 20px;
}

.contacts-page__telegram-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.contacts-page__telegram-card {
    flex: 1 1 0;
    min-width: 0;
    background: #E4EDFB;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    min-height: 119px;
}

.contacts-page__telegram-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    background: #EEF3FC;
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts-page__telegram-icon img {
    width: 34px;
    height: 34px;
    display: block;
    object-fit: contain;
}

.contacts-page__telegram-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts-page__telegram-name {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: var(--color-text);
}

.contacts-page__telegram-username {
    font-family: var(--font-body);
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    color: var(--color-gray);
    text-decoration: none;
}
@media (min-width: 721px) and (max-width: 1024px) {
    .contacts-page {
        max-width: 1024px;
        padding: 50px 30px;
    }
    .contacts-page__container {
        max-width: 964px;
    }
    .contacts-page__breadcrumbs {
        padding-bottom: 0;
    }
    .contacts-page__container > .contacts-page__title {
        margin-top: 10px;
    }
    .contacts-page__container > .contacts-page__kogan-card {
        margin-top: 37px;
    }
    /* Левая группа (Frame 596: gap 21, left 20, фото 152×152, инфо 249) */
    .contacts-page__kogan-left {
        gap: 21px;
        padding: 0 0 0 20px;
    }
    .contacts-page__kogan-photo-wrap {
        width: 152px;
        height: 152px;
        flex: 0 0 152px;
    }
    .contacts-page__kogan-position {
        max-width: 249px;
    }
    .contacts-page__kogan-right {
        flex: 0 0 481px;
        width: 481px;
        padding: 0 30px;
    }
    .contacts-page__channel-card {
        min-width: 0;
    }
    .contacts-page__telegram {
        padding: 0 0;
    }
    .contacts-page__telegram-card {
        gap: 10px;
    }

    .contacts-page__telegram-name {
        font-size: 14px;
        line-height: 17px;
    }

    .contacts-page__telegram-username {
        font-size: 14px;
        line-height: 19px;
    }
}
.contacts-page__telegram-name {
    white-space: nowrap;
}
@media (max-width: 480px) {
    .contacts-page {
        max-width: 360px;
        margin: 0 auto;
        padding: 0;
        overflow-x: hidden;
    }

    .contacts-page__container {
        max-width: 100%;
        width: 100%;
        padding: 20px 10px 40px;
    }
    .contacts-page__container > * + * {
        margin-top: 0;
    }
    .contacts-page__breadcrumbs {
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px;
    }
    .contacts-page__title {
        font-size: 34px;
        line-height: 41px;
        text-align: center;
        margin-bottom: 45px;
    }
    .contacts-page__kogan-card {
        flex-direction: column;
        min-height: 0;
        padding: 20px;
        gap: 20px;
        margin-bottom: 40px;
    }
    .contacts-page__kogan-left {
        flex: none;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        padding: 0;
    }
    .contacts-page__kogan-photo-wrap {
        width: 124px;
        height: 124px;
        flex: 0 0 124px;
    }
    .contacts-page__kogan-info {
        align-items: center;
        text-align: center;
        gap: 20px;
        max-width: 249px;
    }
    .contacts-page__kogan-name {
        text-align: center;
    }
    .contacts-page__kogan-position {
        max-width: 249px;
        text-align: center;
    }
    .contacts-page__kogan-right {
        flex: none;
        width: 100%;
        padding: 20px;
    }
    .contacts-page__kogan-advantages {
        gap: 20px;
    }
    .contacts-page__kogan-advantage {
        align-items: center;
        gap: 20px;
    }
    .contacts-page__kogan-advantage:first-child {
        align-items: flex-start;
    }
    .contacts-page__kogan-advantage-text br {
        display: none;
    }
    .contacts-page__channels {
        margin-bottom: 40px;
    }

    .contacts-page__channels-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
    }
    .contacts-page__channel-card {
        flex: none;
        width: 100%;
        min-width: 0;
        max-height: none;
        min-height: 154px;
        padding: 20px;
        gap: 10px;
    }
    .contacts-page__channel-card--dark {
        min-height: 151px;
        padding: 20px 12px;
    }
    .contacts-page__channel-button {
        width: 100%;
        min-height: 50px;
        height: 50px;
        padding: 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .contacts-page__telegram {
        padding: 0;
        margin-bottom: 40px;
    }

    .contacts-page__telegram-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .contacts-page__telegram-card {
        flex: none;
        width: 100%;
        min-height: 86px;
        gap: 10px;
        padding: 20px;
    }
    .contacts-page__telegram-icon {
        width: 37px;
        height: 37px;
        flex: 0 0 37px;
    }

    .contacts-page__telegram-icon img {
        width: 27px;
        height: 27px;
    }
    .contacts-page__telegram-info {
        gap: 5px;
    }
    .contacts-page__telegram-name {
        white-space: normal;
        font-size: 14px;
        line-height: 17px;
    }

    .contacts-page__telegram-name br {
        display: none;
    }
    .contacts-page__telegram-username {
        font-size: 14px;
        line-height: 19px;
    }
}
/* Breadcrumbs */
.premium-blog__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    color: #979EAB;
    padding-bottom: 10px;
}

.premium-blog__breadcrumbs a {
    color: #979EAB;
}

.premium-blog__breadcrumbs-sep {
    color: #979EAB;
}

.premium-blog__breadcrumbs-current {
    color: #979EAB;
}
.premium-blog__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 40px;
}
.premium-blog__hero .premium-article-card--hero {
    display: block;
    position: relative;
    width: 100%;
    max-height: 355px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow-card);
    margin-bottom: 50px;
}

.premium-blog__hero .premium-article-card__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.premium-blog__hero .premium-article-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 130px 22%;
}

.premium-article-card__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    background: linear-gradient(266.54deg, rgba(217, 217, 217, 0) 10%, rgba(207, 206, 206, 0.13) 50%, #000000 90%)
}

.premium-blog__hero .premium-article-card__content {
    position: relative;
    z-index: 1;
    padding: 54px 0 50px 30px;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #FFFFFF;
}

.premium-blog__hero .premium-article-card__tags {
    display: flex;
    align-items: center;
    gap: 6px;
}

.premium-blog__hero .premium-article-card__bookmark {
    width: 11px;
    height: 15px;
    display: block;
    object-fit: contain;
}

.premium-blog__hero .premium-article-card__tag--primary {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    border-radius: 3px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
}

.premium-blog__hero .premium-article-card__tag--primary svg {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
}

.premium-blog__hero .premium-article-card__tag--price {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    border-radius: 3px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
}

.premium-blog__hero .premium-article-card__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    color: #FFFFFF;
    max-width: 436px;
}

.premium-blog__hero .premium-article-card__desc {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.premium-blog__hero .premium-article-card__meta {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.premium-blog__hero .premium-article-card__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.premium-blog__hero .premium-article-card__reading svg {
    width: 17px;
    height: 17px;
    display: block;
}

.premium-blog__hero .premium-article-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 266px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
}
.premium-blog__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding-top: 50px;
}

.premium-blog__grid .premium-analytics__card {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 0;

}

@media (max-width: 1180px) {

    .premium-blog__filter-row {
        gap: 10px;
    }

    .premium-blog__filter-btn {
        padding: 10px 18px;
        font-size: 12px;
    }
}

@media (max-width: 720px) {
    .premium-blog-page {
        padding: 24px 16px;
    }

    .premium-blog-page__container {
        gap: 30px;
    }

    .premium-blog__title {
        font-size: 24px;
        line-height: 28px;
    }

    .premium-blog__grid {
        grid-template-columns: 1fr;
    }

    .premium-blog__hero .premium-article-card__content {
        padding: 30px 20px;
    }

    .premium-blog__hero .premium-article-card__title {
        font-size: 20px;
        line-height: 24px;
    }

    .premium-blog__filter {
        padding: 15px 10px;
    }

    .premium-blog__filter-btn {
        height: auto;
        padding: 8px 14px;
        font-size: 11px;
    }
}

.site-footer__col a:hover {
    opacity: 0.8;
}

.site-footer__col--legal {
    max-width: 280px;
}

.site-footer__col--legal a {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: #ffffff;
    white-space: normal;
}

.site-footer .main-nav__menu a {
    color: #ffffff;
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
}

@media (max-width: 720px) {
    .site-footer__inner {
        flex-direction: column;
        gap: 28px;
        padding: 20px 16px;
    }

    .site-footer__nav {
        gap: 28px;
    }
}

#premium-analytics__hero-desc-mobile {
    display: none;
}
#premium-analytics__card--mobile {
    display: none;
}
.blog-materials {
    background: #ffffff;
    border-radius: 8px;
    padding: 20px 20px 20px 20px;
    box-shadow: var(--shadow-card-sm);
}

.blog-materials__title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.blog-materials__tabs {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 20px;
}

.blog-materials__tab {
    padding: 0 0 10px;
    border: 0;
    background: transparent;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: #979EAB;
    cursor: pointer;
    position: relative;
    transition: color 0.2s ease;
}

.blog-materials__tab + .blog-materials__tab {
    margin-left: 36px;
}

.blog-materials__tab::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background 0.2s ease;
}

.blog-materials__tab--active {
    color: var(--color-text);
}

.blog-materials__tab--active::after {
    background: var(--color-blue);
}

.blog-materials__tab:hover {
    color: var(--color-text);
}
.blog-materials__slider {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blog-materials__viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

.blog-materials__track {
    display: flex;
    gap: 20px;
    transition: transform 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}

.blog-materials__track--no-transition {
    transition: none !important;
}

.blog-materials__arrow {
    flex: 0 0 auto;
    width: 11px;
    height: 23px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: #FFFFFF;
    cursor: pointer;
    transition: box-shadow 0.2s ease;
}

.blog-materials__arrow img {
    width: 11px;
    height: 23px;
    display: block;
    object-fit: contain;
}

.blog-materials__arrow--next img {
    transform: rotate(180deg);
}
.blog-material-card {
    position: relative;
    flex: 0 0 416px; /* запасной вариант, реальную ширину под экран считает JS */
    width: 416px;
    aspect-ratio: 416 / 221;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

.blog-material-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.blog-material-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
            -90deg,
            #D9D9D900 0%,
            #00000072 44.71%,
            #000000
    );
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 30px;
}

.blog-material-card__title {
    margin: 20px 0 0 0;
    color: #ffffff;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.blog-material-card__meta {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 22px;
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.blog-material-card__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.blog-material-card__reading img {
    width: 17px;
    height: 17px;
    display: block;
    object-fit: contain;
}
.blog-breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.36;
    font-weight: 400;
    color: #979EAB;
}

.blog-breadcrumbs a {
    text-decoration: none;
}

.blog-breadcrumbs a:hover {
    text-decoration: underline;
}

.blog-page__title {
    margin: 0 0 35px;
    font-family: var(--font-title);
    font-size: 34px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}
#blog-page > section:not(:last-child) {
    margin-bottom: 50px;
}
.premium-analytics__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.premium-analytics__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.premium-analytics__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.premium-analytics__hero {
    position: relative;
    min-height: 434px;
    overflow: hidden;
    border-radius: 8px;
    background: #071525;
}

.premium-analytics__hero-img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;

}
.premium-analytics__hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(-90deg, rgba(217, 217, 217, 0) 1.88%, rgba(0, 0, 0, 0.447115) 57.01%, #000000 106.75%);
    pointer-events: none;
}

.premium-analytics__hero-content {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: #ffffff;
    inset: 63px auto auto 30px;
    width: 215px;
    padding: 0;
    justify-content: flex-start;
    gap: 20px;
}

.premium-analytics__hero-tags {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

.premium-analytics__hero-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
    max-width: 195px;
}

.premium-analytics__hero-desc {
    margin: 8px 0 0;
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.3;
    font-weight: 400;
    color: #FFFFFF;
    overflow: hidden;
}

.premium-analytics__hero-meta {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 22px;
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.premium-analytics__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.premium-analytics__reading img {
    width: 17px;
    height: 17px;
    display: block;
    object-fit: contain;
}

.premium-analytics__hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 25px;
    margin-top: 12px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    align-self: flex-start;
}

.premium-analytics__hero-btn:hover {
    background: var(--color-blue-hover);
}
.premium-analytics__tag {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 3px;
    background: #d2dbec;
    color: #000000;
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
}

.premium-analytics__tag--primary {
    background: var(--color-blue);
    color: #ffffff;
}

.premium-analytics__tag--primary img {
    width: 11px;
    height: 11px;
    display: block;
}

.premium-analytics__tag--green {
    background: #d2dbec;
    color: #000000;
}

.premium-analytics__tag--price {
    background: rgba(40, 111, 219, 0.5);
    border-radius: 3px;
}
.premium-analytics__card {
    height: 100%;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: var(--shadow-card-sm);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.premium-analytics__card-item {
    display: flex;
    gap: 15px;
    padding: 16px 0;
}

.premium-analytics__card-item:first-child {
    padding-top: 0;
}

.premium-analytics__card-item:last-child {
    padding-bottom: 0;
}

.premium-analytics__card-media {
    width: 77px;
    height: 78px;
    flex: 0 0 77px;
    border-radius: 8px;
    overflow: hidden;
    background: #e9e9e9;
}

.premium-analytics__card-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.premium-analytics__card-body {
    display: flex;
    flex-direction: column;
    flex: 0 1 230px;
    width: 230px;
    gap: 9px;
}

.premium-analytics__card-tags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.premium-analytics__card-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 100%;
    font-weight: 600;
    color: var(--color-text);
}

.premium-analytics__card-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--color-gray);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.premium-analytics__card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 20px;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.premium-analytics__card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
    font-family: var(--font-body);
    line-height: 1;
    font-weight: 600;
    align-self: flex-start;
    margin-top: 2px;
}

.premium-analytics__card-btn:hover {
    background: rgba(40, 111, 219, 0.05);
}

.premium-analytics__divider {
    height: 1px;
    background: rgba(15, 31, 49, 0.08);
    margin: 0;
}
.premium-analytics__head {
    display: flex;
    align-items: center;
}

.premium-analytics__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: var(--color-blue);
}

.premium-analytics__more img {
    width: 10px;
    height: 10px;
    display: block;
    object-fit: contain;
}

.premium-analytics__more:hover {
    color: var(--color-blue-hover);
}

@media (max-width: 720px) {
    .premium-analytics__hero-title {
        font-size: 12px;
    }
}
.premium-analytics__grid {
    grid-template-columns: minmax(0, 444px) repeat(2, minmax(0, 446px));
    align-items: end;
}

.premium-analytics__hero {
    min-height: 375px;
    box-shadow: var(--shadow-card);
}

.premium-analytics__hero-tags {
    margin-bottom: 0;
}

.premium-analytics__hero-title {
    line-height: 1.25;
    font-weight: 600;
    max-width: 204px;
}

.premium-analytics__hero-desc {
    margin: 0;
    font-size: 12px;
    color: #FFFFFF;
}

.premium-analytics__hero-meta {
    margin-top: 0;
    gap: 3px;
}

.premium-analytics__hero-meta time,
.premium-analytics__card-meta time,
.blog-article-card__meta time {
    width: 83px;
    flex: 0 0 83px;
}

.premium-analytics__hero-btn {
    width: 100%;
    margin-top: 0;
    align-self: stretch;
}

.premium-analytics__card {
    box-shadow: var(--shadow-card);
}

.premium-analytics__card-item {
    gap: 15px;
    padding: 0;
}

.premium-analytics__card-media {
    width: 147px;
    height: 147px;
    flex-basis: 147px;
}

.premium-analytics__card-title {
    line-height: 1.25;
}

.premium-analytics__card-meta {
    gap: 3px;
}

.premium-analytics__card-btn {
    height: 34px;
    margin-top: 0;
    border-radius: 8px;
    font-size: 14px;
    align-self: stretch;
    width: 244px;
}

.premium-analytics__divider {
    background: #eef3fc;
}

.premium-analytics__footer {
    padding-top: 0;
    border-top: 0;
}
.blog-categories {
    /*min-height: 104px;*/
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
}

.blog-categories__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.blog-categories__row {
    display: grid;
    grid-template-columns: repeat(6, 210px);
    justify-content: center;
    gap: 20px;
    /* Кнопок в строке #category-filters-second больше, чем помещается в
       6 колонок, поэтому grid сам переносит их на несколько визуальных
       строк - а линия (.blog-categories__divider) стоит только один раз,
       между первым блоком кнопок и вторым. Рисуем линию между КАЖДОЙ парой
       строк фоном: паттерн повторяется каждые (высота кнопки + зазор), с
       1px линией внутри зазора - высота/зазор через переменные, чтобы не
       дублировать формулу в каждом медиа-запросе с другими размерами. */
    --row-h: 34px;
    --row-gap: 20px;
    --line-offset: 8px;
    background-image: repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent calc(var(--row-h) + var(--line-offset)),
        var(--color-bg) calc(var(--row-h) + var(--line-offset)),
        var(--color-bg) calc(var(--row-h) + var(--line-offset) + 1px),
        transparent calc(var(--row-h) + var(--line-offset) + 1px),
        transparent calc(var(--row-h) + var(--row-gap))
    );
}

.blog-categories__divider {
    width: 100%;
    height: 1px;
    background: var(--color-bg);
}

.blog-categories__button {
    width: 210px;
    height: 34px;
    padding: 0 25px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    cursor: pointer;
}

.blog-categories--mobile {
    display: none;
}

.blog-categories__button--active,
.blog-categories__button:hover {
    background: var(--color-blue);
    color: #ffffff;
}
.blog-all-articles__title {
    margin: 0 0 29px;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.blog-all-articles__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-article-card {
    min-height: 141px;
    padding: 10px 23px 10px 10px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
    background: #ffffff;
}

.blog-article-card__media {
    position: relative;
    width: 260px;
    height: 121px;
    flex: 0 0 260px;
    overflow: hidden;
    border-radius: 8px;
    background: #e9e9e9;
    box-shadow: var(--shadow-card);
}

.blog-article-card__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.blog-article-card__premium {
    position: absolute;
    top: 14px;
    left: 52px;
    width: 156px;
    height: 28px;
    display: flex;
    align-items: center;
    gap: 11px;
}

.blog-article-card__lock {
    position: relative;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
}

.blog-article-card__lock::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 12px;
    height: 11px;
    border: 3px solid #aeaeae;
    border-bottom: 0;
    border-radius: 9px 9px 0 0;
}

.blog-article-card__lock::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 13px;
    width: 18px;
    height: 13px;
    border-radius: 3px;
    background: #aeaeae;
}

.blog-article-card__price {
    width: 77px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #787878;
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.blog-article-card__body {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-article-card__tags {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-article-card__bookmark {
    width: 11px;
    height: 15px;
    display: block;
    object-fit: contain;
}

.blog-article-card__tag {
    min-height: 18px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #d2dbec;
    color: #000000;
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 600;
}

.blog-article-card__title {
    margin: 0;
    color: var(--color-text);
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
}

.blog-article-card__desc {
    margin: 0;
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-article-card__meta {
    display: flex;
    align-items: center;
    gap: 3px;
    color: var(--color-text);
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 1.4;
    font-weight: 400;
}

.blog-article-card__reading {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.blog-article-card__reading img {
    width: 17px;
    height: 17px;
    display: block;
    object-fit: contain;
}

.blog-all-articles__footer {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.blog-all-articles__load-more {
    width: 140px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-blue);
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    cursor: pointer;
}

.blog-all-articles__load-more:hover {
    color: var(--color-blue-hover);
}

@media (max-width: 1180px) {

    .blog-categories {
        justify-content: flex-start;
    }

    .blog-categories__inner {
        align-items: stretch;
    }

    .blog-categories__row {
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
        padding: 0 16px;
        scrollbar-width: none;
    }

    .blog-categories__row::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 720px) {
    #blog-page {
        padding: 32px 16px;
    }

    .premium-analytics__hero {
        min-height: 320px;
    }

    .premium-analytics__hero-content {
        inset: auto 20px 20px 20px;
        width: auto;
        min-height: 0;
        gap: 12px;
    }

    .premium-analytics__hero-desc {
        -webkit-line-clamp: 3;
    }

    .premium-analytics__card {
        padding: 16px;
    }

    .premium-analytics__card-item,
    .blog-article-card {
        flex-direction: column;
        align-items: stretch;
    }

    .premium-analytics__card-media,
    .blog-article-card__media {
        width: 100%;
        height: 180px;
        flex-basis: auto;
    }

    .blog-article-card {
        padding: 12px;
    }

    .blog-article-card__premium {
        left: 50%;
        transform: translateX(-50%);
    }

    .blog-article-card__meta {
        flex-wrap: wrap;
    }
}
.free-article-page {
    max-width: 1440px;
    margin: 0 auto;
    background: var(--color-bg);
}

.free-article__container {
    max-width: 1112px;
    margin: 0 auto;
    padding: 50px 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.free-article__breadcrumbs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #979EAB;
    padding-bottom: 40px;
}

.free-article__breadcrumbs a {
    color: #979EAB;
    text-decoration: none;
}

.free-article__breadcrumbs a:hover {
    color: var(--color-blue);
}

.free-article__breadcrumbs-sep {
    color: #979EAB;
    margin: 0 2px;
}

.free-article__breadcrumbs-current {
    color: #979EAB;
}

.free-article__title {
    margin: 0;
    max-width: 734px;
    font-family: var(--font-title);
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    text-align: center;
    color: var(--color-text);
    padding-bottom: 40px;
}

.free-article__meta {
    width: 100%;
    max-width: 1111px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-bottom: 30px;
}

.free-article__meta-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.free-article__meta-details {
    display: contents;
}

.free-article__meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    min-height: 23px;
    border-radius: 3px;
    background: var(--color-bg);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #000000;
}

.free-article__meta-tag--author {
    gap: 5px;
}

.free-article__author-avatar {
    width: 16px;
    height: 16px;
    background-image: url(assets/author-icon.svg);
    flex: 0 0 16px;
}

.free-article__save-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    min-height: 23px;
    border: 0;
    border-radius: 3px;
    background: var(--color-bg);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: var(--color-blue);
    cursor: pointer;
}

.free-article__save-btn img {
    width: 11px;
    height: 15px;
    display: block;
}

.free-article__save-btn:hover {
    background: #d2dbec;
}

.free-article__hero {
    width: 100%;
    max-width: 1111px;
    min-height: 295px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #e9e9e9;
    box-shadow: var(--shadow-card);
    margin-bottom: 50px;
}

.free-article__hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(266.54deg, rgba(217, 217, 217, 0) 1.88%, rgba(0, 0, 0, 0.447115) 57.01%, #000000 106.75%);
    pointer-events: none;
}

.free-article__hero-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

.free-article__hero-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.free-article__hero-img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.42);
    z-index: 2;
}

.free-article__hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
}

.free-article__hero-overlay-icon {
    margin-bottom: 20px;
    max-width: 36px;
    max-height: 36px;
}

.free-article__hero-overlay-text {
    margin: 0;
    font-family: var(--font-title);
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
    max-width: 500px;
}

.free-article__hero-overlay-undertext {
    font-size: 20px;
    font-weight: 400;
}

.free-article__hero-overlay-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    padding: 12px 28px;
    border-radius: 8px;
    background: #286FDB;
    color: #ffffff;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.free-article__hero-overlay-btn:hover {
    background: #1f56b0;
}

.free-article__intro {
    width: 100%;
    max-width: 1112px;
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 180%;
    font-weight: 700;
    color: var(--color-gray);
    padding-bottom: 50px;
}

#unpaid-article__intro {
    padding-bottom: 30px;
}

.free-article__toc {
    width: 100%;
    max-width: 1112px;
    padding: 40px;
    border-radius: 8px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    margin-bottom: 50px;
}

.free-article__toc-title {
    margin: 0 0 16px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: var(--color-text);
}

.free-article__toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.free-article__toc-list li {
    counter-increment: toc-counter;
}

.free-article__toc-list li::before {
    content: counter(toc-counter) ". ";
    display: none;
}

.free-article__toc-list a {
    display: block;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--color-gray);
    text-decoration: none;
    padding-left: 24px;
    position: relative;
}

.free-article__toc-list a::before {
    content: counter(toc-counter, decimal) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-gray);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.free-article__toc-list a:hover {
    color: var(--color-blue);
}

.free-article__content {
    width: 100%;
    max-width: 1112px;
    padding: 40px;
    border-radius: 8px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.article-title {
    font-size: 18px;
    font-weight: 700;
}

.free-article__content > * {
    margin-bottom: 0;
}

.free-article__content > p,
.free-article__content > h2,
.free-article__content > .free-article__list,
.free-article__content > .free-article__content-image {
    margin-top: 0;
}

.free-article__content > p,
.free-article__content > h2,
.free-article__content > .free-article__content-image {
    margin-bottom: 29px;
    line-height: 180%;
}

.free-article__content > .free-article__list {
    margin-top: 5px;
    margin-bottom: 5px;
}

.free-article__content > p:last-child,
.free-article__content > h2:last-child,
.free-article__list {
    margin: 0;
    width: 100%;
    max-width: 1032px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.free-article__list li {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: var(--color-gray);
}

.free-article__content-image {
    width: 100%;
    max-width: 1027px;
    min-height: 313px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #e9e9e9;
    box-shadow: var(--shadow-card);
}

.free-article__content-image-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(266.54deg, rgba(217, 217, 217, 0) 1.88%, rgba(0, 0, 0, 0.447115) 57.01%, #000000 106.75%);
    pointer-events: none;
}

.free-article__content-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

#free-article__hero-overlay-text-mobile {
    display: none;
}

#unpaid-article__hero {
    margin-bottom: 80px;
}

@media (max-width: 768px) {

    .free-article__meta {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
        gap: 20px;
    }

    .free-article__save-btn {
        order: -1;
    }

    .unpaid-analytics__tag {
        width: 100%;
        height: 34px;
    }

    .free-article__meta-left {
        justify-content: center;
    }

    .free-article__meta--premium {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
    }

    .free-article__meta--premium > .free-article__meta-left {
        display: contents;
    }

    .free-article__meta--premium .unpaid-analytics__tag {
        grid-row: 1;
    }

    .free-article__meta--premium > .free-article__save-btn {
        grid-row: 2;
        order: initial;
    }

    .free-article__meta--premium .free-article__meta-details {
        grid-row: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    #unpaid-article__hero {
        height: 295px;
        margin-bottom: 0;
    }

    .free-article__hero-overlay {
        padding: 0 10px;
    }

    #free-article__hero-overlay-text-mobile {
        display: block;
    }
    #free-article__hero-overlay-text-desctop {
        display: none;
    }

}

@media (max-width: 480px) {

    .free-article__hero {
        min-height: 119px;
        margin-bottom: 40px;
    }

    .free-article__intro {
        padding-bottom: 40px;
    }

    .free-article__toc {
        padding: 20px;
        margin-bottom: 40px;
    }

    .free-article__content {
        padding: 20px;
    }

}

.unpaid-article-page {
    max-width: 1440px;
    margin: 0 auto;
    background: var(--color-bg);
}

.unpaid-analytics__tag {
    min-height: 23px;
    padding: 2px 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border-radius: 3px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
}

.premium-article-page {
    max-width: 1440px;
    margin: 0 auto;
    background: var(--color-bg);
}

#buy-analytics__tag {
    background: var(--color-panel);
    color: var(--color-text);
}

#buy-analytics__tag img {
    width: 16px;
    height: 16px;
}
/* Breadcrumbs — Главная > Премиум аналитика */
.paid-analytics__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #979EAB;
    padding-bottom: 20px;
}

.paid-analytics__breadcrumbs a {
    color: #979EAB;
}
.paid-analytics__breadcrumbs-sep { color: #979EAB; }
.paid-analytics__breadcrumbs-current { color: #979EAB; }

.paid-analytics__hero {
    display: flex;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    width: 1380px;
    height: 324px;
    margin-bottom: 50px;
    position: relative;
}

.hero-glow {
    position: absolute;
    width: 956px;
    height: 264px;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(40, 111, 219, 0.3);
    filter: blur(250px);
    pointer-events: none;
    z-index: 0;
}
.paid-analytics__description {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.paid-analytics__description-text {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: var(--color-gray);
    max-width: 789px;
    margin: 0;
}

.paid-analytics__hero-left {
    width: 690px;
    height: 324px;
    padding: 56px 0 56px 111px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.paid-analytics__hero-title {
    margin: 0;
    width: 400px;
    height: 81px;
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    color: var(--color-text);
}

.paid-analytics__hero-desc {
    margin: 0;
    width: 431px;
    height: 57px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-gray);
}

.paid-analytics__hero-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 386px;
    height: 34px;
}

.paid-analytics__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    gap: 10px;
    height: 34px;
    border-radius: 8px;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    white-space: nowrap;
}

.paid-analytics__btn--primary {
    width: 196px;
    background: var(--color-blue);
    color: #FFFFFF;
}
.paid-analytics__btn--primary:hover { background: var(--color-blue-hover); }

.paid-analytics__btn--secondary {
    width: 196px;
    background: transparent;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
}
.paid-analytics__btn--secondary:hover { background: rgba(40, 111, 219, 0.05); }
.paid-analytics__hero-right {
    width: 690px;
    flex: 0 0 690px;
    height: 324px;
    background: var(--color-panel);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.paid-analytics__hero-right::before {
    content: '';
    position: absolute;
    width: 956px;
    height: 164px;
    left: 146px;
    top: 175px;
    border-radius: 50%;
    background: rgba(40, 111, 219, 0.3);
    filter: blur(200px);
    pointer-events: none;
}
.paid-analytics__hero-cards {
    position: absolute;
    left: 111px;
    top: 41px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    width: 468px;
}

.paid-analytics__hero-card {
    width: 468px;
    height: 54px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding-left: 19px;
}

.paid-analytics__icon-circle {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 160px;
    background: rgba(205, 220, 246, 0.4);
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.paid-analytics__icon-circle img {
    width: 18px;
    height: 18px;
    display: block;
    object-fit: contain;
}

.paid-analytics__hero-card-text {
    display: flex;
    flex-direction: column;
}

.paid-analytics__hero-card-title {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-gray);
}

.paid-analytics__hero-card-subtitle {
    display: none;
}

.paid-analytics__advantages {
    display: grid;
    grid-template-columns: 447px 447px 444px;
    gap: 20px;
}

.paid-analytics__advantage-card {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 40px 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    height: 171px;
    margin-bottom: 50px;
}
.paid-analytics__advantage-icon {
    flex: 0 0 auto;
}

.paid-analytics__icon-circle--blue {
    width: 34px;
    height: 34px;
    border-radius: 160px;
    background: rgba(205, 220, 246, 0.4);
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.paid-analytics__icon-circle--blue img {
    width: 18px;
    height: 18px;
    display: block;
    object-fit: contain;
}
.paid-analytics__advantage-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 353px;
}

.paid-analytics__advantage-title {
    margin: 0;
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
}

.paid-analytics__advantage-desc {
    margin: 0;
    font-family: var(--font-title);
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-text);
}

.paid-analytics__includes {
    position: relative;
    background: var(--color-panel);
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    min-height: 282px;
    margin-bottom: 50px;
    isolation: isolate;
}
.paid-analytics__includes::before,
.paid-analytics__includes::after {
    content: '';
    position: absolute;
    width: 1286px;
    height: 778px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
            241.43deg,
            rgba(40, 111, 219, 0.1) 32.37%,
            rgba(40,111,219,0) 60.92%
    );
}
.paid-analytics__includes::before {
    left: 400px;
    top: -60.86px;
    transform: rotate(-32deg);
}
.paid-analytics__includes::after {
    left: 350px;
    top: 100.86px;
    transform: rotate(-19deg);
}

.paid-analytics__includes-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 0px 112px;
    gap: 40px;
    min-height: 282px;
}

.paid-analytics__includes-left {
    flex: 0 0 400px;
}

.paid-analytics__includes-title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
}

.paid-analytics__includes-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.paid-analytics__includes-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 600;
    color: #44474F;
}

.paid-analytics__includes-check {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.paid-analytics__includes-check::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url("assets/check-icon.svg") center / contain no-repeat;
}

.paid-analytics__includes-right {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: flex-end;
}

.paid-analytics__includes-image {
    max-width: 460px;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: contain;
}
.paid-analytics__tariffs {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 40px 106px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.paid-analytics__tariffs-title {
    margin: 0 0 50px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

.paid-analytics__tariffs-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.paid-analytics__tariff-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: var(--color-panel);
    border-radius: 8px;
    padding: 20px;
    text-align: left;
    position: relative;
}

.paid-analytics__tariff-card--popular {
    padding-top: 20px;
}

.paid-analytics__tariff-badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 700;
    width: 136px;
    height: 20px;
    padding: 2px 13px;
    border-radius: 4px;
    white-space: nowrap;
}

.paid-analytics__tariff-header {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
}

.paid-analytics__tariff-period {
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.22;
    font-weight: 700;
    color: var(--color-text);
}

.paid-analytics__tariff-discount {
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    color: #001F2A4D;
}

.paid-analytics__tariff-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.paid-analytics__tariff-amount {
    font-family: var(--font-title);
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 20px;
}
.paid-analytics__extra {
    display: flex;
    padding-bottom: 50px;
}

.paid-analytics__extra-card {
    background: var(--color-panel);
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 40px;
    width: 100%;
    min-height: 258px;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Горизонтальное выравнивание */
    align-items: center; /* Вертикальное выравнивание */
}

.paid-analytics__extra-inner {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.paid-analytics__extra-title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text);

}

.paid-analytics__extra-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 360px;
}

.paid-analytics__extra-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.36;
    font-weight: 600;
    color: var(--color-gray);
}

.paid-analytics__check-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.paid-analytics__check-icon::before {
    content: '';
    width: 18px;
    height: 18px;
    background: url("assets/check-icon.svg") center / contain no-repeat;
}
.paid-analytics__articles {
    display: flex;
}

.paid-analytics__articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    padding-bottom: 20px;
}

.paid-analytics__articles-grid .premium-analytics__card {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    display: flex;
    flex-direction: column;
    gap: 0;
}
.paid-analytics__articles-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.paid-analytics__watch-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 25px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.paid-analytics__watch-all:hover {
    background: var(--color-blue-hover);
}
@media (max-width: 720px) {
    .paid-analytics-page {
        padding: 24px 16px;
    }

    .paid-analytics__container {
        gap: 30px;
    }

    .paid-analytics__hero-left {
        padding: 30px 16px;
    }

    .paid-analytics__hero-title {
        font-size: 24px;
    }

    .paid-analytics__hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .paid-analytics__hero-right {
        padding: 20px 16px;
    }

    .paid-analytics__hero-card-title {
        font-size: 14px;
    }

    .paid-analytics__advantages {
        grid-template-columns: 1fr;
    }

    .paid-analytics__advantage-card {
        padding: 24px 16px;
        flex-direction: column;
        gap: 16px;
    }

    .paid-analytics__includes-inner {
        padding: 24px 16px;
    }

    .paid-analytics__includes-title {
        font-size: 20px;
    }

    .paid-analytics__includes-item {
        gap: 12px;
    }

    .paid-analytics__tariffs {
        padding: 24px 16px;
    }

    .paid-analytics__tariffs-title {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .paid-analytics__tariffs-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .paid-analytics__articles-grid .premium-analytics__card {
        height: auto;
    }
}
/* Breadcrumbs */
.services-page__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #979EAB;
    padding-bottom: 20px;
}

.services-page__breadcrumbs a {
    color: #979EAB;
}

.services-page__breadcrumbs-sep {
    color: #979EAB;
}

.services-page__breadcrumbs-current {
    color: #979EAB;
}
.services-page__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 50px;
}
.services-hero__card {
    position: relative;
    display: flex;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    max-height: 314px;
    margin-bottom: 20px;
}

.services-hero__card::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 330px;
    left: -10px;
    top: -14px;
    background: var(--color-blue);
    pointer-events: none;
    z-index: 2;
}

.services-hero__left {
    flex: 0 0 54.5%;
    display: flex;
    flex-direction: column;
    padding: 30px 0 30px 30px;
    gap: 20px;
}

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

.services-hero__info-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
    max-width: 421px;
}

.services-hero__info-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    max-width: 425px;
}

.services-hero__info-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 139px;
    height: 38px;
    border: 1px solid var(--color-blue);
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-blue);
    gap: 10px;
}

.services-hero__info-btn:hover {
    background: rgba(40, 111, 219, 0.05);
}

.services-hero__app {
    position: relative;
    display: flex;
    align-items: center;
    background: #061D3F;
    border-radius: 8px;
    padding: 12px 20px;
    overflow: hidden;
    z-index: 1;

}

.services-hero__app-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #FFFFFF;
    flex: 1;
}

.services-hero__qr {
    width: 76px;
    height: 73px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    margin-left: auto;
}

.services-hero__app > * {
    position: relative;
    z-index: 1;
}

.services-hero__app-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #FFFFFF;
    flex-shrink: 0;
    max-width: 115px;
}

.services-hero__app-stores {
    flex: 1;
    justify-content: center;
    display: flex;
    gap: 10px;
    align-items: center;
}

.services-hero__store {
    width: 140px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 8px;
    background: rgba(40, 111, 219, 0.2);
    font-family: var(--font-title);
    font-size: 12px;
    line-height: 15px;
    font-weight: 600;
    color: #FFFFFF;
}

.services-card__ad-text {
    position: absolute;
    bottom: 8px;
    left: 30px;
    user-select: none;
    font-size: 10px;
    color: #979EAB;
    font-family: var(--font-body);
}

.services-hero__store img {
    width: 21px;
    height: 21px;
    display: block;
    object-fit: contain;
}

.services-hero__store--primary {
    gap: 10px;
    background: var(--color-blue);
}

.services-hero__qr {
    width: 76px;
    height: 73px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
}

.services-hero__right {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.services-hero__illustration {
    position: relative;
    width: 100%;
    height: 100%;
}

.services-hero__ellipse {
    position: absolute;
    border-radius: 50%;
}

.services-hero__ellipse--1 {
    width: 561px;
    height: 574px;
    left: 153px;
    top: -90px;
    background: rgba(40, 111, 219, 0.1);
}

.services-hero__ellipse--2 {
    width: 507px;
    height: 518px;
    left: 212px;
    top: -70px;
    background: rgba(40, 111, 219, 0.1);
}

.services-hero__ellipse--3 {
    width: 425px;
    height: 434px;
    left: 276px;
    top: -20px;
    background: rgba(40, 111, 219, 0.1);
}

.services-hero__ellipse--4 {
    width: 311px;
    height: 317px;
    left: 337px;
    top: 30px;
    background: rgba(40, 111, 219, 0.1);
}

.services-hero__ellipse--0 {
    width: 553px;
    height: 273px;
    left: 135px;
    top: 160px;
    background: rgba(40, 111, 219, 0.5);
    filter: blur(100px);
}

.services-hero__phone-wrap {
    position: absolute;
    left: 290px;
    top: 23px;
}

.services-hero__phone {
    position: absolute;
    display: block;
}

.services-hero__phone--back {
    width: 236px;
    left: 67px;
    top: 15px;
    aspect-ratio: 260 / 526;
}

.services-hero__phone--front {
    width: 128px;
    top: 115px;
    aspect-ratio: 260 / 526;
}
.services-cards-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-bottom: 20px;
}

.services-card__item {
    flex: 1;
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 30px;
    overflow: hidden;
    min-height: 194px;
}

.services-card__stripe {
    position: absolute;
    left: -10px;
    top: -14px;
    width: 15px;
    height: 330px;
    background: var(--color-blue);
}

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

.services-card__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.services-card__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
}

.services-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 32px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #FFFFFF;
    align-self: flex-start;
}

#services-card__btn {
    padding: 15px 41px;
}

.services-card__btn:hover {
    background: var(--color-blue-hover);
}
.services-hero__advisor {
    display: flex;
    align-items: stretch;
    padding: 14px 30px;
    background: #fff;
    border-radius: 8px;
    border-left: 5px solid var(--color-blue);
    margin-bottom: 50px;
}

.services-hero__advisor-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.services-hero__advisor-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.services-hero__advisor-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    max-width: 560px;
}

.services-hero__advisor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 32px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #FFFFFF;
    align-self: flex-start;
}

.services-hero__advisor-btn:hover {
    background: var(--color-blue-hover);
}

.services-hero__advisor-card {
    flex: 0 0 47.5%;
    position: relative;
    background: linear-gradient(135deg, rgba(6, 29, 63, 1) 0%, #0c2e66 100%);
    border-radius: 8px;
    padding: 16px 48px 16px 48px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 10px;
}

.services-hero__advisor-card-glow {
    position: absolute;
    top: -202px;
    left: -147px;
    width: 1093px;
    height: 204px;
    border-radius: 50%;
    background: var(--color-blue);
    filter: blur(200px);
    transform: rotate(1.79deg);
    pointer-events: none;
}

.services-hero__advisor-list {
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1 / 3;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 17px;
    align-self: center;
}

.services-hero__advisor-list li {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #FFFFFF;
    max-width: 291px;
    padding-left: 12px;
    position: relative;
}

.services-hero__advisor-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFFFFF;
}

.services-hero__advisor-example {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    width: 88px;
    height: 67px;
    border-radius: 4px;
    object-fit: cover;
    display: block;
    justify-self: center;
}

.services-hero__advisor-dl-btn {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 136px;
    height: 31px;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: #FFFFFF;
}

.services-hero__advisor-dl-btn img {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    display: block;
}

.services-hero__advisor-dl-btn:hover {
    background: rgba(255, 255, 255, 0.1);
}
.services-questions {
    background: var(--color-panel);
    border-radius: 8px;
    padding: 30px;
    min-height: 404px;
    margin-bottom: 50px;
}

.services-questions__title {
    margin: 0 0 30px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

.services-questions__grid {
    display: flex;
    gap: 35px;
}

.services-questions__col {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    max-width: 305px;
    margin: 0 auto;
}

.services-questions__icon {
    width: 76px;
    height: 76px;
    border-radius: 160px;
    background: rgba(238, 243, 252, 0.2);
    box-shadow: 0 4px 4px rgba(40, 111, 219, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 76px;
}

.services-questions__icon img {
    width: 45px;
    height: 45px;
    display: block;
    object-fit: contain;
}

.services-questions__col-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

.services-questions__col-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--color-gray);
    text-align: center;
}

.services-questions__col-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 25px;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #FFFFFF;
    width: 70%;
}

.services-questions__col-btn:hover {
    background: var(--color-blue-hover);
}
.services-digest {
    position: relative;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    min-height: 186px;
}

.services-digest__bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(94.15deg, #000000 4.37%, rgba(0, 0, 0, 0) 71.08%, rgba(0, 0, 0, 0) 125.02%),
    url("assets/digest.png") center / cover no-repeat;
    /* PNG - фолбэк для браузеров без image-set(); WebP в разы легче (446 КБ -> 16 КБ) */
    background: linear-gradient(94.15deg, #000000 4.37%, rgba(0, 0, 0, 0) 71.08%, rgba(0, 0, 0, 0) 125.02%),
    image-set(url("assets/digest.webp") type("image/webp") 1x, url("assets/digest.png") type("image/png") 1x) center / cover no-repeat;
    z-index: 0;
}

.services-digest__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 43px;
    gap: 40px;
    min-height: 186px;
}

.services-digest__info {
    max-width: 590px;
}

.services-digest__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #FFFFFF;
}

.services-digest__desc {
    margin: 5px 0 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #FFFFFF;
}

.services-digest__form {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.services-digest__input-row {
    display: flex;
    gap: 4px;
}

.services-digest__input-wrap {
    width: 246px;
    height: 34px;
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
}

.services-digest__input {
    width: 100%;
    height: 100%;
    padding: 0 19px;
    border: 0;
    outline: 0;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    color: var(--color-text);
}

.services-digest__input::placeholder {
    color: var(--color-text);
    opacity: 0.5;
}

.services-digest__submit {
    width: 142px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: var(--color-blue);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #FFFFFF;
    cursor: pointer;
}

.services-digest__submit:hover {
    background: var(--color-blue-hover);
}

.services-digest__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.services-digest__checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.services-digest__checkbox-input {
    position: absolute;
    opacity: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.services-digest__checkbox-mark {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border-radius: 4px;
    background: #FFFFFF;
    box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
    position: relative;
}

.services-digest__checkbox-input:checked + .services-digest__checkbox-mark::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: url("assets/check-icon-checkbox.svg") center / 13px 13px no-repeat;
}

.services-digest__checkbox-text {
    font-family: var(--font-body);
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 364px;
}

.services-digest__checkbox-text a {
    color: inherit;
    text-decoration: underline;
}
/* ============== Education Page ============== */
.education-container {
    margin: 0 auto;
    max-width: 1440px;
}

.education-page__breadcrumbs {
    margin-bottom: 20px;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    color: #979EAB;
}

.education-page__breadcrumbs a {
    color: #979EAB;
}

.education-page__breadcrumbs a:hover {
    color: var(--color-blue);
}

.education-page__breadcrumbs-sep {
    margin: 0 4px;
}

.education-page__breadcrumbs-current {
    color: #979EAB;
}
.education-hero {
    margin-bottom: 50px;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.education-hero__inner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 213px;
}

.education-hero__content {
    position: relative;
    z-index: 1;
    flex: 1;
    padding: 30px 0 30px 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.education-hero__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    line-height: 41px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 50px;
}

.education-hero__subtitle {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.education-hero__benefits {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
    max-width: 505px;
}

.education-hero__benefit {
    position: relative;
    padding-left: 14px;
}

.education-hero__benefit::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.education-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 20px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.education-hero__cta:hover {
    background: var(--color-blue-hover);
}

.education-hero__illustration {
    position: relative;
    flex: 0 0 50%;
    max-width: 690px;
    align-self: stretch;
}

.education-hero__illustration::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, #FFFFFF 20.8%, rgba(255, 255, 255, 0) 69.48%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

.education-hero__illustration-img {
    position: absolute;
    top: 0;
    left: 10%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.education-schedule {
    position: relative;
    margin-bottom: 50px;
    padding: 30px;
    border-radius: 8px;
    background: #0A254F;
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.education-schedule__glow {
    position: absolute;
    top: -172px;
    left: -148px;
    width: 1093px;
    height: 204px;
    background: var(--color-blue);
    filter: blur(200px);
    transform: rotate(1.79deg);
    pointer-events: none;
}

.education-schedule__title {
    position: relative;
    z-index: 1;
    margin: 0 0 30px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #FFFFFF;
}

.education-schedule__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.education-schedule__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 12px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    min-height: 168px;
}

.education-schedule__card-date {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #FFFFFF;
}

.education-schedule__card-name {
    margin: 0;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #FFFFFF;
}

.education-schedule__card-topics {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #FFFFFF;
}

.education-schedule__card-btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 34px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.education-schedule__card-btn:hover {
    background: var(--color-blue-hover);
}

.education-schedule__card-btn--more {
    display: none;
}
.education-speakers {
    margin-bottom: 50px;
}

.education-speakers__title {
    margin: 0 0 20px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.education-speakers__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.education-speaker-card {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 30px 0 30px;
    border-radius: 8px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    max-height: 295px;
}

.education-speaker-card__photo {
    flex: 0 0 215px;
    width: 215px;
    height: 280px;
    overflow: hidden;
    align-self: flex-end;
}

.education-speaker-card__photo-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.education-speaker-card__info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 30px 0 30px 0;
}

.education-speaker-card__name {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 20px;
}

.education-speaker-card__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-text);
    max-width: 340px;
    padding-bottom: 20px;
}

.education-speaker-card__themes {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-bottom: 8px;
}

.education-speaker-card__themes-label {
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: var(--color-text);
}

.education-speaker-card__themes-text {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: var(--color-text);
}

.education-speaker-card__courses {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.education-speaker-card__courses-label {
    font-family: var(--font-title);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    color: var(--color-text);
}

.education-speaker-card__course-tags {
    display: flex;
    flex-direction: column;
    gap: 5.5px;
}

.education-speaker-card__course-tags-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.education-speaker-card__course-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12.5px;
    height: 25px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    white-space: nowrap;
    width: fit-content;
}

.education-speaker-card__course-tag--outline {
    background: transparent;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
    padding: 4.5px 9px;
}
.education-faq {
    margin-bottom: 50px;
}

.education-faq__title {
    margin: 0 0 30px;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
}

.education-faq__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.education-faq__item {
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.education-faq__question {
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 0;
    background: transparent;
    cursor: pointer;
    max-height: 57px;
}

.education-faq__question-text {
    font-family: var(--font-title);
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text);
    text-align: left;
}

.education-faq__icon {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.education-faq__icon::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid var(--color-text);
    border-bottom: 2px solid var(--color-text);
    transform: rotate(45deg);
    margin-top: -4px;
}

.education-faq__question[aria-expanded="true"] .education-faq__icon {
    transform: rotate(180deg);
}

.education-faq__answer {
    padding: 0 24px 20px;
}

.education-faq__answer[hidden] {
    display: none;
}

.education-faq__answer-text {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
}
.education-cta {
    position: relative;
    padding: 40px 30px;
    border-radius: 8px;
    background: #011027;
    box-shadow: var(--shadow-card);
    overflow: hidden;
    text-align: center;
}

.education-cta__glow {
    position: absolute;
    top: 212px;
    left: 50%;
    transform: translateX(-50%) rotate(1.79deg);
    width: 913px;
    height: 177px;
    background: rgba(40, 111, 219, 0.8);
    filter: blur(200px);
    pointer-events: none;
}

.education-cta__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.education-cta__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #FFFFFF;
    max-width: 719px;
}

.education-cta__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 670px;
}

.education-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 25px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
}

.education-cta__btn:hover {
    background: var(--color-blue-hover);
}
@media (max-width: 1180px) {
    .education-schedule__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px 20px;
    }

}
.about-page__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 400;
    color: #979EAB;
    padding-bottom: 10px;
}

.about-page__breadcrumbs a {
    color: #979EAB;
}

.about-page__breadcrumbs-sep {
    color: #979EAB;
}

.about-page__breadcrumbs-current {
    color: #979EAB;
}

.about-page__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 34px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 50px;
}
.about-hero {
    border-radius: 8px;
    overflow: hidden;
    padding-bottom: 50px;
}

.about-hero__inner {
    display: flex;
    background: linear-gradient(94.4deg, #FFFFFF 25.55%, var(--color-bg) 51.47%, var(--color-bg) 106.27%);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    max-height: 282px;
    position: relative;
    overflow: hidden;
}

.about-hero__left {
    flex: 1;
    padding: 20px 20px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    max-width: 908px;
}

.about-hero__heading {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 400;
    color: var(--color-text);
    max-width: 702px;
}

.bitkogan-gradient-style {
    font-size: 34px;
    font-weight: 700;
    background: linear-gradient(90deg, #0C3A97, #286DD4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.bitkogan-dash {
    font-size: 24px;
    font-weight: 700;
}

.about-hero__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
    max-width: 724px;
}

.about-hero__right {
    flex: 0 0 658px;
    width: 658px;
    position: relative;
    overflow: hidden;
    border-radius: 0 8px 8px 0;
}

.about-hero__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 1;
    min-height: 282px;
    image-rendering: auto;
    /* В Chrome картинки внутри overflow:hidden + border-radius иногда
       растрируются более грубым алгоритмом (пиксели видны), чем в Firefox -
       принудительный перевод на отдельный GPU-слой исправляет качество. */
    transform: translateZ(0);
    backface-visibility: hidden;
}
.about-stats__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-bottom: 50px;
    max-width: 828px;
    margin-left: auto;
    margin-right: auto;
}

.about-stats__card {
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: var(--shadow-card);
    padding: 20px 14px;
    width: 195px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    max-height: 195px;
    background: url("assets/company-info-fon.png") center / cover no-repeat;
    justify-self: center;
    height: 100%;
}

.about-stats__card > * {
    position: relative;
    z-index: 1;
}

.about-stats__icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.about-stats__icon img {
    width: 36px;
    height: 36px;
    display: block;
    object-fit: contain;
}

.about-stats__value {
    font-family: var(--font-title);
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    padding-bottom: 5px;
}

.about-stats__label {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}
.about-info {
    position: relative;
    background: #051837;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 50px 20px;
    overflow: hidden;
    margin-bottom: 50px;
}

.about-info__glow {
    position: absolute;
    width: 1316.52769370127px;
    height: 1117.1584334682514px;
    top: -753.25px;
    left: 47.53px;
    rotate: 1.79deg;
    opacity: 1;
    background: #286FDB4D;
    filter: blur(200px);
    pointer-events: none;
    border-radius: 50%;
}

#about-info__text-title {
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    padding-bottom: 30px;
}

.about-info__text {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    max-width: 1004px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFFCC;
    text-align: center;
    max-width: 775px;
}
.about-advantages {
    background: var(--color-panel);
    border-radius: 8px;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
    margin-bottom: 50px;

}

.about-advantages__title {
    margin: 0 0 40px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

.about-advantages__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;

}

.about-advantages__card {
    position: relative;   /* чтобы glow позиционировался относительно карточки */
    overflow: hidden;     /* скрывает всё, что выходит за пределы карточки */
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    min-height: 158px;
    align-items: flex-start;
    text-align: start;

}

.about-advantages-card__glow {
    position: absolute;
    width: 348.4339251400547px;
    height: 850.3947038527386px;
    top: -753.25px;
    left: 55.87px;
    rotate: 1.79deg;
    opacity: 1;
    background: #286FDB4D;
    filter: blur(200px);
    pointer-events: none;
    border-radius: 50%;
}

.about-page__advantages-icon {
    width: 34px;
    height: 34px;
    background: #CDDCF666;
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-bottom: 20px;
}

.about-page__advantages-icon img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.about-advantages__card-title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 10px;
}

.about-advantages__card-desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-text);
}
.about-team {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url(assets/about-team-background.png);
    padding: 40px 20px;
    margin-bottom: 50px;
    object-fit: cover;
    box-shadow: 0px 4px 7px 0px #286FDB26;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
}

.about-team__title {
    margin: 0 0 40px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
}

.about-team__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}

.about-team__card {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    min-height: 300px;
    background-image: url(assets/about-background-card.png);
    box-shadow: 0px 4px 7px 0px #286FDB26;
    background-size: cover;
    background-position: center;
}

.about-team__card.moved-left .about-team__photo {
    left: 35%;
}

#about-team__card-one {
    background-image: url(assets/about-background-card-one.png);
}

.about-team__photo {
    position: absolute;
    inset: 0;
    border-radius: 8px;
    overflow: hidden;
    width: 230px;
    left: 42%;

}

#about-team__photo-two {
    top: 5%;
    height: 299px;
}

.about-team__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* Плавно растворяем фото слева в фон карточки, чтобы рука/плечо не
       обрезались резкой ровной линией, а мягко уходили в цвет карточки */
    mask-image: linear-gradient(to right, transparent 0%, #000 30%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%);
}

.about-team__info {
    position: absolute;

    padding: 30px 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.about-team__name-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-blue);
    border-radius: 8px;
    padding: 10px;
    font-family: var(--font-title);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #FFFFFF;
    width: fit-content;
}

.about-team__desc {

    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: var(--color-text);
    max-width: 120px;
}

#about-team__desc-two {
    max-width: 140px;
}
.about-reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 7px 0px #286FDB26;
    padding: 40px 18px;
    border-radius: 8px;
    margin-bottom: 50px;
}

.about-reviews__title {
    margin: 0 0 40px;
    font-family: var(--font-title);
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #011027;
    text-align: center;
}

.about-reviews__scroll {
    display: flex;
    gap: 20px;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(40, 111, 219, 0.3) transparent;
    width: 100%;
}

.about-reviews__scroll::-webkit-scrollbar {
    display: none;
}

.about-reviews__card {
    flex: 0 0 310px;
    width: 310px;
    min-height: 268px;
    background: #02122A;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.about-reviews__emoji {
    font-size: 28px;
    line-height: 1;
    align-self: flex-start;
    position: relative;
    z-index: 1;
    right: 5px;
}

.about-reviews__row {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.about-reviews__stars {
    display: flex;
    align-items: center;
    gap: 0;
}

.about-reviews__star {
    width: 22px;
    height: 22px;
    background: #E7E061;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.about-reviews__date {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #F5F5F5;
    white-space: nowrap;
}

.about-reviews__name {
    font-family: var(--font-body);
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #F5F5F5;
    position: relative;
    z-index: 1;
}

.about-reviews__text {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #F5F5F5;
    text-align: center;
    position: relative;
    z-index: 1;
}
.about-cta {
    border-radius: 8px;
    overflow: hidden;
}

.about-cta__inner {
    background: url(assets/about-cta__inner-background.png);
    border-radius: 8px;
    padding: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background-size: cover;
}

.about-cta__title {
    margin: 0;
    font-family: var(--font-title);
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
}

.about-cta__desc {
    margin: 0;
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    max-width: 590px;
}

.about-cta__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 25px;
    border-radius: 8px;
    background: var(--color-blue);
    color: #FFFFFF;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
}

.about-cta__button:hover {
    background: #1a5cc4;
}

.blog-categories__title {
    display: none;
}

.partners-page {
    max-width: 1440px;
    margin: 0 auto;
    display: none;
    background: var(--color-bg);
}

.partners-page:not([hidden]) {
    display: block;
}

.partners-page__container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.partners-page__breadcrumbs {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #979EAB;
    padding-bottom: 20px;
}

.partners-page__breadcrumbs a {
    color: #979EAB;
    text-decoration: none;
    transition: color 0.2s;
}

.partners-page__breadcrumbs a:hover {
    color: var(--color-blue);
}

.partners-page__breadcrumbs-sep {
    color: #979EAB;
    font-size: 12px;
}

.partners-page__breadcrumbs-current {
    color: #979EAB;
    font-weight: 400;
}
.partners-page__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    color: var(--color-text);
    margin: 0;
    padding-bottom: 50px;
}
.partners-page__info {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 50px;
}

.partners-page__info-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-gray);
    margin: 0;
}
.partners-page__logos {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.partners-page__logos-row {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.partners-page__logo-card {
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.partners-page__logo-card img {
    width: 100%;
    height: 30px;
    object-fit: contain;
}
.partners-page__benefits {
    position: relative;
    padding-top: 50px;
}

.partners-page__benefits-glow {
    position: absolute;
    width: 486px;
    height: 200px;
    left: 50%;
    top: 120px;
    transform: translateX(-380px);
    background: rgba(40, 111, 219, 0.3);
    filter: blur(200px);
    pointer-events: none;
    z-index: 0;
}

.partners-page__benefits-glow::after {
    content: '';
    position: absolute;
    width: 486px;
    height: 200px;
    right: -105%;
    top: -100px;
    background: rgba(40, 111, 219, 0.3);
    filter: blur(200px);
    pointer-events: none;
}

.partners-page__benefits-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-text);
    margin: 0 0 30px;
    padding: 0;
    position: relative;
    z-index: 1;
}

.partners-page__benefits-card {
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 30px 0;
    position: relative;
    z-index: 1;
}

.partners-page__benefits-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
}

.partners-page__benefit {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 22px;
}

.partners-page__benefit-icon {
    width: 76px;
    height: 76px;
    background: rgba(238, 243, 252, 0.2);
    box-shadow: 0px 4px 4px rgba(40, 111, 219, 0.25);
    border-radius: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.partners-page__benefit-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.partners-page__benefit-heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-text);
    margin: 0;
}

.partners-page__benefit-desc {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-gray);
    margin: 0;
    max-width: 220px;
}

.partners-page__benefit-divider {
    width: 0;
    height: 166px;
    border-left: 1px solid var(--color-blue);
    flex-shrink: 0;
    align-self: center;
}
.partners-page__reviews {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.partners-page__reviews-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #011027;
    margin: 0 18px 30px;
    padding: 0;
}
.partners-page__cta {
    position: relative;
    padding-top: 50px;
}

.partners-page__cta-inner {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 49px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 20px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.partners-page__cta-oval {
    position: absolute;
    width: 488.8610474291586px;
    height: 389.05294319308035px;
    top: 71px;
    left: 189px;
    border-radius: 80%;
    background: #286FDB80;
    filter: blur(200px);
    opacity: 1;
    transform: rotate(1.79deg);
    pointer-events: none;
}

#partners-page__cta-oval_two {
    top: -302.32px;
    left: 750.56px;
}
.partners-page__cta-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-text);
    margin: 0;
}

.partners-page__cta-desc {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-gray);
    margin: 0;
    max-width: 719px;
}

.partners-page__cta-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 7.5px 23px;
    background: var(--color-blue);
    border-radius: 8px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    transition: background 0.2s;
    border: none;
    cursor: pointer;
}

.partners-page__cta-button:hover {
    background: #1a5cc4;
}
@media (max-width: 1024px) {

    .course-card {
        width: 186px;
        height: 245px;
    }

    .events-section__formats {
        flex-direction: column;
        gap: 12px;
    }

    .events-section__format {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        padding: 12px 16px;
        gap: 16px;
    }

    .events-section__format-label {
        text-align: left;
    }

    .events-section__button {
        width: 100%;
        align-self: stretch;
    }

    .media-card {
        grid-template-columns: 65px 1px auto 1px 1fr;
        width: 300px;
        min-height: 93px;
        column-gap: 8px;
        padding: 0 10px 0 18px;
    }

    .services-card__item {
        padding: 20px 30px
    }
    .services-hero__advisor-card {
        flex: 0 0 49%;
        padding: 14px 28px 14px 35px;
    }
    .services-questions {
        padding: 20px;
    }
    .services-questions__grid {
        gap: 15px;
    }
}

[data-article-type],
.news-panel__item,
.blog-article-card,
.blog-material-card,
.premium-analytics__card-item,
.premium-article-card,
.course-card,
.featured-news__hero,
.featured-news__card {
    cursor: pointer;
}

[data-article-type]:hover,
.news-panel__item:hover,
.blog-article-card:hover,
.blog-material-card:hover,
.premium-analytics__card-item:hover,
.premium-article-card:hover,
.course-card:hover,
.featured-news__hero:hover,
.featured-news__card:hover {
    opacity: 0.98;
}
@media (max-width: 1439px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    svg,
    video {
        max-width: 100%;
    }

    .promo-bar__inner {
        padding-inline: clamp(24px, 8vw, 120px);
    }

    .main-nav__inner {
        padding-inline: 30px;
        gap: 60px;
    }

    .main-nav__actions {
        gap: 15px;
    }

    .main-nav__scroll {
        overflow-x: auto;
        scrollbar-width: thin;
        gap: 16px;
    }

    .featured-news__card-title {
        max-width: 150px;
    }

    .featured-news__card--compact .featured-news__card-title {
        max-width: 150px;
    }

    .page-main,
    #blog-page,
    .premium-blog-page,
    .paid-analytics-page,
    .media-page,
    .services-page,
    .education-page,
    .about-page,
    .partners-page,
    .free-article-page,
    .unpaid-article-page,
    .premium-article-page {
        width: 100%;
        max-width: 100%;
    }

    .media-page__container,
    .premium-blog-page__container,
    .paid-analytics__container,
    .services-page__container,
    .education-container,
    .about-page__container,
    .partners-page__container,
    .free-article__container {
        width: 100%;
        max-width: 100%;
    }

    .featured-news {
        grid-template-columns: minmax(0, 1fr) minmax(340px, 0.46fr);
    }

    .featured-news__list,
    .featured-news__card {
        width: 100%;
    }

    .featured-news__card-image {
        width: 100%;
    }

    .featured-news__card-content {
        width: auto;
        flex: 1 1 auto;
    }

    .featured-news__tags,
    .featured-news__tags--multi,
    .premium-analytics__hero-tags,
    .premium-analytics__card-tags,
    .blog-article-card__tags {
        width: auto;
        max-width: 100%;
        flex-wrap: wrap;
    }

    .strategy-cta {
        grid-template-columns: minmax(280px, 0.8fr) minmax(280px, 0.8fr) minmax(320px, 1fr);
    }

    .subscribe-section {
        height: auto;
        min-height: 235px;
        overflow: hidden;
    }

    .subscribe-section__glow {
        left: 0;
        width: 100%;
    }

    .subscribe-section__inner {
        flex-wrap: wrap;
        gap: clamp(24px, 3vw, 40px);
    }

    .subscribe-section__left {
        flex: 0 1 240px;
    }

    .subscribe-section__benefits {
        flex: 1 1 360px;
        gap: 24px;
    }

    .subscribe-section__benefits-row {
        flex-wrap: wrap;
        gap: 20px;
    }

    .subscribe-section__card {
        flex: 1 1 300px;
        max-width: 400px;
    }

    .subscribe-section__foto {
        width: clamp(150px, 16vw, 230px);
        margin-right: 0;
    }

    .invest-strategies__grid,
    .learning-section__courses,
    .services-section__grid,
    .media-page__publications-grid,
    .premium-blog__grid,
    .paid-analytics__tariffs-grid,
    .paid-analytics__articles-grid,
    .about-advantages__grid,
    .about-team__grid,
    .partners-page__logos-row {
        min-width: 0;
    }

    .strategy-card,
    .service-card,
    .course-card,
    .media-page__card,
    .media-page__pub-card,
    .premium-analytics__card,
    .blog-article-card,
    .paid-analytics__tariff-card,
    .about-advantages__card {
        min-width: 0;
    }

    .strategy-card__actions,
    .events-section__formats,
    .media-page__publications-tabs,
    .media-page__filters {
        flex-wrap: wrap;
    }

    .media-page__reviews-carousel,
    .partners-page__reviews,
    .about-reviews {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .media-page__reviews-carousel .media-page__reviews-scroll,
    .media-page__reviews-carousel .about-reviews__scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .partners-page__reviews .media-page__reviews-carousel {
        display: block;
    }

    .partners-page__reviews .media-page__reviews-arrow {
        display: none;
    }

    .partners-page__reviews .media-page__reviews-scroll {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        overflow: visible;
    }

    .partners-page__reviews .media-page__review-card {
        width: 100%;
        min-width: 0;
        flex: initial;
    }

    .partners-page__cta-oval {
        top: 87px;
        left: -249px;
    }

    #partners-page__cta-oval_two {
        top: -302.32px;
        left: 690.56px;
    }

    .media-page__review-blur {
        right: 0;
        left: auto;
        width: 100%;
    }

    .top-trades,
    .events-section {
        width: min(100%, 390px);
        flex-basis: min(100%, 390px);
    }

    .app-section__inner {
        height: auto;
        min-height: 175px;
    }

    .app-section__stores {
        padding-left: 0;
    }

    .app-section__phones {
        width: min(240px, 22vw);
        margin-right: -24px;
    }

    .digest-section__inner,
    .media-page__subscribe-inner,
    .services-digest__inner {
        gap: 28px;
    }

    .premium-analytics__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .premium-analytics__card {
        padding: 18px;
    }

    .premium-analytics__card-body {
        width: auto;
        flex: 1 1 auto;
    }

    .premium-analytics__card-media {
        width: clamp(104px, 11vw, 147px);
        height: clamp(104px, 11vw, 147px);
        flex-basis: clamp(104px, 11vw, 147px);
    }

    .premium-analytics__card-btn {
        width: 100%;
    }

    .blog-categories__row {
        grid-template-columns: repeat(6, minmax(140px, 1fr));
        gap: 10px;
        width: 100%;
        padding-inline: 12px;
        --row-gap: 10px;
    }

    .blog-categories__button {
        width: 100%;
        padding-inline: 12px;
    }

    .blog-material-card {
        flex-basis: min(425px, calc((100vw - 120px) / 3));
        width: min(425px, calc((100vw - 120px) / 3));
    }

    .free-article__container {
        padding: 50px 90px;
    }

    .free-article__title {
        max-width: 485px;
        padding-bottom: 50px;
    }

    .free-article__breadcrumbs {
        padding-bottom: 50px;
    }

    .paid-analytics__hero {
        width: 100%;
        height: auto;
        min-height: 324px;
    }

    .paid-analytics__hero-left,
    .paid-analytics__hero-right {
        width: auto;
        flex: 1 1 50%;
    }

    .paid-analytics__hero-left {
        padding-left: clamp(40px, 7vw, 111px);
    }

    .paid-analytics__hero-cards {
        left: clamp(32px, 7vw, 111px);
        width: min(468px, calc(100% - 64px));
    }

    .paid-analytics__hero-card {
        width: 100%;
    }

    .paid-analytics__advantages {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .paid-analytics__advantage-card {
        height: auto;
        min-height: 171px;
    }

    .paid-analytics__includes-inner {
        padding-inline: clamp(40px, 8vw, 112px);
    }

    .education-speaker-card {
        max-height: none;
        padding-inline: 20px;
    }

    .education-speaker-card__photo {
        flex-basis: 180px;
        width: 180px;
    }

    .education-speaker-card__desc {
        max-width: 280px;
    }

    .site-footer__inner {
        gap: clamp(40px, 14vw, 220px);
    }
}

@media (max-width: 1280px) {
    .invest-strategies-wrapper,
    .learning-section__inner {
        flex-direction: column;
    }

    .invest-strategies__grid,
    .paid-analytics__articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .top-trades,
    .events-section {
        width: 100%;
        max-width: none;
        flex-basis: auto;
    }
    .premium-blog__grid .premium-analytics__card {
        height: 294px;
    }
    .premium-analytics__card-media {
        width: 100%;
    }

}

@media (max-width: 1180px) {
    .page-main,
    #blog-page,
    .premium-blog-page,
    .paid-analytics-page,
    .media-page,
    .services-page,
    .education-page,
    .about-page {
        padding: 50px 30px;
    }

    .partners-page__container {
        padding: 50px 30px;
    }

    .featured-news,
    .strategy-cta,
    .premium-analytics__grid,
    .paid-analytics__advantages {
        grid-template-columns: 1fr;
    }

    .featured-news__side-slider {
        display: none;
    }

    .strategy-cta,
    .app-section__inner,
    .digest-section__inner,
    .media-page__subscribe-inner,
    .services-digest__inner {
        align-items: flex-start;
    }

    .app-section__inner {
        flex-wrap: wrap;
    }

    .app-section__stores {
        flex-direction: row;
        flex-wrap: wrap;
        align-self: flex-start;
    }

    .app-section__phones {
        width: 100%;
        max-width: 320px;
        margin-left: 0;
    }

    .blog-material-card {
        flex-basis: min(360px, 80vw);
        width: min(360px, 80vw);
    }

    .education-speaker-card {
        justify-content: flex-start;
    }

    .site-footer__inner {
        gap: 48px;
    }
}
@media (min-width: 721px) and (max-width: 1024px) {
    .about-hero__inner {
        min-height: 341px;
        max-height: none;
        background: url(assets/about-hero__inner.png);
    }
    .about-hero__left {
        flex: 0 0 423px;
        max-width: 423px;
        padding: 20px 0 20px 20px;
    }
    .about-hero__heading {
        font-size: 24px;
        line-height: 100%;
        max-width: 390px;
        padding-bottom: 20px;
    }
    .about-hero__heading br {
        display: none;
    }
    .bitkogan-dash {
        font-size: 24px;
    }
    .about-hero__desc {
        max-width: 403px;
    }
    .about-hero__desc br {
        display: none;
    }
    .about-advantages__card-desc br {
        display: none;
    }
    .about-hero__right {
        display: none;
    }
    .about-hero__photo {
        display: none;
    }
    .about-stats__grid {
        gap: 20px;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    .about-stats__card {
        width: auto;
    }
    .about-stats__label {
        line-height: 25px;
    }
    .about-info {
        padding: 40px 20px;
    }
    #about-info__text-title {
        padding-bottom: 20px;
    }
    .about-advantages {
        padding: 40px 20px;
        min-height: 300px;
    }
    .about-advantages__title {
        margin: 0 0 20px;
    }
    .about-advantages__grid {
        gap: 20px;
    }
    .about-advantages__card {
        min-height: 178px;
        padding: 20px;
    }
    .about-advantages__card-title {
        font-size: 16px;
        line-height: 20px;
    }
    .about-advantages__card-desc {
        font-family: var(--font-title);
        font-size: 14px;
        line-height: 17px;
    }
    .about-team {
        order: 1;
    }
    .about-advantages {
        order: 2;
    }
    .about-reviews {
        order: 3;
    }
    .about-cta {
        order: 4;
    }
    .about-team__title {
        margin: 0 0 20px;
    }
    .about-team__grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        overflow: hidden;
        scrollbar-width: none;
    }
    .about-team__grid::-webkit-scrollbar {
        display: none;
    }
    .about-team__card {
        flex: 0 0 281px;
        min-width: 281px;
    }

    .about-page .media-page__reviews-arrow {
        display: inline-flex;
    }
    .about-reviews__scroll .about-reviews__card:nth-child(4) {
        display: none;
    }
    .about-reviews {
        padding: 40px 20px;
    }
    .about-cta__button {
        font-weight: 600;
    }
}
@media (min-width: 721px) and (max-width: 1024px) {
    .partners-page__breadcrumbs {
        padding-bottom: 10px;
    }
    .partners-page__title {
        padding-bottom: 37px;
    }
    /* Сетка логотипов (Frame 592: 4 карточки в ряд, карточка 226×80, gap 20) */
    .partners-page__logos {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
    .partners-page__logos-row {
        display: contents;
    }
    .partners-page__benefits-title {
        margin: 0 0 20px;
    }
    .partners-page__benefits-card {
        padding: 20px 19px;
    }
    .partners-page__benefits-row {
        justify-content: center;
        gap: 20px;
    }
    .partners-page__benefit {
        flex: 0 0 201px;
        width: 201px;
        gap: 20px;
    }
    .partners-page__benefit-desc {
        max-width: 201px;
    }
    .partners-page__benefit-divider {
        height: 182px;
    }
    .partners-page__reviews-title {
        margin: 0 0 20px;
    }
    .partners-page__reviews {
        padding-bottom: 50px;
    }
    .partners-page__reviews .media-page__reviews-carousel {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .partners-page__reviews .media-page__reviews-carousel .media-page__reviews-scroll {
        flex: 1;
        min-width: 0;
    }
    .partners-page__reviews .media-page__reviews-scroll {
        display: flex;
        grid-template-columns: none;
        gap: 20px;
        overflow: hidden;
        padding-bottom: 0;
    }
    .partners-page__reviews .media-page__reviews-arrow {
        display: inline-flex;
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
    }
    .partners-page__reviews .media-page__review-card {
        flex: 0 0 294px;
        width: 294px;
        min-width: 294px;
        height: 280px;
        min-height: 280px;
    }
}

@media (max-width: 720px) {
    .page-main,
    #blog-page,
    .premium-blog-page,
    .paid-analytics-page,
    .media-page,
    .services-page,
    .education-page,
    .about-page {
        padding: 24px 16px;
    }

    .partners-page__container,
    .free-article__container {
        padding: 24px 16px;
    }

    .premium-blog__title,
    .media-page__title,
    .services-page__title,
    .education-hero__title,
    .about-page__title,
    .partners-page__title {
        padding-bottom: 30px;
    }

    .paid-analytics__hero {
        margin-bottom: 30px;
    }

    .featured-news__hero {
        min-height: 320px;
    }

    .featured-news__hero-body {
        margin-top: 26px;
    }

    .featured-news__card,
    .blog-article-card,
    .premium-analytics__card-item,
    .paid-analytics__advantage-card,
    .services-digest__input-row,
    .digest-section__input-row,
    .media-page__subscribe-row {
        flex-direction: column;
        align-items: stretch;
    }

    .featured-news__card-image,
    .blog-article-card__media,
    .premium-analytics__card-media {
        width: 100%;
        flex-basis: auto;
    }

    .blog-article-card__media,
    .premium-analytics__card-media {
        height: 180px;
    }

    .subscribe-section {
        padding: 16px;
    }

    .subscribe-section__card,
    .subscribe-section__card-button,
    #tariff-month,
    .paid-analytics__btn,
    .paid-analytics__extra-list,
    .services-digest__input-wrap,
    .services-digest__submit,
    .digest-section__input-wrap,
    .digest-section__submit,
    .media-page__subscribe-input-wrap,
    .media-page__subscribe-submit {
        width: 100%;
    }

    .paid-analytics__hero-buttons,
    .services-hero__app-stores,
    .app-section__stores {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .paid-analytics__hero-right {
        height: 300px;
    }

    .paid-analytics__hero-cards {
        left: 16px;
        width: calc(100% - 32px);
    }

    .paid-analytics__advantages,
    .paid-analytics__tariffs-grid,
    .paid-analytics__articles-grid,
    .invest-strategies__grid,
    .learning-section__courses,
    .services-section__grid,
    .media-page__publications-grid,
    .premium-blog__grid,
    .about-stats__grid,
    .about-advantages__grid,
    .about-team__grid,
    .partners-page__logos-row {
        grid-template-columns: 1fr;
    }

    .education-speaker-card {
        flex-direction: column;
    }

    .services-questions__col,
    .partners-page__benefit {
        max-width: 100%;
        flex-basis: 100%;
    }

    .site-footer__inner,
    .site-footer__nav {
        gap: 28px;
    }
}

.app-page {
    max-width: 1440px;
    margin: 0 auto;
    display: none;
    background: var(--color-bg);
    overflow-x: clip;
    background-repeat: no-repeat;
}

.app-page:not([hidden]) {
    display: flex;
    flex-direction: column;
    padding: 50px 30px;
    padding-bottom: 20px;
}

.app-page__section-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: var(--color-text);
}

.app-page__section-title span {
    background: linear-gradient(
            90deg,
            #9D58FF 10%,
            #30B0FB 66%
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    display: inline-block;
}

.app-page__section-title--light {
    color: #FFFFFF;
    padding-bottom: 40px;
}
.app-page__breadcrumb {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #979EAB;
    padding-bottom: 20px;
}
.app-page__breadcrumb a { color: #979EAB; }
.app-page__breadcrumb a:hover { text-decoration: underline; }
.app-page__breadcrumb-sep { margin: 0 6px; }
.app-page__hero {
    position: relative;
    width: 100%;
    height: 467px;
    background: url(assets/app-page__hero-background.png);
    background-size: cover;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
    padding: 0 82px 0 66px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 55%;
    margin-bottom: 50px;
}

.app-page__hero-screen {
    width: 673px;
    height: 467px;
    object-fit: contain;
    pointer-events: none;
    justify-self: end;
    align-self: center;
}

.app-page__hero-content {
    min-width: 0;
    max-width: 492px;
    padding: 33px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.app-page__hero-title {
    margin: 0;
    max-width: 380px;
    font-family: var(--font-title);
    font-weight: 700;
    font-size: 45px;
    color: var(--color-text);
    padding-bottom: 27px;
}

.app-page__hero-title span {
    background: linear-gradient(90deg, #9D58FF 0%, #1BC2FC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.app-page__hero-desc {
    margin: 0;
    max-width: 492px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-text);
    padding-bottom: 27px;
}

.app-page__hero-qr-area {
    position: relative;
    width: 381px;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 53px;
    padding-bottom: 10px;
}

.app-page__qr {
    position: relative;
    flex: 0 0 auto;
    width: 169px;
    height: 169px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}
.app-page__qr img { width: 169px; height: 169px; object-fit: contain; }

.app-page__qr-badge {
    position: absolute;
    box-shadow: 0px 4px 4px 0px #00000040;
    width: 43px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-page__qr-badge img { width: 22px; height: 29px; }

.app-page__hero-hint {
    display: flex;
    align-items: center;
    gap: 5px;
}
.app-page__hero-hint-text {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-blue);
    margin-left: 47px;
}
.app-page__hero-hint-arrow {
    background: url(assets/app-page__hero-hint-arrow.svg);
    width: 18px;
    height: 30px;
    margin-top: -25px;
    object-fit: contain;
}

.app-page__hero-stores {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 0 0 auto;
}

.app-page__store-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 11px;
    height: 49px;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: "Montserrat", sans-serif;
}
.app-page__store-icon { flex: 0 0 auto; width: 24px; height: 24px; object-fit: contain; }
.app-page__store-icon--apple { width: 31px; height: 31px; }
.app-page__store-text { display: flex; flex-direction: column; align-items: flex-start; }
.app-page__store-label { font-weight: 600; font-size: 10px; line-height: 12px; color: #FFFFFF; }
.app-page__store-name { font-weight: 600; font-size: 14px; line-height: 17px; color: #FFFFFF; }
.app-page__store-btn--google { background: rgba(40, 111, 219, 0.4); }
.app-page__store-btn--apple { background: var(--color-blue); }
.app-page__store-btn--google-soft { background: rgba(40, 111, 219, 0.2); }
.app-page__hero-stores .app-page__store-btn { width: 159px; padding: 0 14px; }
.app-page__adv {
    width: 100%;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    margin-bottom: 50px;
}
.app-page__adv-grid {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
    padding: 30px 22px;
}
.app-page__adv-card {
    position: relative;
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
    max-height: 121px;
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    display: flex;
    padding: 20px;
}
.app-page__adv-card::before {
    content: "";
    position: absolute;
    width: 348px;
    height: 850px;
    left: 56px;
    top: -740px;
    filter: blur(200px);
    background: rgba(40, 111, 219, 0.3);
    border-radius: 50%;
    transform: rotate(1.79deg);
    pointer-events: none;
}
.app-page__adv-body { position: relative; display: flex; flex-direction: column; gap: 10px; }
.app-page__card-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--color-text);
}
.app-page__card-desc {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-text);
    max-width: 390px;
}
.app-page__video {
    width: 100%;
    height: 683px;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 50px;
}
.app-page__video-inner {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(assets/app-page__video-inner.png);
    object-fit: contain;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-page__video-content {
    position: relative;
    width: 784px;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.app-page__video-head { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.app-page__video-title {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #FFFFFF;
}
.app-page__video-desc {
    margin: 0;
    max-width: 642px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}
.app-page__video-phone-wrap { position: relative; margin-top: 40px; width: 231px; height: 479px; }
.app-page__video-phone { width: 231px; height: 479px; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45)); }
.app-page__inside {
    position: relative;
    width: 100%;
    background: var(--color-panel);
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}
.app-page__inside-list { width: 1221px; max-width: 100%; display: flex; flex-direction: column; gap: 20px; }
.app-page__inside-card {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 272px;
    background: url(assets/app-page__inside-card-bg-280.png);
    object-fit: cover;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    display: flex;
    padding: 26px 200px;
}

#app-page__card-desc-inside {
    max-width: 100%;
}

#app-page__card-desc-inside-two {
    max-width: 352px;
}

.app-page__inside-card-inner { position: relative; display: flex; flex-direction: row; align-items: center; gap: 73px; width: 100%; }
.app-page__inside-card-left { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; flex: 1 1 auto; min-width: 0; }
.app-page__inside-card .app-page__card-desc { font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 14px; line-height: 19px; color: var(--color-gray); }

.app-page__check-list { display: flex; flex-direction: column; gap: 5px; margin: 0; padding: 0; list-style: none; }
.app-page__check-item { display: flex; flex-direction: row; align-items: center; gap: 20px; min-height: 24px; }
.app-page__check { position: relative; flex: 0 0 auto; width: 24px; height: 24px; background: var(--color-blue); border-radius: 60px; }
.app-page__check::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.app-page__check-text { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; color: var(--color-gray); }
.app-page__check-text--dark { color: var(--color-text); font-weight: 600; }

.app-page__cat-buttons { display: flex; flex-wrap: wrap; gap: 6px; }
.app-page__cat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 23px;
    background: var(--color-blue);
    border-radius: 8px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    white-space: nowrap;
}
.app-page__cat-grid { display: grid; grid-template-columns: 149px 149px; gap: 5px; }
.app-page__cat-btn--lg { height: 53px; filter: drop-shadow(var(--shadow-card)); text-align: center; }

.app-page__inside-card-media { position: relative; flex: 0 0 auto; width: 357px; height: 181px; object-fit: contain; aspect-ratio: 574 / 291; }

.app-page__dir-grid { display: grid; grid-template-columns: 149px 148px; gap: 5px; }
.app-page__dir-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 53px;
    padding: 8px 10px;
    background: var(--color-blue);
    border-radius: 8px;
    filter: drop-shadow(var(--shadow-card));
}
.app-page__dir-card--tall { min-height: 61px; }
.app-page__dir-flags { display: flex; align-items: center; gap: 4px; height: 16px; }
.app-page__dir-label { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; color: #FFFFFF; text-align: center; }

.app-page__flag { display: inline-block; border-radius: 2px; overflow: hidden; }
.app-page__flag--ru { width: 24px; height: 16px; background: linear-gradient(to bottom, #FFFFFF 0 33.33%, #0039A6 33.33% 66.66%, #D52B1E 66.66% 100%); }
.app-page__flag--us { position: relative; width: 30px; height: 16px; background: repeating-linear-gradient(to bottom, #FFFFFF 0 1.6px, #B22234 1.6px 3.2px); }
.app-page__flag--us::after { content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 8px; background: #3C3B6E; }
.app-page__flag--cn { position: relative; width: 24px; height: 16px; background: #DE2910; }
.app-page__flag--cn::after { content: "★"; position: absolute; left: 3px; top: -1px; font-size: 9px; line-height: 1; color: #FFDE00; }
.app-page__dir-star { width: 12px; height: 12px; font-size: 12px; line-height: 12px; color: #FFFFFF; }
.app-page__band {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 270px;
    background: url(assets/app-page__band.png);
    object-fit: contain;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.app-page__training { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.app-page__training-row { display: flex; flex-direction: row; align-items: center; gap: 31px; }
.app-page__training-list { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; width: 386px; max-width: 100%; }
.app-page__reviews {
    position: relative;
    width: 100%;
    height: 410px;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    margin-bottom: 50px;
}

.app-page__reviews-inner {
    position: relative;
    padding: 40px 14px;
    margin: 0 auto;
    height: 100%;
    background: url(assets/app-page__reviews-inner.png);
    object-fit: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}
.app-page__reviews-track {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    width: 100%;
}
.app-page__reviews-track::-webkit-scrollbar { display: none; }

.app-page__reviews .media-page__reviews-arrow {
    display: inline-flex;
}
.app-page__faq {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    box-shadow: var(--shadow-card);
    border-radius: 8px;
    padding: 40px 25px 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-bottom: 50px;
}
.app-page__faq-list { width: 1335px; max-width: 100%; display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; }
.app-page__faq-item { border-bottom: 1px solid var(--color-panel); }
.app-page__faq-question {
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: transparent;
    border: none;
    padding: 0 23px;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
}
.app-page__faq-chevron { flex: 0 0 auto; width: 16px; height: 16px; transition: transform 0.3s ease; }
.app-page__faq-chevron img { display: block; width: 100%; height: 100%; object-fit: contain; }
.app-page__faq-item.is-open .app-page__faq-chevron { transform: rotate(180deg); }
.app-page__faq-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease; }
.app-page__faq-item.is-open .app-page__faq-panel { grid-template-rows: 1fr; }
.app-page__faq-panel-inner { overflow: hidden; }
.app-page__faq-answer { margin: 0; padding: 0 23px 21px; font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; color: var(--color-gray); max-width: 900px; }
.app-page__cta {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #011027;
    border-radius: 8px;
    padding: 36px 40px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.app-page__cta-glow {
    position: absolute;
    width: 1093px;
    height: 204px;
    left: 50%;
    top: -202px;
    transform: translateX(-50%) rotate(1.79deg);
    background: var(--color-blue);
    filter: blur(200px);
    pointer-events: none;
}
.app-page__cta-title {
    position: relative;
    margin: 0 0 31px;
    max-width: 936px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
}
.app-page__cta-row { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; left: 2%; gap: 50px; }
.app-page__cta-qr-col { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.app-page__cta-qr-col .app-page__qr { width: 122px; height: 122px; }
.app-page__cta-qr-col .app-page__qr img { width: 108px; height: 105px; }
.app-page__cta-qr-label { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; text-align: center; color: #FFFFFF; }
.app-page__cta-btns-col { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.app-page__cta-btns-label { font-family: "Open Sans", sans-serif; font-weight: 400; align-self: center; font-size: 14px; line-height: 19px; text-align: center; color: #FFFFFF; }
.app-page__cta-stores { display: flex; flex-direction: column; gap: 7px; }
.app-page__cta-stores .app-page__store-btn { width: 199px; padding: 0 16px; }
#tablet-phone-screen-mobile { display: none; }
@media (max-width: 1280px) {
    .app-page__hero {   padding: 0 0 0 37px;}
    .app-page__hero-screen { width: 510px; height: 354px; }

}

@media (max-width: 1024px) {
    .app-page__adv-grid { padding: 11.5px 21px; }
    .app-page__adv-card { min-height: 158px; }
    .app-page__inside { padding: 40px 20px; }
    .app-page__inside-list { width: 924px; }
    .app-page__inside-card { padding: 26px 51px; }

    .app-page__faq { padding: 40px 0 40px 20px; }

    .app-page__reviews { height: 410px; }
    .app-page__reviews-inner { padding: 40px 16px 33px; }
    .app-page__section-title--light { padding-bottom: 33px; }
    .about-reviews__card { min-height: 282px; flex: 0 0 280px; width: 28px; padding: 20px;}
    .about-reviews__row { gap: 9px; }
    .about-reviews__date { font-size: 10px}
    .about-reviews__name { font-size: 10px}
    .about-reviews__text { max-width: 240px;}
    .app-page__qr--sm { width: 125px; height: 125px; }
    .app-page__qr--sm .app-page__qr-img { width: 119px; height: 116px; }
    .app-page__cta-glow {
        left: 282px;
        top: -202px;
        transform: rotate(1.79deg);
    }
    .app-page__cta-title { max-width: 689px; }
}

@media (max-width: 768px) {
    .app-page:not([hidden]) { gap: 32px; }
    .app-page__hero { min-height: 380px; padding: 28px; grid-template-columns: 1fr; }
    .app-page__hero-screen { display: none; }
    .app-page__hero-content { padding: 0; }
    .app-page__hero-title { font-size: 28px; line-height: 34px; }
    .app-page__hero-visual { width: 100%; height: 300px; opacity: 0.5; }
    .app-page__hero-phone { height: 280px; right: 0; }
    .app-page__hero-qr-area { gap: 20px; }
    .app-page__hero-hint { display: none; }

    .app-page__adv-grid { flex-direction: column; padding: 20px; gap: 16px; }
    .app-page__video { min-height: 480px; }
    .app-page__video-phone-wrap { width: 190px; height: 395px; }
    .app-page__video-phone { width: 190px; height: 395px; }

    .app-page__inside { padding: 22px; }
    .app-page__inside-card-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
    .app-page__inside-card-media { width: 100%; height: auto; max-height: 200px; }

    .app-page__band { height: 150px; }
    .app-page__band-text { font-size: 96px; line-height: 120px; }

    .app-page__training-row { flex-direction: column; gap: 24px; }
    .app-page__training-list { width: 100%; }

    .app-page__reviews-inner { padding-top: 28px; }
    .app-page__review-card { width: 280px; height: 268px; }

    .app-page__faq { padding: 28px 20px; }
    .app-page__faq-list { width: 100%; }
    .app-page__faq-question { font-size: 15px; }

    .app-page__cta { padding: 30px 22px; }
    .app-page__cta-row { flex-direction: column; gap: 28px; }
    .app-page__cta-btns-col { align-items: center; }
}

@media (max-width: 480px) {
    .app-page { max-width: 360px; background: #E8EAF1; }
    .app-page:not([hidden]) { padding: 20px 10px 40px; gap: 40px; }

    .app-page__hero,
    .app-page__adv,
    .app-page__video,
    .app-page__inside,
    .app-page__band,
    .app-page__reviews,
    .app-page__faq,
    .app-page__cta { margin-bottom: 0; }
    .app-page__breadcrumb {
        width: 100%;
        margin: 0 0 -20px;
        padding: 0;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }
    .app-page__hero {
        background: url(assets/app-page__hero-mobile.png);
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 20px;
        margin: 0;

        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 8px;
        overflow: hidden;
        gap: 27px;
    }
    #tablet-phone-screen { display: none; }
    #tablet-phone-screen-mobile { display: block; }
    .app-page__hero-content { display: contents; }
    .app-page__hero-title {
        order: 1;
        max-width: 287px;
        margin: 0;
        padding: 0;
        font-size: 34px;
        line-height: 41px;
        text-align: center;
    }
    .app-page__hero-desc {
        order: 2;
        max-width: 283px;
        margin: 0;
        padding: 0;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }
    .app-page__hero-screen {
        display: block;
        order: 3;
        width: 300px;
        max-width: 100%;
        height: 232px;
        object-fit: contain;
    }
    .app-page__hero-qr-area {
        order: 4;
        width: 300px;
        max-width: 100%;
        margin: 0;
        padding: 0;
        gap: 0;
    }
    .app-page__qr { display: none; }
    .app-page__hero-hint { display: none; }
    .app-page__hero-stores { width: 100%; gap: 7px; }
    .app-page__hero-stores .app-page__store-btn { width: 100%; padding: 0 25px; }
    .app-page__store-btn {
        height: 50px;
        border-radius: 8px;
        gap: 11px;
        box-sizing: border-box;
    }
    .app-page__store-icon { width: 24px; height: 24px; }
    .app-page__store-icon--apple { width: 31px; height: 31px; }
    .app-page__store-label { font-size: 12px; line-height: 15px; }
    .app-page__store-name { font-size: 16px; line-height: 20px; }
    .app-page__adv {
        width: 100%;
        padding: 20px;
        background: #CDDCF6;
        box-shadow: var(--shadow-card);
        border-radius: 8px;
    }
    .app-page__adv-grid { flex-direction: column; gap: 10px; padding: 0; }
    .app-page__adv-card {
        flex: 0 0 auto;
        width: 100%;
        height: 150px;
        max-height: none;
        padding: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        box-shadow: var(--shadow-card);
    }
    .app-page__adv-card::before { display: none; }
    .app-page__adv-body { width: 260px; gap: 10px; align-items: center; }
    .app-page__card-title { font-size: 16px; line-height: 20px; text-align: center; }
    .app-page__card-desc { font-size: 16px; line-height: 20px; text-align: center; max-width: 263px; }
    .app-page__video {
        width: 100%;
        height: 643px;
        padding: 0;
        background: #CDDCF6;
        box-shadow: var(--shadow-card);
        border-radius: 8px;
    }
    .app-page__video-inner { padding: 20px; display: flex; background: url(assets/app-page__video-inner-mobile.png); align-items: flex-start; justify-content: center; }
    .app-page__video-content { width: 300px; max-width: 100%; gap: 20px; }
    .app-page__video-head { gap: 20px; }
    .app-page__video-title { font-size: 24px; line-height: 29px; }
    .app-page__video-desc { max-width: 299px; font-size: 14px; line-height: 17px; text-align: center; }
    .app-page__video-phone-wrap { width: 231px; height: 479px; margin-top: 0; }
    .app-page__video-phone { width: 231px; height: 479px; }
    .app-page__inside {
        width: 100%;
        padding: 20px;
        background: #CDDCF6;
        box-shadow: var(--shadow-card);
        border-radius: 8px;
        gap: 20px;
    }
    .app-page__inside-list { width: 300px; max-width: 100%; gap: 20px; }
    .app-page__inside-card {
        width: 100%;
        height: auto;
        padding: 20px;
        background: url(assets/app-page__inside-mobile.png);
        box-shadow: var(--shadow-card);
        border-radius: 8px;
    }
    .app-page__inside-card-inner { flex-direction: column; align-items: center; gap: 20px; }
    .app-page__inside-card-left { width: 260px; max-width: 100%; align-items: center; gap: 20px; }
    .app-page__inside-card .app-page__card-desc { font-size: 14px; line-height: 19px; text-align: center; max-width: 269px; }
    #app-page__card-desc-inside,
    #app-page__card-desc-inside-two { max-width: 269px; }

    .app-page__check-list { width: 260px; gap: 5px; }
    .app-page__check-item { gap: 20px; min-height: auto; }
    .app-page__check { width: 24px; height: 24px; }
    .app-page__check-text { width: 216px; max-width: 216px; font-size: 14px; line-height: 19px; }
    .app-page__check-text--dark { color: var(--color-text); font-weight: 600; }

    .app-page__cat-buttons { width: 260px; flex-direction: column; flex-wrap: nowrap; gap: 6px; }
    .app-page__cat-btn { width: 100%; height: 50px; padding: 15px 25px; font-size: 16px; line-height: 22px; }

    .app-page__cat-grid { grid-template-columns: 128px 127px; width: 260px; gap: 5px; }
    .app-page__cat-grid .app-page__cat-btn { width: 100%; }
    .app-page__cat-btn--lg { height: 53px; padding: 0 10px; font-size: 14px; line-height: 19px; text-align: center; }

    .app-page__inside-card-media { width: 260px; height: 132px; max-height: none; }

    .app-page__dir-grid { grid-template-columns: 128px 127px; width: 260px; gap: 5px; }
    .app-page__dir-grid .app-page__dir-card { width: 100%; }
    .app-page__dir-card { min-height: 53px; }
    .app-page__dir-card--tall { min-height: 61px; }
    .app-page__band {
        width: 100%;
        height: auto;
        padding: 20px;
        background: url(assets/app-page__band-mobile.png);
        box-shadow: var(--shadow-card);
        border-radius: 8px;
    }
    .app-page__training { width: 300px; max-width: 100%; gap: 20px; }
    .app-page__section-title { font-size: 24px; line-height: 29px; }
    .app-page__section-title span { display:inline }
    .app-page__check-text--dark { max-width: 256px; width: 100%;}
    .app-page__training-row { flex-direction: column; align-items: center; gap: 20px; }
    .app-page__qr--sm { display: none; }
    .app-page__training-list { width: 300px; max-width: 100%; gap: 10px; }
    .app-page__reviews {
        width: 100%;
        height: 364px;
        background: #04142F;
        box-shadow: var(--shadow-card);
        border-radius: 8px;
    }
    .app-page__reviews-inner {
        padding: 20px 7px;
        background: url(assets/app-page__reviews-inner-mobile.png);
        height: 100%;
    }
    .app-page__section-title--light { padding-bottom: 20px; font-size: 24px; line-height: 29px; }
    .app-page__reviews .media-page__reviews-carousel { gap: 7px; }
    .app-page__reviews .about-reviews__scroll { gap: 7px; }
    .app-page__reviews .about-reviews__card {
        flex: 0 0 280px;
        width: 280px;
        min-height: 282px;
        height: 282px;
        background: #061B3C;
        border-radius: 8px;
        box-shadow: var(--shadow-card);
        padding: 20px;

    }
    .app-page__reviews .about-reviews__emoji { font-size: 28px; line-height: 34px; right: 0; }
    .app-page__reviews .about-reviews__row { gap: 9px; }
    .app-page__reviews .about-reviews__date,
    .app-page__reviews .about-reviews__name { font-size: 10px; line-height: 14px; }
    .app-page__reviews .about-reviews__text { max-width: 240px; font-size: 14px; line-height: 19px; }
    .app-page__reviews .media-page__reviews-arrow { width: 16px; min-width: 16px; height: 16px; }
    .app-page__reviews .media-page__reviews-arrow img { width: 16px; height: 16px; }
    .app-page__faq {
        width: 100%;
        padding: 20px;
        background: #FFFFFF;
        box-shadow: var(--shadow-card);
        border-radius: 8px;
        gap: 14px;
        align-items: center;
    }
    .app-page__faq-list { width: 300px; max-width: 100%; gap: 8px; }
    .app-page__faq-item { border-bottom: 1px solid #CDDCF6; }
    .app-page__faq-item:last-child { border-bottom: none; }
    .app-page__faq-question {
        height: 62px;
        padding: 0;
        gap: 6px;
        font-size: 16px;
        line-height: 20px;
    }
    .app-page__faq-question > span:first-child { max-width: 272px; }
    .app-page__faq-chevron { width: 16px; height: 16px; }
    .app-page__faq-answer { padding: 0 0 21px; font-size: 14px; line-height: 19px; }
    .app-page__cta {
        width: 100%;
        padding: 20px;
        background: #011027;
        border-radius: 8px;
        align-items: center;
    }
    .app-page__cta-title {
        max-width: 300px;
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }

    .app-page__cta-title span { white-space: nowrap; }
    .app-page__cta-row { flex-direction: column; gap: 0; left: 0; align-items: center; }
    .app-page__cta-qr-col { display: none; }
    .app-page__cta-btns-label { display: none; }
    .app-page__cta-btns-col { align-items: center; gap: 0; }
    .app-page__cta-stores { gap: 7px; }
    .app-page__cta-stores .app-page__store-btn { width: 300px; max-width: 100%; padding: 0 25px; }
}

.br-1024 { display: none; }

.br-360 { display: none; }
.br-not-360 { display: inline; }
.service-card__button { display: none; }

@media (max-width: 1024px) and (min-width: 950px) {

    .promo-bar__inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .featured-news {
        grid-template-columns: minmax(0, 1fr) 308px;
        gap: 20px;
        min-height: 408px;
    }

    .featured-news__hero {
        min-height: 408px;
    }

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

    .featured-news__card,
    .featured-news__card--compact {
        width: 100%;
        min-height: auto;
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
    }

    .featured-news__card-image,
    .featured-news__card--compact .featured-news__card-image {
        width: 138px;
        height: 120px;
        flex: 0 0 138px;
        aspect-ratio: auto;
    }

    .featured-news__card-content,
    .featured-news__card--compact .featured-news__card-content {
        width: 150px;
        flex: 1 1 150px;
    }

    .strategy-cta {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
        padding: 20px;
    }

    .strategy-cta__intro,
    .strategy-cta__benefits,
    .strategy-cta__app {
        width: auto;
        max-width: none;
    }

    .strategy-cta__app {
        height: 150px;
    }

    .strategy-cta__store {
        flex: 1 1 100px;
    }

    .strategy-cta__qr {
        width: 69px;
        height: 67px;
        flex: 0 0 67px;
    }

    .br-1024 { display: inline; }

    .education-speaker-card__themes {
        display: block;
    }

    .news-panel__thumb {
        height: 96px;
    }

    .three-blocks {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .video-section {
        padding: 20px 10px;
    }

    .video-section__title {
        margin: 0 0 20px 10px;
    }

    .video-section__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .video-section__viewport { overflow: hidden; }
    .video-section__track {
        display: flex;
        gap: 20px;
        transition: transform 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        will-change: transform;
    }
    .video-section__track--no-transition { transition: none !important; }
    .video-card { flex: 0 0 287px; min-width: 287px; }
    .video-section__arrow { display: inline-flex; }

    .news-panel__title { font-size: 14px; }

    .top-trades__tab { padding: 0 13px; }
    .top-trades__item { padding: 19px 20px; }
    .strategy-card__body { max-width: 248px; }

    .subscribe-section {
        height: auto;
        padding: 20px 20px 0;
    }

    .subscribe-section__inner {
        flex-wrap: nowrap;
        gap: 20px;
        align-items: stretch;
    }

    .subscribe-section__left {
        flex: 1 1 0;
        min-width: 0;
        align-self: stretch;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .subscribe-section__foto {
        width: 257px;
        margin-right: 0;
        margin-top: auto;
    }

    .subscribe-section__benefits {
        flex: 1 1 0;
        min-width: 0;
        flex-direction: column;
        gap: 10px;
        align-self: center;
        padding-bottom: 20px;
    }

    .subscribe-section__benefits-row {
        flex-direction: column;
        gap: 10px;
    }

    .subscribe-section__benefit {
        width: 100%;
    }

    .subscribe-section__card {
        flex: 1 1 0;
        min-width: 0;
        padding: 16px;
        margin-bottom: 20px;
    }

    .subscribe-section__card-button {
        width: 100%;
        max-width: 180px;
    }

    .strategy-banner__inner {
        padding-right: 20px;
    }

    .invest-strategies-wrapper {
        flex-direction: row;
        align-items: stretch;
    }

    .invest-strategies__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .invest-strategies__grid .strategy-card:nth-child(3) {
        display: none;
    }

    .top-trades {
        flex: 0 0 305px;
        width: 305px;
        max-width: none;
        height: 535px;
        padding: 20px 20px 35px;
    }

    .app-section__inner {
        height: 231px;
        padding: 20px;
        gap: 18px;
    }

    .app-section__content {
        max-width: 310px;
    }

    .app-section__stores {
        padding-left: 16px;
        flex-direction: column;
        flex-wrap: nowrap;
        align-self: center;
    }

    .app-section__phones {
        flex: 0 0 270px;
        width: 270px;

    }

    .app-section__title {
        max-width: 280px;
    }

    .app-section__phone--back {
        width: 220px;
        right: 15px;
        top: -208px;
    }

    .app-section__phone--front {
        width: 145px;
        right: 100px;
        top: 70px;
    }

    .learning-section__subtitle {
        max-width: 282px;
    }

    .learning-section__inner {
        flex-direction: row;
    }

    .learning-section__left {
        flex: 1 1 638px;
    }

    .course-card__thumb {
        width: 100%;
    }

    .events-section {
        flex: 0 0 306px;
        width: 306px;
        gap: 10px;
    }

    .events-section__desc {
        margin: 10px 0 10px;
    }

    .events-section__formats {
        gap: 10px;
    }

    .events-section__format-icon {
        width: 46px;
        height: 46px;
    }

    .media-card__icon {
        max-width: 30px;
        height: 30px;
    }

    .events-section__format {
        padding: 10px 22px;
        flex: 0 0 66px;
        height: 66px;
        width: 100%;
    }

    .media-section__carousel {
        padding-inline: 18px;
    }

    .media-section__track {
        gap: 15px
    }

    .media-card__desc {
        max-width: 90px;
    }

    .digest-section__info {
        flex: 1 1 448px;
        max-width: 448px;
    }

    .news-panel__meta {
        gap: 8px 16px;
    }

    .featured-news__card-title,
    .featured-news__card--compact .featured-news__card-title {
        max-width: none;
        -webkit-line-clamp: none;
        overflow: visible;
    }

    .site-footer__inner {
        gap: 136px;
    }

    .site-footer__nav {
        gap: 52px;
    }

}

@media (max-width: 480px) {
    html,
    body {
        overflow-x: hidden;
    }
    .page-main {
        padding: 20px 10px 40px;
    }

    .page-main > section:not(:last-child),
    .page-main > div:not(:last-child) {
        margin-bottom: 40px;
    }
    .promo-bar {
        min-height: 66px;
        height: 66px;
        background-image: url("assets/fon-header-mobile.jpg");
    }

    .promo-bar__inner {
        width: 340px;
        min-height: 60px;
        margin: 0 auto;
        padding: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .promo-bar__text {
        padding-bottom: 0;
        text-align: center;
    }

    .promo-bar__title {
        margin: 0;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }

    .promo-bar__subtitle {
        display: none;
    }

    .promo-bar__button {
        width: 158px;
        height: 23px;
        padding: 0 25px;
        font-size: 14px;
        line-height: 23px;
    }
    .main-nav {
        min-height: 51px;
        height: 51px;
        position: relative;
    }

    .main-nav__inner {
        min-height: 51px;
        padding: 0 10px;
        gap: 10px;
        justify-content: space-between;
    }

    .main-nav__logo {
        flex: 0 0 110px;
        min-width: 110px;
    }

    .main-nav__logo-image {
        width: 110px;
        height: 24px;
        object-fit: cover;
        object-position: left center;
    }

    .main-nav__burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 29px;
        height: 29px;
        padding: 0;
        border: 0;
        background: transparent;
        margin-left: auto;
    }

    .main-nav__burger img {
        width: 29px;
        height: 29px;
        display: block;
        object-fit: contain;
    }

    .main-nav__scroll {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
        background: #FFFFFF;
        box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.25s ease;
        z-index: 50;
    }

    .main-nav--open .main-nav__scroll {
        max-height: 720px;
        overflow: visible;
    }

    .main-nav__menu {
        flex-direction: column;
        gap: 0;
        padding: 10px 0;
        border-bottom: 1px solid rgba(15, 31, 49, 0.08);
    }

    .main-nav__menu li {
        width: 100%;
    }

    .main-nav__menu a {
        min-height: 44px;
        padding: 0 16px;
        font-size: 14px;
        line-height: 100%;
        font-weight: 600;
    }

    .main-nav__actions {
        flex-direction: column;
        gap: 0;
        padding: 10px 0;
    }

    .main-nav__actions > * {
        min-height: 44px;
        padding: 0 16px;
        width: 100%;
        justify-content: flex-start;
    }

    .main-nav__actions > .main-nav__icon-link {
        justify-content: flex-start;
    }

    .main-nav__actions img {
        width: 20px;
        height: 20px;
    }

    .main-nav__inner {
        min-height: 51px;
        padding: 0 10px;
        gap: 10px;
    }

    .main-nav__logo {
        flex: 0 0 110px;
        min-width: 110px;
    }

    .main-nav__logo-image img {
        width: 110px;
        height: 24px;
        background-size: cover;
    }

    .main-nav__menu {
        gap: 14px;
    }

    .main-nav__actions {
        gap: 12px;
    }
    .featured-news {
        display: flex;
        flex-direction: column;
        gap: 20px;
        min-height: 0;
    }

    .featured-news__hero {
        aspect-ratio: 340 / 383;
        min-height: 0;
    }

    .featured-news__hero-content {
        padding: 40px 20px;
        width: calc(100% - 40px);
        gap: 30px;
    }

    .featured-news__hero-body {
        margin-top: 0;
        gap: 13px;
    }

    .featured-news__hero-title {
        font-size: 24px;
        line-height: 29px;
        max-width: none;
    }

    .featured-news__hero-description {
        width: 285px;
        font-size: 14px;
        line-height: 19px;
    }

    .featured-news__meta--light {
        flex-wrap: nowrap;
        gap: 42px;
        white-space: nowrap;
        margin: 15px 0 0;
    }

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

    .featured-news__card,
    .featured-news__card--compact {
        flex-direction: row;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        min-height: 0;
    }

    .featured-news__card-image,
    .featured-news__card--compact .featured-news__card-image {
        width: 138px;
        height: 98px;
        flex: 0 0 138px;
        aspect-ratio: auto;
    }

    .featured-news__card-content,
    .featured-news__card--compact .featured-news__card-content {
        width: auto;
        flex: 1 1 auto;
    }

    .featured-news__card-title,
    .featured-news__card--compact .featured-news__card-title {
        -webkit-line-clamp: initial;
        overflow: visible;
        max-width: none;
        font-size: 14px;
        line-height: 17px;
        max-width: 190px;
    }

    .featured-news__tags--multi {
        width: auto;
    }

    .featured-news__side-slider {
        display: none;
    }

    .featured-news__card .featured-news__meta {
        gap: 17px;
    }
    .strategy-cta {
        padding: 20px;
        gap: 20px;
        display: flex;
        flex-direction: column;
    }

    .strategy-cta__intro {
        width: 100%;
        align-items: center;
    }

    .strategy-cta__title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .strategy-cta__description {
        margin: 0;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .strategy-cta__button {
        width: 100%;
        height: 34px;
        margin-top: 0;
    }

    .strategy-cta__benefits {
        width: 100%;
        gap: 10px;
    }

    .strategy-cta__benefit {
        font-size: 12px;
        line-height: 16px;
    }

    .strategy-cta__app {
        width: 100%;
    }

    .strategy-cta__app-content {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 20px;
    }

    .strategy-cta__app-title {
        text-align: center;
    }

    .strategy-cta__stores {
        width: 100%;
    }
    .strategy-cta__app-title span {
        display: none;
    }

    .strategy-cta__store {
        width: 123px;
    }

    .strategy-cta__qr {
        display: none;
    }
    .three-blocks {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .news-panel {
        width: 100%;
        padding: 20px;
        box-shadow: 0 4px 7px rgba(40, 111, 219, 0.15);
    }

    .news-panel__title {
        font-size: 14px;
        line-height: 17px;
    }

    .news-panel__thumb {
        width: 77px;
        height: 81px;
        flex: 0 0 77px;
    }

    .news-panel__item-title {
        font-size: 14px;
        line-height: 17px;
    }

    .news-panel__more {
        font-size: 12px;
    }

    .news-panel__meta {
        gap: 8px 16px;
    }
    .video-section {
        padding: 20px;
    }

    .video-section__title {
        font-size: 16px;
        margin: 0 0 20px;
    }

    .video-section__grid {
        display: flex;
        flex-direction: row;
        gap: 20px;
        overflow-x: auto;
    }

    .video-card {
        flex: 0 0 244px;
        width: 244px;
        min-width: 244px;
    }

    .video-card__thumb {
        aspect-ratio: 244 / 159;
    }

    .video-card__title {
        font-size: 14px;
        line-height: 17px;
        max-width: 244px;
    }
    .subscribe-section {
        height: auto;
        padding: 20px;
    }

    .subscribe-section__glow {
        position: absolute;
        top: 122px;
        left: -60px;
        width: 1408px;
        height: 469px;
        border-radius: 50%;
        background: #286FDB4D;
        filter: blur(200px);
        pointer-events: none;
        z-index: 0;
    }

    .subscribe-section__inner {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .subscribe-section__left {
        flex: 1 1 auto;
        align-self: stretch;
    }

    .subscribe-section__header {
        gap: 14px;
        align-items: center;
    }

    .subscribe-section__title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        padding-bottom: 10px;
    }

    .subscribe-section__description {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
    }

    .subscribe-section__benefits {
        width: 100%;
        gap: 20px;

    }

    .subscribe-section__benefits-row {
        flex-direction: column;
        gap: 20px;

    }

    .subscribe-section__benefit {
        width: 100%;
    }

    .subscribe-section__card {
        width: 100%;
        max-width: none;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .subscribe-section__card-icon-wrap {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .subscribe-section__card-icon {
        display: none;
    }

    .subscribe-section__card-body {
        width: 100%;
        gap: 10px;
        align-items: center;
    }

    .subscribe-section__card-title {
        text-align: center;
    }

    .subscribe-section__card-title br {
        display: none;
    }

    .subscribe-section__card-description {
        text-align: center;
    }

    .subscribe-section__card-link {
        align-self: center;
    }

    .subscribe-section__card-button {
        width: 100%;
        max-width: none;
    }

    .subscribe-section__foto {
        display: none;
    }
    .strategy-banner__inner {
        flex-direction: column;
        align-items: center;
        padding: 20px;
        gap: 20px;
        height: 240px;
        background: url("assets/strategy-banner-mobile.jpg");
    }

    .strategy-banner__content {
        gap: 20px;
    }

    .strategy-banner__title {
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }

    .strategy-banner__subtitle {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .strategy-banner__button {
        width: 100%;
    }
    .invest-strategies-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .invest-strategies {
        padding: 20px;
    }

    .invest-strategies__header {
        flex-direction: column;
        gap: 12px;
        align-items: center;
    }

    .invest-strategies__title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

    .invest-strategies__subtitle {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        max-width: 300px;
    }

    .invest-strategies__all {
        display: none;
        align-self: center;
    }

    .invest-strategies__grid {
        display: flex;
        flex-direction: row;
        gap: 20px;
        overflow-x: auto;
    }

    .strategy-card {
        flex: 0 0 300px;
        width: 300px;
        min-width: 300px;
    }

    .strategy-card__actions {
        width: 100%;
    }

    .strategy-card__link,
    .strategy-card__button {
        flex: 1;
    }

    .top-trades {
        flex-basis: auto;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .top-trades__title {
        font-size: 18px;
        line-height: 22px;
    }

    .top-trades__item {
        padding: 16px;
    }

    .top-trades__rank,
    .top-trades__ticker,
    .top-trades__change {
        font-size: 16px;
    }

    .top-trades__item-left {
        gap: 16px;
    }
    .app-section__inner {
        flex-direction: column;
        align-items: stretch;
        padding: 20px;
        gap: 20px;
        height: auto;
    }

    .app-section__preview {
        display: none;
    }

    .app-section__content {
        max-width: none;
        text-align: center;
    }

    .app-section__title {
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }

    .app-section__accent {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
    }

    .app-section__desc {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }

    .app-section__stores {
        flex-direction: column;
        align-self: stretch;
        padding-left: 0;
        gap: 7px;
    }

    .app-section__store {
        width: 100%;
    }

    .app-section__phones {
        display: none;
    }
    .learning-section__inner {
        flex-direction: column;
        gap: 40px;
    }

    .learning-section__left {
        padding: 20px;
    }

    .learning-section__header {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .learning-section__title {
        font-size: 16px;
        text-align: center;
    }

    .learning-section__subtitle {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        max-width: 300px;
    }

    .learning-section__all {
        align-self: center;
    }

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

    .learning-section__courses-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
        padding: 11px 49px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #ffffff;
        font-family: var(--font-body);
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
    }

    .learning-section__courses-button:hover {
        background: var(--color-blue-hover);
    }

    .course-card__thumb {
        width: 100%;
        height: 63px;
    }

    .course-card__body {
        padding: 20px;
    }

    .course-card__title {
        font-size: 16px;
        padding-top: 0;
    }

    .course-card__desc {
        font-size: 12px;
        line-height: 16px;
    }

    .events-section {
        width: 100%;
        padding: 20px;
    }

    .events-section__title {
        font-size: 16px;
    }

    .events-section__desc {
        font-size: 12px;
        line-height: 16px;
    }

    .events-section__formats {
        flex-direction: column;
        gap: 10px;
    }

    .events-section__format {
        width: 100%;
        height: 66px;
        flex: 0 0 66px;
        flex-direction: row;
        padding: 0 20px;
        gap: 10px;
        align-items: center;
    }

    .events-section__format-icon {
        width: 46px;
        height: 46px;
    }

    .events-section__button {
        width: 100%;
        align-self: stretch;
    }
    .services-section__title {
        font-size: 16px;
    }

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

    .service-card {
        flex-direction: column;
        align-items: flex-start;
        padding: 19px 20px;
        gap: 9px;
    }

    .service-card__title {
        font-size: 18px;
        line-height: 22px;
    }

    .service-card__desc {
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 9px;
    }

    .service-card__desc-default { display: none; }
    .service-card__desc-mobile { display: inline; }
    .digest-section__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
    }

    .digest-section__info {
        max-width: none;
    }

    .digest-section__title {
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }

    .br-digest { display: inline; }

    .digest-section__desc {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        margin: 20px 0 0;
    }

    .digest-section__form {
        width: 100%;
    }

    .digest-section__input-row {
        flex-direction: column;
        gap: 10px;
    }

    .digest-section__input-wrap {
        flex-basis: auto;
        width: 100%;
    }

    .digest-section__submit {
        width: 100%;
        margin: 10px 0 0;
    }
    .media-section__title {
        font-size: 18px;
    }

    .media-section__group {
        flex: 0 0 100%;
    }

    .media-card {
        min-height: 82px;
    }

    .media-section__button {
        width: 100%;
    }
    .site-footer__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 10px 16px 20px;
        min-height: 0;
    }

    .site-footer__logo img {
        width: 99px;
        height: 33px;
    }

    .site-footer__nav {
        display: grid;
        grid-template-columns: 86px 162px;
        column-gap: 52px;
        row-gap: 10px;
        justify-content: center;
        align-items: start;
        width: 300px;
        margin: 0 auto;
    }

    .site-footer__col:not(.site-footer__col--legal) {
        display: contents;
    }

    .site-footer__col:not(.site-footer__col--legal) > a {
        grid-column: 1;
    }

    .site-footer__col--legal {
        grid-column: 2;
        grid-row: 1 / -1;
        width: 162px;
        max-width: none;
    }

    .site-footer__col a,
    .site-footer__col--legal a {
        font-size: 12px;
        line-height: 16px;
        font-weight: 700;
    }
    /* Featured: "12 мин." instead of "12 мин. чтения" */
    .featured-news__reading [data-hero-reading],
    .featured-news__reading [data-card-reading] {
        font-size: 0;
    }
    .featured-news__reading [data-hero-reading]::after,
    .featured-news__reading [data-card-reading]::after {
        content: "12 мин.";
        font-size: 10px;
        line-height: 1.4;
    }
    .br-1024 { display: inline; }
    .br-360 { display: inline; }
    .br-not-360 { display: none; }

    .education-speaker-card__themes {
        display: block;
    }
    .strategy-cta__intro { display: contents; }
    .strategy-cta__description { display: none; }
    .strategy-cta__title { order: 1; }
    .strategy-cta__benefits { order: 2; }
    .strategy-cta__button { order: 3; }
    .strategy-cta__app { order: 4; }
    .strategy-cta__app-title { text-align: left; align-self: flex-start; }
    .strategy-cta__app-title br { display: none; }
    .strategy-cta__store { white-space: nowrap; }
    .news-panel__header { justify-content: center; }
    .news-panel__title { text-align: center; }
    .news-panel__more { display: none; }

    .news-panel__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 20px;
        padding: 11px 49px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #ffffff;
        font-family: var(--font-body);
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
    }
    .news-panel__button:hover { background: var(--color-blue-hover); }
    .video-section__title { text-align: center; }
    .video-section__grid { scrollbar-width: none; -ms-overflow-style: none; }
    .video-section__grid::-webkit-scrollbar { display: none; }
    .subscribe-section__benefits { align-items: center; flex: 0 0 auto; max-width: 210px;}
    .subscribe-section__benefits-row { align-items: center; }
    .subscribe-section__benefit { justify-content: center;}
    .subscribe-section__card { flex: 0 0 auto; }
    .invest-strategies__grid { display: flex; flex-direction: column; gap: 20px; overflow: visible; }
    .strategy-card { width: 100%; min-width: 0; flex: 0 0 auto; }
    .strategy-card:nth-child(3) { display: none; }
    .top-trades__header { align-items: center; }
    .top-trades__title { text-align: center; }
    .app-section__store { justify-content: center; }
    .learning-section__all { display: none; }
    .course-card { width: 100%; height: 123px}
    .course-card__thumb { display: none; }
    .course-card__body { height: 123px; }
    .events-section__title { text-align: center; }
    .events-section__desc { text-align: center; }
    .services-section__title { text-align: center; }
    .service-card { align-items: stretch; }
    .service-card__body { width: 100%; align-items: stretch; }
    .service-card__title { text-align: center; }
    .service-card__desc { text-align: center; }
    .service-card__icon-wrap { display: none; }
    .service-card__link { display: none; }
    .service-card__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 11px 49px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #ffffff;
        font-family: var(--font-body);
        font-size: 12px;
        line-height: 1;
        font-weight: 600;
    }
    .digest-section__form { display: flex; flex-direction: column; gap: 10px; }
    .digest-section__input-row { display: contents; }
    .digest-section__input-wrap { order: 1; }
    .digest-section__checkbox { order: 2; }
    .digest-section__submit { order: 3; }
    .media-section__controls { display: none; }
    .media-section__carousel { padding-inline: 0; }
    .media-section__viewport { overflow: hidden; }
    .media-section__track { transform: none !important; }
    .media-section__group:nth-child(n+2) { display: none; }
    .media-card { width: 100%; min-height: 82px; grid-template-columns: auto 1px auto 1px 1fr; column-gap: 12px; }
    .media-card__icon { width: 30px; height: 30px; flex: 0 0 30px; }
    .media-card__divider:last-of-type { display: block; }
    .media-card__desc { grid-column: auto; }
    .partners-section__logos {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 24px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .partners-section__logos::-webkit-scrollbar { display: none; }

    .partners-section__logo {
        width: 177px;
        height: 58px;
        flex: 0 0 177px;
        scroll-snap-align: start;
    }

    .partners-section__button {
        display: flex;
        width: 100%;
    }
    .site-footer__col--legal { grid-row: 1 / span 9; }
}
@media (min-width: 769px) and (max-width: 1024px) {
    #blog-page {
        padding: 50px 30px;
    }

    #blog-page > section:not(:last-child) {
        margin-bottom: 50px;
    }
    .blog-materials__track {
        gap: 20px;
    }

    .blog-materials {
        padding: 20px;
    }

    .blog-material-card {
        flex: 0 0 280px;
        width: 280px;
        height: 226px;
    }

    .blog-materials__arrow,
    .blog-materials__arrow img {
        width: 11px;
        height: 23px;
    }
    .premium-analytics__grid {
        grid-template-columns: minmax(0, 307px) minmax(0, 308px) minmax(0, 308px);
        gap: 20px;
        height: 568px;
        align-items: stretch;
    }

    .premium-analytics__hero {
        height: 568px;
        min-height: 568px;
    }

    .premium-analytics__hero-img {
        object-position: 52.5% center;
    }

    .premium-analytics__hero-desc {
        max-width: 180px;
    }

    .premium-analytics__hero-shade {
        width: 100%;
        height: 100%;
        background: linear-gradient(
                -90deg,
                #D9D9D900 0%,
                #00000072 80%,
                #000000
        );
    }

    .premium-analytics__card {
        height: 568px;
        padding: 20px;
        gap: 0;
        justify-content: space-between;
    }

    .premium-analytics__card-item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        height: 254px;
        padding: 0;
    }

    .premium-analytics__card-media {
        width: 100%;
        height: 110px;
        flex: 0 0 110px;
    }

    .premium-analytics__card-body {
        width: 100%;
        flex: 1 1 auto;
    }

    .premium-analytics__card-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .premium-analytics__card-btn {
        display: inline-flex;
        width: 100%;
        max-width: 268px;
        height: 34px;
        margin-top: auto;
        border-radius: 8px;
        font-size: 14px;
        align-self: stretch;
    }
    .blog-categories {
        width: 100%;
        height: 128px;
        min-height: 128px;
        padding: 10px 12px;
        justify-content: center;
        overflow: hidden;
    }

    .blog-categories__inner {
        width: 100%;
        align-items: stretch;
        gap: 8px;
    }

    .blog-categories__row {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 20px;
        width: 100%;
        padding: 0;
        overflow: visible;
        justify-content: center;
        --row-h: 44px;
    }

    .blog-categories__button {
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 44px;
        padding: 7.5px 5px;
        background: transparent;
        border: 0;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1.3;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        word-break: break-word;
        position: relative;
        isolation: isolate;
    }

    .blog-categories__button--active,
    .blog-categories__button:hover {
        background: transparent;
        color: #ffffff;
    }

    .blog-categories__button--active::before,
    .blog-categories__button:hover::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;

        height: 70%;
        border-radius: 8px;
        background: var(--color-blue);
        z-index: -1;
    }
    .blog-all-articles__list {
        gap: 10px;
        align-items: center;
    }

    .blog-article-card {
        width: 100%;
        max-width: 962px;
        min-height: 141px;
        padding: 10px 20px 10px 10px;
        gap: 20px;
    }

    .blog-article-card__media {
        width: 260px;
        height: 121px;
        flex: 0 0 260px;
    }

    .blog-article-card__body {
        flex: 1 1 auto;
        width: auto;
        max-width: 652px;
    }
    .blog-article-card:nth-child(n + 9) {
        display: none;
    }
    .blog-article-card__title br {
        display: none;
    }
    .blog-all-articles__footer {
        margin-top: 50px;
        display: flex;
        justify-content: center;
    }

}
@media (min-width: 1025px), (max-width: 768px) {
    .premium-analytics__card-btn {
        display: none;
    }
}
@media (max-width: 480px) {
    #blog-page {
        padding: 0 10px;
    }
    #blog-page > section:not(:last-child) {
        margin-bottom: 40px;
    }
    .blog-breadcrumbs {
        justify-content: center;
        margin: 20px 0 0;
        text-align: center;
    }
    .blog-page__title {
        margin: 10px 0 40px;
        font-size: 34px;
        line-height: 41px;
        text-align: center;
    }
    .blog-materials__tab + .blog-materials__tab {
        margin-left: 35px;
    }
    .blog-materials {
        padding: 20px;
    }
    .blog-materials__title {
        margin: 0 0 20px;
        text-align: center;
    }
    .blog-materials__tabs {
        flex-wrap: nowrap;
        margin-bottom: 20px;
    }
    .blog-materials__tab {
        font-size: 14px;
        line-height: 19px;
        white-space: nowrap;
    }
    .blog-materials__arrow,
    .blog-materials__arrow img {
        width: 11px;
        height: 23px;
    }
    .blog-material-card {
        flex: 0 0 100%;
        width: 100%;
        height: 226px;
    }
    .blog-material-card__overlay {
        padding: 20px;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
    }
    .blog-material-card__title {
        margin: 0;
        font-size: 14px;
        line-height: 17px;
        max-width: 100%;
    }
    .blog-material-card__meta {
        margin: 0;
        gap: 22px;
        font-size: 10px;
    }
    .premium-analytics__header {
        justify-content: center;
        margin-bottom: 20px;
    }
    .premium-analytics__head {
        display: none;
    }
    .premium-analytics__title {
        text-align: center;
    }
    .premium-analytics__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .premium-analytics__hero {
        min-height: 424px;
        height: 424px;
    }
    .premium-analytics__hero-shade {
        inset: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(266.54deg, rgba(217, 217, 217, 0) 1.88%, rgba(0, 0, 0, 0.447115) 57.01%, #000000 106.75%);
    }
    .premium-analytics__hero-content {
        inset: 40px 20px;
        width: auto;
        min-height: 0;
        gap: 30px;
    }
    .premium-analytics__hero-tags {
        margin-bottom: 0;
    }
    .premium-analytics__hero-title {
        font-size: 16px;
        line-height: 20px;
        max-width: 204px;
    }
    .premium-analytics__hero-desc {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        -webkit-line-clamp: unset;
        max-width: 100%;
    }
    .premium-analytics__hero-desc br {
        display: none;
    }
    .premium-analytics__hero-meta {
        margin: 0;
        gap: 22px;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
    }
    .premium-analytics__hero-meta time,
    .premium-analytics__card-meta time,
    .blog-article-card__meta time {
        width: auto;
        flex: 0 0 auto;
    }
    .premium-analytics__card {
        padding: 20px;
        gap: 30px;
    }

    #premium-analytics__card-desctop {
        display: none;
    }
    #premium-analytics__hero-desc-mobile {
        display: block;
    }
    #premium-analytics__hero-desc-desctop {
        display: none;
    }
    #premium-analytics__card--mobile {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }

    .premium-analytics__card-item {
        flex-direction: column;
        gap: 15px;
        padding: 0;
    }
    .premium-analytics__card-media {
        width: 100%;
        height: 100px;
        flex-basis: auto;
    }
    .premium-analytics__card-body {
        width: 100%;
        flex: 1 1 auto;
        gap: 10px;
    }
    .premium-analytics__card-title {
        font-size: 16px;
        line-height: 20px;
    }
    .premium-analytics__card-desc {
        font-size: 16px;
        line-height: 22px;
        -webkit-line-clamp: unset;
    }
    .premium-analytics__card-meta {
        font-size: 12px;
        line-height: 16px;
        gap: 22px;
    }
    .premium-analytics__divider {
        margin: 20px 0;
    }
    .blog-categories {
        padding: 0;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #blog-page .blog-categories:not(.blog-categories--mobile),
    #premium-blog-page .blog-categories:not(.blog-categories--mobile) {
        display: none;
    }
    .blog-categories--mobile {
        display: flex;
        flex-direction: column;
        padding: 0;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .blog-categories__inner {
        width: 100%;
        gap: 0;
    }
    .blog-categories__title {
        display: block;
        margin: 0 0 20px;
        font-family: var(--font-title);
        font-size: 16px;
        line-height: 1.22;
        font-weight: 700;
        color: var(--color-text);
        text-align: center;
    }

    .blog-categories__divider {
        display: none;
    }
    .blog-categories__row {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: visible;
        padding: 0;
        gap: 0;
        /* Тут кнопки уже в столбик (1 в строке), линии между ними рисует
           border-bottom на самой кнопке ниже - фоновый градиент из базового
           правила тут не нужен и при gap:0 наложился бы криво. */
        background-image: none;
    }
    .blog-categories__button {
        width: 100%;
        height: 44px;
        padding: 0 16px;
        border-radius: 0;
        background: transparent;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        text-align: center;
        border-bottom: 1px solid #E8EAF1;
    }
    .blog-categories__row:last-child .blog-categories__button:last-child {
        border-bottom: 0;
        color: var(--color-blue);
    }
    .blog-categories__button--active,
    .blog-categories__button:hover {
        background: var(--color-blue);
        color: #ffffff;
    }
    .blog-materials__arrow {
        display: none;
    }
    .blog-materials__viewport {
        overflow: hidden;
    }
    .blog-materials__track {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .blog-materials__track::-webkit-scrollbar {
        display: none;
    }
    .blog-material-card {
        scroll-snap-align: start;
        flex: 0 0 calc(100% - 40px);
    }
    .premium-analytics__divider {
        display: none;
    }
    .blog-all-articles__title {
        display: none;
    }
    .blog-all-articles__footer {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .blog-all-articles__title {
        margin: 0 0 20px;
        text-align: center;
    }
    .blog-all-articles__list {
        gap: 10px;
    }
    .blog-article-card {
        width: 100%;
        min-height: 122px;
        padding: 20px;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        justify-content: center;
    }
    .blog-article-card__media {
        display: none;
    }
    .blog-article-card__desc {
        display: none;
    }
    .blog-article-card__body {
        gap: 6px;
        justify-content: center;
    }
    .blog-article-card__title {
        font-size: 16px;
        line-height: 20px;
    }
    .blog-article-card__title br {
        display: none;
    }
    .blog-article-card__tag {
        font-size: 12px;
        line-height: 16px;
    }
    .blog-article-card__meta {
        font-size: 10px;
        line-height: 14px;
        flex-wrap: wrap;
    }
    .blog-all-articles__footer {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }
    .blog-all-articles__load-more {
        width: auto;
        font-size: 12px;
        line-height: 16px;
    }
}
@media (max-width: 480px) {
    #premium-blog-page {
        width: 100%;
        max-width: 100%;
        padding: 20px 10px 40px;
        overflow: hidden;
    }

    #premium-blog-page .premium-blog-page__container {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
        gap: 0;
    }

    #premium-blog-page .premium-blog__breadcrumbs {
        justify-content: center;
        width: 340px;
        height: 16px;
        padding: 0;
        gap: 5px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        text-align: left;
    }

    #premium-blog-page .premium-blog__title {
        justify-content: center;
        width: 340px;
        min-height: 82px;
        margin: 10px 0 40px;
        padding: 0;
        font-size: 34px;
        line-height: 41px;
        font-weight: 700;
        letter-spacing: normal;
        text-align: center;
    }

    #premium-blog-page .premium-blog__hero {
        width: 340px;
        height: 447px;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card--hero {
        width: 340px;
        height: 447px;
        max-height: none;
        margin: 0;
        border-radius: 8px;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__media img {
        object-fit: cover;
        object-position: center;
    }

    #premium-blog-page .premium-article-card__shade {
        background: linear-gradient(
                266.54deg,
                rgba(217, 217, 217, 0) 17.42%,
                rgba(0, 0, 0, 0.447115) 72.55%,
                #000000 122.29%
        );
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__content {
        position: absolute;
        inset: 20px;
        width: 300px;
        max-width: none;
        padding: 0;
        gap: 20px;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__tags {
        width: 198px;
        height: 20px;
        gap: 6px;
        flex-wrap: nowrap;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__bookmark {
        width: 14px;
        height: 20px;
    }

    #premium-blog-page .premium-blog__hero .premium-analytics__tag--primary {
        width: 127px;
        height: 20px;
        min-height: 20px;
        padding: 2px 7px;
        gap: 2px;
        border-radius: 3px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
        white-space: nowrap;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__title {
        width: 300px;
        max-width: none;
        margin: 0;
        font-size: 24px;
        line-height: 29px;
        font-weight: 600;
        letter-spacing: normal;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__desc {
        width: 300px;
        margin: 0;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        letter-spacing: normal;
    }

    #premium-blog-page .premium-blog__hero .premium-article-card__meta {
        width: 300px;
        height: 17px;
        gap: 9px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }

    #premium-blog-page .premium-blog__hero .featured-news__reading {
        gap: 3px;
        color: #FFFFFF;
    }

    #premium-blog-page .premium-blog__hero .featured-news__reading img {
        width: 17px;
        height: 17px;
    }

    #premium-blog-page .premium-blog__hero .featured-news__reading [data-card-reading]::after {
        font-size: 12px;
        line-height: 16px;
    }

    #premium-blog-page > .premium-blog-page__container > .blog-categories:not(.blog-categories--mobile) {
        display: none;
    }

    #premium-blog-page .blog-categories__title {
        display: block;
        width: 320px;
        height: 20px;
        margin: 40px auto 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        letter-spacing: normal;
        text-align: center;
    }

    #premium-blog-page .blog-categories--mobile {
        display: flex;
        width: 338px;
        height: 176px;
        min-height: 176px;
        margin: 0 auto;
        padding: 0;
        border-radius: 8px;
        background: #CDDCF6;
        box-shadow: 0 4px 7px rgba(40, 111, 219, 0.15);
        overflow: hidden;
    }

    #premium-blog-page .blog-categories--mobile .blog-categories__inner,
    #premium-blog-page .blog-categories--mobile .blog-categories__row {
        width: 338px;
        height: 176px;
        gap: 0;
        margin: 0;
        padding: 0;
        background-image: none;
    }

    #premium-blog-page .blog-categories--mobile .blog-categories__button {
        width: 338px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #E8EAF1;
        border-radius: 0;
        background: transparent;
        color: #001F2A;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        letter-spacing: normal;
    }

    #premium-blog-page .blog-categories--mobile .blog-categories__button:last-child {
        border-bottom: 0;
        color: #286FDB;
    }

    #premium-blog-page .premium-blog__grid {
        display: flex;
        flex-direction: column;
        width: 340px;
        margin: 40px 0 0;
        padding: 0;
        gap: 20px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card {
        display: flex;
        width: 340px;
        height: 340px;
        min-height: 340px;
        padding: 20px;
        border-radius: 8px;
        gap: 0;
        box-shadow: none;
        box-sizing: border-box;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card:nth-child(n + 8) {
        display: none;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-item {
        width: 299px;
        height: 300px;
        min-height: 300px;
        margin: 0 auto;
        padding: 0;
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-media {
        width: 299px;
        height: 100px;
        min-height: 100px;
        flex: 0 0 100px;
        border-radius: 8px;
        box-shadow: 0 4px 7px rgba(40, 111, 219, 0.15);
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-media img {
        width: 299px;
        height: 100%;
        content: url("assets/featured-card-morning.jpg");
        object-fit: cover;
        object-position: center 22%;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-body {
        display: flex;
        width: 299px;
        gap: 15px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-tags {
        width: 111px;
        height: 20px;
        min-height: 20px;
        gap: 6px;
        flex-wrap: nowrap;
    }

    #premium-blog-page .premium-blog__grid .featured-news__bookmark {
        width: 13px;
        height: 18px;
        flex: 0 0 13px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__tag--primary {
        display: inline-flex;
        width: 92px;
        height: 20px;
        min-height: 20px;
        padding: 2px 7px;
        flex: 0 0 92px;
        overflow: hidden;
        border-radius: 3px;
        font-size: 0;
        box-sizing: border-box;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__tag--primary img {
        width: 11px;
        height: 11px;
        min-width: 11px;
        content: url("assets/white-lock.svg");
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__tag--primary::after {
        content: "По подписке";
        font-size: 10px;
        line-height: 14px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-title {
        width: 299px;
        height: 40px;
        margin: 0;
        overflow: visible;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        letter-spacing: normal;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-desc {
        display: block;
        width: 299px;
        height: 66px;
        margin: 0;
        overflow: visible;
        color: #000000;
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        letter-spacing: normal;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-meta {
        width: 210px;
        height: 17px;
        min-height: 17px;
        gap: 3px;
        flex-wrap: nowrap;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__card-meta time {
        width: 83px;
        flex: 0 0 83px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__reading {
        display: inline-flex;
        align-items: center;
        width: 103px;
        height: 17px;
        gap: 3px;
        font-size: 0;
        white-space: nowrap;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__reading img {
        width: 17px;
        height: 17px;
    }

    #premium-blog-page .premium-blog__grid .premium-analytics__reading::after {
        content: "12 мин.";
        font-size: 12px;
        line-height: 16px;
    }

    #premium-blog-page .blog-all-articles__footer {
        width: 340px;
        height: 19px;
        min-height: 19px;
        margin: 40px 0 0;
        padding: 0;
    }

    #premium-blog-page .blog-all-articles__load-more {
        width: 140px;
        height: 19px;
        padding: 0;
        color: #286FDB;
        font-size: 14px;
        line-height: 19px;
        font-weight: 700;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer {
        height: 245px;
        min-height: 245px;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
        padding: 10px 16px 20px;
        gap: 10px;
        box-sizing: border-box;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav {
        height: 172px;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] {
        grid-row: 1;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#app"] {
        grid-row: 2;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#media"] {
        grid-row: 3;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#services"] {
        grid-row: 4;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#education"] {
        grid-row: 5;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#about"] {
        grid-row: 6;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__nav a[href="#partners"] {
        grid-row: 7;
    }

    body:has(#premium-blog-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }

    .free-article__container {
        padding: 20px 10px 40px;
    }
    .free-article__breadcrumbs {
        padding-bottom: 10px;
    }

    .free-article__title {
        padding-bottom: 40px;
    }
}

@media (min-width: 721px) and (max-width: 1024px) {
    .promo-bar__inner { max-width: 1024px; min-height: 66px; padding-inline: 30px; }
    .promo-bar__text { padding-bottom: 0; }
    .promo-bar__title, .promo-bar__subtitle { margin: 0; line-height: normal; }
    .promo-bar__button { width: 158px; height: 34px; padding: 15px 25px; font-size: 14px; line-height: 19px; }
    .main-nav__inner { width: 964px; max-width: 964px; min-height: 66px; padding: 0; gap: 69px; }
    .main-nav__scroll { width: 786px; overflow: visible; gap: 15px; }
    .main-nav__menu, .main-nav__actions { gap: 15px; }

    .paid-analytics-page { width: 100%; max-width: 1024px; padding: 50px 30px; }
    .paid-analytics__container { width: 964px; max-width: 964px; }
    .paid-analytics__breadcrumbs { width: 964px; height: 36px; padding-bottom: 20px; font-size: 12px; line-height: 16px; }

    .paid-analytics__hero { width: 964px; height: 324px; min-height: 324px; margin-bottom: 50px; flex-direction: row; gap: 20px; }
    .paid-analytics__hero-left { flex: 0 0 472px; width: 472px; height: 324px; max-width: none; padding: 56px 23px; gap: 20px; }
    .paid-analytics__hero-title { width: 400px; height: 81px; font-size: 34px; line-height: 41px; }
    .paid-analytics__hero-desc { width: 431px; height: 57px; font-size: 14px; line-height: 19px; }
    .paid-analytics__hero-buttons { width: 386px; height: 34px; flex-direction: row; align-items: center; gap: 10px; }
    .paid-analytics__btn { height: 34px; padding: 15px 25px; font-size: 14px; line-height: 19px; }
    .paid-analytics__btn--primary { width: 196px; }
    .paid-analytics__btn--secondary { width: 180px; }
    .hero-glow { width: 474px; height: 310px; left: 146px; top: 105px; transform: none; filter: blur(200px); }
    .paid-analytics__hero-right { flex: 0 0 472px; width: 472px; height: 324px; padding: 0; }
    .paid-analytics__hero-right::before { width: 474px; height: 310px; left: 146px; top: 105px; }
    .paid-analytics__hero-cards { width: 392px; left: 40px; top: 41px; gap: 9px; }
    .paid-analytics__hero-card { width: 392px; height: 54px; padding-left: 19px; gap: 11px; }

    .paid-analytics__description { width: 964px; height: 62px; margin-bottom: 50px; }
    .paid-analytics__description-text { width: 789px; max-width: 789px; height: 57px; font-size: 14px; line-height: 19px; }

    .paid-analytics__advantages { width: 960px; height: 168px; margin-inline: auto; margin-bottom: 50px; grid-template-columns: auto auto auto; gap: 20px; }
    .paid-analytics__advantage-card { width: 100%; height: 168px; min-height: 168px; margin-bottom: 0; padding: 20px; gap: 20px; }
    .paid-analytics__advantage-content { flex: 0 0 213px; width: 213px; max-width: 213px; gap: 20px; }
    .paid-analytics__advantage-title { font-size: 16px; line-height: 20px; }
    .paid-analytics__advantage-desc { font-size: 14px; line-height: 17px; }

    .paid-analytics__includes { width: 964px; height: 282px; min-height: 282px; margin-bottom: 50px; }
    .paid-analytics__includes::before, .paid-analytics__includes::after { width: 1110.12px; height: 671.53px; }
    .paid-analytics__includes::before { left: 80.75px; top: -272px; transform: rotate(-32.27deg); }
    .paid-analytics__includes::after { left: 94.19px; top: -71.87px; transform: rotate(-19.44deg); }
    .paid-analytics__includes-inner { display: block; height: 282px; min-height: 282px; padding: 0; }
    .paid-analytics__includes-left { position: absolute; left: 20px; top: 40px; width: 400px; height: 202px; }
    .paid-analytics__includes-title { width: 400px; height: 28px; margin: 0 0 20px; font-size: 24px; line-height: 29px; }
    .paid-analytics__includes-list { width: 386px; height: 154px; gap: 10px; }
    .paid-analytics__includes-item { width: 386px; gap: 20px; font-size: 14px; line-height: 19px; }
    .paid-analytics__includes-right { position: absolute; left: 504px; top: 26.86px; width: 397px; height: 243px; }
    .paid-analytics__includes-image { width: 397px; max-width: 397px; height: 243px; border-radius: 0; object-fit: contain; }

    .paid-analytics__tariffs { width: 960px; height: 356px; margin: 0 auto 50px; padding: 40px 20px; }
    .paid-analytics__tariffs-title { height: 28px; margin: 0 0 40px; font-size: 24px; line-height: 29px; }
    .paid-analytics__tariffs-grid { width: 920px; height: 208px; grid-template-columns: repeat(4, 215px); align-items: center; gap: 20px; }
    .paid-analytics__tariff-card { width: 215px; height: 188px; padding: 22px 19px 23px 20px; }
    .paid-analytics__tariff-card:first-child { height: 183px; padding-block: 20px; }
    .paid-analytics__tariff-card--popular { padding-top: 22px; }
    .paid-analytics__tariff-header { width: 176px; height: 17px; padding-bottom: 0; margin: 0 0 40px; }
    .paid-analytics__tariff-period, .paid-analytics__tariff-discount { font-size: 14px; line-height: 17px; }
    .paid-analytics__tariff-price { width: 176px; }
    .paid-analytics__tariff-amount { width: 176px; height: 32px; padding-bottom: 0; margin-bottom: 20px; font-size: 26px; line-height: 32px; white-space: nowrap; }
    .paid-analytics__tariff-card .subscribe-section__card-button,
    .paid-analytics__tariff-card #tariff-month { width: 176px; height: 34px; }
    .paid-analytics__tariff-badge { top: -10px; width: 136px; height: 20px; padding: 2px 13px; font-size: 12px; line-height: 16px; }

    .paid-analytics__extra { width: 964px; height: 258px; margin-bottom: 50px; padding-bottom: 0; }
    .paid-analytics__extra-card { width: 964px; height: 258px; min-height: 258px; padding: 40px; }
    .paid-analytics__extra-inner { width: 398px; height: 178px; }
    .paid-analytics__extra-title { height: 24px; margin: 0 0 20px; font-size: 24px; line-height: 29px; }
    .paid-analytics__extra-list { width: 386px; height: 134px; gap: 10px; }
    .paid-analytics__extra-item { width: 386px; gap: 20px; font-size: 14px; line-height: 19px; }

    .paid-analytics__articles { width: 964px; height: 608px; }
    .paid-analytics__articles-grid { width: 964px; height: 608px; padding-bottom: 0; grid-template-columns: repeat(3, 308px); grid-template-rows: repeat(2, 294px); gap: 20px; }
    .paid-analytics__articles-grid .premium-analytics__card { width: 308px; height: 294px; padding: 20px; gap: 0; }
    .paid-analytics__articles-grid .premium-analytics__card-item { width: 268px; height: 254px; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; }
    .paid-analytics__articles-grid .premium-analytics__card-media { width: 268px; height: 110px; flex: 0 0 110px; }
    .paid-analytics__articles-grid .premium-analytics__card-body { width: 268px; height: 129px; flex: 0 0 129px; gap: 9px; }
    .paid-analytics__articles-grid .premium-analytics__card-tags { height: 18px; gap: 6px; flex-wrap: nowrap; }
    .paid-analytics__articles-grid .featured-news__bookmark { width: 11px; height: 15px; flex: 0 0 11px; }
    .paid-analytics__articles-grid .premium-analytics__card-title { width: 268px; height: 34px; font-size: 14px; line-height: 17px; overflow: hidden; }
    .paid-analytics__articles-grid .premium-analytics__card-desc { width: 268px; height: 32px; font-size: 12px; line-height: 16px; color: #000000; -webkit-line-clamp: 2; }
    .paid-analytics__articles-grid .premium-analytics__card-meta { width: 210px; height: 17px; font-size: 10px; line-height: 14px; }

    .paid-analytics__articles-footer { width: 964px; height: 54px; padding: 20px 0 0; align-items: flex-start; }
    .paid-analytics__watch-all { width: 146px; height: 34px; padding: 15px 25px; font-size: 14px; line-height: 19px; }

    .paid-analytics-page .app-section { width: 965px; height: 231px; margin-top: 50px; }
    .paid-analytics-page .app-section__inner { display: block; width: 965px; height: 231px; min-height: 231px; padding: 0; }
    .paid-analytics-page .app-section__glow { width: 1093px; height: 203.82px; left: 282.48px; top: -202.02px; }
    .paid-analytics-page .app-section__preview { position: absolute; left: 20px; top: 20px; width: 122px; height: 122px; flex: none; }
    .paid-analytics-page .app-section__content { position: absolute; left: 162px; top: 20px; width: 310px; max-width: 310px; height: 191px; }
    .paid-analytics-page .app-section__title { width: 220px; height: 57px; font-size: 24px; line-height: 29px; }
    .paid-analytics-page .app-section__accent { width: 281px; height: 25px; margin-top: 9px; font-size: 18px; line-height: 25px; }
    .paid-analytics-page .app-section__desc { width: 310px; height: 76px; margin-top: 9px; font-size: 14px; line-height: 19px; }
    .paid-analytics-page .app-section__stores { position: absolute; left: 502px; top: 63px; width: 159px; height: 105px; padding-left: 0; gap: 7px; }
    .paid-analytics-page .app-section__store { width: 159px; height: 49px; padding: 9px 19px; }
    .paid-analytics-page .app-section__store:last-child { padding: 9px 23px; }
    .paid-analytics-page .app-section__phones { position: absolute; inset: 0; width: 965px; height: 231px; margin: 0; }
    .paid-analytics-page .app-section__phone--back { width: 221.76px; right: auto; left: 688.54px; top: -201.9px; }
    .paid-analytics-page .app-section__phone--front { width: 145.29px; right: auto; left: 682.6px; top: 79.24px; }

    .site-footer { height: 124px; }
    .site-footer__inner { position: relative; width: 1024px; max-width: 1024px; height: 124px; min-height: 124px; padding: 0; display: block; }
    .site-footer__logo { position: absolute; left: 20px; top: 20px; width: 160px; height: 53px; }
    .site-footer__logo img { width: 160px; height: 53px; }
    .site-footer__nav { position: absolute; left: 315.5px; top: 28px; width: 659px; height: 68px; display: grid; grid-template-columns: 86px 88px 77px 252px; gap: 52px; }
    .site-footer__col { gap: 10px; }
    .site-footer__col a, .site-footer__col--legal a { font-size: 12px; line-height: 16px; }
    .paid-analytics__includes::before,
    .paid-analytics__includes::after {
        content: '';
        position: absolute;
        width: 1110px;
        height: 778px;
        pointer-events: none;
        z-index: 1;
        background: linear-gradient(
                241.43deg,
                rgba(40, 111, 219, 0.1) 32.37%,
                rgba(40,111,219,0) 60.92%
        );
    }
    .paid-analytics__includes::before {
        left: 250px;
        top: -60.86px;
        transform: rotate(-32deg);
    }
    .paid-analytics__includes::after {
        left: 180px;
        top: 100.86px;
        transform: rotate(-19deg);
    }
}
@media (max-width: 480px) {
    .paid-analytics-page {
        width: 100%;
        max-width: 100%;
        padding: 20px 10px 40px;
        overflow-x: hidden;
    }

    .paid-analytics__container {
        width: 100%;
        margin: 0 auto;
        gap: 0;
        overflow: hidden;
    }
    .paid-analytics__breadcrumbs {
        width: 100%;
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px;
    }

    .paid-analytics__hero {
        width: 100%;
        height: 730px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 20px;
        margin-bottom: 40px;
    }

    .hero-glow {
        position: absolute;
        width: 480px;
        height: 618px;
        left: 20px;
        top: 105px;
        transform: none;
        border-radius: 50%;
        background: rgba(40, 111, 219, 0.3);
        pointer-events: none;
        filter: blur(150px);
        z-index: 0;
    }
    .paid-analytics__hero-left {
        display: contents;
    }

    .paid-analytics__hero-title {
        width: 300px;
        max-width: 100%;
        height: auto;
        font-family: var(--font-title);
        font-weight: 700;
        font-size: 34px;
        line-height: 41px;
        text-align: center;
        color: #001F2A;
        order: 1;
        margin: 0;
    }

    .paid-analytics__hero-desc {
        width: 300px;
        max-width: 100%;
        height: auto;
        font-family: var(--font-body);
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #44474F;
        order: 2;
        margin: 0;
    }
    .paid-analytics__hero-right {
        width: 300px;
        max-width: 100%;
        flex: none;
        height: auto;
        padding: 20px;
        order: 3;
        overflow: hidden;
        border-radius: 8px;
    }

    .paid-analytics__hero-right::before {
        display: none;
    }

    .paid-analytics__hero-cards {
        position: static;
        left: auto;
        top: auto;
        width: 260px;
        max-width: 100%;
        margin: 0 auto;
        gap: 9px;
    }

    .paid-analytics__hero-card {
        width: 100%;
        min-height: 54px;
        height: auto;
        padding-left: 19px;
        gap: 11px;
        align-items: center;
    }
    .paid-analytics__hero-buttons {
        width: 300px;
        max-width: 100%;
        height: auto;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        order: 4;
    }

    .paid-analytics__btn {
        width: 100%;
        height: 50px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
        justify-content: center;
    }

    .paid-analytics__btn--primary,
    .paid-analytics__btn--secondary {
        width: 100%;
    }
    .paid-analytics__description {
        width: 100%;
        margin-bottom: 40px;
    }

    .paid-analytics__description-text {
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .paid-analytics__advantages {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 40px;
    }

    .paid-analytics__advantage-card {
        width: 100%;
        min-height: 185px;
        height: auto;
        padding: 20px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 0;
    }

    .paid-analytics__advantage-content {
        width: 300px;
        max-width: 100%;
        align-items: center;
        gap: 20px;
    }

    .paid-analytics__advantage-title {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }

    .paid-analytics__advantage-desc {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
    }
    .paid-analytics__includes {
        width: 100%;
        min-height: 323px;
        margin-bottom: 40px;
    }

    .paid-analytics__includes::before {
        width: 1110.12px;
        height: 671.53px;
        left: -40px;
        top: 0;
        transform: rotate(-32.27deg);
    }

    .paid-analytics__includes::after {
        width: 1110.12px;
        height: 671.53px;
        left: -20px;
        top: 100px;
        transform: rotate(-19.44deg);
    }

    .paid-analytics__includes-inner {
        flex-direction: column;
        align-items: center;
        padding: 20px;
        gap: 20px;
    }

    .paid-analytics__includes-left {
        width: 300px;
        max-width: 100%;
        flex: none;
    }

    .paid-analytics__includes-title {
        width: 100%;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        margin: 0 0 20px;
    }

    .paid-analytics__includes-list {
        width: 100%;
        gap: 10px;
    }

    .paid-analytics__includes-item {
        width: 100%;
        gap: 20px;
        font-size: 14px;
        line-height: 19px;
    }

    .paid-analytics__includes-item > span:last-child {
        width: 256px;
        max-width: calc(100% - 44px);
    }

    .paid-analytics__includes-right {
        display: none;
    }
    .paid-analytics__tariffs {
        width: 100%;
        padding: 20px;
        margin-bottom: 40px;
        align-items: stretch;
    }

    .paid-analytics__tariffs-title {
        width: 100%;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        margin: 0 0 30px;
    }

    .paid-analytics__tariffs-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .paid-analytics__tariff-card {
        width: 100%;
        min-height: 179px;
        height: auto;
        padding: 20px;
    }

    .paid-analytics__tariff-card--popular {
        padding-top: 20px;
    }

    .paid-analytics__tariff-badge {
        top: -10px;
        width: 136px;
        height: 20px;
        padding: 2px 13px;
        border-radius: 4px;
        font-size: 12px;
        line-height: 16px;
    }

    .paid-analytics__tariff-header {
        width: 100%;
        padding-bottom: 0;
        margin: 0 0 20px;
        justify-content: space-between;
    }

    .paid-analytics__tariff-period,
    .paid-analytics__tariff-discount {
        font-size: 14px;
        line-height: 17px;
    }

    .paid-analytics__tariff-discount {
        text-align: right;
        color: rgba(0, 31, 42, 0.3);
    }

    .paid-analytics__tariff-price {
        width: 100%;
    }

    .paid-analytics__tariff-amount {
        width: 100%;
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 0;
        margin: 0 0 20px;
        white-space: nowrap;
    }

    .paid-analytics__tariff-card .subscribe-section__card-button,
    .paid-analytics__tariff-card #tariff-month {
        width: 100%;
        height: 50px;
        font-size: 16px;
        line-height: 22px;
    }
    .paid-analytics__extra {
        width: 100%;
        padding-bottom: 0;
        margin-bottom: 40px;
    }

    .paid-analytics__extra-card {
        width: 100%;
        min-height: 267px;
        height: auto;
        padding: 20px;
        justify-content: center;
        align-items: center;
    }

    .paid-analytics__extra-inner {
        width: 300px;
        max-width: 100%;
        align-items: flex-start;
    }

    .paid-analytics__extra-title {
        width: 100%;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        margin: 0 0 20px;
    }

    .paid-analytics__extra-list {
        width: 100%;
        gap: 10px;
    }

    .paid-analytics__extra-item {
        width: 100%;
        gap: 20px;
        font-size: 14px;
        line-height: 19px;
        color: #44474F;
    }

    .paid-analytics__extra-item > span:last-child {
        width: 256px;
        max-width: calc(100% - 44px);
    }
    .paid-analytics__articles {
        width: 100%;
    }

    .paid-analytics__articles-grid {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 10px;
        padding-bottom: 40px;
    }

    .paid-analytics__articles-grid .premium-analytics__card {
        width: 100%;
        height: auto;
        padding: 20px;
        gap: 0;
    }

    .paid-analytics__articles-grid .premium-analytics__card-item {
        width: 100%;
        max-width: 299px;
        height: auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-media {
        width: 100%;
        height: 80px;
        flex: 0 0 80px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-body {
        width: 100%;
        height: auto;
        gap: 15px;
    }

    .paid-analytics__articles-grid .premium-analytics__card-tags {
        height: 20px;
        gap: 6px;
        flex-wrap: nowrap;
    }

    .paid-analytics__articles-grid .premium-analytics__card-title {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .paid-analytics__articles-grid .premium-analytics__card-desc {
        width: 100%;
        font-size: 16px;
        line-height: 22px;
        color: #000000;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .paid-analytics__articles-grid .premium-analytics__card-meta {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        gap: 8px;
    }
    .paid-analytics__articles-footer {
        width: 100%;
        padding: 0;
        justify-content: center;
    }

    .paid-analytics__watch-all {
        width: 100%;
        height: 50px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 40px;
    }
    .paid-analytics-page .app-section {
        width: 100%;
        height: auto;
        margin-top: 0;
        overflow: hidden;
    }

    .paid-analytics-page .app-section__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        padding: 20px;
        gap: 20px;
    }

    .paid-analytics-page .app-section__glow,
    .paid-analytics-page .app-section__preview,
    .paid-analytics-page .app-section__phones {
        display: none;
    }

    .paid-analytics-page .app-section__content {
        width: 300px;
        max-width: 100%;
        flex: none;
        text-align: center;
    }

    .paid-analytics-page .app-section__title {
        width: 100%;
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }

    .paid-analytics-page .app-section__accent {
        width: 100%;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        margin-top: 20px;
    }

    .paid-analytics-page .app-section__desc {
        width: 100%;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        margin-top: 20px;
    }

    .paid-analytics-page .app-section__stores {
        width: 300px;
        max-width: 100%;
        flex-direction: column;
        gap: 7px;
        padding-left: 0;
        align-self: center;
    }

    .paid-analytics-page .app-section__store {
        width: 100%;
        height: 49px;
        justify-content: center;
    }
    body:has(#paid-analytics-page:not([hidden])) .site-footer {
        height: 245px;
        min-height: 245px;
    }

    body:has(#paid-analytics-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
    }

    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav {
        height: 172px;
        grid-template-rows: repeat(7, 16px);
    }

    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }

    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] { grid-row: 1; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#app"] { grid-row: 2; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#media"] { grid-row: 3; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#services"] { grid-row: 4; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#education"] { grid-row: 5; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#about"] { grid-row: 6; }
    body:has(#paid-analytics-page:not([hidden])) .site-footer__nav a[href="#partners"] { grid-row: 7; }

    body:has(#paid-analytics-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }
}
@media (max-width: 1024px) {
    .services-hero__app-stores {
        flex-direction: column;
        align-items: center;
        gap: 5px;
    }
    .services-hero__left {
        padding: 20px 0 20px 30px;
        flex: 0 0 50%;
    }
    .services-hero__store {
        height: 33px;
    }
    .services-hero__app {
        padding: 12px 30px;
        width: 456px;
    }
    .services-hero__ellipse--0 {
        left: 100px;
    }
    .services-hero__ellipse--1 {
        left: 53px;
    }
    .services-hero__ellipse--2 {
        left: 112px;
    }
    .services-hero__ellipse--3 {
        left: 176px;
    }
    .services-hero__ellipse--4 {
        left: 237px;
    }
    .services-hero__phone-wrap {
        position: absolute;
        left: 27%;
        top: 15px;
    }
    .education-page__breadcrumbs {
        margin-bottom: 10px;
    }
    .education-hero__title {
        padding-bottom: 40px;
    }
    .education-hero__illustration {
        display: none;
    }
    .education-hero__content {
        background: url(assets/education-hero__content.png);
    }
    .education-speaker-card {
        padding: 0 20px 0 0;
        width: 472px;
        height: 390px;
        overflow: hidden;
    }
    .education-speaker-card__photo {
        flex: 0 0 266px;
        width: 266px;
        height: 353px;
        overflow: hidden;
        align-self: flex-end;
        margin-left: -65px;
    }
    .education-speaker-card__info {
        padding: 20px 0 20px 0;
    }
    .education-speaker-card__course-tags-row {
        gap: 6px;
    }
    .education-faq__title {
        margin-bottom: 20px;
    }
    .media-page__breadcrumbs {
        padding-bottom: 10px;
    }
    .media-page__title {
        padding-bottom: 40px;
    }
    .media-page__filter-btn {
        padding: 0 18px;
    }
    .media-page__publications-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .media-page__reviews-scroll {
        gap: 19px;
    }
    .media-page__review-card {
        flex: 0 0 294px;
        width: 290px;
    }
    .media-page__review-date {
        font-size: 10px;
    }
    .media-page__review-name {
        font-size: 10px;
    }
    .media-page__review-row {
        gap: 19px;
    }
    .media-page__reviews-title {
        margin: 50px 0 20px 0;
    }
    .media-page__youtube-scroll {
        gap: 20px;
    }
    .media-page__youtube-carousel {
        gap: 10px;
    }
}

@media (max-width: 980px) {
    .services-hero__right {
        display: none;
    }
}
@media (max-width: 480px) {
    .services-page {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 20px 10px 40px;
        overflow-x: hidden;
    }
    .services-page__container {
        width: 100%;
        max-width: 100%;
        gap: 0;
    }
    .services-page__breadcrumbs {
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px;
    }
    .services-page__title {
        text-align: center;
        font-size: 34px;
        line-height: 41px;
        padding-bottom: 45px;
    }
    .services-hero__card {
        max-height: none;
        padding: 20px;
        margin-bottom: 20px;
    }

    .services-hero__card::before {
        height: 415px;
    }
    .services-hero__left {
        flex: none;
        width: 100%;
        padding: 0;
        gap: 20px;
    }
    .services-hero__info {
        align-items: stretch;
        gap: 20px;
    }
    .services-hero__info-title {
        text-align: center;
        max-width: none;
    }
    .services-hero__info-desc {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        max-width: none;
    }
    .services-hero__info-btn {
        width: 100%;
        height: 50px;
        justify-content: center;
        font-size: 16px;
        line-height: 22px;
        padding: 15px 25px;
    }
    .services-hero__app {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
        width: 100%;
    }
    .services-hero__app-title {
        text-align: center;
        flex: none;
        max-width: none;
    }
    .services-hero__app-stores {
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
    }
    .services-hero__store {
        width: 100%;
        height: 50px;
        font-size: 16px;
        line-height: 20px;
    }
    .services-hero__qr {
        display: none;
    }
    .services-cards-row {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 20px;
    }
    .services-card__item {
        padding: 20px;
        min-height: 0;

    }
    .services-card__body {
        gap: 20px;
    }
    .services-card__title {
        text-align: center;
    }
    .services-card__desc {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
    }
    .services-card__btn,
    #services-card__btn {
        width: 100%;
        height: 50px;
        align-self: stretch;
        justify-content: center;
        text-align: center;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .services-hero__advisor {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 18px;
        margin-bottom: 40px;
    }
    .services-hero__advisor-content {
        justify-content: flex-start;
        align-items: stretch;
        gap: 20px;
    }
    .services-hero__advisor-title {
        text-align: center;
    }
    .services-hero__advisor-desc {
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        max-width: none;
    }
    .services-hero__advisor-desc .br-1024 { display: none; }
    .services-hero__advisor-btn {
        width: 100%;
        height: 50px;
        align-self: stretch;
        justify-content: center;
        text-align: center;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .services-hero__advisor-card {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 20px;
        flex: none;
        width: 100%;
    }
    .services-hero__advisor-list {
        align-self: stretch;
        gap: 20px;
    }
    .services-hero__advisor-list li {
        text-align: center;
        max-width: none;
        padding-left: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .services-hero__advisor-list li::before  {
        top: 8px;
    }

    .services-hero__advisor-list li:nth-child(2)::before {
        position: absolute;
        left: 45px;
    }
    .services-questions__col-desc .br-1024 { display: none; }
    .services-questions__col-desc br { display: none; }
    .services-hero__advisor-example {
        width: 188px;
        max-width: 100%;
        height: 143px;
        object-fit: contain;
        align-self: center;
        grid-column: auto;
        grid-row: auto;
    }
    .services-hero__advisor-dl-btn {
        width: 100%;
        height: 50px;
        align-self: stretch;
        justify-content: center;
        font-size: 16px;
        line-height: 22px;
        grid-column: auto;
        grid-row: auto;
    }
    .services-questions {
        padding: 20px;
        min-height: 0;
        margin-bottom: 40px;
    }
    .services-questions__title {
        margin: 0 0 20px;
    }
    .services-questions__grid {
        flex-direction: column;
        gap: 20px;
    }
    .services-questions__col {
        flex: none;
        width: 100%;
        max-width: none;
        gap: 22px;
    }
    .services-questions__col:not(:last-child)::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        border-top: 1px solid var(--color-blue);
    }
    .services-questions__col-title {
        font-size: 16px;
        line-height: 20px;
    }
    .services-questions__col-desc {
        font-size: 16px;
        line-height: 22px;
    }
    .services-questions__col-btn {
        width: 100%;
        height: 50px;
        align-self: stretch;
        font-size: 16px;
        line-height: 22px;
    }
    .services-digest {
        min-height: 301px;
    }
    .services-digest__inner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 20px;
        min-height: 301px;
    }
    .services-digest__info {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }
    .services-digest__title {
        text-align: center;
    }
    .services-digest__desc {
        text-align: center;
    }
    .services-digest__form {
        width: 100%;
        max-width: 300px;
    }
    .services-digest__input-row {
        display: contents;
    }
    .services-digest__input-wrap {
        order: 1;
        width: 100%;
        height: 34px;
    }
    .services-digest__checkbox {
        order: 2;
        padding-bottom: 11px;
    }
    .services-digest__submit {
        order: 3;
        width: 100%;
        height: 34px;
    }
    body:has(#services-page:not([hidden])) .site-footer {
        height: 245px;
        min-height: 245px;
    }
    body:has(#services-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
    }
    body:has(#services-page:not([hidden])) .site-footer__nav {
        height: 172px;
        grid-template-rows: repeat(7, 16px);
    }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] { grid-row: 1; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#app"] { grid-row: 2; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#media"] { grid-row: 3; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#services"] { grid-row: 4; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#education"] { grid-row: 5; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#about"] { grid-row: 6; }
    body:has(#services-page:not([hidden])) .site-footer__nav a[href="#partners"] { grid-row: 7; }
    body:has(#services-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }
}
@media (max-width: 480px) {
    .education-page {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 20px 10px 40px;
        overflow-x: hidden;
    }
    .education-container {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    .education-page__breadcrumbs {
        margin: 0 0 10px;
        text-align: center;
    }
    .education-hero__title {
        padding-bottom: 0;
        margin: 0 0 30px;
        text-align: center;
    }
    .education-hero {
        margin: 0 0 40px;
        padding: 20px;
        border-radius: 8px;
        background: url(assets/education-hero__content-mobile.png);
        box-shadow: var(--shadow-card);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .education-hero__inner {
        display: contents;
    }
    .education-hero__content {
        display: contents;
        padding: 0;
    }
    .education-hero__subtitle {
        order: 1;
        width: 290px;
        margin: 0;
        text-align: center;
        font-family: var(--font-title);
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: var(--color-text);
    }
    .education-hero__benefits {
        order: 2;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 8px;
        text-align: center;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        color: var(--color-gray);
        max-width: none;
    }
    .education-hero__benefit {
        padding-left: 0;
        text-align: center;
    }
    .education-hero__benefit::before {
        position: static;
        margin-right: 6px;
    }
    .education-hero__cta {
        order: 4;
        width: 100%;
        height: 50px;
        padding: 0 25px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #FFFFFF;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
    .education-schedule {
        margin: 0 0 40px;
        padding: 20px;
        border-radius: 8px;
        background: #0A254F;
        box-shadow: var(--shadow-card);
        overflow: hidden;
    }
    .education-schedule__title {
        margin: 0 0 20px;
        text-align: center;
        font-family: var(--font-title);
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: #FFFFFF;
    }
    .education-schedule__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        grid-template-columns: none;
    }
    .education-schedule__card {
        width: 100%;
        padding: 20px 18px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }
    .education-schedule__card-date {
        width: 100%;
        text-align: center;
        font-family: var(--font-body);
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        color: #FFFFFF;
    }
    .education-schedule__card-name {
        width: 100%;
        text-align: center;
        font-family: var(--font-title);
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        color: #FFFFFF;
    }
    .education-schedule__card-topics {
        width: 100%;
        text-align: center;
        font-family: var(--font-body);
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        color: #FFFFFF;
    }
    .education-schedule__card-btn {
        margin-top: 0;
        width: 100%;
        height: 50px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #FFFFFF;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
    .education-schedule__card-btn--more {
        display: inline-flex;
        margin-top: 20px;
        padding: 0;
    }
    .education-schedule__card:nth-child(n+7) {
        display: none;
    }
    .education-schedule--expanded .education-schedule__card:nth-child(n+7) {
        display: flex;
    }
    .education-schedule--expanded .education-schedule__card-btn--more {
        display: none;
    }
    .education-speakers {
        margin: 0 0 40px;
    }
    .education-speakers__title {
        margin: 0 0 20px;
        text-align: center;
        font-family: var(--font-title);
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: var(--color-text);
    }
    .education-speakers__grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        grid-template-columns: none;
    }
    .education-speaker-card {
        width: 100%;
        max-height: none;
        height: 390px;
        padding: 0;
        justify-content: flex-start;
        border-radius: 8px;
        background: var(--color-panel);
        box-shadow: var(--shadow-card);
        display: flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0;
        overflow: hidden;
        position: relative;
    }
    .education-speaker-card::after {
        content: "";
        position: absolute;
        width: 340px;
        height: 388px;
        top: 215px;
        left: 35px;
        background: #FFFFFFCC;
        border-radius: 50%;
        filter: blur(100px);
        z-index: 0;
        pointer-events: none;
    }
    .education-speaker-card__photo {
        position: absolute;
        left: -76px;
        top: 0;
        width: 266px;
        height: 100%;
        flex: none;
        margin: 0;
        overflow: hidden;
        z-index: 0;
    }

    #speaker-two {
        left: -50px;
        height: 353px;
        top: 67px;

    }
    .education-speaker-card__photo-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        display: block;
    }
    .education-speaker-card__info {
        position: relative;
        z-index: 1;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        padding: 20px 20px 20px 134px;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .education-speaker-card__name {
        margin: 0;
        padding-bottom: 0;
        font-family: var(--font-title);
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: var(--color-text);
    }
    .education-speaker-card__desc {
        margin: 0;
        padding-bottom: 0;
        max-width: none;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        color: var(--color-text);
    }

    .education-speaker-card__courses {
        gap: 10px;
    }
    .education-speaker-card__courses-label {
        font-family: var(--font-title);
        font-size: 14px;
        line-height: 17px;
        font-weight: 700;
        color: var(--color-text);
    }
    .education-speaker-card__course-tags {
        gap: 5px;
    }
    .education-speaker-card__course-tags-row {
        flex-direction: column;
        gap: 5px;
    }
    .education-speaker-card__course-tag {
        width: 100%;
        height: 25px;
        padding: 0 12.5px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #FFFFFF;
        font-family: var(--font-body);
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }
    .education-speaker-card__course-tag--outline {
        display: none;
    }
    .education-faq {
        margin: 0 0 40px;
        padding: 20px;
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: var(--shadow-card);
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .education-faq__title {
        margin: 0;
        text-align: center;
        font-family: var(--font-title);
        font-size: 24px;
        line-height: 29px;
        font-weight: 700;
        color: var(--color-text);
    }
    .education-faq__list {
        gap: 8px;
    }
    .education-faq__item {
        border-radius: 0;
        background: none;
        box-shadow: none;
        overflow: visible;
        border-bottom: 1px solid var(--color-panel);
    }
    .education-faq__item:last-child {
        border-bottom: none;
    }
    .education-faq__question {
        width: 100%;
        min-height: 80px;
        max-height: none;
        padding: 0;
        gap: 12px;
    }
    .education-faq__question-text {
        font-family: var(--font-title);
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: var(--color-text);
    }
    .education-faq__icon {
        flex: 0 0 16px;
        width: 16px;
        height: 16px;
    }
    .education-faq__answer {
        padding: 0 0 20px;
    }
    .education-cta {
        margin: 0;
        padding: 20px;
        border-radius: 8px;
        background: #011027;
        box-shadow: var(--shadow-card);
        overflow: hidden;
        text-align: center;
    }
    .education-cta__content {
        gap: 20px;
    }
    .education-cta__title {
        margin: 0;
        max-width: none;
        text-align: center;
        font-family: var(--font-title);
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        color: #FFFFFF;
    }
    .education-cta__desc {
        margin: 0;
        max-width: none;
        text-align: center;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        color: #FFFFFF;
    }
    .education-cta__btn {
        width: 100%;
        height: 50px;
        padding: 0 25px;
        border-radius: 8px;
        background: var(--color-blue);
        color: #FFFFFF;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
    body:has(#education-page:not([hidden])) .site-footer {
        height: 245px;
        min-height: 245px;
    }
    body:has(#education-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
    }
    body:has(#education-page:not([hidden])) .site-footer__nav {
        height: 172px;
        grid-template-rows: repeat(7, 16px);
    }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] { grid-row: 1; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#app"] { grid-row: 2; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#media"] { grid-row: 3; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#services"] { grid-row: 4; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#education"] { grid-row: 5; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#about"] { grid-row: 6; }
    body:has(#education-page:not([hidden])) .site-footer__nav a[href="#partners"] { grid-row: 7; }
    body:has(#education-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }

}
@media (max-width: 480px) {
    .media-page {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 20px 10px 40px;
        overflow-x: hidden;
    }

    .media-page__container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        gap: 0;
    }
    .media-page__breadcrumbs {
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px;
    }
    .media-page__title {
        margin: 0;
        text-align: center;
        font-size: 34px;
        line-height: 41px;
        padding-bottom: 45px;
    }
    .media-page__banner {
        margin-bottom: 40px;
        padding: 20px;
    }

    .media-page__banner-text {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .media-page__filters {
        flex-wrap: wrap;
        gap: 5px;
        padding-bottom: 20px;
    }

    .media-page__filter-btn {
        height: 34px;
        padding: 0 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__filter-btn[data-filter="twitter"],
    .media-page__filter-btn[data-filter="tinkoff"] {
        display: none;
    }

    .media-page__filters::after {
        content: "Еще...";
        width: 78px;
        height: 34px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--color-blue);
        border-radius: 8px;
        background: transparent;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
        color: var(--color-blue);
        white-space: nowrap;
    }

    .media-page__filter-btn {
        height: 34px;
        padding: 0 14px;
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__cards-grid {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 40px;
        filter: none;
    }
    .media-page__card {
        padding: 20px;
        gap: 20px;
        min-height: 0;
    }
    .media-page__card-icon {
        width: 53px;
        height: 53px;
        flex: 0 0 53px;
    }
    .media-page__card-name {
        font-size: 18px;
        line-height: 22px;
    }
    .media-page__card-desc {
        max-width: none;
        gap: 4px;
    }

    .media-page__card-desc li {
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__card-btn {
        width: 100%;
        height: 50px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__publications {
        margin-bottom: 40px;
    }
    .media-page__publications-title {
        margin: 0;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
    }
    .media-page__publications-tabs {
        justify-content: center;
        gap: 5px;
        margin-top: 18px;
        margin-bottom: 18px;
    }

    .media-page__pub-tab {
        width: 87px;
        height: 34px;
        padding: 0;
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__publications-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .media-page__pub-card {
        gap: 20px;
    }
    .media-page__pub-image {
        height: 76px;
    }

    .media-page__pub-image img {
        height: 226px;
        top: -31.5px;
    }
    .media-page__pub-text {
        font-size: 16px;
        line-height: 22px;
        max-width: none;
    }
    .media-page__pub-btn {
        width: 100%;
        height: 50px;
        font-size: 16px;
        line-height: 22px;
    }
    .media-page__publications-footer {
        margin-top: 18px;
    }

    .media-page__show-more {
        width: 164px;
        height: 34px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
        border: none;
    }

    .media-page__youtube-link {
        display: none;
    }
    .media-page__reviews {
        overflow: hidden;
        margin-bottom: 40px;
    }
    .media-page__reviews-title {
        margin: 0 0 20px;
        text-align: center;
        font-size: 18px;
        line-height: 22px;
    }
    .media-page__reviews-scroll {
        gap: 10px;
        padding-bottom: 0;
    }
    .media-page__review-card {
        flex: 0 0 265px;
        width: 265px;
        min-height: 262px;
        padding: 20px;
    }
    .media-page__review-body {
        gap: 10px;
    }
    .media-page__review-emoji {
        font-size: 28px;
        line-height: 34px;
    }
    .media-page__review-row {
        gap: 8px;
    }
    .media-page__review-date {
        font-size: 10px;
        line-height: 14px;
    }

    .media-page__review-name {
        font-size: 10px;
        line-height: 14px;
    }
    .media-page__review-text {
        font-size: 14px;
        line-height: 19px;
    }
    .media-page__youtube {
        padding: 20px;
        margin-bottom: 40px;
    }
    .media-page__youtube-header {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin: 0 0 20px;
    }
    .media-page__youtube-title {
        text-align: center;
        font-size: 18px;
        line-height: 22px;
    }
    .media-page__youtube-scroll {
        gap: 20px;
    }
    .media-page__video-card {
        flex: 0 0 205px;
        width: 205px;
        gap: 10px;
    }
    .media-page__video-thumb {
        width: 205px;
        height: 315px;
    }
    .media-page__video-title {
        font-size: 14px;
        line-height: 17px;
    }
    .media-page__video-views {
        font-size: 14px;
        line-height: 19px;
    }
    .media-page__subscribe {
        min-height: 301px;
    }
    .media-page__subscribe-inner {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 20px;
    }
    .media-page__subscribe-info {
        max-width: 300px;
        text-align: center;
    }
    .media-page__subscribe-title {
        font-size: 24px;
        line-height: 29px;
        text-align: center;
    }
    .media-page__subscribe-desc {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
    }
    .media-page__subscribe-form {
        width: 300px;
        max-width: 100%;
        gap: 9px;
    }
    .media-page__subscribe-row {
        display: contents;
    }
    .media-page__subscribe-input-wrap {
        flex: none;
        width: 100%;
        height: 34px;
        order: 1;
    }
    .media-page__subscribe-checkbox {
        order: 2;
    }

    .media-page__subscribe-input {
        font-size: 12px;
        line-height: 16px;
    }
    .media-page__subscribe-submit {
        width: 100%;
        height: 34px;
        font-size: 14px;
        line-height: 19px;
        order: 3;
    }
    .media-page__subscribe-checkbox-text {
        font-size: 10px;
        line-height: 14px;
        max-width: 276px;
    }
    body:has(#media-page:not([hidden])) .site-footer {
        height: 245px;
        min-height: 245px;
    }

    body:has(#media-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
    }

    body:has(#media-page:not([hidden])) .site-footer__nav {
        height: 172px;
        grid-template-rows: repeat(7, 16px);
    }

    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }

    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] { grid-row: 1; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#app"] { grid-row: 2; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#media"] { grid-row: 3; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#services"] { grid-row: 4; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#education"] { grid-row: 5; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#about"] { grid-row: 6; }
    body:has(#media-page:not([hidden])) .site-footer__nav a[href="#partners"] { grid-row: 7; }

    body:has(#media-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }

}
@media (max-width: 480px) {
    .about-page {
        padding: 20px 10px 40px;
    }
    .about-page__breadcrumbs {
        justify-content: center;
        font-size: 12px;
        padding-bottom: 10px;
    }
    .about-page__title {
        font-size: 34px;
        line-height: 41px;
        text-align: center;
        padding-bottom: 45px;
    }
    .about-hero {
        padding-bottom: 40px;
    }
    .about-hero__inner {
        max-width: 340px;
        justify-self: center;
        flex-direction: column;
        max-height: none;
        height: 495px;
        align-items: center;
        padding: 20px 0 0 20px;
        gap: 20px;
        background: url(assets/about-hero__inner-mobile.png) no-repeat;
    }
    .about-hero__left {
        flex: none;
        width: 100%;
        max-width: 100%;
        padding: 0;
        align-items: center;
        text-align: center;
        padding-right: 20px;
    }
    .about-hero__heading {
        max-width: 100%;
        font-size: 24px;
        line-height: 30px;
        font-weight: 400;
        text-align: center;
        padding-bottom: 20px;

    }
    .about-hero__heading .bitkogan-dash {
        font-size: 24px;
    }
    .about-hero__desc {
        max-width: 100%;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .about-hero__right {
        flex: none;
        width: 100%;
        height: 171px;
        border-radius: 8px;
        overflow: visible;
    }
    .about-hero__photo {
        display: none;
    }
    .about-stats__grid {
        grid-template-columns: 1fr;
        gap: 20px;
        padding-bottom: 40px;
    }
    .about-stats__card {
        width: 338px;
        height: 135px;
        max-height: none;
        padding: 0;
    }
    #about-stats__card-end {
        padding: 0;
    }
    .about-stats__value {
        font-size: 28px;
        line-height: 34px;
    }
    .about-stats__label {
        font-size: 18px;
        line-height: 25px;
    }
    .about-info {
        padding: 20px;
        margin-bottom: 40px;
    }
    #about-info__text-title {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
        text-align: center;
        padding-bottom: 20px;
    }
    .about-info__text {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .about-advantages {
        background: #CDDCF6;
        padding: 20px;
        min-height: 0;
        margin-bottom: 40px;
        order: 2;
    }
    .about-advantages__title {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
    }
    .about-advantages__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .about-advantages__card {
        min-height: 155px;
        padding: 20px;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .about-page__advantages-icon {
        margin-bottom: 10px;
    }
    .about-advantages__card-title {
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 10px;
        text-align: center;
    }
    .about-advantages__card-desc {
        font-family: var(--font-title);
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        max-width: 227px;
    }
    .about-advantages__card:first-child .about-advantages__card-desc {
        font-size: 16px;
        line-height: 20px;
    }
    .about-team {
        background: #FFFFFF;
        padding: 20px;
        margin-bottom: 40px;
        order: 1;
    }
    .about-team__title {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
    }
    .about-team__grid {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    .about-team__grid::-webkit-scrollbar {
        display: none;
    }
    .about-team__card {
        flex: 0 0 255px;
        min-width: 255px;
        min-height: 300px;
        scroll-snap-align: start;
    }
    .about-team__photo {
        height: 299px;
        top: 17%;
        left: 38%;

    }
    #about-team__photo-two {
        height: 299px;
        top: 17%;
        left: 38%;
    }
    .about-page .about-team__carousel .media-page__reviews-arrow {
        display: none;
    }
    .about-team__grid::-webkit-scrollbar {
        display: none;
    }
    .about-team__card {
        flex: 0 0 255px;
        min-width: 255px;
        min-height: 300px;
    }
    .about-page .about-team__carousel .media-page__reviews-arrow {
        display: none;
    }
    .about-reviews {
        padding: 20px 7px;
        margin-bottom: 40px;
        order: 3;
    }
    .about-reviews__title {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 29px;
    }
    .about-reviews__scroll {
        gap: 7px;
        overflow-x: hidden;
    }
    .about-reviews__card {
        flex: 0 0 100%;
        width: 100%;
        min-height: 282px;
        background: #061B3C;
        padding: 20px;
    }
    .about-page .about-reviews .media-page__reviews-arrow {
        display: inline-flex;
    }
    .about-cta {
        order: 4;
    }
    .about-cta__inner {
        padding: 20px;
        gap: 20px;
        background-size: cover;
    }
    .about-cta__title {
        font-size: 24px;
        line-height: 29px;
        max-width: 250px;
    }
    .about-cta__desc {
        font-size: 16px;
        line-height: 22px;
    }
    .about-cta__button {
        width: 100%;
        height: 50px;
        padding: 0 25px;
        border-radius: 8px;
        font-family: var(--font-body);
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
}
@media (max-width: 480px) {
    .partners-page {
        max-width: 360px;
        margin: 0 auto;
        overflow-x: hidden;
    }

    .partners-page__container {
        max-width: 100%;
        width: 100%;
        padding: 20px 10px 40px;
        gap: 0;
    }
    .partners-page__breadcrumbs {
        justify-content: center;
        text-align: center;
        font-size: 12px;
        line-height: 16px;
        color: #979EAB;
        padding-bottom: 10px;
    }
    .partners-page__title {
        font-size: 34px;
        line-height: 41px;
        text-align: center;
        color: #001F2A;
        padding-bottom: 45px;
    }
    .partners-page__info {
        background: #CDDCF6;
        box-shadow: 0px 4px 7px rgba(40, 111, 219, 0.15);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 40px;
    }
    .partners-page__info-text {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #44474F;
    }
    .partners-page__logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 40px;
    }

    .partners-page__logos-row {
        display: contents;
    }
    .partners-page__logo-card {
        height: 80px;
        min-height: 80px;
        padding: 20px 10px;
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: 0px 4px 7px rgba(40, 111, 219, 0.15);
    }

    .partners-page__logo-card img {
        width: 100%;
        height: 29px;
        object-fit: contain;
    }
    .partners-page__benefits {
        padding-top: 0;
        margin-bottom: 40px;
        overflow: hidden;
    }
    .partners-page__benefits-title {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #001F2A;
    }
    .partners-page__benefits-card {
        background: #CDDCF6;
        box-shadow: 0px 4px 7px rgba(40, 111, 219, 0.15);
        border-radius: 8px;
        padding: 20px 19px;
    }
    .partners-page__benefits-row {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }
    .partners-page__benefit {
        flex: none;
        width: 100%;
        max-width: 100%;
        gap: 20px;
    }
    /* Заголовок пункта (Montserrat 700 16/20, center, #001F2A) */
    .partners-page__benefit-heading {
        font-size: 16px;
        line-height: 20px;
        color: #001F2A;
    }
    .partners-page__benefit-desc {
        max-width: 300px;
        font-size: 16px;
        line-height: 22px;
        color: #44474F;
    }
    .partners-page__benefit-divider {
        width: 100%;
        height: 0;
        border-left: 0;
        border-top: 1px solid #286FDB;
        align-self: stretch;
    }
    .partners-page__reviews {
        display: none;
    }
    .partners-page__cta-inner {
        padding: 20px;
        gap: 20px;
    }
    .partners-page__cta-title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #001F2A;
    }
    .partners-page__cta-desc {
        max-width: none;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #44474F;
    }
    .partners-page__cta-button {
        width: 100%;
        height: 50px;
        padding: 15px 25px;
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
    }
    body:has(#partners-page:not([hidden])) .site-footer,
    body:has(#partners-page:not([hidden])) .site-footer__inner {
        height: 245px;
        min-height: 245px;
    }

    body:has(#partners-page:not([hidden])) .site-footer__nav {
        height: 172px;
        grid-template-rows: repeat(7, 16px);
    }

    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#blog"],
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#contacts"] {
        display: none;
    }

    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#paid-analytics"] { grid-row: 1; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#app"] { grid-row: 2; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#media"] { grid-row: 3; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#services"] { grid-row: 4; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#education"] { grid-row: 5; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#about"] { grid-row: 6; }
    body:has(#partners-page:not([hidden])) .site-footer__nav a[href="#partners"] { grid-row: 7; }

    body:has(#partners-page:not([hidden])) .site-footer__col--legal {
        grid-row: 1 / span 7;
    }
    #unpaid-article__intro {
        padding-bottom: 40px;
    }
    .free-article__meta--premium {
        padding-bottom: 40px;
    }
    #paid-analytics__tariff-three {
        margin-bottom: 10px;
    }
    .media-card {
        padding: 0 40px;
    }
    .subscribe-section__benefit-icon {
        background: #EEF3FC;
    }
}

@media (max-width: 480px) {
    .page-main,
    #blog-page,
    .media-page,
    .premium-blog-page,
    .paid-analytics-page,
    .services-page,
    .education-page,
    .about-page {
        padding: 20px 20px 40px;
    }
    .main-nav__inner {
        padding: 0 20px;
    }
}

@media (max-width: 380px) {
    .page-main,
    #blog-page,
    .media-page,
    .premium-blog-page,
    .paid-analytics-page,
    .services-page,
    .education-page,
    .about-page {
        padding: 20px 10px 40px;
    }
    .main-nav__inner {
        padding: 0 10px;
    }
}

/* Mobile navigation overlay — dimensions and tokens from figma.json. */
@media (max-width: 480px) {
    .main-nav--open .main-nav__scroll {
        position: fixed;
        inset: 0;
        display: block;
        width: 100vw;
        height: 100dvh;
        max-height: none;
        min-height: 640px;
        padding: 54px 0 0;
        overflow-y: auto;
        background: #CDDCF6;
        box-shadow: none;
        z-index: 50;
    }

    .main-nav--open .main-nav__burger {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 51;
        width: 20px;
        height: 20px;
    }

    .main-nav--open .main-nav__burger img {
        display: none;
    }

    .main-nav--open .main-nav__burger::before,
    .main-nav--open .main-nav__burger::after {
        position: absolute;
        top: 9px;
        left: 2px;
        width: 16px;
        height: 2px;
        content: "";
        background: #001F2A;
    }

    .main-nav--open .main-nav__burger::before {
        transform: rotate(45deg);
    }

    .main-nav--open .main-nav__burger::after {
        transform: rotate(-45deg);
    }

    .main-nav--open .main-nav__menu,
    .main-nav--open .main-nav__actions {
        position: relative;
        width: 100%;
        max-width: calc(100% - 59px);
        margin: 0 0 0 30px;
        padding: 0;
        border: 0;
        transform: none;
    }

    .main-nav--open .main-nav__menu {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .main-nav--open .main-nav__menu li {
        display: block;
        width: 100%;
    }

    .main-nav--open .main-nav__menu a {
        display: inline-flex;
        min-height: 22px;
        padding: 0;
        color: #001F2A;
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .main-nav--open .main-nav__menu a[href="#education"],
    .main-nav--open .main-nav__menu-more,
    .main-nav--open .main-nav__label--desktop {
        display: none;
    }

    .main-nav--open .main-nav__menu li:has(> a[href="https://bitkogan.pro/"]) {
        display: none;
    }

    .main-nav--open .main-nav__menu > li.main-nav__menu-more {
        display: none;
    }

    .main-nav--open .main-nav__menu-mobile,
    .main-nav--open .main-nav__label--mobile {
        display: block;
    }

    .main-nav--open .main-nav__actions {
        margin: 18px 0 0 30px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .main-nav--open .main-nav__actions > * {
        box-sizing: border-box;
        width: auto;
        min-height: 22px;
        padding: 0;
        color: #001F2A;
        font-family: "Open Sans";
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
    }

    .main-nav--open .main-nav__action-link {
        display: inline-flex;
        align-items: center;
        gap: 3px;
    }

    .main-nav--open .main-nav__action-link img {
        width: 20px;
        height: 20px;
    }

    .main-nav--open .main-nav__icon-link--bookmark img {
        width: 18px;
        height: 18px;
    }

    .main-nav--open .main-nav__action-link--login {
        order: 4;
        align-self: stretch;
        height: 50px;
        min-height: 50px;
        margin-top: -8px;
        justify-content: center;
        gap: 5px;
        padding: 15px 25px;
        color: #FFFFFF;
        background: #286FDB;
        border-radius: 8px;
    }

    .main-nav--open .main-nav__action-link--login img {
        width: 24px;
        height: 24px;
    }

    .main-nav--open .main-nav__icon-link--search {
        order: 3;
        align-self: stretch;
        width: 100%;
        height: 50px;
        min-height: 50px;
        margin-top: 22px;
        padding: 0 20px;
        justify-content: space-between;
        font-weight: 400;
        border: 1px solid #286FDB;
        border-radius: 8px;
    }

    .main-nav--open .main-nav__search-placeholder {
        display: block;
    }

    .main-nav--open .main-nav__icon-link--search img {
        display: none;
    }

    .main-nav__search {
        display: none;
    }

    .main-nav--open .main-nav__icon-link--search::after {
        width: 24px;
        height: 24px;
        content: "";
        background: url(http://186.246.4.56/wp-content/themes/bitkoganmain/assets/search-icon-blue.svg);
    }
}
.auth-modal__form--recovery {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    height: auto;
}
.auth-modal__form--reset {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    height: auto;
}
















.education-faq__answer-text,
.education-faq__answer-list li {
    margin: 0;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: var(--color-gray);
}

/* Модальное окно авторизации */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

#auth-modal .clean-login-form {
    background: transparent !important;
    padding: 0 !important;
}

#auth-modal .clean-login-form input[type="email"],
#auth-modal .clean-login-form input[type="password"],
#auth-modal .clean-login-form input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d2dbec;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-size: 14px;
    margin-bottom: 16px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

#auth-modal .clean-login-form input[type="email"]:focus,
#auth-modal .clean-login-form input[type="password"]:focus,
#auth-modal .clean-login-form input[type="text"]:focus {
    border-color: #286fdb;
    outline: none;
}

#auth-modal .clean-login-form input[type="submit"] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #286fdb;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

#auth-modal .clean-login-form input[type="submit"]:hover {
    background: #1a5cc0;
}

#auth-modal .clean-login-form a {
    color: #286fdb;
    text-decoration: none;
    font-size: 14px;
}

#auth-modal .clean-login-form a:hover {
    text-decoration: underline;
}

#auth-modal .clean-login-form .clean-login-error {
    background: #fee;
    color: #c00;
    padding: 10px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
}

#auth-modal .clean-login-form .clean-login-success {
    background: #efe;
    color: #0a0;
    padding: 10px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-size: 14px;
}

#subscription-modal {
    animation: fadeIn 0.3s ease;
}

#subscription-modal .paymattic-form-wrapper {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}

#subscription-modal input,
#subscription-modal select,
#subscription-modal textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d2dbec;
    border-radius: 8px;
    font-family: 'Open Sans';
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 12px;
}

#subscription-modal button[type="submit"] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #286fdb;
    color: #fff;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

.media-card__icon {
    border-radius: 90px;
}

/* Digest Subscribe */
.digest-section__message--success {
    background: rgba(77, 161, 128, 0.15);
    color: #4da180;
    border: 1px solid #4da180;
}

.digest-section__message--error {
    background: rgba(204, 0, 0, 0.15);
    color: #cc0000;
    border: 1px solid #cc0000;
}

.digest-section__submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


/* Стили для личного кабинета */
.account__info {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 40px;
}

.account__info-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.account__info-row p {
    font-family: 'Open Sans';
    font-size: 16px;
    color: #001f2a;
    margin: 0;
}

.account__edit-btn {
    transition: all 0.2s;
}

.account__edit-btn:hover {
    background: #e8f0fe !important;
}

/* Стили для формы редактирования */
#profile-edit-mode {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#profile-edit-form input:focus {
    outline: none;
    border-color: #286fdb;
    box-shadow: 0 0 0 3px rgba(40, 111, 219, 0.1);
}

/* Мобильная адаптация */
@media (max-width: 768px) {
    .account__info {
        padding: 16px;
    }

    #profile-edit-form {
        max-width: 100% !important;
    }

    #profile-edit-form div {
        display: flex;
        flex-direction: column;
    }
}
/* =====================================================================
   COOKIE-ПЛАШКА
   ===================================================================== */

.cookie-banner {
    position: fixed;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    max-width: 1430px;
    margin: 0 auto;
    background: #011027;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(1, 16, 39, 0.35);
    padding: 20px 52px 20px 24px;
    display: flex;
    align-items: center;
    gap: 28px;
    font-family: "Open Sans", system-ui, sans-serif;
}

.cookie-banner[hidden] {
    display: none;
}

.cookie-banner__text {
    margin: 0;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.88);
}

.cookie-banner__link {
    color: #286FDB;
    text-decoration: underline;
    font-weight: 600;
}

.cookie-banner__link:hover {
    color: #5B9BFF;
}

.cookie-banner__accept {
    flex: 0 0 auto;
    appearance: none;
    border: none;
    cursor: pointer;
    background: #286FDB;
    color: #ffffff;
    font-family: "Open Sans", system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    padding: 12px 28px;
    white-space: nowrap;
}

.cookie-banner__accept:hover {
    background: #1f56b0;
}

.cookie-banner__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.55;
}

.cookie-banner__close:hover {
    opacity: 0.9;
}

@media (max-width: 640px) {
    .cookie-banner {
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 12px 12px 0 0;
        flex-direction: column;
        align-items: stretch;
        gap: 14px;
        padding: 18px 36px 20px 18px;
    }

    .cookie-banner__accept {
        width: 100%;
        padding: 12px 0;
    }
}