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

html {
    scroll-behavior: smooth;
}

body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    background: #07101f;
    color: #ffffff;
}

.hero {
    position: relative;
    min-height: 100vh;
    min-height: 800px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(4, 10, 22, .92) 0%,
            rgba(5, 12, 25, .76) 32%,
            rgba(5, 12, 25, .30) 61%,
            rgba(5, 12, 25, .12) 100%
        ),
        url("/assets/hero-mountain.webp") center center / cover no-repeat;
}

.hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(3, 8, 18, .58) 0%,
            transparent 22%,
            transparent 70%,
            rgba(3, 8, 18, .62) 100%
        );
}

.header {
    position: relative;
    z-index: 10;
    width: min(1500px, calc(100% - 96px));
    height: 104px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 250px 1fr 190px;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.logo {
    display: flex;
    align-items: center;
    width: 190px;
}

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

.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 2.1vw, 38px);
}

.nav a {
    color: rgba(255,255,255,.76);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: color .2s ease;
}

.nav a:hover {
    color: #ffffff;
}

.header-cta {
    justify-self: end;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 999px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,.06);
}

.hero-content {
    position: relative;
    z-index: 3;
    width: min(1500px, calc(100% - 96px));
    min-height: calc(100vh - 104px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 760px) 1fr;
    align-items: center;
    padding: 70px 0 130px;
}

.hero-copy {
    max-width: 760px;
}

.eyebrow {
    margin-bottom: 26px;
    color: #8eb8ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
}

h1 {
    max-width: 760px;
    font-size: clamp(64px, 6.1vw, 106px);
    line-height: .94;
    letter-spacing: -.055em;
    font-weight: 650;
}

h1 span {
    display: block;
    width: fit-content;
    color: transparent;
    background: linear-gradient(90deg, #3e9cff 0%, #7c6cff 52%, #b469ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hero-manifesto {
    margin-top: 34px;
    font-size: clamp(20px, 1.55vw, 27px);
    line-height: 1.3;
    font-weight: 500;
    letter-spacing: -.02em;
}

.hero-description {
    max-width: 650px;
    margin-top: 22px;
    color: rgba(255,255,255,.70);
    font-size: 17px;
    line-height: 1.65;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 38px;
}

.button {
    min-height: 54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 28px;
    border-radius: 999px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 650;
    transition: transform .2s ease, background .2s ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button-primary {
    color: #ffffff;
    background: linear-gradient(100deg, #287cf7 0%, #655cf5 55%, #8b50ed 100%);
    box-shadow: 0 12px 40px rgba(67, 91, 245, .25);
}

.button-secondary {
    color: #ffffff;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(8, 16, 31, .22);
    backdrop-filter: blur(12px);
}

.hero-side {
    justify-self: end;
    align-self: center;
    width: 245px;
    margin-top: 140px;
    text-align: right;
}

.hero-side-label {
    color: rgba(255,255,255,.56);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
}

.hero-side-line {
    width: 72px;
    height: 1px;
    margin: 15px 0 15px auto;
    background: linear-gradient(90deg, transparent, #7da9ff);
}

.hero-side-text {
    color: rgba(255,255,255,.9);
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
    letter-spacing: .08em;
}

.scroll-hint {
    position: absolute;
    z-index: 5;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255,255,255,.42);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .18em;
}

.scroll-hint span {
    width: 28px;
    height: 1px;
    background: rgba(255,255,255,.36);
}

@media (max-width: 1100px) {
    .header {
        width: calc(100% - 48px);
        grid-template-columns: 190px 1fr;
    }

    .nav {
        display: none;
    }

    .header-cta {
        grid-column: 2;
        grid-row: 1;
    }

    .hero-content {
        width: calc(100% - 48px);
        grid-template-columns: 1fr;
    }

    .hero-side {
        display: none;
    }
}

@media (max-width: 640px) {
    .hero {
        min-height: 760px;
        background-position: 62% center;
    }

    .header {
        width: calc(100% - 32px);
        height: 82px;
        grid-template-columns: 150px 1fr;
    }

    .logo {
        width: 145px;
    }

    .header-cta {
        min-height: 40px;
        padding: 0 15px;
        font-size: 12px;
    }

    .hero-content {
        width: calc(100% - 32px);
        min-height: calc(100vh - 82px);
        padding: 70px 0 100px;
        align-items: center;
    }

    h1 {
        font-size: clamp(52px, 15vw, 72px);
    }

    .hero-description {
        font-size: 15px;
    }

    .hero-actions {
        align-items: stretch;
        flex-direction: column;
        max-width: 360px;
    }

    .button {
        text-align: center;
    }
}


/* =========================================================
   VEDOMO TYPOGRAPHY v2
   ========================================================= */

@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter Display";
    src: url("/assets/fonts/InterDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter Display";
    src: url("/assets/fonts/InterDisplay-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* Базовая типографика */

body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Навигация */

.nav a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: rgba(255,255,255,.78);
}

.header-cta {
    font-size: 14px;
    font-weight: 500;
}

/* Надзаголовок */

.eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .20em;
}

/* Главный заголовок */

h1 {
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(62px, 5.55vw, 96px);
    line-height: .97;
    letter-spacing: -.052em;
    font-weight: 600;
}

/* Данные. Понимание. Решения. */

.hero-manifesto {
    margin-top: 32px;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(20px, 1.4vw, 25px);
    line-height: 1.32;
    font-weight: 500;
    letter-spacing: -.025em;
}

/* Основное описание */

.hero-description {
    max-width: 660px;
    margin-top: 20px;
    color: rgba(255,255,255,.78);
    font-size: 16px;
    line-height: 1.68;
    font-weight: 400;
    letter-spacing: -.006em;
}

/* Кнопки */

.button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
}

/* Правый микро-блок */

.hero-side-label {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .18em;
    text-shadow: 0 1px 12px rgba(0,0,0,.45);
}

.hero-side-text {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: .09em;
    text-shadow: 0 1px 14px rgba(0,0,0,.55);
}


/* =========================================================
   VEDOMO HERO — FINAL POLISH v3
   ========================================================= */

/* Навигация — чуть крупнее и спокойнее */
.nav a {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.012em;
}

.header-cta {
    min-height: 48px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 500;
}

/* Чуть больше воздуха внутри основной композиции */
.hero-copy {
    max-width: 740px;
}

.eyebrow {
    margin-bottom: 30px;
}

/* H1 оставляем главным визуальным акцентом */
h1 {
    font-size: clamp(62px, 5.55vw, 96px);
    line-height: .97;
    font-weight: 600;
    letter-spacing: -.052em;
}

/* Второй уровень — спокойнее H1 */
.hero-manifesto {
    margin-top: 38px;
    font-size: clamp(19px, 1.3vw, 22px);
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: -.022em;
}

/* Основной текст — легче, короче строка, больше воздуха */
.hero-description {
    max-width: 610px;
    margin-top: 24px;
    color: rgba(255,255,255,.80);
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    letter-spacing: -.008em;
}

/* Кнопки */
.hero-actions {
    gap: 16px;
    margin-top: 40px;
}

.button {
    min-height: 56px;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.012em;
}

/* Вторичная кнопка чуть деликатнее */
.button-secondary {
    border-color: rgba(255,255,255,.30);
    background: rgba(5,12,25,.18);
}

/* Правый блок не должен конкурировать с H1 */
.hero-side {
    width: 255px;
}

.hero-side-label {
    color: rgba(255,255,255,.48);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .19em;
}

.hero-side-line {
    width: 92px;
    margin-top: 17px;
    margin-bottom: 17px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(137,174,255,.80)
    );
}

.hero-side-text {
    color: rgba(255,255,255,.84);
    font-size: 12px;
    line-height: 1.65;
    font-weight: 500;
    letter-spacing: .085em;
}

/* Нижняя подсказка остаётся деликатной, но читаемой */
.scroll-hint {
    bottom: 30px;
    color: rgba(255,255,255,.56);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .17em;
}

.scroll-hint span {
    width: 34px;
    background: rgba(255,255,255,.48);
}


/* =========================================================
   SECTION 02 — PROBLEM
   ========================================================= */

.problem {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 48%, rgba(83,111,255,.075), transparent 30%),
        #f6f8fc;
    color: #0a1425;
}

.problem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1500px, calc(100% - 96px));
    height: 1px;
    transform: translateX(-50%);
    background: rgba(10,20,37,.08);
}

.problem-inner {
    position: relative;
    width: min(1500px, calc(100% - 96px));
    min-height: 850px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 760px) 1fr;
    gap: 70px;
    align-items: center;
    padding: 120px 0;
}

.problem-copy {
    position: relative;
    z-index: 2;
}

.section-eyebrow {
    margin-bottom: 30px;
    color: #4777e9;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .20em;
}

.problem h2 {
    max-width: 780px;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(46px, 4vw, 70px);
    line-height: 1.05;
    letter-spacing: -.052em;
    font-weight: 500;
    color: #0a1425;
}

.problem h2 span {
    color: #667085;
}

.data-stream {
    max-width: 680px;
    margin-top: 46px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px 14px;
    color: #536071;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

.data-stream i {
    width: 3px;
    height: 3px;
    flex: 0 0 3px;
    border-radius: 50%;
    background: #8c9bad;
}

.problem-conclusion {
    max-width: 610px;
    margin-top: 50px;
    padding-top: 28px;
    border-top: 1px solid rgba(10,20,37,.11);
    color: #647083;
    font-size: 18px;
    line-height: 1.65;
    font-weight: 400;
}

.problem-conclusion strong {
    display: block;
    margin-top: 6px;
    color: #111d30;
    font-weight: 500;
}


/* DATA VISUAL */

.data-visual {
    position: relative;
    justify-self: end;
    width: min(100%, 620px);
    height: 570px;
}

.data-visual::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 390px;
    height: 390px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(78,112,255,.12) 0%,
        rgba(111,81,255,.045) 43%,
        transparent 70%
    );
    filter: blur(4px);
}

.visual-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(64,87,130,.10);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.orbit-one {
    width: 390px;
    height: 390px;
}

.orbit-two {
    width: 520px;
    height: 520px;
    border-style: dashed;
    border-color: rgba(64,87,130,.08);
}

.visual-center {
    position: absolute;
    z-index: 4;
    left: 50%;
    top: 50%;
    width: 116px;
    height: 116px;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(75,101,161,.15);
    border-radius: 50%;
    background: rgba(255,255,255,.76);
    box-shadow:
        0 25px 70px rgba(35,55,95,.10),
        inset 0 0 0 7px rgba(255,255,255,.42);
    backdrop-filter: blur(14px);
}

.visual-center span {
    color: #8290a4;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .16em;
}

.visual-center strong {
    margin-top: 3px;
    font-family: "Inter Display", "Inter", sans-serif;
    color: #345eea;
    font-size: 37px;
    line-height: 1;
    font-weight: 500;
}

.data-card {
    position: absolute;
    z-index: 3;
    padding: 18px 19px;
    border: 1px solid rgba(50,70,105,.10);
    border-radius: 17px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 20px 60px rgba(33,50,82,.08);
    backdrop-filter: blur(18px);
}

.card-top {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #4c596c;
    font-size: 12px;
    font-weight: 500;
}

.card-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2d8cff, #8058f4);
    box-shadow: 0 0 0 4px rgba(72,105,245,.08);
}

.card-sales {
    top: 44px;
    left: 56px;
    width: 215px;
    height: 125px;
    transform: rotate(-2deg);
}

.card-commission {
    top: 70px;
    right: 14px;
    width: 190px;
    height: 112px;
    transform: rotate(2.5deg);
}

.card-ad {
    top: 230px;
    right: 0;
    width: 205px;
    height: 116px;
    transform: rotate(-1deg);
}

.card-logistics {
    bottom: 45px;
    right: 70px;
    width: 210px;
    height: 116px;
    transform: rotate(2deg);
}

.card-stock {
    bottom: 75px;
    left: 18px;
    width: 195px;
    height: 120px;
    transform: rotate(-2.5deg);
}

