/* Подключение шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');

/* Глобальные стили */
body, p, a, button, input, textarea, li, span {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.ct-headline {
    font-family: 'Space Grotesk', sans-serif;
}

.mono, code, pre, .jetbrains {
    font-family: 'JetBrains Mono', monospace;
}

/* Цветовая схема */
:root {
    --tf-bg: #06090F;
    --tf-bg-secondary: #0C111A;
    --tf-bg-card: #141C28;
    --tf-border: #1E2836;
    --tf-text-primary: #F2F5F9;
    --tf-text-secondary: #B7C3D2;
    --tf-text-muted: #7A8AA0;
    --tf-blue: #2A63F0;
    --tf-blue-light: #6E97FF;
    --tf-gold: #D9A441;
    --tf-gold-light: #EFC97A;
    --tf-green: #16B26A;
    --tf-red: #E4483D;
}

.ct-inner-content {
    overflow-x: hidden;
}

/*hoover effects*/
.scp0:hover {
    color: rgb(242, 245, 249) !important;
    transition: color 0.2s ease-out
}
.scp1:hover {
    background-color: rgb(30, 75, 196) !important;
    border: 0px solid transparent !important;
    transition: background 0.2s ease-out;
}
.main-btn {
        background: rgb(42, 99, 240) !important;
    color: rgb(242, 245, 249) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 13px 26px !important;
    border-radius: 8px !important;
    transition: background 0.2s ease-out !important;
    font-family: 'Inter', sans-serif !important;
}

.second-btn {
    border: 1px solid rgb(42, 54, 70) !important;
    color: rgb(183, 195, 210) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 12px 26px !important;
    border-radius: 8px !important;
    transition: border-color 0.2s ease-out, color 0.2s ease-out !important;
    font-family: 'Inter', sans-serif !important;

}
.second-btn:hover {
        border-color: rgb(110, 151, 255) !important;
    color: rgb(242, 245, 249) !important;
}
/*end hoover effects*/

/* ============================================
   ЗАГОЛОВКИ СЕКЦИЙ (sub-title + main-title)
   ============================================ */

/* Верхний подзаголовок (например: "How it works", "PRICING") */
.sub-title {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #6E97FF !important;
    /*margin: 0 0 14px 0 !important;*/
}

/* Основной заголовок секции (например: "From evaluation to reward...") */
.main-title {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(26px, 3vw, 30px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    /*margin: 0 0 40px 0 !important;*/

    color: #F2F5F9 !important;
}
.main-title-34 {
    font-size: clamp(26px, 3.2vw, 34px) !important;
}
.sub-title-gold {
    color: rgb(239, 201, 122) !important;
}


/*header*/
/* ============================================
   ВЕРХНЯЯ ЛИНИЯ (ПРОМОКОД)
   ============================================ */
.header-top {
    background: #0E1B3D;
    border-bottom: 1px solid #1E2836;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.header-top .ct-text-block {
    font-size: 13.5px;
    color: #B7C3D2;
    margin: 0;
}

.header-top .ct-text-block.header-top-span {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    padding: 2px 10px;
    color: rgb(110, 151, 255);
    border: 1px solid rgb(42, 54, 70);
    background: rgb(12, 17, 26);
}

/* ============================================
   АДАПТИВ (планшет + мобила)
   ============================================ */

/* Планшет (до 768px) */
@media (max-width: 768px) {
    .header-top {
        padding: 6px 12px;
        gap: 8px;
    }

    .header-top .ct-text-block {
        font-size: 12px;
    }

    .header-top .ct-text-block.header-top-span {
        font-size: 11px;
        padding: 1px 8px;
    }
}

/* Мобила (до 480px) */
@media (max-width: 480px) {
    .header-top {
        padding: 3px 0 3px;
        gap: 0px 8px;
        flex-wrap: wrap !important;
    }

    .header-top .ct-text-block {
        font-size: 10.5px;
        line-height: 1.4;
    }

    .header-top .ct-text-block.header-top-span {
        font-size: 10px;
        padding: 1px 6px;
        letter-spacing: 0.06em;
        order: 2;
    }

    /* "Launch offer — code" — первый */
    .header-top .ct-text-block:first-child {
        order: 1;
    }

    /* "— 10% off your first evaluation..." — последний, на всю ширину */
    .header-top .ct-text-block:last-child {
        order: 3;
        width: 100%;
        text-align: center;
        font-size: 10px;
        padding-top: 4px;
        border-top: 1px solid rgba(30, 40, 54, 0.5);
    }
}



.header-main {
    position: relative !important;
}

.header-main::befor {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #06090F !important;

}
/*end header*/


/*hero screen*/
/* Общий контейнер */
.hero-screen {
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(48px, 7vw, 88px) clamp(16px, 4vw, 64px) 0;
    text-align: center;
}

/* Подзаголовок "Simulated performance evaluation" */
.hero-screen > .ct-div-block:first-child .ct-text-block:first-child {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #7A8AA0;
    margin: 0 0 20px 0;
}

/* Заголовок H1 */
.hero-heading {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(38px, 5vw, 64px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    margin: 0 auto 20px !important;
    max-width: 15ch !important;
    color: #F2F5F9 !important;
}

/* Описание под заголовком */
.hero-screen #text_block-7-22 {
    font-size: 18px;
    line-height: 1.6;
    max-width: 56ch;
    margin: 0 auto;
    color: #B7C3D2;
}


/* Пульсация для круга на графике */
@keyframes tf-pulse {
  0%, 100% { opacity: 0.95; }
  50% { opacity: 0.35; }
}

/* ============================================
   HERO BOTTOM — фичи под графиком
   ============================================ */

.hero-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 36px;
    max-width: 960px;
    margin: 44px auto 0;
    border-top: 1px solid #1E2836;
    padding-top: 22px;
}

.hero-bottom .ct-text-block {
    font-size: 14px;
    color: #B7C3D2;
    margin: 0;
}

.hero-bottom .ct-text-block::before {
    content: "—";
    color: #6E97FF;
    margin-right: 6px;
}
/*end hero screen*/

/*four-cols-pricing*/
/* ============================================
   HOW IT WORKS / 4 КОЛОНКИ
   ============================================ */

.four-cols-pricing {
    background: transparent !important;
    padding: 0 !important;

}

.four-cols-pricing > .ct-div-block:first-child {
    margin-bottom: 0 !important;
}

.four-cols-pricing .ct-new-columns {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: center !important;
}

.four-cols-pricing .ct-new-columns > .ct-div-block {
    background: #0C111A !important;
    border: 1px solid #1E2836 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    transition: border-color 0.2s ease-out !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: auto !important;
}

.four-cols-pricing .ct-new-columns > .ct-div-block:hover {
    border-color: #2A63F0 !important;
}

/* Номер (01, 02, 03, 04) */
.four-cols-pricing .ct-new-columns > .ct-div-block > .ct-text-block:first-child {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    color: #6E97FF !important;
    margin: 0 0 18px 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

/* Заголовок карточки */
.four-cols-pricing .ct-new-columns > .ct-div-block > .ct-text-block:nth-child(2) {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
    color: #F2F5F9 !important;
}

/* Текст карточки */
.four-cols-pricing .ct-new-columns > .ct-div-block > .ct-text-block:nth-child(3) {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #7A8AA0 !important;
}
/*end four-cols-pricing*/

/*steps cols*/
/* ============================================
   PROGRAM COMPARISON (steps-cols)
   ============================================ */

/* Главный контейнер */
.steps-cols {
    border: 1px solid #1E2836 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    max-width: 860px !important;
    width: 100% !important;
    gap: 5px !important;
}

/* === ШАПКА ТАБЛИЦЫ === */
.steps-cols > .ct-div-block:first-child,
.steps-cols > #div_block-5126-22 {
    background: #0C111A !important;
    border-bottom: 1px solid #1E2836 !important;
    padding: 12px 20px !important;
}

.steps-cols > .ct-div-block:first-child .ct-new-columns,
.steps-cols > #div_block-5126-22 .ct-new-columns {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

.steps-cols > .ct-div-block:first-child .ct-new-columns .ct-div-block,
.steps-cols > #div_block-5126-22 .ct-new-columns .ct-div-block {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
    width: auto !important;
    flex: none !important;
    justify-content: flex-start !important;
}