.fake-chart {
    height: 57px;
    margin-top: 18px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.fake-chart i {
    display: block;
    flex: 1;
    border-radius: 4px 4px 1px 1px;
    background: linear-gradient(180deg, rgba(74,105,239,.62), rgba(74,105,239,.10));
}

.fake-chart i:nth-child(1) { height: 31%; }
.fake-chart i:nth-child(2) { height: 47%; }
.fake-chart i:nth-child(3) { height: 40%; }
.fake-chart i:nth-child(4) { height: 67%; }
.fake-chart i:nth-child(5) { height: 55%; }
.fake-chart i:nth-child(6) { height: 88%; }

.metric-lines {
    margin-top: 20px;
}

.metric-lines i {
    display: block;
    height: 5px;
    margin-top: 9px;
    border-radius: 999px;
    background: #e5eaf2;
}

.metric-lines i:nth-child(1) { width: 88%; }
.metric-lines i:nth-child(2) { width: 63%; }
.metric-lines i:nth-child(3) {
    width: 74%;
    background: linear-gradient(90deg, #d9e3ff, #ece5ff);
}

.mini-wave {
    position: relative;
    height: 50px;
    margin-top: 16px;
    overflow: hidden;
}

.mini-wave::before,
.mini-wave::after {
    content: "";
    position: absolute;
    left: -10%;
    width: 120%;
    height: 38px;
    border-top: 2px solid rgba(83,103,226,.35);
    border-radius: 50%;
}

.mini-wave::before {
    top: 19px;
    transform: rotate(-6deg);
}

.mini-wave::after {
    top: 28px;
    border-color: rgba(145,86,235,.20);
    transform: rotate(5deg);
}

.route-line {
    position: relative;
    height: 45px;
    margin-top: 19px;
}

.route-line::before {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    top: 20px;
    height: 1px;
    background: linear-gradient(90deg, #b8c7e9, #6e8ff0, #c7b9eb);
}

.route-line i {
    position: absolute;
    top: 16px;
    width: 9px;
    height: 9px;
    border: 2px solid #6688e8;
    border-radius: 50%;
    background: #fff;
}

.route-line i:nth-child(1) { left: 5px; }
.route-line i:nth-child(2) { left: 50%; transform: translateX(-50%); }
.route-line i:nth-child(3) { right: 5px; }

.stock-bars {
    height: 48px;
    margin-top: 18px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.stock-bars i {
    display: block;
    height: 6px;
    border-radius: 999px;
    background: #e4e9f2;
}

.stock-bars i:nth-child(1) { width: 42px; background: #7895eb; }
.stock-bars i:nth-child(2) { width: 26px; }
.stock-bars i:nth-child(3) { width: 48px; background: #b7a5eb; }
.stock-bars i:nth-child(4) { width: 23px; }


@media (max-width: 1100px) {
    .problem-inner {
        width: calc(100% - 48px);
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 100px 0;
    }

    .data-visual {
        justify-self: center;
        width: min(100%, 620px);
    }
}

@media (max-width: 640px) {
    .problem-inner {
        width: calc(100% - 32px);
        padding: 80px 0;
        gap: 60px;
    }

    .problem h2 {
        font-size: 42px;
    }

    .data-stream {
        margin-top: 32px;
        gap: 9px 11px;
    }

    .problem-conclusion {
        margin-top: 36px;
        font-size: 16px;
    }

    .data-visual {
        height: 480px;
        transform: scale(.88);
        transform-origin: center top;
    }
}


/* =========================================================
   SECTION 02 — FINAL POLISH v2
   ========================================================= */

/* Чуть меньше лишнего воздуха сверху */
.problem-inner {
    padding-top: 90px;
    padding-bottom: 120px;
}

/* Вторая часть заголовка — контрастнее */
.problem h2 span {
    color: #586579;
}

/* Финальная мысль — более выраженная, но без тяжёлого bold */
.problem-conclusion {
    color: #647083;
    font-size: 18px;
    line-height: 1.68;
}

.problem-conclusion strong {
    display: block;
    margin-top: 8px;
    color: #142033;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -.018em;
}

/* Карточки становятся чуть более материальными */
.data-card {
    border-color: rgba(47,68,105,.15);
    background: rgba(255,255,255,.86);
    box-shadow:
        0 22px 55px rgba(33,50,82,.10),
        0 2px 8px rgba(33,50,82,.025);
}

/* Названия источников данных */
.card-top {
    color: #3f4c60;
    font-weight: 500;
}

/* Чуть яснее визуальные данные */
.fake-chart i {
    background: linear-gradient(
        180deg,
        rgba(74,105,239,.78),
        rgba(74,105,239,.16)
    );
}

.metric-lines i {
    background: #dbe2ed;
}

.metric-lines i:nth-child(3) {
    background: linear-gradient(90deg, #cbd9ff, #dfd2ff);
}

.mini-wave::before {
    border-color: rgba(72,96,225,.52);
}

.mini-wave::after {
    border-color: rgba(137,78,229,.32);
}

.route-line::before {
    background: linear-gradient(
        90deg,
        #aebfe7,
        #5e82ed,
        #b6a5e5
    );
}

.stock-bars i {
    background: #d9e0eb;
}

.stock-bars i:nth-child(1) {
    background: #6484e9;
}

.stock-bars i:nth-child(3) {
    background: #a994e5;
}

/* Центральный вопрос остаётся главным */
.visual-center {
    background: rgba(255,255,255,.90);
    border-color: rgba(65,91,153,.18);
    box-shadow:
        0 28px 75px rgba(48,70,120,.13),
        inset 0 0 0 7px rgba(255,255,255,.50);
}

.visual-center span {
    color: #74839a;
}

.visual-center strong {
    color: #315fe8;
}

/* Орбиты остаются фоновыми */
.orbit-one {
    border-color: rgba(64,87,130,.11);
}

.orbit-two {
    border-color: rgba(64,87,130,.075);
}

@media (max-width: 1100px) {
    .problem-inner {
        padding-top: 90px;
        padding-bottom: 100px;
    }
}

@media (max-width: 640px) {
    .problem-inner {
        padding-top: 72px;
        padding-bottom: 80px;
    }

    .problem-conclusion strong {
        font-size: 18px;
    }
}


/* =========================================================
   SECTION 02 — TRANSFORMATION VISUAL v3
   Разрозненные данные → VEDOMO → понимание
   ========================================================= */

.transformation-visual {
    position: relative;
    justify-self: end;
    width: min(100%, 680px);
    height: 520px;
    display: grid;
    grid-template-columns: 300px 72px 285px;
    align-items: center;
}

/* Убираем элементы предыдущей круговой схемы */
.transformation-visual::before {
    display: none;
}


/* ---------------------------------------------------------
   SOURCE CLOUD
   --------------------------------------------------------- */

.source-cloud {
    position: relative;
    width: 300px;
    height: 400px;
    perspective: 900px;
}

.source-cloud::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 40px;
    width: 255px;
    height: 310px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(70,108,245,.15) 0%,
        rgba(116,92,242,.07) 42%,
        transparent 72%
    );
    filter: blur(16px);
}

.source-card {
    position: absolute;
    width: 165px;
    height: 112px;
    padding: 17px 16px;
    overflow: hidden;
    border: 1px solid rgba(70,92,140,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.67);
    box-shadow:
        0 18px 50px rgba(37,57,100,.09),
        inset 0 1px 0 rgba(255,255,255,.85);
    backdrop-filter: blur(14px);
    transform-style: preserve-3d;
}

.source-card strong {
    position: relative;
    display: inline-block;
    margin-left: 11px;
    color: #536075;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
}

.source-dot {
    position: absolute;
    top: 21px;
    left: 16px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #557cf1;
    box-shadow: 0 0 0 4px rgba(85,124,241,.08);
}

.source-lines {
    margin-top: 18px;
}

.source-lines i {
    display: block;
    height: 4px;
    margin-top: 8px;
    border-radius: 999px;
    background: rgba(105,126,166,.14);
}

.source-lines i:nth-child(1) {
    width: 86%;
}

.source-lines i:nth-child(2) {
    width: 63%;
}

.source-lines i:nth-child(3) {
    width: 74%;
    background: linear-gradient(
        90deg,
        rgba(77,112,238,.22),
        rgba(143,98,231,.16)
    );
}

.source-mini-chart {
    height: 45px;
    margin-top: 16px;
    display: flex;
    align-items: flex-end;
    gap: 6px;
}

.source-mini-chart i {
    display: block;
    width: 20px;
    border-radius: 3px 3px 1px 1px;
    background: linear-gradient(
        180deg,
        rgba(80,112,235,.56),
        rgba(80,112,235,.10)
    );
}

.source-mini-chart i:nth-child(1) { height: 30%; }
.source-mini-chart i:nth-child(2) { height: 48%; }
.source-mini-chart i:nth-child(3) { height: 67%; }
.source-mini-chart i:nth-child(4) { height: 88%; }

.source-route {
    position: relative;
    height: 38px;
    margin-top: 18px;
}

.source-route::before {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    top: 17px;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(93,127,232,.28),
        rgba(93,127,232,.68),
        rgba(147,104,221,.34)
    );
}

.source-route i {
    position: absolute;
    top: 13px;
    width: 8px;
    height: 8px;
    border: 2px solid rgba(91,124,228,.70);
    border-radius: 50%;
    background: #fff;
}

.source-route i:nth-child(1) { left: 2px; }
.source-route i:nth-child(2) {
    left: 50%;
    transform: translateX(-50%);
}
.source-route i:nth-child(3) { right: 2px; }


/* Намеренно разрозненная композиция */

.source-sales {
    z-index: 2;
    left: 10px;
    top: 34px;
    opacity: .70;
    transform: rotate(-4deg) translateZ(-20px);
}

.source-ad {
    z-index: 4;
    right: 3px;
    top: 3px;
    opacity: .84;
    transform: rotate(4deg) translateZ(12px);
}

.source-commission {
    z-index: 5;
    left: 2px;
    top: 147px;
    opacity: .91;
    transform: rotate(-2deg) translateZ(20px);
}

.source-stock {
    z-index: 3;
    right: 2px;
    top: 132px;
    opacity: .77;
    transform: rotate(3deg) translateZ(3px);
}

.source-logistics {
    z-index: 6;
    left: 66px;
    bottom: 15px;
    opacity: .95;
    transform: rotate(-1deg) translateZ(30px);
}


/* ---------------------------------------------------------
   TRANSFORMATION ARROW
   --------------------------------------------------------- */

.transform-arrow {
    position: relative;
    z-index: 7;
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transform-arrow span {
    position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(61,111,246,.13),
        transparent 70%
    );
}

.transform-arrow strong {
    position: relative;
    color: #3977ed;
    font-family: "Inter", sans-serif;
    font-size: 35px;
    line-height: 1;
    font-weight: 400;
}


/* ---------------------------------------------------------
   VEDOMO RESULT
   --------------------------------------------------------- */

.vedomo-result-card {
    position: relative;
    z-index: 8;
    width: 285px;
    min-height: 330px;
    padding: 32px 30px;
    border: 1px solid rgba(44,66,110,.13);
    border-radius: 22px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(248,250,255,.94)
        );
    box-shadow:
        0 32px 80px rgba(35,53,91,.13),
        0 6px 20px rgba(35,53,91,.04),
        inset 0 1px 0 rgba(255,255,255,1);
}

.vedomo-result-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -35px;
    border-radius: 50px;
    background: radial-gradient(
        circle at center,
        rgba(62,105,245,.11),
        rgba(122,85,239,.035) 46%,
        transparent 72%
    );
    filter: blur(12px);
}

.result-logo {
    width: 165px;
    height: 44px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/*
   Наш утверждённый логотип имеет белый wordmark для DARK Hero.
   На светлой карточке оставляем его на фирменной тёмной плашке,
   чтобы не перекрашивать и не подменять master-logo.
*/
.result-logo {
    width: 185px;
    height: 52px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #091426;
}

.result-logo img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.result-divider {
    width: 100%;
    height: 1px;
    margin: 27px 0 25px;
    background: linear-gradient(
        90deg,
        rgba(35,52,82,.11),
        rgba(35,52,82,.035)
    );
}

.result-list {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.result-list > div {
    display: grid;
    grid-template-columns: 22px 1fr;
    align-items: start;
    gap: 10px;
}

.result-list span {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #3974e8;
    background: rgba(57,116,232,.09);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.result-list p {
    padding-top: 1px;
    color: #253247;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1250px) {
    .transformation-visual {
        transform: scale(.90);
        transform-origin: right center;
    }
}

@media (max-width: 1100px) {
    .transformation-visual {
        justify-self: center;
        transform: none;
    }
}

@media (max-width: 720px) {
    .transformation-visual {
        width: 680px;
        max-width: none;
        transform: scale(.72);
        transform-origin: left top;
        margin-bottom: -120px;
    }
}

@media (max-width: 520px) {
    .transformation-visual {
        transform: scale(.54);
        margin-bottom: -210px;
    }
}


/* =========================================================
   SECTION 02 — REFERENCE VERSION v7
   ========================================================= */

.problem-reference {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 68% 48%,
            rgba(82,115,244,.065),
            transparent 29%
        ),
        #f7f9fd;
    color: #0a1425;
}

.problem-ref-inner {
    position: relative;
    width: min(1500px, calc(100% - 96px));
    min-height: 650px;
    margin: 0 auto;
    display: grid;
    grid-template-columns:
        minmax(390px, .95fr)
        minmax(330px, .78fr)
        80px
        minmax(315px, .67fr);
    align-items: center;
    gap: 20px;
    padding: 92px 0 96px;
}


/* ---------------------------------------------------------
   LEFT COPY
   --------------------------------------------------------- */

.problem-ref-copy {
    position: relative;
    z-index: 5;
    align-self: center;
}

.problem-ref-eyebrow {
    margin-bottom: 20px;
    color: #7b879b;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .19em;
}

.problem-reference .problem-ref-title {
    max-width: 540px;
    margin: 0;
    color: #0b1628;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(40px, 3.05vw, 56px);
    line-height: 1.07;
    letter-spacing: -.047em;
    font-weight: 600;
}

.problem-ref-text {
    max-width: 490px;
    margin-top: 34px;
    color: #657185;
    font-size: 17px;
    line-height: 1.62;
    font-weight: 400;
}

.problem-ref-text strong {
    display: block;
    margin-top: 7px;
    color: #18253a;
    font-weight: 500;
}


/* ---------------------------------------------------------
   SOURCE CARDS
   --------------------------------------------------------- */

.problem-ref-sources {
    position: relative;
    width: 360px;
    height: 365px;
    justify-self: center;
    perspective: 1100px;
}

.problem-ref-sources::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 310px;
    height: 300px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(72,111,244,.13) 0%,
        rgba(117,92,239,.055) 46%,
        transparent 72%
    );
    filter: blur(18px);
}

.ref-source {
    position: absolute;
    width: 150px;
    height: 184px;
    padding: 24px 18px;
    border: 1px solid rgba(74,98,150,.12);
    border-radius: 15px;
    background:
        linear-gradient(
            155deg,
            rgba(255,255,255,.79),
            rgba(243,247,255,.52)
        );
    box-shadow:
        0 25px 60px rgba(42,61,105,.075),
        inset 0 1px 0 rgba(255,255,255,.90);
    backdrop-filter: blur(13px);
}

.ref-source span {
    display: block;
    color: #4c5b71;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;
}

.ref-source i {
    display: block;
    height: 4px;
    margin-top: 16px;
    border-radius: 99px;
    background: rgba(91,116,167,.11);
}

.ref-source i:nth-of-type(1) {
    width: 78%;
}

.ref-source i:nth-of-type(2) {
    width: 52%;
    margin-top: 9px;
    background: linear-gradient(
        90deg,
        rgba(68,112,239,.18),
        rgba(137,91,231,.10)
    );
}


/* Глубина как в референсе */

.ref-source-back {
    z-index: 1;
    left: 113px;
    top: 8px;
    opacity: .44;
    transform:
        perspective(900px)
        rotateY(-7deg)
        translateZ(-45px);
}

.ref-source-sales {
    z-index: 3;
    left: 27px;
    top: 48px;
    opacity: .68;
    transform:
        perspective(900px)
        rotateY(8deg)
        rotateZ(-2deg);
}

.ref-source-stock {
    z-index: 4;
    right: 18px;
    top: 65px;
    opacity: .73;
    transform:
        perspective(900px)
        rotateY(-7deg)
        rotateZ(2deg);
}

.ref-source-commission {
    z-index: 5;
    left: 0;
    bottom: 18px;
    opacity: .84;
    transform:
        perspective(900px)
        rotateY(8deg)
        rotateZ(-2deg);
}

.ref-source-logistics {
    z-index: 6;
    right: 43px;
    bottom: 0;
    opacity: .93;
    transform:
        perspective(900px)
        rotateY(-5deg)
        rotateZ(1deg);
}


/* ---------------------------------------------------------
   ARROW
   --------------------------------------------------------- */

.problem-ref-arrow {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.problem-ref-arrow::before {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(55,116,239,.11),
        transparent 68%
    );
}

.problem-ref-arrow span {
    position: relative;
    color: #3177ee;
    font-family: "Inter", sans-serif;
    font-size: 38px;
    line-height: 1;
    font-weight: 400;
}


/* ---------------------------------------------------------
   VEDOMO RESULT CARD
   --------------------------------------------------------- */

.problem-ref-result {
    position: relative;
    z-index: 8;
    width: 100%;
    max-width: 330px;
    min-height: 360px;
    justify-self: end;
    padding: 38px 34px 36px;
    border: 1px solid rgba(47,69,111,.11);
    border-radius: 18px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(249,251,255,.97)
        );
    box-shadow:
        0 32px 80px rgba(36,55,94,.105),
        0 4px 15px rgba(36,55,94,.025),
        inset 0 1px 0 #fff;
}

.problem-ref-result::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -42px;
    border-radius: 70px;
    background: radial-gradient(
        circle,
        rgba(59,111,242,.10),
        rgba(115,81,238,.025) 52%,
        transparent 72%
    );
    filter: blur(15px);
}


/* ---------------------------------------------------------
   LIGHT VERSION OF BRAND
   --------------------------------------------------------- */

.ref-brand {
    display: flex;
    align-items: center;
    gap: 11px;
}

/*
   Берём только цветной знак из утверждённого master PNG.
   Исходный файл не меняем.
*/
.ref-brand-mark {
    width: 47px;
    height: 38px;
    overflow: hidden;
    flex: 0 0 47px;
}

.ref-brand-mark img {
    display: block;
    width: 172px;
    max-width: none;
    height: auto;
    transform: translate(-1px, -1px);
}

.ref-brand-name {
    color: #101c30;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .025em;
}

.ref-result-line {
    width: 100%;
    height: 1px;
    margin: 28px 0 27px;
    background: linear-gradient(
        90deg,
        rgba(36,55,89,.10),
        rgba(36,55,89,.025)
    );
}


/* ---------------------------------------------------------
   BENEFITS
   --------------------------------------------------------- */

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

.ref-benefit {
    display: grid;
    grid-template-columns: 22px 1fr;
    align-items: center;
    gap: 11px;
}

.ref-benefit span {
    width: 21px;
    height: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #3176e9;
    background: rgba(49,118,233,.085);
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}

.ref-benefit p {
    margin: 0;
    color: #2c394d;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1250px) {

    .problem-ref-inner {
        grid-template-columns:
            minmax(360px, 1fr)
            315px
            60px
            290px;
        gap: 12px;
    }

    .problem-ref-sources {
        transform: scale(.90);
        transform-origin: center;
    }
}

@media (max-width: 1050px) {

    .problem-ref-inner {
        width: calc(100% - 48px);
        grid-template-columns: 1fr 1fr;
        gap: 65px 30px;
        padding: 90px 0;
    }

    .problem-ref-copy {
        grid-column: 1 / -1;
    }

    .problem-ref-sources {
        justify-self: center;
    }

    .problem-ref-arrow {
        display: none;
    }

    .problem-ref-result {
        justify-self: center;
    }
}

@media (max-width: 700px) {

    .problem-ref-inner {
        width: calc(100% - 32px);
        display: block;
        padding: 75px 0;
    }

    .problem-reference .problem-ref-title {
        font-size: 42px;
    }

    .problem-ref-text {
        font-size: 16px;
    }

    .problem-ref-sources {
        margin: 60px auto 25px;
        transform: scale(.88);
    }

    .problem-ref-result {
        margin: 20px auto 0;
    }
}


/* =========================================================
   VEDOMO — PROBLEM SECTION FINAL
   Approved composition
   ========================================================= */

.problem-final {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            ellipse at 65% 51%,
            rgba(93,126,244,.07) 0%,
            rgba(93,126,244,.025) 31%,
            transparent 59%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f9fbff 100%
        );
}

.problem-final-inner {
    width: min(1540px, calc(100% - 110px));
    min-height: 650px;
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        minmax(430px, 1.05fr)
        minmax(370px, .82fr)
        80px
        minmax(350px, .78fr);

    gap: 24px;
    align-items: center;

    padding: 94px 0 100px;
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.problem-final-copy {
    position: relative;
    z-index: 10;
}

.problem-final-eyebrow {
    margin-bottom: 20px;

    color: #8491aa;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;

    letter-spacing: .19em;
}

.problem-final-copy h2 {
    max-width: 570px;

    margin: 0;

    color: #071426;

    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(42px, 3.1vw, 58px);
    line-height: 1.06;
    font-weight: 600;

    letter-spacing: -.048em;
}

.problem-final-message {
    max-width: 550px;

    margin-top: 38px;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    line-height: 1.62;
}

.problem-final-message p {
    margin: 0;

    color: #627089;

    font-weight: 400;
}

.problem-final-message strong {
    display: block;

    margin-top: 7px;

    color: #1b2c47;

    font-weight: 600;
}


/* =========================================================
   DATA CLOUD
   ========================================================= */

.problem-final-chaos {
    position: relative;

    justify-self: center;

    width: 390px;
    height: 390px;

    perspective: 1200px;
}

.problem-final-chaos::before {
    content: "";

    position: absolute;

    left: 50%;
    top: 50%;

    width: 340px;
    height: 340px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(67,111,245,.14) 0%,
            rgba(92,114,242,.075) 32%,
            rgba(131,97,239,.025) 57%,
            transparent 74%
        );

    filter: blur(18px);
}


/* Base card */

.chaos-card {
    position: absolute;

    box-sizing: border-box;

    overflow: hidden;

    border: 1px solid rgba(93,126,198,.11);
    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.72),
            rgba(239,245,255,.45)
        );

    box-shadow:
        0 24px 55px rgba(61,83,136,.065),
        inset 0 1px 0 rgba(255,255,255,.9);

    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
}

.chaos-card b {
    display: block;

    padding: 19px 18px 0;

    color: #33445f;

    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
}


/* Main vertical cards */

.chaos-ad {
    z-index: 1;

    width: 160px;
    height: 202px;

    left: 122px;
    top: 0;

    opacity: .45;

    transform:
        perspective(900px)
        rotateY(-5deg)
        translateZ(-40px);
}

.chaos-sales {
    z-index: 3;

    width: 164px;
    height: 205px;

    left: 34px;
    top: 53px;

    opacity: .68;

    transform:
        perspective(900px)
        rotateY(7deg)
        rotateZ(-1.5deg);
}

.chaos-stock {
    z-index: 4;

    width: 166px;
    height: 207px;

    right: 14px;
    top: 78px;

    opacity: .74;

    transform:
        perspective(900px)
        rotateY(-7deg)
        rotateZ(1.5deg);
}

.chaos-commission {
    z-index: 5;

    width: 165px;
    height: 205px;

    left: 0;
    bottom: 20px;

    opacity: .84;

    transform:
        perspective(900px)
        rotateY(8deg)
        rotateZ(-2deg);
}

.chaos-logistics {
    z-index: 6;

    width: 168px;
    height: 207px;

    right: 48px;
    bottom: 0;

    opacity: .91;

    transform:
        perspective(900px)
        rotateY(-5deg)
        rotateZ(1deg);
}


/* Small supporting cards */

.chaos-small-one,
.chaos-small-two {
    width: 108px;
    height: 76px;

    padding: 24px 17px;
}

.chaos-small-one {
    z-index: 7;

    left: 30px;
    bottom: 2px;

    opacity: .69;
}

.chaos-small-two {
    z-index: 7;

    right: 2px;
    bottom: 49px;

    opacity: .58;
}

.chaos-small-one span,
.chaos-small-two span {
    color: #3477ee;

    font-size: 20px;
    letter-spacing: 3px;
}


/* Fake analytics inside cards */

.chaos-bars {
    height: 72px;

    margin: 27px 17px 0;

    display: flex;
    align-items: flex-end;
    gap: 7px;
}

.chaos-bars i {
    display: block;

    flex: 1;

    border-radius: 3px 3px 1px 1px;

    background:
        linear-gradient(
            180deg,
            rgba(70,112,239,.34),
            rgba(70,112,239,.06)
        );
}

.chaos-bars i:nth-child(1) {
    height: 32%;
}

.chaos-bars i:nth-child(2) {
    height: 48%;
}

.chaos-bars i:nth-child(3) {
    height: 68%;
}

.chaos-bars i:nth-child(4) {
    height: 88%;
}


.chaos-lines {
    margin: 31px 17px 0;
}

.chaos-lines i {
    display: block;

    height: 4px;

    margin-bottom: 10px;

    border-radius: 99px;

    background: rgba(87,112,167,.13);
}

.chaos-lines i:nth-child(1) {
    width: 83%;
}

.chaos-lines i:nth-child(2) {
    width: 65%;
}

.chaos-lines i:nth-child(3) {
    width: 74%;

    background:
        linear-gradient(
            90deg,
            rgba(64,111,238,.23),
            rgba(133,91,232,.13)
        );
}


.chaos-line-chart {
    position: relative;

    height: 72px;

    margin: 24px 17px 0;
}

.chaos-line-chart::before,
.chaos-line-chart::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    height: 1px;

    transform-origin: left center;
}

.chaos-line-chart::before {
    top: 38px;

    background: rgba(65,111,239,.40);

    transform: rotate(-7deg);
}

.chaos-line-chart::after {
    top: 43px;

    background: rgba(137,90,230,.20);

    transform: rotate(4deg);
}


/* =========================================================
   ARROW
   ========================================================= */

.problem-final-arrow {
    position: relative;
    z-index: 20;

    justify-self: center;

    color: #1670ee;

    font-family: "Inter", sans-serif;
    font-size: 48px;
    line-height: 1;
    font-weight: 300;
}


/* =========================================================
   RESULT CARD
   ========================================================= */

.problem-final-result {
    position: relative;
    z-index: 15;

    width: 100%;
    max-width: 365px;
    min-height: 365px;

    justify-self: end;

    box-sizing: border-box;

    padding: 34px 38px 38px;

    border: 1px solid rgba(60,83,126,.08);
    border-radius: 21px;

    background: rgba(255,255,255,.94);

    box-shadow:
        0 30px 80px rgba(53,75,121,.085),
        0 5px 18px rgba(53,75,121,.025);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.problem-final-result::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: -45px;

    border-radius: 70px;

    background:
        radial-gradient(
            circle,
            rgba(62,111,244,.075),
            transparent 67%
        );

    filter: blur(15px);
}


/* =========================================================
   REAL LIGHT LOGO
   ========================================================= */

.problem-final-logo {
    width: 220px;
    height: 68px;

    display: flex;
    align-items: center;

    overflow: hidden;
}

.problem-final-logo img {
    display: block;

    width: 100%;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   BENEFITS — SIMPLE CHECKMARKS
   ========================================================= */

.problem-final-benefits {
    margin-top: 28px;

    display: flex;
    flex-direction: column;

    gap: 22px;
}

.problem-final-benefits > div {
    display: grid;

    grid-template-columns: 27px 1fr;

    gap: 13px;

    align-items: center;
}

.final-check {
    display: block;

    color: #1670ee;

    font-family: "Inter", sans-serif;
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
}

.problem-final-benefits p {
    margin: 0;

    color: #17263d;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
}


/* =========================================================
   DESKTOP TUNING
   ========================================================= */

@media (max-width: 1350px) {

    .problem-final-inner {
        width: calc(100% - 70px);

        grid-template-columns:
            minmax(390px, 1fr)
            350px
            65px
            330px;

        gap: 15px;
    }

    .problem-final-chaos {
        transform: scale(.92);
        transform-origin: center;
    }

    .problem-final-result {
        max-width: 330px;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1080px) {

    .problem-final-inner {
        width: calc(100% - 48px);

        grid-template-columns: 1fr 1fr;

        gap: 55px 35px;

        padding: 85px 0;
    }

    .problem-final-copy {
        grid-column: 1 / -1;
    }

    .problem-final-chaos {
        justify-self: center;
    }

    .problem-final-arrow {
        display: none;
    }

    .problem-final-result {
        justify-self: center;

        max-width: 360px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

    .problem-final-inner {
        width: calc(100% - 32px);

        display: block;

        min-height: 0;

        padding: 72px 0 78px;
    }

    .problem-final-copy h2 {
        font-size: 42px;
    }

    .problem-final-message {
        font-size: 16px;
    }

    .problem-final-chaos {
        margin: 55px auto 20px;

        transform: scale(.86);
        transform-origin: center;
    }

    .problem-final-result {
        margin: 15px auto 0;

        max-width: 365px;
    }
}

@media (max-width: 460px) {

    .problem-final-copy h2 {
        font-size: 36px;
    }

    .problem-final-chaos {
        width: 390px;

        margin-left: 50%;
        margin-bottom: -30px;

        transform:
            translateX(-50%)
            scale(.72);

        transform-origin: center;
    }

    .problem-final-logo {
        width: 195px;
    }
}



/* =========================================================
   VEDOMO HERO — PRODUCT POSITIONING 2026
   ========================================================= */

.hero {
    min-height: 860px;
}

.hero-content {
    grid-template-columns: minmax(0, 850px) 1fr;
    padding-top: 54px;
}

.hero-copy {
    max-width: 850px;
}

.eyebrow {
    max-width: 760px;
    margin-bottom: 25px;
    color: #91bcff;
}

.hero h1 {
    max-width: 850px;
    font-size: clamp(58px, 5.15vw, 90px);
    line-height: .98;
    letter-spacing: -.052em;
}

.hero h1 span {
    margin-top: 5px;
}

.hero-description {
    max-width: 720px;
    margin-top: 30px;
    color: rgba(255,255,255,.78);
    font-size: 18px;
    line-height: 1.62;
}

.hero-manifesto {
    margin-top: 27px;
    color: #ffffff;
    font-size: clamp(19px, 1.28vw, 23px);
}

.hero-proof {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px 12px;
    max-width: 760px;
    margin-top: 22px;
    color: rgba(255,255,255,.58);
    font-size: 13px;
    line-height: 1.5;
}

.hero-proof span {
    color: rgba(255,255,255,.88);
    font-weight: 600;
}

.hero-proof i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255,255,255,.34);
}

.hero-actions {
    margin-top: 34px;
}

.hero-side {
    width: 270px;
    margin-top: 150px;
}

.hero-side-text {
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: .07em;
}

.hero-side-note {
    margin-top: 17px;
    color: rgba(255,255,255,.52);
    font-size: 13px;
    line-height: 1.65;
}

@media (max-width: 1100px) {
    .hero-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .hero {
        min-height: 820px;
    }

    .hero-content {
        padding-top: 48px;
    }

    .eyebrow {
        max-width: 310px;
        font-size: 10px;
        line-height: 1.55;
    }

    .hero h1 {
        font-size: clamp(46px, 13vw, 66px);
        line-height: 1;
    }

    .hero-description {
        max-width: 520px;
        margin-top: 25px;
        font-size: 15px;
        line-height: 1.58;
    }

    .hero-manifesto {
        margin-top: 23px;
        font-size: 18px;
    }

    .hero-proof {
        display: block;
        margin-top: 17px;
        font-size: 12px;
        line-height: 1.65;
    }

    .hero-proof span {
        display: inline;
    }

    .hero-proof i {
        display: none;
    }

    .hero-actions {
        margin-top: 28px;
    }
}


/* =========================================================
   VEDOMO HERO — VISUAL POLISH v1
   ========================================================= */

.hero-content {
    grid-template-columns: minmax(0, 790px) 1fr;
}

.hero-copy {
    max-width: 790px;
}

.hero h1 {
    max-width: 790px;
    font-size: clamp(56px, 4.8vw, 84px);
}

.hero-description {
    max-width: 650px;
}

.hero-proof {
    margin-top: 20px;
    color: rgba(255,255,255,.66);
    font-size: 13.5px;
}

.hero-proof span {
    color: rgba(255,255,255,.94);
}

@media (max-width: 1100px) {
    .hero-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .hero h1 {
        font-size: clamp(44px, 12.5vw, 62px);
    }

    .hero-description {
        max-width: 100%;
    }

    .hero-proof {
        font-size: 12.5px;
    }
}


/* =========================================================
   VEDOMO — DELAY / COST OF LATE DECISIONS
   ========================================================= */

.delay-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            ellipse at 82% 12%,
            rgba(67,111,245,.08),
            transparent 42%
        ),
        #f7f9fc;
    color: #071426;
}

.delay-inner {
    width: min(1440px, calc(100% - 96px));
    margin: 0 auto;
    padding: 118px 0 112px;
}

.delay-head {
    max-width: 1040px;
}

.section-eyebrow {
    margin-bottom: 22px;
    color: #65758f;
    font-size: 11px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .20em;
}

.delay-head h2 {
    margin: 0;
    max-width: 1100px;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(44px, 4.25vw, 72px);
    line-height: 1.04;
    font-weight: 600;
    letter-spacing: -.05em;
}

.delay-head h2 span {
    display: block;
    margin-top: 7px;
    color: #6d788c;
}

.delay-head > p {
    max-width: 760px;
    margin-top: 34px;
    color: #5c697d;
    font-size: 18px;
    line-height: 1.7;
}

.delay-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 68px;
}

.delay-card {
    min-height: 310px;
    padding: 30px 28px 32px;
    border: 1px solid rgba(46,66,102,.09);
    border-radius: 20px;
    background: rgba(255,255,255,.78);
    box-shadow:
        0 22px 55px rgba(49,72,113,.045);
}

.delay-number {
    color: #8b98ac;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .16em;
}

.delay-card h3 {
    margin-top: 58px;
    color: #13233a;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 600;
    letter-spacing: -.025em;
}

.delay-card p {
    margin-top: 18px;
    color: #667388;
    font-size: 15px;
    line-height: 1.65;
}

.delay-card-accent {
    background:
        linear-gradient(
            145deg,
            rgba(27,95,232,.96),
            rgba(112,69,227,.95)
        );
    border-color: transparent;
}

.delay-card-accent .delay-number,
.delay-card-accent p {
    color: rgba(255,255,255,.72);
}

.delay-card-accent h3 {
    color: #ffffff;
}

.delay-bottom {
    max-width: 920px;
    margin-top: 58px;
    padding-top: 32px;
    border-top: 1px solid rgba(32,54,91,.12);
}

.delay-bottom strong {
    color: #1a2a43;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(22px, 1.8vw, 30px);
    line-height: 1.42;
    font-weight: 500;
    letter-spacing: -.02em;
}

@media (max-width: 1100px) {
    .delay-inner {
        width: calc(100% - 48px);
    }

    .delay-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .delay-inner {
        width: calc(100% - 32px);
        padding: 78px 0 76px;
    }

    .delay-head h2 {
        font-size: 40px;
    }

    .delay-head > p {
        margin-top: 26px;
        font-size: 16px;
    }

    .delay-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 46px;
    }

    .delay-card {
        min-height: 0;
    }

    .delay-card h3 {
        margin-top: 36px;
    }

    .delay-bottom {
        margin-top: 44px;
    }
}


/* =========================================================
   VEDOMO — DELAY VISUAL POLISH v1
   ========================================================= */

.delay-inner {
    padding: 92px 0 88px;
}

.delay-head h2 {
    max-width: 1060px;
    font-size: clamp(42px, 3.75vw, 64px);
}

.delay-head > p {
    max-width: 720px;
    margin-top: 28px;
    font-size: 17px;
}

.delay-grid {
    margin-top: 48px;
}

.delay-card {
    min-height: 270px;
    padding: 28px 26px 30px;
}

.delay-card h3 {
    margin-top: 42px;
    font-size: 21px;
}

.delay-card p {
    margin-top: 16px;
}

.delay-bottom {
    margin-top: 44px;
    padding-top: 28px;
}

.delay-bottom strong {
    font-size: clamp(21px, 1.65vw, 28px);
}

@media (max-width: 640px) {
    .delay-inner {
        padding: 70px 0 68px;
    }

    .delay-head h2 {
        font-size: 38px;
    }

    .delay-grid {
        margin-top: 38px;
    }

    .delay-card h3 {
        margin-top: 30px;
    }
}


/* =========================================================
   VEDOMO — ANALYTICAL BRAIN FINAL v1
   ========================================================= */

.brain-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    color: #ffffff;
    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(56,79,180,.20) 0%,
            rgba(38,46,104,.10) 30%,
            transparent 62%
        ),
        linear-gradient(
            180deg,
            #07101f 0%,
            #091426 52%,
            #07101f 100%
        );
}

.brain-section::before {
    content: "";
    position: absolute;
    z-index: -3;
    inset: 0;
    opacity: .20;
    background-image:
        linear-gradient(
            rgba(133,157,210,.07) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(133,157,210,.07) 1px,
            transparent 1px
        );
    background-size: 72px 72px;
    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 18%,
            black 82%,
            transparent
        );
}

.brain-section::after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 50%;
    bottom: -380px;
    width: 1500px;
    height: 720px;
    transform: translateX(-50%);
    border-radius: 50%;
    background:
        radial-gradient(
            ellipse,
            rgba(70,108,255,.13),
            rgba(105,67,225,.055) 35%,
            transparent 70%
        );
    filter: blur(34px);
}

.brain-atmosphere {
    position: absolute;
    z-index: -1;
    top: 41%;
    left: 51%;
    width: 780px;
    height: 780px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(75,110,255,.10),
            transparent 65%
        );
    filter: blur(14px);
    pointer-events: none;
}

.brain-inner {
    width: min(1480px, calc(100% - 96px));
    margin: 0 auto;
    padding: 112px 0 108px;
}

.brain-head {
    max-width: 960px;
}

.brain-eyebrow {
    color: #8eb4ff;
}

.brain-head h2 {
    margin: 0;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: clamp(46px, 4vw, 68px);
    line-height: 1.04;
    font-weight: 600;
    letter-spacing: -.05em;
}

.brain-head h2 span {
    display: block;
    color: #a1aec3;
}

.brain-head > p {
    max-width: 740px;
    margin-top: 30px;
    color: rgba(255,255,255,.70);
    font-size: 17px;
    line-height: 1.70;
}

.brain-stage {
    display: grid;
    grid-template-columns:
        minmax(220px, .82fr)
        76px
        minmax(410px, 1.36fr)
        76px
        minmax(350px, 1.05fr);
    gap: 18px;
    align-items: center;
    margin-top: 68px;
}

.brain-column-label {
    margin-bottom: 17px;
    color: #7589ad;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .18em;
}

.brain-inputs {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.brain-source {
    position: relative;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 10px 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 13px;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.018)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(10px);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.brain-source:hover {
    transform: translateX(3px);
    border-color: rgba(118,157,255,.25);
    background: rgba(94,124,220,.075);
}

.source-glyph {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    padding: 8px 7px;
    border-radius: 9px;
    background:
        linear-gradient(
            145deg,
            rgba(64,119,255,.14),
            rgba(127,71,228,.08)
        );
}

.source-glyph i {
    display: block;
    flex: 1;
    border-radius: 2px 2px 1px 1px;
    background:
        linear-gradient(
            180deg,
            #70a0ff,
            rgba(112,160,255,.22)
        );
}

.source-glyph i:nth-child(1) {
    height: 40%;
}

.source-glyph i:nth-child(2) {
    height: 72%;
}

.source-glyph i:nth-child(3) {
    height: 100%;
}

.source-copy {
    min-width: 0;
}

.source-copy strong {
    display: block;
    color: rgba(255,255,255,.90);
    font-size: 13px;
    font-weight: 550;
}

.source-copy small {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,.38);
    font-size: 10px;
    white-space: nowrap;
}

.brain-flow {
    position: relative;
    height: 330px;
}

.brain-flow span {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(71,117,236,.05),
            rgba(84,131,255,.55),
            rgba(145,87,237,.38)
        );
}

.brain-flow span::after {
    content: "";
    position: absolute;
    top: 0;
    width: 42px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            #9bbcff,
            transparent
        );
    animation: vedomoDataFlow 6s linear infinite;
}

.brain-flow span:nth-child(1) {
    top: 23%;
    transform: rotate(8deg);
}

.brain-flow span:nth-child(2) {
    top: 50%;
}

.brain-flow span:nth-child(3) {
    top: 77%;
    transform: rotate(-8deg);
}

.brain-flow-right span {
    background:
        linear-gradient(
            90deg,
            rgba(144,82,234,.38),
            rgba(75,126,255,.60),
            rgba(75,126,255,.05)
        );
}

.brain-flow-right span::after {
    animation-delay: -2.4s;
}

@keyframes vedomoDataFlow {
    from {
        left: -45px;
    }

    to {
        left: calc(100% + 45px);
    }
}

.brain-core {
    position: relative;
    min-height: 470px;
    overflow: hidden;
    border: 1px solid rgba(118,146,255,.18);
    border-radius: 30px;
    background:
        radial-gradient(
            circle at 50% 47%,
            rgba(58,99,241,.21),
            rgba(75,50,150,.09) 31%,
            rgba(9,20,39,.36) 68%
        ),
        rgba(255,255,255,.017);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -60px 90px rgba(0,0,0,.11),
        0 45px 100px rgba(0,0,0,.25);
    backdrop-filter: blur(10px);
}

.brain-core-grid {
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image:
        linear-gradient(
            rgba(255,255,255,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.06) 1px,
            transparent 1px
        );
    background-size: 34px 34px;
    mask-image:
        radial-gradient(
            circle at center,
            black,
            transparent 72%
        );
}

.brain-core-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 270px;
    height: 270px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(78,118,255,.25),
            rgba(118,72,226,.095) 42%,
            transparent 72%
        );
    filter: blur(5px);
    animation: vedomoBrainBreath 8s ease-in-out infinite;
}

@keyframes vedomoBrainBreath {
    0%, 100% {
        transform: translate(-50%, -50%) scale(.95);
        opacity: .75;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.06);
        opacity: 1;
    }
}

.brain-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(128,153,255,.16);
    border-radius: 50%;
    transform-origin: center;
}

.brain-ring-a {
    width: 315px;
    height: 185px;
    margin: -92px 0 0 -157px;
    transform: rotate(16deg);
    animation: vedomoOrbitA 24s linear infinite;
}

.brain-ring-b {
    width: 230px;
    height: 330px;
    margin: -165px 0 0 -115px;
    transform: rotate(-21deg);
    animation: vedomoOrbitB 30s linear infinite;
}

.brain-ring-c {
    width: 355px;
    height: 295px;
    margin: -147px 0 0 -177px;
    opacity: .45;
    transform: rotate(52deg);
}

@keyframes vedomoOrbitA {
    from {
        transform: rotate(16deg);
    }

    to {
        transform: rotate(376deg);
    }
}

@keyframes vedomoOrbitB {
    from {
        transform: rotate(-21deg);
    }

    to {
        transform: rotate(-381deg);
    }
}