.steps-cols > .ct-div-block:first-child .ct-new-columns .ct-div-block .ct-text-block,
.steps-cols > #div_block-5126-22 .ct-new-columns .ct-div-block .ct-text-block {
    text-align: left !important;
}

/* === СТРОКИ ТАБЛИЦЫ === */
.steps-cols > .ct-div-block:not(:first-child) {
    border-bottom: 1px solid #141C28 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    padding: 0 !important;
}

.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block {
    padding: 11px 20px !important;
    font-size: 13.5px !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    width: auto !important;
    flex: none !important;
    justify-content: flex-start !important;
}

/* Вторая и третья колонки — убираем padding-left */
.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:nth-child(2),
.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:nth-child(3) {
    padding-left: 0 !important;
}

.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block .ct-text-block {
    text-align: left !important;
    width: 100% !important;
}

/* Первая колонка (название параметра) */
.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:first-child .ct-text-block {
    color: #7A8AA0 !important;
    font-size: 13.5px !important;
}

/* Вторая и третья колонки (значения) */
.steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:not(:first-child) .ct-text-block {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
    color: #F2F5F9 !important;
}

/* Убираем лишние <br> внутри текста */
.steps-cols .ct-text-block br {
    display: none !important;
}

/* === ПОСЛЕДНЯЯ СТРОКА === */
.steps-cols > .ct-div-block:last-child {
    border-bottom: none !important;
}

/* ============================================
   === АДАПТИВ (≤768px) ===
   Таблица со скроллом. Стили (background/border/padding)
   переносим с .ct-div-block на внутренние .ct-text-block.
   ============================================ */
@media (max-width: 768px) {

    .steps-cols {
        max-width: 100% !important;
        overflow-x: auto !important;
    }

    .steps-cols > .ct-div-block:first-child .ct-new-columns,
    .steps-cols > #div_block-5126-22 .ct-new-columns,
    .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns {
        min-width: 500px !important;
    }
    

    /* === ШАПКА: убираем стили с контейнера === */
    .steps-cols > .ct-div-block:first-child,
    .steps-cols > #div_block-5126-22 {
        background: #0C111A !important;
        border-bottom: none !important;
        padding: 0 !important;
    }
    .steps-cols > .ct-div-block:first-child .ct-new-columns {
        border-bottom: 1px solid #1E2836 !important;
    }

    /* === ШАПКА: переносим стили на .ct-text-block === */
    .steps-cols > .ct-div-block:first-child .ct-new-columns .ct-div-block .ct-text-block,
    .steps-cols > #div_block-5126-22 .ct-new-columns .ct-div-block .ct-text-block {
        background: #0C111A !important;
        border-bottom: 1px solid #1E2836 !important;
        padding: 12px 20px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: 100% !important;
    }

    /* === СТРОКИ: убираем border-bottom с контейнера === */
    .steps-cols > .ct-div-block:not(:first-child) {
        border-bottom: none !important;
    }

    /* === СТРОКИ: переносим border-bottom на .ct-text-block === */
    .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block .ct-text-block {
        border-bottom: 1px solid #141C28 !important;
        padding: 11px 20px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        height: 100% !important;
    }

    /* Последняя строка — без border-bottom у текстовых блоков */
    .steps-cols > .ct-div-block:last-child .ct-new-columns > .ct-div-block .ct-text-block {
        border-bottom: none !important;
    }

    /* Внутренние .ct-div-block ячеек — обнуляем padding и flex */
    .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block {
        padding: 0 !important;
        min-height: auto !important;
        display: block !important;
    }

    /* Возвращаем правильные отступы для второй/третьей колонок (без padding-left) */
    .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:nth-child(2),
    .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:nth-child(3) {
        padding-left: 0 !important;
    }
}
/*end steps cols*/
/*end steps cols*/

/*three-cols-graph*/
/* ============================================
   THREE COLS GRAPH
   ============================================ */

.three-cols-graph {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;

    width: 100% !important;
}

.three-cols-graph > .ct-div-block {
    border: 1px solid #1E2836 !important;
    background: #0C111A !important;
    border-radius: 12px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    flex: none !important;
}

/* Заголовок карточки */
.three-cols-graph > .ct-div-block > .ct-text-block:first-child {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 0 0 14px 0 !important;
}

/* SVG-изображение */
.three-cols-graph > .ct-div-block > .ct-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

/* Текст под графиком */
.three-cols-graph > .ct-div-block > .ct-code-block:last-child,
.three-cols-graph > .ct-div-block > .ct-text-block:last-child {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
    color: #7A8AA0 !important;
    margin: 12px 0 0 0 !important;
}