.brain-core-center {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.brain-core-center strong {
    display: block;
    color: #ffffff;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -.035em;
    text-shadow:
        0 0 35px rgba(82,123,255,.18);
}

.brain-core-center span {
    display: block;
    margin-top: 10px;
    color: #9ab9ff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .20em;
}

.brain-tag {
    position: absolute;
    z-index: 6;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 999px;
    color: rgba(255,255,255,.65);
    background: rgba(11,23,45,.72);
    box-shadow:
        0 8px 30px rgba(0,0,0,.14);
    backdrop-filter: blur(10px);
    font-size: 11px;
}

.brain-tag-context {
    top: 26%;
    left: 12%;
}

.brain-tag-signal {
    top: 21%;
    right: 12%;
}

.brain-tag-reason {
    bottom: 22%;
    left: 14%;
}

.brain-tag-priority {
    right: 11%;
    bottom: 25%;
}

.brain-output {
    position: relative;
}

.decision-card {
    padding: 27px 27px 28px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 23px;
    background:
        linear-gradient(
            145deg,
            rgba(20,38,72,.96),
            rgba(35,31,76,.94)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 32px 80px rgba(0,0,0,.25);
}

.decision-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.decision-priority {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 25px;
    padding: 0 10px;
    border-radius: 999px;
    color: #ffffff;
    background:
        linear-gradient(
            100deg,
            #267cf4,
            #7750e9
        );
    box-shadow:
        0 7px 24px rgba(61,99,241,.20);
    font-size: 11px;
    font-weight: 700;
}

.decision-status {
    color: rgba(255,255,255,.34);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
}

.decision-card h3 {
    margin-top: 25px;
    color: #ffffff;
    font-family: "Inter Display", "Inter", sans-serif;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -.025em;
}

.decision-metric {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.decision-metric span {
    color: rgba(255,255,255,.43);
    font-size: 11px;
}

.decision-metric strong {
    color: rgba(255,255,255,.91);
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.decision-action {
    margin-top: 21px;
    padding: 17px 18px;
    border: 1px solid rgba(109,135,255,.10);
    border-radius: 14px;
    background:
        linear-gradient(
            120deg,
            rgba(72,104,232,.11),
            rgba(121,70,220,.055)
        );
}

.decision-action span {
    color: #91b2ff;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: .05em;
}

.decision-action p {
    margin-top: 8px;
    color: rgba(255,255,255,.75);
    font-size: 13px;
    line-height: 1.55;
}

.decision-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 11px;
}

.decision-stack > div {
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
}

.decision-stack strong {
    display: block;
    color: rgba(255,255,255,.53);
    font-size: 10px;
}

.decision-stack span {
    display: block;
    margin-top: 4px;
    color: rgba(255,255,255,.27);
    font-size: 9px;
}

.brain-footer-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 28px;
    align-items: center;
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid rgba(255,255,255,.085);
}

.brain-footer-note strong {
    color: #9dbdff;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .17em;
}

.brain-footer-note span {
    max-width: 680px;
    color: rgba(255,255,255,.60);
    font-size: 14px;
    line-height: 1.55;
}

@media (max-width: 1240px) {
    .brain-stage {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .brain-flow {
        display: none;
    }

    .brain-inputs {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .brain-output {
        max-width: 620px;
    }
}

@media (max-width: 720px) {
    .brain-inner {
        width: calc(100% - 32px);
        padding: 76px 0 74px;
    }

    .brain-head h2 {
        font-size: 40px;
    }

    .brain-head > p {
        font-size: 16px;
    }

    .brain-stage {
        margin-top: 46px;
    }

    .brain-inputs {
        grid-template-columns: 1fr 1fr;
    }

    .source-copy small {
        white-space: normal;
    }

    .brain-core {
        min-height: 370px;
    }

    .brain-core-center strong {
        font-size: 32px;
    }

    .brain-tag {
        font-size: 10px;
        padding: 7px 10px;
    }

    .brain-footer-note {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media (max-width: 460px) {
    .brain-inputs {
        grid-template-columns: 1fr;
    }

    .brain-core {
        min-height: 340px;
    }

    .brain-ring-a {
        transform: scale(.82) rotate(16deg);
    }

    .brain-ring-b {
        transform: scale(.82) rotate(-21deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .brain-core-glow,
    .brain-ring,
    .brain-flow span::after {
        animation: none !important;
    }
}


/* =========================================================
   VEDOMO — BRAIN KEY VISUAL SLOT
   ========================================================= */

.brain-core-center,
.brain-tag {
    z-index: 5;
}

/* =========================================================
   VEDOMO — BRAIN CORE PNG VISUAL
   ========================================================= */

.brain-core-visual{
    position:absolute;
    inset:42px 44px;
    border-radius:28px;
    background:
        radial-gradient(circle at 50% 50%, rgba(88,112,255,0.16) 0%, rgba(88,112,255,0.06) 38%, rgba(0,0,0,0) 72%),
        url('/assets/visuals/vedomo-brain-core.q92.webp') center center / cover no-repeat;
    opacity:0.96;
    z-index:1;
    overflow:hidden;
    box-shadow:
        inset 0 0 80px rgba(7,14,40,0.42),
        0 24px 80px rgba(0,0,0,0.28);
}

.brain-core-visual::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(4,10,28,0.10) 0%, rgba(4,10,28,0.18) 100%);
    pointer-events:none;
}

.brain-core-grid{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
}

.brain-core-glow{
    z-index:0;
}

.brain-ring{
    z-index:2;
    opacity:0.34;
}

.brain-core-center{
    z-index:3;
}

@media (max-width: 1100px){
    .brain-core-visual{
        inset:30px;
        border-radius:24px;
        background:
            radial-gradient(circle at 50% 50%, rgba(88,112,255,0.14) 0%, rgba(88,112,255,0.05) 40%, rgba(0,0,0,0) 72%),
            url('/assets/visuals/vedomo-brain-core.q92.webp') center center / cover no-repeat;
    }
}


/* =========================================================
   VEDOMO — BRAIN CORE FINAL POLISH
   ========================================================= */

.brain-core{
    min-height:500px;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(54,91,210,.12),
            rgba(7,16,31,.30) 58%,
            rgba(7,16,31,.58) 100%
        );
}

.brain-core-visual{
    inset:10px;
    border-radius:24px;
    background:
        linear-gradient(
            90deg,
            rgba(7,16,31,.42) 0%,
            rgba(7,16,31,.06) 24%,
            rgba(7,16,31,.03) 50%,
            rgba(7,16,31,.06) 76%,
            rgba(7,16,31,.42) 100%
        ),
        linear-gradient(
            180deg,
            rgba(7,16,31,.28) 0%,
            rgba(7,16,31,.02) 30%,
            rgba(7,16,31,.02) 70%,
            rgba(7,16,31,.34) 100%
        ),
        url('/assets/visuals/vedomo-brain-core.q92.webp')
        center center / cover no-repeat;

    box-shadow:
        inset 0 0 90px rgba(4,10,24,.50);

    opacity:.93;
}

.brain-core-visual::after{
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(77,110,255,.05),
            transparent 52%
        );
}

.brain-core-grid{
    opacity:.02;
}

.brain-ring{
    opacity:.16;
}

.brain-core-glow{
    opacity:.30;
}

.brain-core-center{
    top:51%;
}

.brain-core-center strong{
    font-size:38px;
    text-shadow:
        0 2px 12px rgba(0,0,0,.45),
        0 0 30px rgba(83,122,255,.30);
}

.brain-core-center span{
    margin-top:9px;
    color:#b2c7ff;
    text-shadow:0 2px 8px rgba(0,0,0,.50);
}

.brain-tag{
    background:rgba(7,17,35,.74);
    border-color:rgba(145,170,255,.16);
    color:rgba(255,255,255,.76);
    box-shadow:
        0 12px 30px rgba(0,0,0,.20);
}

@media (max-width:720px){
    .brain-core{
        min-height:380px;
    }

    .brain-core-visual{
        inset:8px;
    }
}



/* =========================================================
   VEDOMO — REAL BUSINESS DATA
   ========================================================= */

.real-data-section {
    background:
        radial-gradient(
            ellipse at 76% 42%,
            rgba(71,108,239,.075),
            transparent 48%
        ),
        #f8faff;
    color:#071426;
}

.real-data-inner {
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:112px 0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(460px, .82fr);
    gap:100px;
    align-items:center;
}

.real-data-copy {
    max-width:720px;
}

.real-data-copy h2 {
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(44px,3.8vw,66px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.05em;
}

.real-data-copy h2 span {
    display:block;
    color:#748197;
}

.real-data-copy > p {
    max-width:660px;
    margin-top:30px;
    color:#5e6b80;
    font-size:17px;
    line-height:1.7;
}

.real-data-copy > strong {
    display:block;
    max-width:650px;
    margin-top:30px;
    color:#1c2d47;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:22px;
    line-height:1.45;
    font-weight:500;
}

.economics-stack {
    position:relative;
    padding:26px;
    border:1px solid rgba(47,67,103,.09);
    border-radius:24px;
    background:rgba(255,255,255,.88);
    box-shadow:0 34px 80px rgba(51,72,112,.08);
}

.economics-row {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:17px 18px;
    border-bottom:1px solid rgba(40,61,96,.08);
}

.economics-row span {
    color:#617087;
    font-size:14px;
}

.economics-row strong {
    color:#8a96aa;
    font-size:14px;
}

.economics-income span,
.economics-income strong {
    color:#182a44;
    font-weight:600;
}

.economics-result {
    margin-top:20px;
    padding:22px 20px;
    border-radius:16px;
    background:
        linear-gradient(
            120deg,
            rgba(43,110,242,.10),
            rgba(119,73,229,.08)
        );
}

.economics-result span {
    display:block;
    color:#286fe9;
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.economics-result strong {
    display:block;
    margin-top:9px;
    color:#152740;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:21px;
    line-height:1.35;
    font-weight:600;
}

@media(max-width:1000px){
    .real-data-inner{
        grid-template-columns:1fr;
        gap:58px;
    }

    .economics-stack{
        max-width:680px;
    }
}

@media(max-width:640px){
    .real-data-inner{
        width:calc(100% - 32px);
        padding:76px 0;
    }

    .real-data-copy h2{
        font-size:39px;
    }

    .real-data-copy > p{
        font-size:16px;
    }

    .real-data-copy > strong{
        font-size:20px;
    }

    .economics-stack{
        padding:16px;
    }
}

/* =========================================================
   VEDOMO — REAL DATA VISUAL POLISH
   ========================================================= */

.economics-stack{
    position:relative;
    overflow:hidden;
    padding:30px;
    border-radius:26px;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(72,111,245,.08),
            transparent 34%
        ),
        rgba(255,255,255,.94);
}

.economics-stack::before{
    content:"";
    position:absolute;
    left:30px;
    top:42px;
    bottom:116px;
    width:2px;
    border-radius:999px;
    background:
        linear-gradient(
            180deg,
            rgba(45,112,235,.55),
            rgba(130,145,170,.16)
        );
}

.economics-row{
    position:relative;
    min-height:52px;
    align-items:center;
    padding:15px 18px 15px 34px;
}

.economics-row::before{
    content:"";
    position:absolute;
    left:-1px;
    top:50%;
    width:8px;
    height:8px;
    transform:translateY(-50%);
    border-radius:50%;
    background:#c5cfdd;
    box-shadow:0 0 0 4px #ffffff;
}

.economics-income::before{
    background:#2c7cf3;
}

.economics-income span{
    font-size:15px;
}

.economics-income strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    color:#ffffff;
    background:
        linear-gradient(
            100deg,
            #287cf7,
            #7153ec
        );
    font-size:12px;
}

.economics-row:not(.economics-income) strong{
    color:#8895a9;
    font-size:18px;
    font-weight:400;
}

.economics-result{
    position:relative;
    margin-top:24px;
    padding:24px 22px;
    border:1px solid rgba(59,101,228,.12);
    background:
        linear-gradient(
            120deg,
            rgba(42,111,243,.12),
            rgba(116,73,229,.09)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.7);
}

.economics-result::before{
    content:"";
    position:absolute;
    left:20px;
    top:-24px;
    width:2px;
    height:24px;
    background:
        linear-gradient(
            180deg,
            rgba(130,145,170,.16),
            rgba(54,111,239,.48)
        );
}

.economics-result span{
    color:#3476e7;
}

.economics-result strong{
    font-size:22px;
}

@media(max-width:640px){
    .economics-stack::before{
        left:20px;
    }

    .economics-row{
        padding-left:30px;
    }
}


/* =========================================================
   VEDOMO — TRUST STATS
   ========================================================= */

.trust-stats-section{
    background:#ffffff;
    color:#071426;
}

.trust-stats-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:108px 0 110px;
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:110px;
    align-items:center;
}

.trust-stats-left{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
}

.trust-stats-left .section-eyebrow{
    grid-column:1 / -1;
}

.trust-number-block{
    padding:24px 0 26px;
    border-top:1px solid rgba(39,61,96,.12);
}

.trust-number-block strong{
    display:block;
    color:#236fe8;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(62px,5.4vw,92px);
    line-height:.92;
    font-weight:600;
    letter-spacing:-.06em;
}

.trust-number-block p{
    max-width:260px;
    margin-top:18px;
    color:#5f6c80;
    font-size:15px;
    line-height:1.58;
}

.trust-source{
    grid-column:1 / -1;
    padding-top:8px;
    color:#8a96a8;
    font-size:11px;
    line-height:1.5;
}

.trust-stats-copy{
    max-width:700px;
}

.trust-stats-copy h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(42px,3.5vw,60px);
    line-height:1.06;
    font-weight:600;
    letter-spacing:-.045em;
}

.trust-stats-copy h2 span{
    display:block;
    color:#748197;
}

.trust-stats-copy p{
    max-width:620px;
    margin-top:24px;
    color:#5f6c80;
    font-size:17px;
    line-height:1.68;
}

.trust-stats-copy strong{
    display:block;
    max-width:590px;
    margin-top:34px;
    color:#172943;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:24px;
    line-height:1.4;
    font-weight:500;
}

@media(max-width:900px){
    .trust-stats-inner{
        grid-template-columns:1fr;
        gap:58px;
    }
}

@media(max-width:640px){
    .trust-stats-inner{
        width:calc(100% - 32px);
        padding:76px 0;
    }

    .trust-stats-left{
        grid-template-columns:1fr;
    }

    .trust-number-block p{
        max-width:none;
    }

    .trust-stats-copy h2{
        font-size:39px;
    }

    .trust-stats-copy p{
        font-size:16px;
    }
}


/* =========================================================
   VEDOMO — TRUST SOURCE LINK
   ========================================================= */

.trust-source a{
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid rgba(89,107,136,.28);
    transition:border-color .2s ease, color .2s ease;
}

.trust-source a:hover{
    color:#346fe0;
    border-color:#346fe0;
}


/* =========================================================
   VEDOMO — TRANSPARENT ANALYTICS
   ========================================================= */

.transparency-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            ellipse at 78% 22%,
            rgba(78,108,240,.08),
            transparent 45%
        ),
        #f7f9fd;
    color:#071426;
}

.transparency-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:108px 0 110px;
}

.transparency-copy{
    max-width:900px;
}

.transparency-copy h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(44px,3.8vw,66px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.05em;
}

.transparency-copy h2 span{
    display:block;
    color:#758297;
}

.transparency-copy p{
    max-width:700px;
    margin-top:28px;
    color:#5f6c80;
    font-size:17px;
    line-height:1.68;
}

.transparency-copy > strong{
    display:block;
    margin-top:24px;
    color:#1b2c47;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:22px;
    font-weight:500;
}

.transparency-flow{
    display:grid;
    grid-template-columns:
        1fr 36px
        1fr 36px
        1fr 36px
        1fr;
    gap:12px;
    align-items:stretch;
    margin-top:60px;
}

.transparency-card{
    min-height:220px;
    padding:26px;
    border:1px solid rgba(43,64,100,.09);
    border-radius:20px;
    background:rgba(255,255,255,.86);
    box-shadow:0 24px 60px rgba(50,73,114,.05);
}

.transparency-number{
    color:#8a97aa;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}

.transparency-card span{
    display:block;
    margin-top:42px;
    color:#657389;
    font-size:12px;
    font-weight:600;
    letter-spacing:.04em;
}

.transparency-card strong{
    display:block;
    margin-top:12px;
    color:#182a44;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
}

.transparency-card-result{
    background:
        linear-gradient(
            145deg,
            rgba(38,105,240,.97),
            rgba(112,70,226,.95)
        );
    border-color:transparent;
}

.transparency-card-result .transparency-number,
.transparency-card-result span{
    color:rgba(255,255,255,.70);
}

.transparency-card-result strong{
    color:#ffffff;
}

.transparency-arrow{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#4e80e5;
    font-size:26px;
    font-weight:300;
}

.transparency-bottom{
    margin-top:44px;
    padding-top:28px;
    border-top:1px solid rgba(42,61,94,.11);
    color:#647187;
    font-size:17px;
}

.transparency-bottom strong{
    color:#182a44;
}

@media(max-width:1000px){
    .transparency-flow{
        grid-template-columns:1fr 1fr;
        gap:16px;
    }

    .transparency-arrow{
        display:none;
    }
}

@media(max-width:640px){
    .transparency-inner{
        width:calc(100% - 32px);
        padding:76px 0;
    }

    .transparency-copy h2{
        font-size:39px;
    }

    .transparency-copy p{
        font-size:16px;
    }

    .transparency-flow{
        grid-template-columns:1fr;
        margin-top:42px;
    }

    .transparency-card{
        min-height:0;
    }
}


/* =========================================================
   VEDOMO — PRIORITIES P1 P2 P3
   ========================================================= */

.priorities-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            ellipse at 68% 42%,
            rgba(76,93,255,.13),
            transparent 46%
        ),
        linear-gradient(
            180deg,
            #08111f 0%,
            #0a1426 100%
        );
    color:#ffffff;
}

.priorities-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:110px 0 108px;
}

.priorities-head{
    max-width:920px;
}

.priorities-eyebrow{
    color:#8eafff;
}

.priorities-head h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(46px,4vw,68px);
    line-height:1.04;
    font-weight:600;
    letter-spacing:-.05em;
}

.priorities-head h2 span{
    display:block;
    color:#9aa8be;
}

.priorities-head p{
    max-width:700px;
    margin-top:28px;
    color:rgba(255,255,255,.68);
    font-size:17px;
    line-height:1.68;
}

.priorities-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:22px;
    margin-top:62px;
}

.priority-card{
    border:1px solid rgba(255,255,255,.09);
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            rgba(20,37,70,.96),
            rgba(31,31,72,.94)
        );
    box-shadow:
        0 30px 80px rgba(0,0,0,.22);
}

.priority-main{
    padding:34px;
}

.priority-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.priority-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:26px;
    padding:0 12px;
    border-radius:999px;
    color:#ffffff;
    background:
        linear-gradient(
            100deg,
            #287cf7,
            #7850e9
        );
    font-size:11px;
    font-weight:700;
}

.priority-market{
    color:rgba(255,255,255,.42);
    font-size:11px;
    font-weight:600;
    letter-spacing:.08em;
}

.priority-main h3,
.priority-secondary h3{
    margin-top:26px;
    font-family:"Inter Display","Inter",sans-serif;
    font-weight:600;
    letter-spacing:-.025em;
}