/* === АДАПТИВ === */
@media (max-width: 992px) {
    .three-cols-graph {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .three-cols-graph {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}
/*end three-cols-graph*/

/*payout-section*/
.payout-section {
    position: relative !important;
    background: #0C111A !important;
    border-top: 1px solid #1E2836 !important;
    border-bottom: 1px solid #1E2836 !important;
}

 Растягиваем фон влево и вправо через псевдоэлементы 
.payout-section::before,
.payout-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    background: #0C111A !important;
    z-index: 3 !important;
    border-top: 1px solid #1E2836 !important;
    border-bottom: 1px solid #1E2836 !important;
}

.payout-section::before {
    right: 100% !important;
}

.payout-section::after {
    left: 100% !important;
}

/* ============================================
   PAYOUT SECTION — сетка
   ============================================ */

.payout-section {
    display: grid !important;
    grid-template-columns: minmax(0px, 7fr) minmax(0px, 5fr) !important;
    gap: 48px !important;
    align-items: start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    /*padding: 0 clamp(16px, 4vw, 64px) !important;*/
    position: relative !important;
    background: #0C111A !important;
    border-top: 1px solid #1E2836 !important;
    border-bottom: 1px solid #1E2836 !important;
}

/* Растягиваем фон влево и вправо */
.payout-section::before,
.payout-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    background: #0C111A !important;
    z-index: 0 !important;
    border-top: 1px solid #1E2836 !important;
    border-bottom: 1px solid #1E2836 !important;
}

.payout-section::before {
    right: 100% !important;
}

.payout-section::after {
    left: 100% !important;
}