.priority-main h3{
    font-size:32px;
}

.priority-secondary h3{
    font-size:23px;
    line-height:1.25;
}

.priority-kpi{
    display:flex;
    justify-content:space-between;
    gap:24px;
    margin-top:22px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.07);
}

.priority-kpi span{
    color:rgba(255,255,255,.45);
    font-size:12px;
}

.priority-kpi strong{
    color:#ffffff;
    font-size:14px;
    font-weight:600;
}

.priority-reason,
.priority-action{
    margin-top:24px;
}

.priority-reason span,
.priority-action span{
    color:#91b2ff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.priority-reason p{
    max-width:650px;
    margin-top:10px;
    color:rgba(255,255,255,.66);
    font-size:14px;
    line-height:1.62;
}

.priority-action{
    padding:20px;
    border:1px solid rgba(111,135,255,.11);
    border-radius:16px;
    background:
        linear-gradient(
            120deg,
            rgba(72,104,232,.12),
            rgba(121,70,220,.06)
        );
}

.priority-action strong{
    display:block;
    margin-top:9px;
    color:rgba(255,255,255,.88);
    font-size:15px;
    line-height:1.5;
}

.priority-side{
    display:grid;
    gap:22px;
}

.priority-secondary{
    padding:28px;
}

.priority-mini-metric{
    margin-top:20px;
    color:#9db9ff;
    font-size:13px;
    font-weight:600;
}

.priority-secondary p{
    margin-top:15px;
    color:rgba(255,255,255,.57);
    font-size:13px;
    line-height:1.58;
}

.priorities-bottom{
    margin-top:46px;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
}

.priorities-bottom strong{
    color:rgba(255,255,255,.82);
    font-family:"Inter Display","Inter",sans-serif;
    font-size:22px;
    line-height:1.4;
    font-weight:500;
}

@media(max-width:900px){
    .priorities-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){
    .priorities-inner{
        width:calc(100% - 32px);
        padding:76px 0;
    }

    .priorities-head h2{
        font-size:39px;
    }

    .priority-main{
        padding:26px;
    }

    .priority-main h3{
        font-size:27px;
    }
}


/* =========================================================
   VEDOMO — MULTI CHANNEL BUSINESS VIEW
   ========================================================= */

.channels-section{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(
            ellipse at 50% 46%,
            rgba(68,102,229,.09),
            transparent 48%
        ),
        #f8faff;
    color:#071426;
}

.channels-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:112px 0 108px;
}

.channels-head{
    max-width:980px;
}

.channels-head h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(46px,4vw,68px);
    line-height:1.04;
    font-weight:600;
    letter-spacing:-.05em;
}

.channels-head h2 span{
    display:block;
    color:#758297;
}

.channels-head p{
    max-width:720px;
    margin-top:28px;
    color:#5f6c80;
    font-size:17px;
    line-height:1.68;
}

.channels-scene{
    display:grid;
    grid-template-columns:
        minmax(230px,.85fr)
        90px
        minmax(330px,1.15fr)
        90px
        minmax(300px,1fr);
    gap:18px;
    align-items:center;
    margin-top:64px;
}

.channels-sources{
    display:grid;
    gap:14px;
}

.channel-card{
    position:relative;
    padding:20px 20px 18px;
    border:1px solid rgba(42,64,101,.10);
    border-radius:18px;
    background:rgba(255,255,255,.90);
    box-shadow:0 18px 45px rgba(52,72,111,.05);
}

.channel-card strong{
    display:block;
    color:#14263f;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:20px;
    font-weight:600;
}

.channel-card span{
    display:block;
    margin-top:6px;
    color:#7a879a;
    font-size:11px;
}

.channel-mini-bars{
    display:flex;
    align-items:flex-end;
    gap:4px;
    height:22px;
    margin-top:16px;
}

.channel-mini-bars i{
    width:8px;
    border-radius:3px 3px 1px 1px;
    background:linear-gradient(180deg,#2f7ef2,#7552e9);
    opacity:.75;
}

.channel-mini-bars i:nth-child(1){height:35%;}
.channel-mini-bars i:nth-child(2){height:58%;}
.channel-mini-bars i:nth-child(3){height:82%;}
.channel-mini-bars i:nth-child(4){height:100%;}

.channels-flow{
    position:relative;
    height:300px;
}

.channels-flow span{
    position:absolute;
    left:0;
    right:0;
    height:1px;
    background:
        linear-gradient(
            90deg,
            rgba(47,112,237,.06),
            rgba(47,112,237,.58),
            rgba(114,79,230,.44)
        );
}

.channels-flow span:nth-child(1){
    top:25%;
    transform:rotate(8deg);
}

.channels-flow span:nth-child(2){
    top:50%;
}

.channels-flow span:nth-child(3){
    top:75%;
    transform:rotate(-8deg);
}

.channels-flow-out{
    height:160px;
}

.channels-flow-out span{
    top:50%;
    transform:none;
}

.channels-core{
    position:relative;
    min-height:360px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(91,118,219,.16);
    border-radius:28px;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(65,108,242,.15),
            rgba(115,75,223,.07) 35%,
            rgba(255,255,255,.70) 74%
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 30px 80px rgba(53,76,119,.08);
}

.channels-core-glow{
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(74,113,244,.18),
            rgba(119,72,224,.07) 45%,
            transparent 72%
        );
}

.channels-core-title{
    position:relative;
    z-index:2;
    text-align:center;
}

.channels-core-title strong{
    display:block;
    color:#152843;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:38px;
    font-weight:600;
    letter-spacing:-.04em;
}

.channels-core-title span{
    display:block;
    margin-top:9px;
    color:#6680aa;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}

.channels-core-tags{
    position:absolute;
    left:50%;
    bottom:38px;
    transform:translateX(-50%);
    display:flex;
    gap:8px;
}

.channels-core-tags span{
    padding:8px 11px;
    border:1px solid rgba(63,91,144,.10);
    border-radius:999px;
    color:#637590;
    background:rgba(255,255,255,.70);
    font-size:10px;
}

.channels-result{
    padding:28px;
    border:1px solid rgba(42,64,101,.10);
    border-radius:22px;
    background:rgba(255,255,255,.92);
    box-shadow:0 26px 65px rgba(50,72,112,.07);
}

.channels-result-label{
    color:#3477e7;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
}

.channels-result h3{
    margin-top:18px;
    color:#152842;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:25px;
    line-height:1.25;
    font-weight:600;
}

.channels-result ul{
    margin:24px 0 0;
    padding:0;
    list-style:none;
}

.channels-result li{
    position:relative;
    padding:12px 0 12px 22px;
    border-bottom:1px solid rgba(45,67,101,.08);
    color:#607088;
    font-size:13px;
    line-height:1.45;
}

.channels-result li::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#3b7cf0;
}

.channels-result li:last-child{
    border-bottom:0;
}

.channels-bottom{
    display:flex;
    gap:18px;
    align-items:center;
    margin-top:46px;
    padding-top:28px;
    border-top:1px solid rgba(44,65,99,.10);
}

.channels-bottom strong{
    color:#172942;
    font-size:14px;
}

.channels-bottom span{
    color:#738096;
    font-size:14px;
}

@media(max-width:1100px){
    .channels-scene{
        grid-template-columns:1fr;
        gap:24px;
    }

    .channels-flow{
        display:none;
    }

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

    .channels-core{
        min-height:320px;
    }
}

@media(max-width:700px){
    .channels-inner{
        width:calc(100% - 32px);
        padding:76px 0;
    }

    .channels-head h2{
        font-size:39px;
    }

    .channels-sources{
        grid-template-columns:1fr;
    }

    .channels-bottom{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
}

/* =========================================================
   VEDOMO — CHANNELS CORE VISUAL POLISH
   ========================================================= */

.channels-core{
    isolation:isolate;
    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(66,108,244,.18),
            rgba(112,74,224,.08) 34%,
            rgba(255,255,255,.76) 72%
        );
}

.channels-core::before{
    content:"";
    position:absolute;
    z-index:-2;
    inset:0;
    opacity:.20;
    background-image:
        linear-gradient(
            rgba(70,96,145,.12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(70,96,145,.12) 1px,
            transparent 1px
        );
    background-size:34px 34px;
    mask-image:
        radial-gradient(
            circle at center,
            black 0%,
            rgba(0,0,0,.8) 45%,
            transparent 78%
        );
}

.channels-core::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:230px;
    height:230px;
    border-radius:50%;
    border:1px solid rgba(70,115,240,.20);
    box-shadow:
        0 0 0 36px rgba(75,111,235,.035),
        0 0 0 76px rgba(112,76,222,.025),
        0 0 80px rgba(68,104,236,.12);
}

.channels-core-glow{
    width:280px;
    height:280px;
    background:
        radial-gradient(
            circle,
            rgba(47,112,241,.22),
            rgba(113,72,225,.08) 43%,
            transparent 72%
        );
    filter:blur(4px);
}

.channels-core-title strong{
    font-size:42px;
    text-shadow:
        0 2px 16px rgba(255,255,255,.80),
        0 0 34px rgba(68,112,238,.16);
}

.channels-core-title span{
    margin-top:11px;
    color:#5270a0;
}

.channels-core-tags{
    bottom:34px;
}

.channels-core-tags span{
    background:rgba(255,255,255,.82);
    border-color:rgba(67,96,154,.13);
    box-shadow:
        0 8px 22px rgba(43,67,112,.06);
}

.channel-card{
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.channel-card:hover{
    transform:translateX(3px);
    border-color:rgba(52,113,232,.20);
    box-shadow:0 22px 55px rgba(52,72,111,.08);
}

.channels-flow span{
    box-shadow:0 0 12px rgba(55,111,235,.10);
}

.channels-result{
    box-shadow:
        0 30px 75px rgba(50,72,112,.08),
        inset 0 1px 0 rgba(255,255,255,.80);
}



/* =========================================================
   VEDOMO — CHANNELS PREMIUM VISUAL
   ========================================================= */

.channels-scene-visual{
    display:block;
    position:relative;
    margin-top:54px;
    padding:0;
}

.channels-scene-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    left:8%;
    right:8%;
    bottom:-28px;
    height:90px;
    border-radius:50%;
    background:rgba(74,110,224,.12);
    filter:blur(45px);
    pointer-events:none;
}

.channels-scene-visual img{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    border-radius:30px;
    box-shadow:
        0 34px 90px rgba(46,72,124,.10);
}

@media(max-width:700px){
    .channels-scene-visual{
        margin-top:38px;
        overflow:hidden;
        border-radius:20px;
    }

    .channels-scene-visual img{
        width:160%;
        max-width:none;
        transform:translateX(-18%);
        border-radius:20px;
    }
}


/* =========================================================
   VEDOMO — NATIVE CHANNELS / REAL MARKETPLACE ASSETS
   ========================================================= */

.channels-scene-native{
    display:grid;
    grid-template-columns:
        minmax(230px,.85fr)
        90px
        minmax(330px,1.15fr)
        90px
        minmax(300px,1fr);
    gap:18px;
    align-items:center;
    margin-top:64px;
    padding:0;
}

.channel-card{
    min-height:132px;
}

.channel-brand{
    display:flex;
    align-items:center;
    min-height:38px;
}

.channel-logo{
    display:block;
    width:auto;
    max-width:180px;
    object-fit:contain;
    object-position:left center;
}

.channel-logo-ozon{
    height:30px;
}

.channel-logo-wb{
    height:29px;
    max-width:175px;
}

.channel-logo-yandex{
    height:32px;
    max-width:190px;
}

.channels-core{
    min-height:360px;
}

.channels-result{
    min-height:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

@media(max-width:1100px){

    .channels-scene-native{
        grid-template-columns:1fr;
        gap:24px;
    }

    .channels-scene-native .channels-flow{
        display:none;
    }

    .channels-scene-native .channels-sources{
        grid-template-columns:repeat(3,1fr);
    }

    .channels-scene-native .channels-core{
        min-height:300px;
    }

    .channels-scene-native .channels-result{
        min-height:auto;
    }
}

@media(max-width:700px){

    .channels-scene-native{
        margin-top:38px;
        gap:18px;
    }

    .channels-scene-native .channels-sources{
        grid-template-columns:1fr;
    }

    .channel-card{
        min-height:118px;
    }

    .channel-logo{
        max-width:175px;
    }

    .channels-scene-native .channels-core{
        min-height:270px;
    }

    .channels-core-tags{
        max-width:90%;
        flex-wrap:wrap;
        justify-content:center;
    }
}

/* =========================================================
   VEDOMO — CHANNELS FINAL OPTICAL POLISH
   ========================================================= */

.channel-logo-ozon{
    height:31px;
}

.channel-logo-wb{
    height:36px;
    max-width:190px;
}

.channel-logo-yandex{
    height:29px;
    max-width:178px;
}

.channels-flow span{
    height:1.5px;
    background:
        linear-gradient(
            90deg,
            rgba(47,112,237,.10),
            rgba(47,112,237,.72),
            rgba(114,79,230,.56)
        );
    box-shadow:
        0 0 14px rgba(55,111,235,.16);
}

.channels-core{
    background:
        radial-gradient(
            circle at 50% 46%,
            rgba(66,108,244,.13),
            rgba(112,74,224,.055) 34%,
            rgba(255,255,255,.82) 72%
        );
}

.channels-core-glow{
    opacity:.72;
}

.channels-core::after{
    box-shadow:
        0 0 0 34px rgba(75,111,235,.025),
        0 0 0 72px rgba(112,76,222,.018),
        0 0 64px rgba(68,104,236,.09);
}

.channels-core-title strong{
    font-size:40px;
}

.channel-card{
    padding-left:22px;
}

@media(max-width:700px){

    .channel-logo-ozon{
        height:29px;
    }

    .channel-logo-wb{
        height:34px;
    }

    .channel-logo-yandex{
        height:27px;
    }
}


/* =========================================================
   VEDOMO — CHANNELS WITHOUT MARKETPLACE LOGOS
   ========================================================= */

.channel-brand{
    display:flex;
    align-items:center;
    min-height:34px;
}

.channel-brand strong{
    display:block;
    margin:0;
    color:#10223a;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:23px;
    line-height:1.1;
    font-weight:600;
    letter-spacing:-.035em;
}

.channel-card:nth-child(2) .channel-brand strong{
    font-size:21px;
}

.channel-card:nth-child(3) .channel-brand strong{
    font-size:21px;
}

.channel-logo{
    display:none !important;
}

.channel-card{
    padding:22px 22px 19px;
}

.channel-card > span{
    margin-top:8px;
}

@media(max-width:700px){

    .channel-brand strong{
        font-size:22px;
    }

    .channel-card:nth-child(2) .channel-brand strong,
    .channel-card:nth-child(3) .channel-brand strong{
        font-size:20px;
    }
}


/* =========================================================
   VEDOMO — CHANNELS CLEAN DATA SOURCES
   ========================================================= */

.channel-source-label{
    margin-top:17px;
    color:#5f7fb7;
    font-size:9px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
}

.channel-card{
    min-height:128px;
}

.channel-card > span{
    color:#718096;
}

.channels-flow span{
    opacity:.92;
}


/* =========================================================
   VEDOMO — REAL BUSINESS CASE
   ========================================================= */

.case-section{
    position:relative;
    overflow:hidden;
    background:#081426;
    color:#ffffff;
}

.case-section::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(
            ellipse at 72% 35%,
            rgba(64,105,235,.16),
            transparent 43%
        ),
        radial-gradient(
            ellipse at 24% 86%,
            rgba(116,75,222,.10),
            transparent 42%
        );
}

.case-inner{
    position:relative;
    z-index:1;
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:118px 0 108px;
}

.case-head{
    max-width:1040px;
}

.case-section .section-eyebrow{
    color:#80a8ff;
}

.case-head h2{
    margin:0;
    max-width:1050px;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(46px,4vw,68px);
    line-height:1.04;
    font-weight:600;
    letter-spacing:-.05em;
}

.case-head h2 span{
    display:block;
    color:#7f8da4;
}

.case-head > p{
    max-width:720px;
    margin-top:28px;
    color:#a9b5c7;
    font-size:17px;
    line-height:1.68;
}

.case-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
    gap:24px;
    margin-top:64px;
}

.case-main,
.case-metrics{
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(10px);
}

.case-main{
    padding:36px;
    border-radius:28px;
}

.case-main-top{
    display:flex;
    justify-content:space-between;
    gap:40px;
    align-items:flex-start;
}

.case-label{
    color:#79a4ff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}

.case-main h3{
    margin:14px 0 0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:38px;
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.04em;
}

.case-period{
    margin-top:10px;
    color:#8e9db3;
    font-size:13px;
}

.case-channel-count{
    min-width:116px;
    text-align:right;
}

.case-channel-count strong{
    display:block;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:52px;
    line-height:.9;
    font-weight:600;
    color:#ffffff;
}

.case-channel-count span{
    display:block;
    margin-top:8px;
    color:#7f8ea5;
    font-size:11px;
}

.case-story{
    margin-top:42px;
}

.case-story-item{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:24px;
    padding:22px 0;
    border-top:1px solid rgba(255,255,255,.075);
}

.case-story-item > span{
    color:#8090a7;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.case-story-item p{
    margin:0;
    color:#c1cad8;
    font-size:15px;
    line-height:1.62;
}

.case-story-accent p{
    color:#ffffff;
}

.case-metrics{
    padding:32px;
    border-radius:28px;
}

.case-metrics-label{
    color:#79a4ff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
}

.case-metric-primary{
    margin-top:30px;
    padding-bottom:28px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.case-metric span{
    display:block;
    color:#8493aa;
    font-size:11px;
}

.case-metric strong{
    display:block;
    margin-top:8px;
    color:#ffffff;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:24px;
    font-weight:600;
    letter-spacing:-.03em;
}

.case-metric-primary strong{
    font-size:36px;
}

.case-metric-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px 20px;
    margin-top:28px;
}

.case-channels{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin-top:22px;
}

.case-channel{
    padding:24px 26px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:rgba(255,255,255,.03);
}

.case-channel span{
    display:block;
    color:#9ca9bc;
    font-size:12px;
}

.case-channel strong{
    display:block;
    margin-top:10px;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:26px;
    font-weight:600;
    letter-spacing:-.035em;
}

.case-channel small{
    display:block;
    margin-top:7px;
    color:#687990;
    font-size:10px;
}

.case-findings{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:54px;
    margin-top:78px;
    padding-top:58px;
    border-top:1px solid rgba(255,255,255,.09);
}

.case-findings-head h3{
    margin:16px 0 0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:30px;
    line-height:1.14;
    font-weight:600;
    letter-spacing:-.035em;
}

.case-findings-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}

.case-findings-grid article{
    padding:26px 24px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:20px;
    background:rgba(255,255,255,.03);
}

.case-findings-grid article > span{
    color:#547fdc;
    font-size:11px;
    font-weight:700;
}

.case-findings-grid h4{
    margin:22px 0 0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:18px;
    font-weight:600;
}

.case-findings-grid p{
    margin:12px 0 0;
    color:#94a2b6;
    font-size:13px;
    line-height:1.58;
}

.case-bottom{
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:58px;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.09);
}

.case-bottom strong{
    font-size:14px;
}

.case-bottom span{
    color:#7f8da3;
    font-size:14px;
}

@media(max-width:1050px){

    .case-layout{
        grid-template-columns:1fr;
    }

    .case-findings{
        grid-template-columns:1fr;
    }

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

@media(max-width:760px){

    .case-inner{
        width:calc(100% - 32px);
        padding:80px 0 74px;
    }

    .case-head h2{
        font-size:39px;
    }

    .case-main{
        padding:24px;
    }

    .case-main-top{
        flex-direction:column;
        gap:22px;
    }

    .case-channel-count{
        text-align:left;
    }

    .case-story-item{
        grid-template-columns:1fr;
        gap:10px;
    }

    .case-metric-grid,
    .case-channels,
    .case-findings-grid{
        grid-template-columns:1fr;
    }

    .case-findings{
        margin-top:56px;
    }

    .case-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
}


/* =========================================================
   VEDOMO — CASE POLISH / ANONYMIZED CLIENT
   ========================================================= */

.case-anonymized-note{
    margin-top:20px;
    padding:11px 14px;
    border:1px solid rgba(121,164,255,.14);
    border-radius:12px;
    background:rgba(121,164,255,.045);
    color:#7f91aa;
    font-size:11px;
    line-height:1.45;
}

.case-channels-wrap{
    margin-top:22px;
}

.case-channels-title{
    margin-bottom:12px;
    color:#6f94e9;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
}

.case-channels{
    margin-top:0;
}

.case-story-item p{
    max-width:720px;
}

.case-main h3{
    max-width:620px;
}

@media(max-width:760px){

    .case-anonymized-note{
        font-size:10px;
    }

    .case-channels-title{
        margin-bottom:10px;
    }
}


/* =========================================================
   VEDOMO — DATA & TRUST
   ========================================================= */

.security-section{
    position:relative;
    overflow:hidden;
    background:#f8faff;
    color:#081426;
}

.security-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:116px 0 108px;
}

.security-head{
    max-width:1000px;
}

.security-head h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(46px,4vw,68px);
    line-height:1.04;
    font-weight:600;
    letter-spacing:-.05em;
}

.security-head h2 span{
    display:block;
    color:#7d899d;
}

.security-head > p{
    max-width:700px;
    margin-top:28px;
    color:#5f6d82;
    font-size:17px;
    line-height:1.68;
}

.security-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:64px;
}

.security-card{
    min-height:300px;
    padding:30px;
    border:1px solid rgba(40,63,101,.10);
    border-radius:24px;
    background:#ffffff;
    box-shadow:0 24px 70px rgba(47,67,108,.05);
}

.security-number{
    color:#5f87df;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}

.security-card h3{
    margin:26px 0 0;
    color:#12243c;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:23px;
    line-height:1.18;
    font-weight:600;
    letter-spacing:-.035em;
}

.security-card p{
    margin:18px 0 0;
    color:#69778b;
    font-size:14px;
    line-height:1.62;
}

.security-principle{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:end;
    margin-top:70px;
    padding-top:34px;
    border-top:1px solid rgba(43,63,96,.10);
}

.security-principle span{
    display:block;
    color:#5f87df;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
}

.security-principle strong{
    display:block;
    max-width:620px;
    margin-top:14px;
    color:#13253e;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:28px;
    line-height:1.22;
    font-weight:600;
    letter-spacing:-.035em;
}

.security-principle p{
    margin:0;
    max-width:560px;
    color:#7a879a;
    font-size:13px;
    line-height:1.62;
}

@media(max-width:900px){

    .security-grid{
        grid-template-columns:1fr;
    }

    .security-card{
        min-height:auto;
    }

    .security-principle{
        grid-template-columns:1fr;
        gap:26px;
    }
}

@media(max-width:700px){

    .security-inner{
        width:calc(100% - 32px);
        padding:78px 0 72px;
    }

    .security-head h2{
        font-size:39px;
    }

    .security-card{
        padding:24px;
    }

    .security-principle strong{
        font-size:24px;
    }
}


/* =========================================================
   VEDOMO — PRICING
   ========================================================= */

.pricing-section{
    position:relative;
    background:#ffffff;
    color:#081426;
}

.pricing-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:116px 0 108px;
}

.pricing-head{
    max-width:1000px;
}

.pricing-head h2{
    margin:0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(46px,4vw,68px);
    line-height:1.04;
    font-weight:600;
    letter-spacing:-.05em;
}

.pricing-head h2 span{
    display:block;
    color:#7d899d;
}

.pricing-head > p{
    max-width:690px;
    margin-top:28px;
    color:#657286;
    font-size:17px;
    line-height:1.68;
}

.pricing-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:64px;
}

.pricing-card{
    padding:30px;
    border:1px solid rgba(38,60,96,.10);
    border-radius:24px;
    background:#f9fbff;
}

.pricing-card-accent{
    border-color:rgba(65,107,233,.24);
    background:
        linear-gradient(
            180deg,
            rgba(238,243,255,.95),
            rgba(249,251,255,1)
        );
}

.pricing-card-top span{
    display:block;
    color:#607089;
    font-size:12px;
    font-weight:600;
}

.pricing-card-top strong{
    display:block;
    margin-top:18px;
    color:#0d1e35;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:40px;
    font-weight:600;
    letter-spacing:-.045em;
}

.pricing-card-top small{
    display:block;
    margin-top:4px;
    color:#8793a5;
    font-size:11px;
}

.pricing-card ul{
    margin:30px 0 0;
    padding:0;
    list-style:none;
}

.pricing-card li{
    padding:12px 0;
    border-bottom:1px solid rgba(38,60,96,.08);
    color:#647187;
    font-size:13px;
}

.pricing-card li:last-child{
    border-bottom:0;
}

.pricing-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin-top:30px;
    border:1px solid rgba(43,84,174,.16);
    border-radius:12px;
    color:#17335f;
    background:#ffffff;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.pricing-card-accent .pricing-button{
    color:#ffffff;
    background:#163c83;
    border-color:#163c83;
}

.pricing-extra{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
    margin-top:24px;
    padding:28px 30px;
    border:1px solid rgba(38,60,96,.09);
    border-radius:20px;
    background:#f8faff;
}

.pricing-extra span{
    display:block;
    color:#5f87df;
    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
}

.pricing-extra strong{
    display:block;
    margin-top:10px;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:26px;
    font-weight:600;
    letter-spacing:-.035em;
}

.pricing-extra p{
    margin:0;
    color:#748196;
    font-size:13px;
    line-height:1.55;
}

.pricing-bottom{
    display:flex;
    gap:18px;
    align-items:center;
    margin-top:46px;
    padding-top:28px;
    border-top:1px solid rgba(38,60,96,.09);
}

.pricing-bottom strong{
    color:#152842;
    font-size:14px;
}

.pricing-bottom span{
    color:#768398;
    font-size:14px;
}

@media(max-width:900px){

    .pricing-grid{
        grid-template-columns:1fr;
    }

    .pricing-extra{
        grid-template-columns:1fr;
        gap:16px;
    }
}

@media(max-width:700px){

    .pricing-inner{
        width:calc(100% - 32px);
        padding:78px 0 72px;
    }

    .pricing-head h2{
        font-size:39px;
    }

    .pricing-card{
        padding:24px;
    }

    .pricing-bottom{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }
}


/* =========================================================
   VEDOMO — PRICING FINAL NEUTRAL POLISH
   ========================================================= */

.pricing-card-accent{
    border-color:rgba(38,60,96,.10);
    background:#f9fbff;
}

.pricing-card-accent .pricing-button{
    color:#17335f;
    background:#ffffff;
    border-color:rgba(43,84,174,.16);
}


/* =========================================================
   VEDOMO — FINAL CTA / MOUNTAIN
   ========================================================= */

.final-cta-section{
    position:relative;
    overflow:hidden;
    min-height:760px;
    display:flex;
    align-items:center;
    background:
        #071426
        url("/assets/hero-mountain.webp")
        center 58% / cover no-repeat;
    color:#ffffff;
}

.final-cta-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(5,15,31,.96) 0%,
            rgba(5,15,31,.84) 43%,
            rgba(5,15,31,.34) 72%,
            rgba(5,15,31,.48) 100%
        ),
        linear-gradient(
            180deg,
            rgba(5,14,28,.10),
            rgba(5,14,28,.45)
        );
}

.final-cta-inner{
    position:relative;
    z-index:1;
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:118px 0 110px;
    display:grid;
    grid-template-columns:minmax(0,850px) 1fr;
    gap:80px;
    align-items:center;
}

.final-cta-eyebrow{
    color:#86a8f5;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
}

.final-cta-copy h2{
    margin:22px 0 0;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(54px,5vw,82px);
    line-height:.98;
    font-weight:600;
    letter-spacing:-.055em;
}

.final-cta-copy h2 span{
    display:block;
    color:#8b99af;
}

.final-cta-copy p{
    max-width:650px;
    margin:30px 0 0;
    color:#b2bdcd;
    font-size:17px;
    line-height:1.68;
}

.final-cta-actions{
    display:flex;
    gap:12px;
    margin-top:36px;
}

.final-cta-primary,
.final-cta-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 24px;
    border-radius:12px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.final-cta-primary{
    color:#071426;
    background:#ffffff;
}

.final-cta-secondary{
    color:#ffffff;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(8px);
}

.final-cta-side{
    display:flex;
    justify-content:flex-end;
    align-items:center;
}

.final-cta-side span{
    color:rgba(255,255,255,.42);
    font-family:"Inter Display","Inter",sans-serif;
    font-size:18px;
    line-height:1.55;
    font-weight:600;
    letter-spacing:.18em;
    text-align:right;
}

/* =========================================================
   VEDOMO — FOOTER
   ========================================================= */

.site-footer{
    background:#050f1f;
    color:#ffffff;
}

.site-footer-inner{
    width:min(1440px, calc(100% - 96px));
    margin:0 auto;
    padding:38px 0 42px;
    display:grid;
    grid-template-columns:1fr auto auto 1fr;
    gap:36px;
    align-items:center;
    border-top:1px solid rgba(255,255,255,.08);
}

.site-footer-brand img{
    display:block;
    width:auto;
    height:30px;
}

.site-footer-brand p{
    margin:12px 0 0;
    color:#8490a3;
    font-size:12px;
    line-height:1.5;
}

.site-footer-nav{
    display:flex;
    gap:24px;
}

.site-footer-nav a,
.site-footer-meta a{
    color:#a5afbd;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
    text-decoration:none;
}

.site-footer-nav a:hover,
.site-footer-meta a:hover{
    color:#ffffff;
}

.site-footer-contacts{
    display:flex;
    gap:26px;
    align-items:flex-start;
}