/* Левая и правая колонки */
.payout-section > .ct-div-block {
    width: 100% !important;
    min-width: 0 !important;
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 920px) {
    .payout-section {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

@media (max-width: 600px) {
    .payout-section {
        gap: 24px !important;
        padding: 16px !important;
    }
}
/* ============================================
   PAYOUT STATUS SCALE
/* ============================================
   PAYOUT STATUS SCALE
   ============================================ */

.payout-block-table {
    border: 1px solid #2A2010 !important;
    background: linear-gradient(rgba(42, 32, 16, 0.55), rgba(12, 17, 26, 0.4)) !important;
    border-radius: 12px !important;
    display: block !important;
    width: 100% !important;
    max-width: 480px !important;
}

/* Убираем flex у родителя */
.payout-block-table > .ct-div-block {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Заголовок */
.payout-block-table .ct-text-block:first-child {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #EFC97A !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
    display: block !important;
    width: 100% !important;
}

/* Все строки (кроме заголовка) */
.payout-block-table .ct-text-block:not(:first-child) {
    padding: 9px 0 !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
}

/* Нечетные элементы (статусы) — слева */
.payout-block-table .ct-text-block:not(:first-child):nth-child(odd) {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-align: left !important;
    color: #7A8AA0 !important;
    width: 100% !important;
    padding-right: 40px !important;
    border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
}

/* Четные элементы (описания) — справа */
.payout-block-table .ct-text-block:not(:first-child):nth-child(even) {
    font-size: 13px !important;
    color: #B7C3D2 !important;
    text-align: right !important;
    float: right !important;
    width: auto !important;
    margin-top: -38px !important;
    border-top: none !important;
}

/* Специальные цвета для статусов */
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(1) {
    color: #EFC97A !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(3) {
    color: #EFC97A !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(5) {
    color: #7A8AA0 !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(7) {
    color: #EFC97A !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(9) {
    color: #D9A441 !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(11) {
    color: #F0A028 !important;
}
.payout-block-table .ct-div-block .ct-text-block:nth-of-type(13) {
    color: #E4483D !important;
}

/* === АДАПТИВ === */

/* Средние экраны (1230px - 921px) — как мобила, без флоата */
@media (max-width: 1230px) and (min-width: 921px) {
    .payout-block-table {
        padding: 16px !important;
        max-width: 100% !important;
    }

    .payout-block-table > .ct-div-block {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .payout-block-table .ct-text-block:not(:first-child) {
        padding: 7px 0 !important;
        margin: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(odd) {
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 11px !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        text-align: left !important;
        color: #7A8AA0 !important;
        width: 100% !important;
        padding-right: 0 !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
        float: none !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(even) {
        font-size: 12px !important;
        color: #B7C3D2 !important;
        text-align: left !important;
        float: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        border-top: none !important;
        padding-top: 0 !important;
        padding-bottom: 9px !important;
    }

    .payout-block-table .ct-text-block:nth-child(2) {
        display: none !important;
    }

    .payout-block-table .ct-text-block:nth-child(3) {
        border-top: none !important;
        padding-top: 0 !important;
    }

    /* Специальные цвета для статусов */
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(1) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(3) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(5) {
        color: #7A8AA0 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(7) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(9) {
        color: #D9A441 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(11) {
        color: #F0A028 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(13) {
        color: #E4483D !important;
    }
}

/* Планшет (920px - 768px) — оставляем флоат как на десктопе */
@media (min-width: 768px) and (max-width: 920px) {
    .payout-block-table {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .payout-block-table > .ct-div-block {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 16px !important;
    }

    .payout-block-table .ct-text-block:not(:first-child) {
        padding: 9px 0 !important;
        margin: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(odd) {
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 12px !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        text-align: left !important;
        color: #7A8AA0 !important;
        width: 100% !important;
        padding-right: 40px !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
        float: left !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(even) {
        font-size: 13px !important;
        color: #B7C3D2 !important;
        text-align: right !important;
        float: right !important;
        width: auto !important;
        margin-top: -38px !important;
        border-top: none !important;
    }

    .payout-block-table .ct-text-block:nth-child(2) {
        display: none !important;
    }

    .payout-block-table .ct-text-block:nth-child(3) {
        border-top: none !important;
        /*padding-top: 0 !important;*/
    }

    /* Специальные цвета для статусов */
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(1) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(3) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(5) {
        color: #7A8AA0 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(7) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(9) {
        color: #D9A441 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(11) {
        color: #F0A028 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(13) {
        color: #E4483D !important;
    }
}

/* Мобила (до 767px) — без флоата */
@media (max-width: 767px) {
    .payout-block-table {
        padding: 16px !important;
        max-width: 100% !important;
    }

    .payout-block-table > .ct-div-block {
        display: block !important;
        width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .payout-block-table .ct-text-block:not(:first-child) {
        padding: 7px 0 !important;
        margin: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(odd) {
        font-family: 'JetBrains Mono', monospace !important;
        font-size: 11px !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        white-space: normal !important;
        text-align: left !important;
        color: #7A8AA0 !important;
        width: 100% !important;
        padding-right: 0 !important;
        border-top: 1px solid rgba(42, 54, 70, 0.6) !important;
        float: none !important;
    }

    .payout-block-table .ct-text-block:not(:first-child):nth-child(even) {
        font-size: 12px !important;
        color: #B7C3D2 !important;
        text-align: left !important;
        float: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        border-top: none !important;
        padding-top: 0 !important;
        padding-bottom: 9px !important;
    }

    .payout-block-table .ct-text-block:nth-child(2) {
        display: none !important;
    }

    .payout-block-table .ct-text-block:nth-child(3) {
        border-top: none !important;
        padding-top: 0 !important;
    }

    /* Специальные цвета для статусов */
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(1) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(3) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(5) {
        color: #7A8AA0 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(7) {
        color: #EFC97A !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(9) {
        color: #D9A441 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(11) {
        color: #F0A028 !important;
    }
    .payout-block-table .ct-div-block .ct-text-block:nth-of-type(13) {
        color: #E4483D !important;
    }
}
/* ============================================
   PAYOUT BLOCK
   ============================================ */
/* Цифры (14 days, 48–96h, 80%) */
.payout-block .bottom-payouts-line .ct-text-block {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 26px !important;
    margin: 0 !important;
    color: #F2F5F9 !important;
}
.payout-block .bottom-payouts-line,
.payout-block .bottom-payouts-line-2 {
    grid-template-columns: repeat(3, minmax(113px, 1fr)) !important;
    width: 300px !important;
}

.payout-block .bottom-payouts-line-2 {
    margin-top: -14px !important;
}

/* Подписи (Payout cycle, Processing, Reward share) */
.payout-block .bottom-payouts-line-2 .ct-text-block {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 6px 0 0 0 !important;
}

/* Чтобы цифры и подписи были друг под другом */
.payout-block .bottom-payouts-line .ct-text-block,
.payout-block .bottom-payouts-line-2 .ct-text-block {
    flex: 0 0 auto !important;
}

/* Текст "Sent in crypto or via Rise." */
.payout-block #text_block-5421-22 {
    font-size: 13.5px !important;
    color: #7A8AA0 !important;
    margin: 16px 0 0 0 !important;
}

/* === АДАПТИВ === */
@media (max-width: 600px) {
    .payout-block .bottom-payouts-line,
    .payout-block .bottom-payouts-line-2 {
        gap: 20px !important;
    }

    .payout-block .bottom-payouts-line .ct-text-block {
        font-size: 22px !important;
    }

    .payout-block .bottom-payouts-line-2 .ct-text-block {
        font-size: 10px !important;
    }
}


/*end payout-section*/

/*market-block*/
/* Перебиваем цвет для третьей колонки во всех строках */
.market-block .steps-cols > .ct-div-block:not(:first-child) .ct-new-columns > .ct-div-block:nth-child(3) .ct-text-block {
    color: #7A8AA0 !important;
}

/* Шапка таблицы — третья колонка */
.market-block .steps-cols > .ct-div-block:first-child .ct-new-columns > .ct-div-block:nth-child(3) .ct-text-block {
    color: #7A8AA0 !important;
}
@media (max-width: 600px) {
    .market-block .steps-cols > .ct-div-block:first-child .ct-new-columns > .ct-div-block:nth-child(3) .ct-text-block {
        color: #7A8AA0 !important;
    }
}
/*end market-block*/

/*add-ons-block*/
/* ============================================
   ADD-ONS AND LIMITS — 5 карточек (4 в ряд, 5-я переносится)
   ============================================ */

/* Контейнер с карточками */
.add-ons-block {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
}

/* Каждая карточка */
.add-ons-block > .ct-div-block {
    background: #0C111A !important;
    border: 1px solid #1E2836 !important;
    border-radius: 12px !important;
    padding: 20px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    flex: none !important;
}

/* 5-я карточка — переносится на следующую строку, занимает 25% */
.add-ons-block > .ct-div-block:nth-child(5) {
    grid-column: 1 / 2 !important;
}

/* Цифра/значение (18px, жирный) */
.add-ons-block > .ct-div-block > .ct-text-block:first-child {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 8px 0 !important;
    color: #F2F5F9 !important;
}

/* Заголовок карточки (15px, Space Grotesk) */
.add-ons-block > .ct-div-block > .ct-text-block:nth-child(2) {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    margin: 0 0 6px 0 !important;
    color: #B7C3D2 !important;
}

/* Описание (13px) */
.add-ons-block > .ct-div-block > .ct-text-block:nth-child(3) {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    color: #7A8AA0 !important;
}

/* === АДАПТИВ === */
@media (max-width: 992px) {
    .add-ons-block {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .add-ons-block > .ct-div-block:nth-child(5) {
        grid-column: 1 / 2 !important;
    }
}

@media (max-width: 480px) {
    .add-ons-block {
        grid-template-columns: 1fr !important;
    }
    .add-ons-block > .ct-div-block:nth-child(5) {
        grid-column: 1 / 2 !important;
    }
}
/*end add-ons-block*/

/*add-ons-block-2*/
/* ============================================
   ADD-ONS BLOCK 2 (три карточки)
   ============================================ */

/* Контейнер с карточками */
.add-ons-block-2 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    max-width: 1000px !important;
    width: 100% !important;
    margin: 0 !important;
    justify-content: flex-start !important;
}

/* Каждая карточка */
.add-ons-block-2 > .ct-div-block {
    border-radius: 12px !important;
    padding: 22px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    flex: none !important;
    position: relative !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* Первая карточка — Weekly Rewards */
.add-ons-block-2 > .ct-div-block:first-child {
    border: 1px solid #2A3646 !important;
    background: #141C28 !important;
}

/* Вторая карточка — 90/10 reward split */
.add-ons-block-2 > .ct-div-block:nth-child(2) {
    border: 1px solid #2A2010 !important;
    background: linear-gradient(rgba(42, 32, 16, 0.4), #141C28) !important;
}

/* Третья карточка — Retake discount */
.add-ons-block-2 > .ct-div-block:nth-child(3) {
    border: 1px solid #1E2836 !important;
    background: #0C111A !important;
}

/* Внутренний контейнер для заголовка + цены (flex строка) */
.add-ons-block-2 > .ct-div-block > .ct-div-block:first-child {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 10px 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Заголовок (слева) */
.add-ons-block-2 > .ct-div-block > .ct-div-block:first-child > .ct-text-block:first-child {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    letter-spacing: -0.01em !important;
    color: #F2F5F9 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Цена (справа) */
.add-ons-block-2 > .ct-div-block > .ct-div-block:first-child > .ct-text-block:nth-child(2) {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    flex-shrink: 0 !important;
}

/* Цвета для цен */
.add-ons-block-2 > .ct-div-block:first-child > .ct-div-block:first-child > .ct-text-block:nth-child(2) {
    color: #6E97FF !important;
}

.add-ons-block-2 > .ct-div-block:nth-child(2) > .ct-div-block:first-child > .ct-text-block:nth-child(2) {
    color: #EFC97A !important;
}

.add-ons-block-2 > .ct-div-block:nth-child(3) > .ct-div-block:first-child > .ct-text-block:nth-child(2) {
    color: #F2F5F9 !important;
}

/* Описание (под ними, 100%) */
.add-ons-block-2 > .ct-div-block > .ct-text-block:nth-child(2) {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #B7C3D2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}

/* === АДАПТИВ === */
@media (max-width: 992px) {
    .add-ons-block-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .add-ons-block-2 {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
    }
}
/*end add-ons-block-2*/

/*try-block*/
/* ============================================
   TRY BEFORE YOU BUY
   ============================================ */

.try-block {
    border: 1px solid #1E2836 !important;
    background: #0C111A !important;
    border-radius: 12px !important;
    padding: clamp(28px, 4vw, 44px) !important;
    display: block !important;
    width: 100% !important;
}

.try-block > .ct-div-block {
    display: grid !important;
    grid-template-columns: minmax(0px, 1fr) auto !important;
    gap: 24px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.try-block .ct-headline {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(22px, 2.6vw, 28px) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 10px 0 !important;
    color: #F2F5F9 !important;
}

.try-block .ct-text-block {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    color: #B7C3D2 !important;
    max-width: 62ch !important;
}

.try-block .second-btn {
    border: 1px solid #2A3646 !important;
    color: #B7C3D2 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 12px 26px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    transition: border-color 0.2s ease-out, color 0.2s ease-out !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    background: transparent !important;
}

.try-block .second-btn:hover {
    border-color: #6E97FF !important;
    color: #F2F5F9 !important;
}

/* === АДАПТИВ === */
@media (max-width: 768px) {
    .try-block > .ct-div-block {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .try-block .second-btn {
        white-space: normal !important;
        text-align: center !important;
        width: 100% !important;
    }
}
/*end try-block*/
/*community-block*/
/* ============================================
   COMMUNITY BLOCK
   ============================================ */

.community-block {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
}

.community-block > .ct-div-block {
    border: 1px solid #1E2836 !important;
    background: #0C111A !important;
    border-radius: 12px !important;
    padding: 27px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    flex: none !important;
}

/* Первая карточка — Community */
.community-block > .ct-div-block:first-child .sub-title {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #6E97FF !important;
    margin: 0 0 12px 0 !important;
}

/* Вторая карточка — Affiliate programme */
.community-block > .ct-div-block:nth-child(2) .sub-title-gold {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #EFC97A !important;
    margin: 0 0 12px 0 !important;
}

/* Заголовки h3 */
.community-block > .ct-div-block .ct-headline {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
    color: #F2F5F9 !important;
}

/* Описание */
.community-block > .ct-div-block .ct-text-block:not(.sub-title):not(.sub-title-gold) {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #B7C3D2 !important;
    margin: 0 0 20px 0 !important;
}

/* Контейнер для кнопок в первой карточке — flex строка */
.community-block > .ct-div-block:first-child > .ct-div-block:last-child {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* Кнопки */
.community-block .second-btn {
    border: 1px solid #2A3646 !important;
    color: #B7C3D2 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: border-color 0.2s ease-out, color 0.2s ease-out !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    background: transparent !important;
}

.community-block .second-btn:hover {
    border-color: #6E97FF !important;
    color: #F2F5F9 !important;
}

/* === АДАПТИВ === */
@media (max-width: 768px) {
    .community-block {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .community-block > .ct-div-block {
        padding: 24px !important;
    }
}
/*end community-block*/

/*rules-block*/
/* ============================================
   READ THE RULES FIRST (CTA)
   ============================================ */

.rules-block {
    border: 1px solid #1E2836 !important;
    border-radius: 12px !important;
    padding: clamp(32px, 5vw, 52px) !important;
    background: linear-gradient(#0E1B3D, #0C111A) !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.rules-block .ct-headline {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: clamp(26px, 3.2vw, 34px) !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 14px 0 !important;
    max-width: 15ch !important;
    color: #F2F5F9 !important;
}

.rules-block .ct-text-block {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin: 0 0 26px 0 !important;
    max-width: 56ch !important;
    color: #B7C3D2 !important;
}

/* Контейнер для кнопок — как в community-block */
.rules-block > .ct-div-block {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* View all rules — outline кнопка */
.rules-block .second-btn {
    border: 1px solid #2A3646 !important;
    color: #B7C3D2 !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    padding: 12px 26px !important;
    border-radius: 8px !important;
    transition: border-color 0.2s ease-out, color 0.2s ease-out !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    background: transparent !important;
}

.rules-block .second-btn:hover {
    border-color: #6E97FF !important;
    color: #F2F5F9 !important;
}

/* Start Challenge — синяя кнопка */
.rules-block .second-btn:last-child {
    background: #2A63F0 !important;
    color: #F2F5F9 !important;
    border-color: #2A63F0 !important;
}

.rules-block .second-btn:last-child:hover {
    background: #1E4BC4 !important;
    border-color: #1E4BC4 !important;
}

/* === АДАПТИВ === */
@media (max-width: 600px) {
    .rules-block > .ct-div-block {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .rules-block .second-btn {
        width: 100% !important;
        text-align: center !important;
    }
}
/*end rules-block*/
/*faq*/
/* ============================================
   FAQ BLOCK — сетка
   ============================================ */

.faq-block {
    display: grid !important;
    grid-template-columns: minmax(0px, 4fr) minmax(0px, 8fr) !important;
    gap: 48px !important;
    align-items: start !important;
    width: 100% !important;
}

.faq-block > .ct-div-block {
    width: 100% !important;
    min-width: 0 !important;
}

/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 920px) {
    .faq-block {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}

@media (max-width: 600px) {
    .faq-block {
        gap: 24px !important;
    }
}
/*end faq*/


/*footer*/
/* ============================================
   FOOTER — только стили (цвета, шрифты, бордеры)
   ============================================ */

.footer-block {
    border-top: 1px solid #1E2836 !important;
}

/* Логотип */
.footer-block .ct-image {
    height: 26px !important;
    width: auto !important;
    display: block !important;
}

/* Слоган "Clear rules · Real payouts" */
.footer-block #text_block-112-17 {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 0 !important;
}

/* Заголовки колонок (Programs, Company, Legal) */
.footer-block .menu-title-footer {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 0 0 12px 0 !important;
}

/* Ссылки в колонках */
.footer-block .footer-menu {
    font-size: 13.5px !important;
    color: #B7C3D2 !important;
    text-decoration: none !important;
    transition: color 0.2s ease-out !important;
}

.footer-block .footer-menu:hover {
    color: #F2F5F9 !important;
}

/* Дисклеймер */
.footer-block .footer-top {
    font-size: 12.5px !important;
    line-height: 1.7 !important;
    color: #7A8AA0 !important;
}

/* Линия перед дисклеймером */
.footer-block .footer-bottom {
    border-top: 1px solid #1E2836 !important;
    padding-top: 22px !important;
    margin-top: 0 !important;
    background: transparent !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* ============================================
   FOOTER TOP — сетка
   ============================================ */

/* ============================================
   FOOTER TOP — сетка (под вашу структуру)
   ============================================ */

.footer-top {
    display: grid !important;
    grid-template-columns: minmax(0px, 2fr) repeat(3, minmax(0px, 1fr)) !important;
    gap: 36px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-bottom: clamp(16px, 4vw, 64px) !important;
    width: 100% !important;
}

/* Первая колонка (логотип + слоган) */
.footer-top > .ct-div-block:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
}

.footer-top > .ct-div-block:first-child .ct-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.footer-top > .ct-div-block:first-child .ct-image {
    height: 26px !important;
    width: auto !important;
    display: block !important;
}

.footer-top > .ct-div-block:first-child #text_block-112-17 {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 0 !important;
}

/* Вторая, третья, четвертая колонки (меню) */
.footer-top > .ct-div-block:nth-child(2) {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    grid-column: 2 / 5 !important;
}

.footer-top > .ct-div-block:nth-child(2) > .ct-div-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
    align-items: flex-start !important;
    padding: 0 !important;
}

.footer-top > .ct-div-block:nth-child(2) .menu-title-footer {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7A8AA0 !important;
    margin: 0 0 12px 0 !important;
}

.footer-top > .ct-div-block:nth-child(2) .footer-menu {
    font-size: 13.5px !important;
    color: #B7C3D2 !important;
    text-decoration: none !important;
    transition: color 0.2s ease-out !important;
}

.footer-top > .ct-div-block:nth-child(2) .footer-menu:hover {
    color: #F2F5F9 !important;
}
@media (max-width: 1216px) {
    .footer-top, .footer-bottom {
    padding-right: 16px !important;
    padding-left: 16px !important;
    }
}
/* === МОБИЛЬНАЯ ВЕРСИЯ === */
@media (max-width: 768px) {
    .footer-top {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    .footer-top > .ct-div-block:nth-child(2) {
        grid-template-columns: 1fr 1fr !important;
        grid-column: 1 !important;
        gap: 24px !important;
    }
}

@media (max-width: 480px) {
    .footer-top {
        gap: 24px !important;
        padding: 32px 16px !important;
    }

    .footer-top > .ct-div-block:nth-child(2) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}
/*end footer*/

/*cookies*/
/* ============================================
   COOKIE CONSENT — CookieYes плагин
   ============================================ */

/* Основной контейнер куки */
.cky-consent-container {
    position: fixed !important;
    left: 50% !important;
    bottom: 20px !important;
    transform: translateX(-50%) !important;
    z-index: 60 !important;
    width: min(560px, calc(100vw - 32px)) !important;
    max-width: 100% !important;
}

.cky-consent-bar {
    background: #141C28 !important;
    border: 1px solid #2A3646 !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    box-shadow: none !important;
}

.cky-notice {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

.cky-title {
    display: none !important;
}

.cky-notice-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
}

.cky-notice-des {
    flex: 1 1 260px !important;
    color: #B7C3D2 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    padding: 0 !important;
}

.cky-notice-des p {
    color: #B7C3D2 !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

.cky-notice-btn-wrapper {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Кнопки */
.cky-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background 0.2s ease-out, border-color 0.2s ease-out !important;
    font-family: inherit !important;
    text-transform: none !important;
    min-height: auto !important;
    flex: none !important;
    margin: 0 !important;
}

/* Accept — синяя кнопка */
.cky-btn-accept {
    background: #2A63F0 !important;
    color: #F2F5F9 !important;
    border: none !important;
}

.cky-btn-accept:hover {
    background: #1E4BC4 !important;
}

/* Reject — outline */
.cky-btn-reject {
    background: transparent !important;
    color: #B7C3D2 !important;
    border: 1px solid #2A3646 !important;
}

.cky-btn-reject:hover {
    border-color: #6E97FF !important;
    color: #F2F5F9 !important;
}

/* Customise — скрываем */
.cky-btn-customize {
    display: none !important;
}

/* ============================================
   МОДАЛКА CUSTOMISE (на весь экран на мобиле)
   ============================================ */

.cky-modal {
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;
}

.cky-preference-center {
    background: #0C111A !important;
    border-color: #1E2836 !important;
    border-radius: 12px !important;
    max-height: 80vh !important;
    overflow: hidden !important;
    width: 90% !important;
    max-width: 600px !important;
}

/* Заголовок модалки */
.cky-preference-header {
    background: #141C28 !important;
    border-bottom: 1px solid #1E2836 !important;
    padding: 16px 24px !important;
}

.cky-preference-title {
    color: #F2F5F9 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.cky-btn-close {
    background: transparent !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.6 !important;
}

.cky-btn-close:hover {
    opacity: 1 !important;
}

/* Тело модалки */
.cky-preference-body-wrapper {
    padding: 16px 24px !important;
    background: #0C111A !important;
}

.cky-preference-content-wrapper {
    color: #B7C3D2 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    border-bottom: 1px solid #1E2836 !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

.cky-preference-content-wrapper p {
    color: #B7C3D2 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.cky-show-desc-btn {
    color: #6E97FF !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
    cursor: pointer !important;
}

.cky-show-desc-btn:hover {
    color: #9BB7FF !important;
}

/* Аккордеон категорий */
.cky-accordion {
    border-bottom: 1px solid #1E2836 !important;
}

.cky-accordion:last-child {
    border-bottom: none !important;
}

.cky-accordion-header {
    padding: 10px 0 !important;
}

.cky-accordion-btn {
    color: #F2F5F9 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

.cky-accordion-header-des {
    color: #7A8AA0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.cky-always-active {
    color: #16B26A !important;
    font-size: 12px !important;
}

/* Чекбоксы (переключатели) */
.cky-switch input[type="checkbox"] {
    background: #2A3646 !important;
    border-radius: 20px !important;
}

.cky-switch input[type="checkbox"]:checked {
    background: #2A63F0 !important;
}

.cky-switch input[type="checkbox"]:before {
    background: #F2F5F9 !important;
}

/* Футер модалки */
.cky-footer-wrapper {
    background: #141C28 !important;
    border-top: 1px solid #1E2836 !important;
    padding: 16px 24px !important;
}

.cky-footer-shadow {
    display: none !important;
}

.cky-prefrence-btn-wrapper {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.cky-prefrence-btn-wrapper .cky-btn {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    flex: 1 !important;
    min-width: 120px !important;
}

/* Кнопки в модалке */
.cky-btn-preferences {
    background: #2A63F0 !important;
    color: #F2F5F9 !important;
    border: none !important;
}

.cky-btn-preferences:hover {
    background: #1E4BC4 !important;
}

.cky-btn-reject {
    background: transparent !important;
    color: #B7C3D2 !important;
    border: 1px solid #2A3646 !important;
}

.cky-btn-reject:hover {
    border-color: #6E97FF !important;
    color: #F2F5F9 !important;
}

.cky-btn-accept {
    background: #2A63F0 !important;
    color: #F2F5F9 !important;
    border: none !important;
}

.cky-btn-accept:hover {
    background: #1E4BC4 !important;
}

/* === АДАПТИВ === */
@media (max-width: 600px) {
    .cky-consent-container {
        bottom: 10px !important;
        width: calc(100vw - 20px) !important;
    }

    .cky-consent-bar {
        padding: 14px 16px !important;
    }

    .cky-notice-group {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .cky-notice-btn-wrapper {
        width: 100% !important;
        justify-content: center !important;
    }

    .cky-btn {
        flex: 1 !important;
        text-align: center !important;
        padding: 10px 16px !important;
        font-size: 13px !important;
    }

    /* Модалка на весь экран */
    .cky-modal {
        background: rgba(0, 0, 0, 0.8) !important;
        backdrop-filter: blur(8px) !important;
        top: 0 !important;
        left: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        border-radius: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    .cky-preference-center {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 92vh !important;
        border-radius: 16px 16px 0 0 !important;
        margin-top: auto !important;
        background: #0C111A !important;
    }

    .cky-preference-body-wrapper {
        padding: 12px 16px !important;
        max-height: 55vh !important;
        overflow-y: auto !important;
    }

    .cky-prefrence-btn-wrapper {
        flex-direction: column !important;
        padding: 12px 16px !important;
        gap: 8px !important;
    }

    .cky-prefrence-btn-wrapper .cky-btn {
        flex: none !important;
        width: 100% !important;
        font-size: 14px !important;
        padding: 12px 16px !important;
    }

    .cky-footer-wrapper {
        padding: 0 !important;
        background: #0C111A !important;
    }

    .cky-footer-shadow {
        display: none !important;
    }
    .cky-notice-des {
        max-height: 51px !important;
    }
}
@media (max-width: 440px) {
    .cky-notice-des {
        max-height: 72px !important;
    }
    
}

    
/*end cookies*/


/*Беграунд, фонарик, график на херо*/
/* ============================================
   ФОНОВЫЕ АНИМАЦИИ (из дизайна)
   ============================================ */

/* 1. Сетка с панорамированием */
@keyframes tf-grid-pan {
    from { background-position: 0 0, 0 0; }
    to { background-position: 0 56px, 56px 0; }
}

/* 2. Блик (sheen) */
@keyframes tf-sheen {
    0% { transform: translateX(-30%) skewX(-12deg); }
    100% { transform: translateX(160%) skewX(-12deg); }
}

/* 3. Плавающие точки */
@keyframes tf-float {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(-46px); opacity: 0.15; }
}

/* 4. Движение градиентных кругов */
@keyframes tf-drift1 {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(-90px, 70px); }
}
@keyframes tf-drift2 {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(110px, -60px); }
}

/* 5. Анимация входа */
@keyframes tf-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

/* 6. Пульсация круга на графике */
@keyframes tf-pulse {
    0%, 100% { opacity: 0.95; }
    50% { opacity: 0.35; }
}

/* 7. Движение волн (SVG) */
@keyframes tf-slide {
    from { transform: translateX(0); }
    to { transform: translateX(-960px); }
}
@keyframes tf-slide-r {
    from { transform: translateX(-960px); }
    to { transform: translateX(0); }
}
@keyframes tf-dash {
    from { stroke-dashoffset: 0; }
    to { stroke-dashoffset: -220; }
}
@keyframes tf-blink {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.08; }
}

/* 8. Фоновый блок (фиксированный, всегда сзади) */
.tf-background {
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

/* 9. Сетка поверх фона */
.tf-background-grid {
    position: absolute !important;
    inset: 0 !important;
    background-image: 
        linear-gradient(rgba(30, 40, 54, 0.35) 1px, transparent 1px),
        linear-gradient(90deg, rgba(30, 40, 54, 0.35) 1px, transparent 1px) !important;
    background-size: 56px 56px !important;
    mask-image: radial-gradient(1200px 800px at 50% 0%, black, transparent 85%) !important;
    animation: tf-grid-pan 24s linear infinite !important;
}

/* 10. Блик */
.tf-background-sheen {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 34% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(42, 99, 240, 0.05), transparent) !important;
    animation: tf-sheen 16s ease-in-out infinite !important;
}

/* 11. Свечение (tf-glow) — управляется через JS */
.tf-glow {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 420px !important;
    height: 420px !important;
    border-radius: 50% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    mix-blend-mode: screen !important;
    opacity: 0.35 !important;
    background: radial-gradient(closest-side, rgba(42, 99, 240, 0.4), transparent 70%) !important;
    transition: transform 0.15s ease-out !important;
    will-change: transform !important;
}

/* 12. Градиентные круги (tf-bg1, tf-bg2) */
.tf-bg-circle {
    border-radius: 50% !important;
    position: absolute !important;
    transition: transform 0.5s ease-out !important;
}
.tf-bg-circle-1 {
    width: 860px !important;
    height: 640px !important;
    top: -240px !important;
    right: -180px !important;
    background: radial-gradient(closest-side, rgba(14, 27, 61, 0.9), transparent 70%) !important;
    animation: tf-drift1 30s ease-in-out infinite !important;
}
.tf-bg-circle-2 {
    width: 760px !important;
    height: 600px !important;
    bottom: -260px !important;
    left: -200px !important;
    background: radial-gradient(closest-side, rgba(12, 17, 26, 0.95), transparent 70%) !important;
    animation: tf-drift2 36s ease-in-out infinite !important;
}


.z-index-div-block-1,.payout-section, .header-top,.hero-screen,.four-cols-pricing,.pricing-block,.limit-block,.steps-cols,.three-cols-graph,.inside-block,.payout-block,.payout-block-table,.bottom-payouts-line,.bottom-payouts-line-2,.payout-certificate-block,.market-block,.add-ons-block,.add-ons-block-2,.try-block,.community-block,.faq-block,.rules-block,.footer-top,.footer-bottom {position:relative!important;z-index:3!important}
/*end Беграунд, фонарик, график на херо*/




/* ============================================
   GUTENBERG BUTTON — стилизация под .tf-post-content
   ============================================ */
.tf-post-content .wp-block-button {
    margin: 24px 0;
}

.tf-post-content .wp-block-button .wp-block-button__link {
    display: inline-block;
    border: 1px solid #2A3646;
    background: transparent;
    color: #B7C3D2;
    font-family: inherit;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.4;
    padding: 12px 26px;
    border-radius: 8px;
    text-decoration: none;
    transition: border-color 0.2s ease-out, color 0.2s ease-out;
    box-shadow: none;
    cursor: pointer;
}

.tf-post-content .wp-block-button .wp-block-button__link:hover,
.tf-post-content .wp-block-button .wp-block-button__link:focus {
    border-color: #6E97FF;
    color: #F2F5F9;
    background: transparent;
}

/* Заполненный вариант (is-style-fill или без is-style-outline) */
.tf-post-content .wp-block-button.is-style-fill .wp-block-button__link {
    background: #2A63F0;
    border-color: #2A63F0;
    color: #F2F5F9;
}
.tf-post-content .wp-block-button.is-style-fill .wp-block-button__link:hover {
    background: #1E4BC4;
    border-color: #1E4BC4;
    color: #F2F5F9;
}


/* ============================================
   RULE CALLOUT (шорткод)
   ============================================ */
.tf-post-content .tf-block-rule,
.tf-block-rule {
    border: 1px solid #2A2010;
    background: linear-gradient(rgba(42, 32, 16, 0.5), rgba(12, 17, 26, 0.4));
    border-radius: 12px;
    padding: 20px 22px;
    margin: 24px 0;
}

.tf-post-content .tf-block-rule__label,
.tf-block-rule__label {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #EFC97A;
    margin: 0 0 8px;
}

.tf-post-content .tf-block-rule__text,
.tf-block-rule__text {
    font-family: 'Inter', sans-serif;
    font-size: 15.5px;
    line-height: 1.7;
    color: #F2F5F9;
    margin: 0;
}


/* ============================================
   GUTENBERG TABLE — стилизация под .tf-post-content
   ============================================ */
.tf-post-content .wp-block-table {
    margin: 24px 0;
    border: 1px solid #1E2836;
    border-radius: 10px;
    overflow: hidden;
}

.tf-post-content .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    background: transparent;
}

/* ===== THEAD (шапка) ===== */
.tf-post-content .wp-block-table thead {
    background: #0C111A;
}

.tf-post-content .wp-block-table thead th {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7A8AA0;
    font-weight: 400;
    background: #0C111A;
    border: none;
    border-bottom: 1px solid #1E2836;
    padding: 10px 16px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ===== TBODY (строки) ===== */
.tf-post-content .wp-block-table tbody tr {
    background: transparent;
}

.tf-post-content .wp-block-table tbody td {
    font-size: 14px;
    color: #B7C3D2;
    border: none;
    border-top: 1px solid #141C28;
    padding: 10px 16px;
    text-align: left;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Первая строка tbody (без thead) — как заголовок */
.tf-post-content .wp-block-table tbody tr:first-child td {
    border-top: none;
}

/* Убираем верхний бордер, если есть thead (первая строка tbody идёт сразу под ним) */
.tf-post-content .wp-block-table thead + tbody tr:first-child td,
.tf-post-content .wp-block-table thead ~ tbody tr:first-child td {
    border-top: 1px solid #141C28;
}

/* Убираем верхний бордер у самой первой строки */
.tf-post-content .wp-block-table tbody tr:first-child td {
    border-top: none;
}

/* Убираем нижний бордер у последней строки */
.tf-post-content .wp-block-table tbody tr:last-child td {
    border-bottom: none;
}

/* ===== Первая колонка — label-стиль ===== */
.tf-post-content .wp-block-table tbody td:first-child {
    color: #7A8AA0;
}

/* ===== Значения со 2-й колонки — моно-шрифт ===== */
.tf-post-content .wp-block-table tbody td:not(:first-child) {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: #F2F5F9;
}

.tf-post-content .wp-block-table thead {
    border-bottom: none;
}
.tf-post-content .wp-block-table tbody,
.tf-post-content .wp-block-table tbody tr,
.tf-post-content .wp-block-table tbody tr td {
    background: transparent;
}
/* ============================================
   МОБИЛЬНАЯ ВЕРСИЯ — таблица как карточки
   ============================================ */
@media (max-width: 600px) {
    .tf-post-content .wp-block-table {
        border: none;
        background: transparent;
        border-radius: 0;
        overflow: visible;
    }

    .tf-post-content .wp-block-table table,
    .tf-post-content .wp-block-table tbody,
    .tf-post-content .wp-block-table tr,
    .tf-post-content .wp-block-table td {
        display: block;
        width: 100%;
    }

    .tf-post-content .wp-block-table thead {
        display: none;
    }

    /* Каждая строка — карточка */
    .tf-post-content .wp-block-table tbody tr {
        border: 1px solid #1E2836;
        background: #0C111A;
        border-radius: 10px;
        padding: 12px 16px;
        margin-bottom: 12px;
    }
    .tf-post-content .wp-block-table tbody tr:last-child {
        margin-bottom: 0;
    }

    /* Каждая ячейка — блок */
    .tf-post-content .wp-block-table tbody td {
        border: none;
        border-top: none;
        padding: 4px 0;
        font-size: 14px;
        text-align: left;
    }

    /* Первая ячейка — label */
    .tf-post-content .wp-block-table tbody td:first-child {
        font-size: 13px;
        color: #7A8AA0;
        padding-top: 0;
        padding-bottom: 6px;
        border-bottom: 1px solid #141C28;
        margin-bottom: 6px;
    }
}