.site-footer-contacts > div{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.site-footer-contacts span{
    color:#78869a;
    font-size:10.5px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.site-footer-contacts a{
    color:#c3cbd6;
    font-size:13px;
    line-height:1.4;
    font-weight:500;
    text-decoration:none;
    white-space:nowrap;
}

.site-footer-contacts a:hover{
    color:#ffffff;
}

.site-footer-meta{
    justify-self:end;
    text-align:right;
}

.site-footer-meta > span{
    display:block;
    color:#748196;
    font-size:11.5px;
    line-height:1.4;
}

.site-footer-meta > div{
    display:flex;
    gap:16px;
    margin-top:10px;
}

@media(max-width:900px){

    .final-cta-inner{
        grid-template-columns:1fr;
    }

    .final-cta-side{
        display:none;
    }

    .site-footer-inner{
        grid-template-columns:1fr;
        gap:28px;
    }

    .site-footer-contacts{
        flex-wrap:wrap;
        gap:18px 28px;
    }

    .site-footer-meta{
        justify-self:start;
        text-align:left;
    }
}

@media(max-width:700px){

    .final-cta-section{
        min-height:650px;
        background-position:62% center;
    }

    .final-cta-inner{
        width:calc(100% - 32px);
        padding:86px 0 82px;
    }

    .final-cta-copy h2{
        font-size:48px;
    }

    .final-cta-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .final-cta-primary,
    .final-cta-secondary{
        width:100%;
    }

    .site-footer-inner{
        width:calc(100% - 32px);
    }

    .site-footer-nav{
        flex-wrap:wrap;
        gap:14px 20px;
    }

    .site-footer-meta > div{
        flex-direction:column;
        gap:8px;
    }
}


/* =========================================================
   VEDOMO — LEGAL PAGES
   ========================================================= */

.legal-page{
    min-height:100vh;
    background:#f6f8fb;
    color:#0a1628;
}

.legal-header{
    background:#050f1f;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.legal-header-inner{
    width:min(1180px, calc(100% - 64px));
    min-height:88px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}

.legal-logo{
    display:inline-flex;
    align-items:center;
}

.legal-logo img{
    display:block;
    height:30px;
    width:auto;
}

.legal-back{
    color:#9eabba;
    font-size:13px;
    line-height:1.4;
    text-decoration:none;
    transition:color .2s ease;
}

.legal-back:hover{
    color:#ffffff;
}

.legal-main{
    width:min(980px, calc(100% - 64px));
    margin:0 auto;
    padding:88px 0 110px;
}

.legal-eyebrow{
    margin-bottom:20px;
    color:#5077ff;
    font-size:11px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.legal-main h1{
    max-width:900px;
    margin:0;
    color:#071326;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:clamp(42px, 5vw, 68px);
    line-height:1.02;
    font-weight:650;
    letter-spacing:-.045em;
}

.legal-updated{
    margin:24px 0 0;
    color:#7b8796;
    font-size:13px;
    line-height:1.5;
}

.legal-lead{
    max-width:820px;
    margin:46px 0 0;
    padding:28px 30px;
    background:#ffffff;
    border:1px solid #e4e9f0;
    border-radius:18px;
    color:#344154;
    font-size:16px;
    line-height:1.75;
}

.legal-content{
    margin-top:64px;
}

.legal-content section{
    padding:34px 0;
    border-top:1px solid #dfe5ed;
}

.legal-content h2{
    margin:0 0 18px;
    color:#0a1628;
    font-family:"Inter Display","Inter",sans-serif;
    font-size:25px;
    line-height:1.25;
    font-weight:650;
    letter-spacing:-.02em;
}

.legal-content h3{
    margin:28px 0 12px;
    color:#17243a;
    font-size:17px;
    line-height:1.4;
    font-weight:650;
}

.legal-content p,
.legal-content li{
    color:#48566a;
    font-size:15px;
    line-height:1.75;
}

.legal-content p{
    margin:0 0 14px;
}

.legal-content ul{
    margin:12px 0 0;
    padding-left:22px;
}

.legal-content li + li{
    margin-top:8px;
}

.legal-content a{
    color:#315ee8;
    text-decoration:none;
}

.legal-content a:hover{
    text-decoration:underline;
}

.legal-details{
    margin-top:18px;
    padding:22px 24px;
    background:#ffffff;
    border:1px solid #e4e9f0;
    border-radius:14px;
}

.legal-details p:last-child{
    margin-bottom:0;
}

.legal-note{
    margin-top:18px;
    padding-left:18px;
    border-left:2px solid #5077ff;
}

.legal-footer{
    background:#050f1f;
    color:#ffffff;
}

.legal-footer-inner{
    width:min(1180px, calc(100% - 64px));
    margin:0 auto;
    padding:34px 0 38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
}

.legal-footer-brand{
    color:#718096;
    font-size:11px;
}

.legal-footer-links{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
}

.legal-footer-links a{
    color:#95a1b3;
    font-size:11px;
    text-decoration:none;
}

.legal-footer-links a:hover{
    color:#ffffff;
}

@media(max-width:700px){

    .legal-header-inner,
    .legal-main,
    .legal-footer-inner{
        width:calc(100% - 32px);
    }

    .legal-header-inner{
        min-height:76px;
    }

    .legal-main{
        padding:64px 0 80px;
    }

    .legal-main h1{
        font-size:40px;
    }

    .legal-lead{
        margin-top:34px;
        padding:22px;
    }

    .legal-content{
        margin-top:46px;
    }

    .legal-footer-inner{
        flex-direction:column;
        align-items:flex-start;
    }
}


/* =========================================================
   FAQ
   ========================================================= */

.faq-section{
    background:#f4f4f1;
    padding:132px 0 140px;
}

.faq-inner{
    width:min(1240px, calc(100% - 80px));
    margin:0 auto;
}

.faq-head{
    max-width:760px;
    margin-bottom:64px;
}

.faq-head h2{
    margin:18px 0 22px;
    font-size:clamp(46px, 5vw, 76px);
    line-height:.96;
    letter-spacing:-.055em;
    font-weight:600;
    color:#11120f;
}

.faq-head h2 span{
    display:block;
    color:#8a8b84;
}

.faq-head > p{
    max-width:590px;
    margin:0;
    font-size:18px;
    line-height:1.65;
    color:#686a63;
}

.faq-list{
    border-top:1px solid rgba(17,18,15,.16);
}

.faq-item{
    border-bottom:1px solid rgba(17,18,15,.16);
}

.faq-item summary{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:30px 0;
    cursor:pointer;
    list-style:none;
    user-select:none;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary span{
    max-width:900px;
    font-size:clamp(20px, 2vw, 28px);
    line-height:1.25;
    letter-spacing:-.025em;
    font-weight:500;
    color:#171814;
}

.faq-item summary i{
    position:relative;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border:1px solid rgba(17,18,15,.24);
    border-radius:50%;
    transition:
        transform .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.faq-item summary i::before,
.faq-item summary i::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:12px;
    height:1px;
    background:#171814;
    transform:translate(-50%,-50%);
    transition:transform .28s ease;
}

.faq-item summary i::after{
    transform:translate(-50%,-50%) rotate(90deg);
}

.faq-item[open] summary i{
    transform:rotate(180deg);
    background:#171814;
    border-color:#171814;
}

.faq-item[open] summary i::before,
.faq-item[open] summary i::after{
    background:#f4f4f1;
}

.faq-item[open] summary i::after{
    transform:translate(-50%,-50%) rotate(0deg);
}

.faq-answer{
    max-width:850px;
    padding:0 0 34px;
}

.faq-answer p{
    margin:0 0 14px;
    font-size:17px;
    line-height:1.72;
    color:#62645d;
}

.faq-answer p:last-child{
    margin-bottom:0;
}

.faq-answer strong{
    color:#22231f;
    font-weight:600;
}

@media (hover:hover){
    .faq-item summary:hover i{
        border-color:#171814;
    }
}

@media (max-width:760px){
    .faq-section{
        padding:88px 0 96px;
    }

    .faq-inner{
        width:min(100% - 36px, 1240px);
    }

    .faq-head{
        margin-bottom:44px;
    }

    .faq-head h2{
        margin-top:14px;
        font-size:clamp(38px, 12vw, 54px);
    }

    .faq-head > p{
        font-size:16px;
    }

    .faq-item summary{
        gap:22px;
        padding:24px 0;
    }

    .faq-item summary span{
        font-size:20px;
        line-height:1.3;
    }

    .faq-item summary i{
        flex-basis:30px;
        width:30px;
        height:30px;
    }

    .faq-answer{
        padding-bottom:28px;
    }

    .faq-answer p{
        font-size:16px;
        line-height:1.65;
    }
}


/* =========================================================
   VEDOMO TYPOGRAPHY SYSTEM — NORMALIZATION
   ========================================================= */

:root{
    --type-section-title: clamp(46px, 4vw, 68px);
    --type-section-title-mobile: 39px;

    --type-lead: 17px;
    --type-body: 16px;

    --type-card-title: 22px;
    --type-card-title-large: 24px;

    --type-small: 13px;
    --type-meta: 11px;
}


/* ---------------------------------------------------------
   SECTION TITLES
   --------------------------------------------------------- */

.problem h2,
.delay-head h2,
.brain-head h2,
.real-data-copy h2,
.trust-stats-copy h2,
.transparency-copy h2,
.priorities-head h2,
.channels-head h2,
.case-head h2,
.security-head h2,
.pricing-head h2,
.faq-head h2{
    font-size:var(--type-section-title);
    line-height:1.04;
    letter-spacing:-.05em;
}


/* ---------------------------------------------------------
   SECTION INTRO / LEAD TEXT
   --------------------------------------------------------- */

.delay-head > p,
.brain-head > p,
.real-data-copy > p,
.trust-stats-copy p,
.transparency-copy p,
.priorities-head p,
.channels-head p,
.case-head > p,
.security-head > p,
.pricing-head > p,
.faq-head > p{
    font-size:var(--type-lead);
    line-height:1.68;
}


/* ---------------------------------------------------------
   CARD / CONTENT TITLES
   --------------------------------------------------------- */

.delay-card h3,
.channel-card strong,
.security-card h3,
.transparency-card strong{
    font-size:var(--type-card-title);
    line-height:1.3;
}

.decision-card h3,
.channels-result h3{
    font-size:var(--type-card-title-large);
    line-height:1.25;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.faq-item summary span{
    font-size:22px;
    line-height:1.3;
    letter-spacing:-.025em;
}

.faq-answer p{
    font-size:16px;
    line-height:1.68;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:760px){

    .problem h2,
    .delay-head h2,
    .brain-head h2,
    .real-data-copy h2,
    .trust-stats-copy h2,
    .transparency-copy h2,
    .priorities-head h2,
    .channels-head h2,
    .case-head h2,
    .security-head h2,
    .pricing-head h2,
    .faq-head h2{
        font-size:var(--type-section-title-mobile);
        line-height:1.05;
    }

    .delay-head > p,
    .brain-head > p,
    .real-data-copy > p,
    .trust-stats-copy p,
    .transparency-copy p,
    .priorities-head p,
    .channels-head p,
    .case-head > p,
    .security-head > p,
    .pricing-head > p,
    .faq-head > p{
        font-size:16px;
        line-height:1.65;
    }

    .faq-item summary span{
        font-size:20px;
    }

    .faq-answer p{
        font-size:16px;
    }
}


/* =========================================================
   VEDOMO VISUAL SYSTEM — LAYOUT NORMALIZATION
   ========================================================= */

:root{
    --vedomo-layout-max: 1440px;
    --vedomo-layout-gutter: 96px;

    --vedomo-section-space: 112px;
    --vedomo-section-space-mobile: 76px;

    --vedomo-head-max: 980px;
    --vedomo-title-max: 960px;
    --vedomo-lead-max: 720px;

    --vedomo-content-gap: 60px;

    --vedomo-radius-large: 24px;
    --vedomo-radius-medium: 20px;

    --vedomo-light: #f7f9fc;
}


/* ---------------------------------------------------------
   ONE PAGE WIDTH
   --------------------------------------------------------- */

.problem-inner,
.problem-ref-inner,
.problem-final-inner,
.delay-inner,
.brain-inner,
.real-data-inner,
.trust-stats-inner,
.transparency-inner,
.priorities-inner,
.channels-inner,
.case-inner,
.security-inner,
.pricing-inner,
.faq-inner,
.final-cta-inner{
    width:min(
        var(--vedomo-layout-max),
        calc(100% - var(--vedomo-layout-gutter))
    );
    margin-left:auto;
    margin-right:auto;
}


/* ---------------------------------------------------------
   ONE VERTICAL SECTION RHYTHM
   --------------------------------------------------------- */

.problem-inner,
.problem-ref-inner,
.problem-final-inner,
.delay-inner,
.brain-inner,
.real-data-inner,
.trust-stats-inner,
.transparency-inner,
.priorities-inner,
.channels-inner,
.case-inner,
.security-inner,
.pricing-inner,
.faq-inner{
    padding-top:var(--vedomo-section-space);
    padding-bottom:var(--vedomo-section-space);
}


/* FAQ previously had its spacing on the section itself */
.faq-section{
    padding:0;
}


/* ---------------------------------------------------------
   SECTION HEAD GEOMETRY
   --------------------------------------------------------- */

.delay-head,
.brain-head,
.transparency-copy,
.priorities-head,
.channels-head,
.case-head,
.security-head,
.pricing-head,
.faq-head{
    max-width:var(--vedomo-head-max);
}

.problem h2,
.problem-reference .problem-ref-title,
.problem-final-copy h2,
.delay-head h2,
.brain-head h2,
.real-data-copy h2,
.trust-stats-copy h2,
.transparency-copy h2,
.priorities-head h2,
.channels-head h2,
.case-head h2,
.security-head h2,
.pricing-head h2,
.faq-head h2{
    max-width:var(--vedomo-title-max);
}


/* ---------------------------------------------------------
   LEAD TEXT WIDTH + RHYTHM
   --------------------------------------------------------- */

.delay-head > p,
.brain-head > p,
.real-data-copy > p,
.trust-stats-copy p,
.transparency-copy p,
.priorities-head p,
.channels-head p,
.case-head > p,
.security-head > p,
.pricing-head > p,
.faq-head > p{
    max-width:var(--vedomo-lead-max);
    margin-top:28px;
}


/* FAQ eyebrow -> title rhythm */
.faq-head h2{
    margin:18px 0 0;
}

.faq-head{
    margin-bottom:var(--vedomo-content-gap);
}


/* ---------------------------------------------------------
   CONTENT START — ONE RHYTHM
   --------------------------------------------------------- */

.delay-grid,
.brain-stage,
.transparency-flow,
.priorities-grid,
.channels-scene,
.channels-scene-native,
.case-layout,
.security-grid,
.pricing-grid{
    margin-top:var(--vedomo-content-gap);
}


/* ---------------------------------------------------------
   CARD GEOMETRY
   --------------------------------------------------------- */

.delay-card,
.transparency-card,
.security-card,
.pricing-card,
.channels-result,
.case-main,
.case-metrics{
    border-radius:var(--vedomo-radius-large);
}

.case-channel,
.case-findings-grid article{
    border-radius:var(--vedomo-radius-medium);
}


/* ---------------------------------------------------------
   LIGHT SURFACE FAMILY
   Keep existing subtle gradients, normalize base tone.
   --------------------------------------------------------- */

.problem,
.problem-reference,
.problem-final,
.delay-section,
.real-data-section,
.transparency-section,
.channels-section,
.security-section,
.faq-section{
    background-color:var(--vedomo-light);
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:760px){

    :root{
        --vedomo-layout-gutter:32px;
    }

    .problem-inner,
    .problem-ref-inner,
    .problem-final-inner,
    .delay-inner,
    .brain-inner,
    .real-data-inner,
    .trust-stats-inner,
    .transparency-inner,
    .priorities-inner,
    .channels-inner,
    .case-inner,
    .security-inner,
    .pricing-inner,
    .faq-inner{
        width:calc(100% - var(--vedomo-layout-gutter));
        padding-top:var(--vedomo-section-space-mobile);
        padding-bottom:var(--vedomo-section-space-mobile);
    }

    .faq-head{
        margin-bottom:46px;
    }

    .delay-grid,
    .brain-stage,
    .transparency-flow,
    .priorities-grid,
    .channels-scene,
    .channels-scene-native,
    .case-layout,
    .security-grid,
    .pricing-grid{
        margin-top:46px;
    }
}


/* =========================================================
   VEDOMO VISUAL SYSTEM — MICRO TYPOGRAPHY / CARDS
   ========================================================= */

:root{
    --vedomo-card-title:22px;
    --vedomo-card-title-compact:20px;

    --vedomo-card-body:15px;
    --vedomo-card-body-compact:13px;

    --vedomo-label:11px;
    --vedomo-label-small:10px;

    --vedomo-card-radius:20px;
    --vedomo-panel-radius:24px;

    --vedomo-border-light:rgba(7,20,38,.10);
}


/* ---------------------------------------------------------
   CARD TITLES
   --------------------------------------------------------- */

.delay-card h3,
.security-card h3,
.channels-result h3,
.transparency-card strong{
    font-size:var(--vedomo-card-title);
    line-height:1.28;
    letter-spacing:-.025em;
}

.channel-card strong,
.case-findings-grid h4{
    font-size:var(--vedomo-card-title-compact);
    line-height:1.3;
    letter-spacing:-.02em;
}


/* ---------------------------------------------------------
   CARD BODY
   --------------------------------------------------------- */

.delay-card p,
.security-card p,
.transparency-bottom,
.case-story-item p{
    font-size:var(--vedomo-card-body);
    line-height:1.62;
}

.channel-card span,
.channels-result li,
.case-findings-grid p,
.pricing-card li,
.pricing-extra p{
    font-size:var(--vedomo-card-body-compact);
    line-height:1.58;
}


/* ---------------------------------------------------------
   LABELS / META
   --------------------------------------------------------- */

.delay-number,
.brain-column-label,
.decision-priority,
.priority-chip,
.priority-market,
.case-story-item > span,
.case-metric span,
.security-number,
.pricing-card-top small{
    font-size:var(--vedomo-label);
    line-height:1.35;
}

.brain-source small,
.decision-status,
.decision-action span,
.channel-source-label,
.case-label,
.case-metrics-label,
.case-channel small,
.security-principle span,
.pricing-extra span{
    font-size:var(--vedomo-label-small);
    line-height:1.4;
}


/* ---------------------------------------------------------
   CARD RADII
   --------------------------------------------------------- */

.delay-card,
.transparency-card,
.case-channel,
.case-findings-grid article,
.pricing-extra{
    border-radius:var(--vedomo-card-radius);
}

.security-card,
.pricing-card,
.channels-result,
.case-main,
.case-metrics{
    border-radius:var(--vedomo-panel-radius);
}


/* ---------------------------------------------------------
   LIGHT CARD BORDER LANGUAGE
   --------------------------------------------------------- */

.delay-card,
.transparency-card,
.channel-card,
.channels-result,
.security-card,
.pricing-card,
.pricing-extra{
    border-color:var(--vedomo-border-light);
}


/* ---------------------------------------------------------
   FAQ — KEEP QUIET / EDITORIAL
   --------------------------------------------------------- */

.faq-item summary span{
    font-size:21px;
    font-weight:500;
}

.faq-answer{
    max-width:760px;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:760px){

    .delay-card h3,
    .security-card h3,
    .channels-result h3,
    .transparency-card strong{
        font-size:20px;
    }

    .channel-card strong,
    .case-findings-grid h4{
        font-size:19px;
    }

    .delay-card p,
    .security-card p,
    .transparency-bottom,
    .case-story-item p{
        font-size:15px;
    }

    .faq-item summary span{
        font-size:19px;
    }
}


/* =========================================================
   VEDOMO TYPOGRAPHY — WEIGHT SYSTEM
   ========================================================= */

/* body / explanatory copy */
.hero-description,
.problem-ref-text,
.problem-final-message p,
.problem-final-benefits p,
.delay-card p,
.real-data-copy > p,
.trust-stats-copy p,
.transparency-copy p,
.priorities-head p,
.channels-head p,
.case-head > p,
.security-head > p,
.pricing-head > p,
.faq-answer p{
    font-weight:400;
}


/* semantic emphasis */
.problem-conclusion strong,
.problem-ref-text strong,
.real-data-copy > strong,
.trust-stats-copy strong,
.transparency-copy > strong,
.delay-bottom strong,
.priorities-bottom strong,
.faq-item summary span{
    font-weight:500;
}


/* section and card titles */
.problem-reference .problem-ref-title,
.problem-final-copy h2,
.delay-head h2,
.brain-head h2,
.real-data-copy h2,
.trust-stats-copy h2,
.transparency-copy h2,
.priorities-head h2,
.channels-head h2,
.case-head h2,
.security-head h2,
.pricing-head h2,
.faq-head h2,
.delay-card h3,
.decision-card h3,
.channel-card strong,
.channels-result h3,
.case-main h3,
.case-findings-grid h4,
.security-card h3,
.pricing-card-top strong,
.pricing-button{
    font-weight:600;
}


/* small labels only */
.section-eyebrow,
.problem-ref-eyebrow,
.problem-final-eyebrow,
.brain-column-label,
.decision-priority,
.decision-status,
.priority-chip,
.priority-action span,
.channels-result-label,
.channel-source-label,
.case-label,
.case-story-item > span,
.case-metrics-label,
.case-findings-grid article > span,
.case-channels-title,
.security-number,
.security-principle span,
.pricing-extra span,
.final-cta-eyebrow,
.legal-eyebrow{
    font-weight:700;
}


/* reduce unnecessary heaviness in small secondary elements */
.brain-footer-note strong,
.economics-result span,
.transparency-number,
.priority-market,
.priority-mini-metric,
.channel-card strong,
.case-channel strong,
.pricing-card-top span{
    font-weight:600;
}


/* FAQ stays quiet */
.faq-item summary span{
    font-weight:500;
}


/* =========================================================
   VEDOMO — INTERACTION / BRAND POLISH
   ========================================================= */


/* =========================================================
   1. ANALYTICAL CORE — READABILITY
   ========================================================= */

.brain-core-center{
    z-index:6;
}

.brain-core-center strong{
    color:#ffffff;
    font-weight:600;
    text-shadow:
        0 2px 10px rgba(0,0,0,.72),
        0 0 24px rgba(38,123,255,.42);
}

.brain-core-center span{
    margin-top:11px;
    font-size:12px;
    line-height:1.3;
    font-weight:600;
    letter-spacing:.16em;
    color:rgba(255,255,255,.88);
    text-shadow:
        0 2px 8px rgba(0,0,0,.8),
        0 0 16px rgba(0,0,0,.38);
}

.brain-tag{
    z-index:7;
    padding:9px 14px;
    font-size:12px;
    line-height:1.2;
    font-weight:600;
    color:rgba(255,255,255,.94);

    background:
        linear-gradient(
            180deg,
            rgba(15,29,55,.88),
            rgba(7,18,38,.82)
        );

    border:1px solid rgba(128,164,255,.30);
    border-radius:999px;

    box-shadow:
        0 8px 24px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.07);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);

    text-shadow:0 1px 4px rgba(0,0,0,.65);
}


/* =========================================================
   2. DELAY CARDS — PREMIUM HOVER
   ========================================================= */

.delay-card{
    position:relative;
    overflow:hidden;

    background:#ffffff;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease;
}

.delay-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;

    background:
        linear-gradient(
            135deg,
            #2867f5 0%,
            #4358ef 48%,
            #7448e8 100%
        );

    opacity:0;
    transition:opacity .24s ease;
    pointer-events:none;
}

.delay-card > *{
    position:relative;
    z-index:1;
}

@media (hover:hover){

    .delay-card:hover{
        transform:translateY(-5px);

        border-color:rgba(74,105,255,.45);

        box-shadow:
            0 22px 50px rgba(37,67,158,.18),
            0 8px 22px rgba(34,54,120,.10);
    }

    .delay-card:hover::before{
        opacity:1;
    }

    .delay-card:hover .delay-number{
        color:rgba(255,255,255,.82);
    }

    .delay-card:hover h3{
        color:#ffffff;
    }

    .delay-card:hover p{
        color:rgba(255,255,255,.82);
    }
}


/* Legacy permanent accent is intentionally neutralized */
.delay-card-accent{
    background:#ffffff;
    color:inherit;
}


/* =========================================================
   3. CHANNELS — BRAND CORE
   ========================================================= */

.channels-core{
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(84,112,255,.17),
            rgba(84,112,255,.05) 34%,
            rgba(255,255,255,.92) 68%
        ),
        #ffffff;

    border:1px solid rgba(57,86,168,.12);

    box-shadow:
        0 22px 55px rgba(57,79,150,.10),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.channels-core::before{
    content:"";
    position:absolute;
    inset:16%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(84,112,255,.13) 0%,
            rgba(84,112,255,.035) 48%,
            transparent 72%
        );

    filter:blur(2px);
    pointer-events:none;
}

.channels-core-title{
    position:relative;
    z-index:4;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.channels-core-logo{
    display:block;
    width:min(220px, 58%);
    height:auto;
    object-fit:contain;

    filter:
        drop-shadow(0 8px 22px rgba(30,54,130,.12));
}

.channels-core-title span{
    margin-top:15px;
    font-size:10px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.17em;
    color:#64708c;
}

.channels-core-tags{
    position:relative;
    z-index:4;
    margin-top:26px;
}

.channels-core-tags span{
    background:rgba(255,255,255,.80);
    border:1px solid rgba(60,89,168,.12);

    box-shadow:
        0 5px 18px rgba(57,79,150,.06);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}


/* Result should feel like the output of the system */
.channels-result{
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,250,255,.98)
        );

    border:1px solid rgba(57,86,168,.13);

    box-shadow:
        0 18px 44px rgba(57,79,150,.08);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:760px){

    .brain-core-center span{
        font-size:10px;
    }

    .brain-tag{
        font-size:10px;
        padding:7px 10px;
    }

    .delay-card{
        transform:none;
    }

    .channels-core-logo{
        width:min(190px, 65%);
    }
}


/* =========================================================
   VEDOMO — DECISION STACK READABILITY
   ========================================================= */

.decision-stack > div{
    min-height:58px;
    padding:12px 14px;
}

.decision-stack strong{
    font-size:11px;
    line-height:1.2;
    font-weight:600;
}

.decision-stack span{
    margin-top:4px;
    font-size:11px;
    line-height:1.3;
    font-weight:500;
    color:rgba(205,214,235,.72);
}


/* =========================================================
   VEDOMO — CHANNELS FINAL SYSTEM
   ========================================================= */

/* ---------------------------------------------------------
   BRAND CORE
   --------------------------------------------------------- */

.channels-core{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-height:360px;
    padding:38px 26px 32px;
}


/* soft brand halo */
.channels-core::before{
    content:"";
    position:absolute;
    inset:16%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(84,112,255,.13) 0%,
            rgba(84,112,255,.035) 48%,
            transparent 72%
        );

    filter:blur(2px);
    opacity:.78;

    pointer-events:none;
}


/* ---------------------------------------------------------
   BRAND TITLE
   --------------------------------------------------------- */

.channels-core-title{
    position:relative;

    top:auto;
    right:auto;
    bottom:auto;
    left:auto;

    transform:none;

    z-index:6;

    width:min(300px, 78%);
    margin:0 auto;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}


/* official VEDOMO master logo */
.channels-core-logo{
    display:block;

    width:100%;
    max-width:220px;
    height:auto;
    margin:0 auto;

    padding:14px 22px;

    box-sizing:border-box;

    object-fit:contain;

    border:1px solid rgba(111,143,255,.22);
    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(7,20,38,.97),
            rgba(13,30,62,.94)
        );

    box-shadow:
        0 14px 34px rgba(31,55,130,.13),
        0 0 0 1px rgba(255,255,255,.035) inset,
        0 1px 0 rgba(255,255,255,.07) inset;

    filter:none;
}


.channels-core-title span{
    margin-top:16px;

    font-size:10px;
    line-height:1.3;
    font-weight:700;
    letter-spacing:.16em;

    color:#6c7890;

    text-align:center;
}


/* ---------------------------------------------------------
   CORE TAGS
   --------------------------------------------------------- */

.channels-core-tags{
    position:relative;

    top:auto;
    right:auto;
    bottom:auto;
    left:auto;

    transform:none;

    z-index:6;

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;

    width:auto;
    max-width:90%;

    margin:21px auto 0;
    gap:7px;
}


.channels-core-tags span{
    padding:7px 11px;

    font-size:10px;
    line-height:1;
    font-weight:500;

    color:#5d6980;

    background:rgba(255,255,255,.84);

    border:1px solid rgba(60,89,168,.11);
    border-radius:999px;

    box-shadow:
        0 4px 14px rgba(57,79,150,.045);

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}


/* ---------------------------------------------------------
   CORE GLOW
   --------------------------------------------------------- */

.channels-core-glow{
    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    width:250px;
    height:250px;

    opacity:.52;

    pointer-events:none;
}


/* ---------------------------------------------------------
   FLOW
   --------------------------------------------------------- */

.channels-flow span{
    height:1px;

    opacity:.72;

    background:
        linear-gradient(
            90deg,
            rgba(65,112,240,.25),
            rgba(65,112,240,.58)
        );

    box-shadow:
        0 0 8px rgba(55,111,235,.07);
}

.channels-flow-out span{
    background:
        linear-gradient(
            90deg,
            rgba(65,112,240,.58),
            rgba(65,112,240,.25)
        );
}


/* ---------------------------------------------------------
   SOURCE CARDS
   --------------------------------------------------------- */

.channel-card{
    box-shadow:
        0 10px 26px rgba(42,62,105,.035);

    border-color:rgba(31,55,104,.09);
}

.channel-brand strong{
    font-size:20px;
    font-weight:600;
    letter-spacing:-.02em;
}

.channel-card > span{
    font-size:12.5px;
    line-height:1.5;
    font-weight:400;
    color:#667187;
}

.channel-source-label{
    margin-top:14px;

    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;

    color:#5f82c6;
}


/* ---------------------------------------------------------
   RESULT
   --------------------------------------------------------- */

.channels-result{
    padding:30px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98),
            rgba(248,250,255,.98)
        );

    border:1px solid rgba(56,91,182,.14);

    box-shadow:
        0 18px 42px rgba(57,79,150,.075),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.channels-result-label{
    font-size:10px;
    letter-spacing:.14em;
}

.channels-result h3{
    margin-top:17px;

    font-size:22px;
    line-height:1.28;
    font-weight:600;
}

.channels-result ul{
    margin-top:22px;
}

.channels-result li{
    padding:11px 0 11px 21px;

    font-size:13px;
    line-height:1.45;
    font-weight:400;

    color:#566279;
}

.channels-result li::before{
    width:6px;
    height:6px;
}


/* ---------------------------------------------------------
   SECTION RHYTHM
   --------------------------------------------------------- */

.channels-head p{
    margin-top:26px;
}

.channels-scene-native{
    margin-top:56px;
}

.channels-bottom{
    margin-top:42px;
    padding-top:26px;
}

.channels-bottom strong{
    font-weight:500;
}

.channels-bottom span{
    color:#738097;
}


/* ---------------------------------------------------------
   HOVER
   --------------------------------------------------------- */

@media (hover:hover){

    .channel-card:hover{
        transform:translateX(2px);

        border-color:rgba(52,113,232,.17);

        box-shadow:
            0 16px 36px rgba(52,72,111,.055);
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:760px){

    .channels-core{
        min-height:290px;
        padding:31px 18px 27px;
    }

    .channels-core-title{
        width:min(270px, 82%);
    }

    .channels-core-logo{
        max-width:195px;
        padding:13px 18px;
    }

    .channels-core-glow{
        width:220px;
        height:220px;
    }

    .channels-scene-native{
        margin-top:44px;
    }

    .channels-result{
        padding:24px;
    }

    .channels-result h3{
        font-size:20px;
    }
}


/* =========================================================
   VEDOMO — ACTION SYSTEM
   ========================================================= */

:root{
    --vedomo-action-height:52px;
    --vedomo-action-radius:14px;
    --vedomo-action-font:14px;
    --vedomo-action-weight:600;
    --vedomo-action-transition:.22s ease;
}


/* ---------------------------------------------------------
   MAIN ACTIONS — ONE GEOMETRY
   --------------------------------------------------------- */

.button,
.pricing-button,
.final-cta-primary,
.final-cta-secondary{
    box-sizing:border-box;

    min-height:var(--vedomo-action-height);
    padding:0 24px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    font-size:var(--vedomo-action-font);
    font-weight:var(--vedomo-action-weight);
    line-height:1.2;

    border-radius:var(--vedomo-action-radius);

    text-decoration:none;

    transition:
        transform var(--vedomo-action-transition),
        box-shadow var(--vedomo-action-transition),
        border-color var(--vedomo-action-transition),
        background var(--vedomo-action-transition),
        color var(--vedomo-action-transition);
}


/* ---------------------------------------------------------
   HERO PRIMARY
   --------------------------------------------------------- */

.button-primary{
    background:
        linear-gradient(
            100deg,
            #287cf7 0%,
            #655cf5 55%,
            #8b50ed 100%
        );

    color:#ffffff;

    box-shadow:
        0 12px 34px rgba(67,91,245,.22);
}


/* ---------------------------------------------------------
   HERO SECONDARY
   --------------------------------------------------------- */

.button-secondary{
    border:1px solid rgba(255,255,255,.26);

    background:rgba(5,12,25,.20);

    color:#ffffff;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}


/* ---------------------------------------------------------
   PRICING ACTION
   --------------------------------------------------------- */

.pricing-button{
    width:100%;

    border:1px solid rgba(43,84,174,.15);

    background:#ffffff;

    color:#17335f;
}


/* ---------------------------------------------------------
   FINAL CTA
   --------------------------------------------------------- */

.final-cta-primary{
    border:1px solid rgba(255,255,255,.92);

    background:#ffffff;

    color:#071426;
}

.final-cta-secondary{
    border:1px solid rgba(255,255,255,.22);

    background:rgba(255,255,255,.045);

    color:#ffffff;

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}


/* ---------------------------------------------------------
   HEADER CTA — NAVIGATION SCALE
   --------------------------------------------------------- */

.header-cta{
    box-sizing:border-box;

    min-height:44px;
    padding:0 21px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    font-size:13px;
    line-height:1.2;
    font-weight:600;

    border:1px solid rgba(255,255,255,.28);
    border-radius:999px;

    background:rgba(255,255,255,.055);

    color:#ffffff;

    text-decoration:none;

    transition:
        transform var(--vedomo-action-transition),
        background var(--vedomo-action-transition),
        border-color var(--vedomo-action-transition);
}


/* ---------------------------------------------------------
   DESKTOP HOVER
   --------------------------------------------------------- */

@media (hover:hover){

    .button:hover,
    .pricing-button:hover,
    .final-cta-primary:hover,
    .final-cta-secondary:hover,
    .header-cta:hover{
        transform:translateY(-2px);
    }

    .button-primary:hover{
        box-shadow:
            0 16px 40px rgba(67,91,245,.28);
    }

    .button-secondary:hover,
    .final-cta-secondary:hover{
        border-color:rgba(255,255,255,.38);
        background:rgba(255,255,255,.08);
    }

    .pricing-button:hover{
        border-color:rgba(43,84,174,.28);

        box-shadow:
            0 10px 24px rgba(38,62,116,.08);
    }

    .final-cta-primary:hover{
        box-shadow:
            0 12px 30px rgba(0,0,0,.15);
    }

    .header-cta:hover{
        border-color:rgba(255,255,255,.42);
        background:rgba(255,255,255,.09);
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:760px){

    .button,
    .pricing-button,
    .final-cta-primary,
    .final-cta-secondary{
        min-height:50px;
        padding:0 20px;

        font-size:13px;
    }

    .header-cta{
        min-height:40px;
        padding:0 16px;

        font-size:12px;
    }
}


/* =========================================================
   VEDOMO — SMALL TEXT POLISH
   ========================================================= */

/* hero hint — still subtle, but readable */
.scroll-hint{
    font-size:10px;
    font-weight:500;
    color:rgba(255,255,255,.58);
}

/* status labels should not fall below interface readability */
.decision-status{
    font-size:10px;
    font-weight:700;
    color:rgba(255,255,255,.42);
}

/* case / channel micro heading */
.case-channels-title{
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
}

/* security principle labels */
.security-principle span{
    font-size:10px;
    font-weight:700;
}

/* pricing helper label */
.pricing-extra span{
    font-size:10px;
    font-weight:700;
}

/* keep channel system labels compact, but not undersized */
.channel-source-label{
    font-size:10px;
}

/* central business-model label */
.channels-core-title span{
    font-size:10px;
}


/* =========================================================
   VEDOMO — MOBILE SECTION TITLE SYSTEM
   ========================================================= */

@media (max-width:760px){

    .problem h2,
    .problem-reference .problem-ref-title,
    .problem-final-copy h2,
    .delay-head h2,
    .brain-head h2,
    .real-data-copy h2,
    .trust-stats-copy h2,
    .transparency-copy h2,
    .priorities-head h2,
    .channels-head h2,
    .case-head h2,
    .security-head h2,
    .pricing-head h2,
    .faq-head h2{
        font-size:clamp(36px,10vw,40px);
        line-height:1.05;
        letter-spacing:-.045em;
    }

    .problem h2 span,
    .problem-reference .problem-ref-title span,
    .problem-final-copy h2 span,
    .delay-head h2 span,
    .brain-head h2 span,
    .real-data-copy h2 span,
    .trust-stats-copy h2 span,
    .transparency-copy h2 span,
    .priorities-head h2 span,
    .channels-head h2 span,
    .case-head h2 span,
    .security-head h2 span{
        line-height:1.05;
    }

    .delay-head > p,
    .problem-copy > p,
    .brain-head > p,
    .real-data-copy > p{
        margin-top:24px;
    }
}


/* =========================================================
   VEDOMO — CASE PROOF LAYER
   ========================================================= */

.case-proof-strip{
    display:grid;
    grid-template-columns:1.25fr .8fr .9fr 1fr;
    gap:1px;

    margin-top:48px;

    overflow:hidden;
    border:1px solid rgba(255,255,255,.09);
    border-radius:20px;

    background:rgba(255,255,255,.08);

    box-shadow:
        0 20px 55px rgba(0,0,0,.10);
}

.case-proof-item{
    min-width:0;
    padding:24px 26px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    background:rgba(8,20,38,.72);
}

.case-proof-item strong{
    display:block;

    font-size:clamp(22px,2vw,30px);
    line-height:1.05;
    font-weight:600;
    letter-spacing:-.035em;

    color:#ffffff;
}

.case-proof-item span{
    display:block;

    margin-top:8px;

    font-size:11px;
    line-height:1.4;
    font-weight:500;

    color:#8f9db2;
}

.case-proof-primary{
    background:
        linear-gradient(
            135deg,
            rgba(37,84,180,.26),
            rgba(88,72,205,.13)
        ),
        rgba(8,20,38,.80);
}

.case-proof-primary strong{
    color:#ffffff;
}


/* Give detailed case content slightly more separation from proof */
.case-proof-strip + .case-layout{
    margin-top:28px;
}


/* More client-friendly reconciliation metric */
.case-metric strong{
    text-wrap:balance;
}


@media (max-width:900px){

    .case-proof-strip{
        grid-template-columns:repeat(2,1fr);
    }
}


@media (max-width:760px){

    .case-proof-strip{
        grid-template-columns:1fr 1fr;
        margin-top:34px;
        border-radius:18px;
    }

    .case-proof-item{
        min-height:104px;
        padding:20px 18px;
    }

    .case-proof-item strong{
        font-size:23px;
    }

    .case-proof-item span{
        margin-top:7px;
        font-size:10.5px;
        line-height:1.35;
    }

    .case-proof-strip + .case-layout{
        margin-top:24px;
    }
}


@media (max-width:420px){

    .case-proof-strip{
        grid-template-columns:1fr;
    }

    .case-proof-item{
        min-height:auto;
        padding:19px 20px;
    }

    .case-proof-item strong{
        font-size:24px;
    }

    .case-proof-item span{
        font-size:11px;
    }
}


/* =========================================================
   VEDOMO — MOBILE FOOTER FINAL
   ========================================================= */

@media (max-width:760px){

    .site-footer-brand p{
        font-size:11.5px;
    }

    .site-footer-nav a,
    .site-footer-meta a,
    .site-footer-contacts a{
        font-size:12.5px;
    }

    .site-footer-contacts{
        flex-direction:column;
        align-items:flex-start;
        gap:18px;
    }

    .site-footer-contacts > div{
        width:100%;
    }

    .site-footer-contacts span{
        font-size:10px;
    }

    .site-footer-contacts a{
        white-space:normal;
    }

    .site-footer-meta > span{
        font-size:11px;
    }
}



/* =========================================================
   VEDOMO — LEAD FORM
   ========================================================= */

.final-cta-inner{
    align-items:stretch;
}

.final-cta-side{
    display:block;
    width:min(100%, 560px);
}

.lead-form{
    width:100%;
    padding:30px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:24px;
    background:rgba(255,255,255,.07);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.lead-form-head{
    margin-bottom:24px;
}

.lead-form-head > span{
    display:block;
    margin-bottom:8px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    color:rgba(255,255,255,.54);
}

.lead-form-head h3{
    margin:0 0 8px;
    font-size:24px;
    line-height:1.15;
    color:#fff;
}

.lead-form-head p{
    margin:0;
    max-width:480px;
    font-size:14px;
    line-height:1.55;
    color:rgba(255,255,255,.64);
}

.lead-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.lead-field{
    display:flex;
    flex-direction:column;
    gap:7px;
}

.lead-field-wide{
    grid-column:1 / -1;
}

.lead-field > span,
.lead-marketplaces legend{
    font-size:12px;
    font-weight:600;
    color:rgba(255,255,255,.72);
}

.lead-field input,
.lead-field textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    outline:none;
    background:rgba(4,8,16,.34);
    color:#fff;
    font:inherit;
    font-size:14px;
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.lead-field input{
    min-height:46px;
    padding:0 14px;
}

.lead-field textarea{
    min-height:92px;
    padding:12px 14px;
    resize:vertical;
}

.lead-field input::placeholder,
.lead-field textarea::placeholder{
    color:rgba(255,255,255,.34);
}

.lead-field input:focus,
.lead-field textarea:focus{
    border-color:rgba(255,255,255,.42);
    background:rgba(4,8,16,.5);
    box-shadow:0 0 0 3px rgba(255,255,255,.05);
}

.lead-marketplaces{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin:18px 0;
    padding:0;
    border:0;
}

.lead-marketplaces legend{
    width:100%;
    margin-bottom:2px;
}

.lead-marketplaces label{
    position:relative;
    cursor:pointer;
}

.lead-marketplaces input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.lead-marketplaces label span{
    display:block;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    font-size:12px;
    color:rgba(255,255,255,.72);
    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease;
}

.lead-marketplaces input:checked + span{
    border-color:rgba(255,255,255,.48);
    background:rgba(255,255,255,.13);
    color:#fff;
}

.lead-consent{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:17px;
    cursor:pointer;
}

.lead-consent input{
    width:16px;
    height:16px;
    margin:2px 0 0;
    flex:0 0 auto;
    accent-color:#fff;
}

.lead-consent span{
    font-size:11px;
    line-height:1.45;
    color:rgba(255,255,255,.54);
}

.lead-consent a,
.lead-form-note a{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:3px;
}

.lead-submit{
    width:100%;
    min-height:50px;
    margin-top:16px;
    border:0;
    border-radius:999px;
    cursor:pointer;
    background:#fff;
    color:#0c111b;
    font:inherit;
    font-size:14px;
    font-weight:700;
    transition:
        transform .2s ease,
        opacity .2s ease;
}

.lead-submit:hover{
    transform:translateY(-1px);
}

.lead-submit:disabled{
    cursor:default;
    opacity:.66;
    transform:none;
}

.lead-form-message{
    display:none;
    margin-top:14px;
    padding:11px 13px;
    border-radius:10px;
    font-size:12px;
    line-height:1.45;
}

.lead-form-message.is-error,
.lead-form-message.is-success{
    display:block;
}

.lead-form-message.is-error{
    background:rgba(255,95,95,.10);
    border:1px solid rgba(255,120,120,.20);
    color:#ffd0d0;
}

.lead-form-message.is-success{
    background:rgba(123,255,190,.09);
    border:1px solid rgba(123,255,190,.18);
    color:#d7ffe9;
}

.lead-form-note{
    margin:12px 0 0;
    text-align:center;
    font-size:11px;
    color:rgba(255,255,255,.42);
}

.lead-honeypot{
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

@media (max-width: 760px){
    .lead-form{
        padding:22px;
        border-radius:20px;
    }

    .lead-form-grid{
        grid-template-columns:1fr;
    }

    .lead-field-wide{
        grid-column:auto;
    }

    .lead-form-head h3{
        font-size:21px;
    }
}