/* Minification failed. Returning unminified contents.
(13,21): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(15,59): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(20,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(51,63): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(83,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(151,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(190,22): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(211,36): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(220,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(228,63): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(233,67): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(274,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(329,31): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(483,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(486,24): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(487,25): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(488,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(494,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(496,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(525,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(542,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(613,17): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(622,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(658,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(659,28): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(660,29): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(661,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(669,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(684,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-20px'
(696,21): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(774,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(775,28): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(776,29): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(777,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(830,25): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(866,21): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(874,23): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(875,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(889,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(894,32): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(928,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(1048,23): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1071,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1072,30): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1085,23): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1089,29): run-time error CSS1039: Token not allowed after unary operator: '-margin-20px'
(1119,21): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1119,43): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1130,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(1159,26): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1187,27): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(1209,90): run-time error CSS1039: Token not allowed after unary operator: '-white-color'
(1233,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(1233,38): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1234,25): run-time error CSS1039: Token not allowed after unary operator: '-margin-80px'
(1235,22): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-color'
(1268,22): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
(1277,25): run-time error CSS1039: Token not allowed after unary operator: '-margin-60px'
(1301,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1355,23): run-time error CSS1039: Token not allowed after unary operator: '-margin-60px'
(1355,42): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1361,29): run-time error CSS1039: Token not allowed after unary operator: '-margin-40px'
 */
/* =========================================================
   SLIDER V2
   Isolated component
   ========================================================= */

.slider-v2 {
    height: 100vh;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 var(--base-padding-x);
    row-gap: 0;
    background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
}

    .slider-v2 > h2 {
        margin: 0;
        padding-top: var(--margin-80px);
        padding-bottom: 3vh;
    }

    /* =========================================================
   Internal structure
   ========================================================= */

    .slider-v2 .slider-v2-wrapper {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
        position: relative;
    }

    .slider-v2 .slider-v2-track {
        height: 100%;
        display: flex;
        flex-direction: column;
        will-change: transform;
    }

    .slider-v2 .slider-v2-container {
        flex: 0 0 100%;
        height: 100%;
        min-height: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 9vw;
        padding: 0;
        background: url('/Content/img/StaticNoise.webp') var(--white-color) repeat;
    }

    .slider-v2 .slider-v2-left {
        flex: 0 1 350px;
        max-width: 350px;
        aspect-ratio: 7 / 5;
    }

        .slider-v2 .slider-v2-left img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
/*
    .slider-v2 .slider-v2-right {
        width: 50%;
        min-width: 0;
    }
    */

    .slider-v2 .slider-v2-right {
        width: 50%;
        min-width: 0;
        max-height: calc(100vh - 260px);
        overflow-y: auto;
        padding-bottom: 24px;
    }

        .slider-v2 .slider-v2-right span {
            font-size: clamp(31.04px, 4vw, 3.75rem);
            color: var(--secondary-color);
            display: inline-block;
            line-height: 1;
            margin-bottom: 6px;
        }

        .slider-v2 .slider-v2-right h3 {
            margin-bottom: 10px;
        }

        .slider-v2 .slider-v2-left p,
        .slider-v2 .slider-v2-right p {
            margin-top: 0;
            margin-bottom: 8px;
            line-height: 1.45;
        }

            .slider-v2 .slider-v2-left p:last-child,
            .slider-v2 .slider-v2-right p:last-child {
                margin-bottom: 0;
            }

    /* =========================================================
   Reverse modifier
   ========================================================= */

    .slider-v2.slider-v2--reverse {
        overflow: hidden;
    }

    .slider-v2.slider-v2--reverse .slider-v2-wrapper,
    .slider-v2.slider-v2--reverse .slider-v2-track,
    .slider-v2.slider-v2--reverse .slider-v2-container {
        height: 100%;
    }

    .slider-v2.slider-v2--reverse .slider-v2-container {
        flex-direction: row;
        align-items: center;
    }

    .slider-v2.slider-v2--reverse .slider-v2-left {
        flex: 0 0 50%;
        width: 50%;
        max-width: none;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        text-align: left;
    }
    /* Pentru gestionare zoom*/
    .slider-v2.slider-v2--reverse .slider-v2-left {
        max-height: calc(100vh - 160px);
        overflow-y: auto;
        padding-bottom: 8px;
    }


    .slider-v2.slider-v2--reverse .slider-v2-left > span,
    .slider-v2.slider-v2--reverse .slider-v2-left > h3,
    .slider-v2.slider-v2--reverse .slider-v2-left > p {
        width: 100%;
    }

    .slider-v2.slider-v2--reverse .slider-v2-left > span {
        font-size: clamp(31.04px, 4vw, 3.75rem);
        color: var(--secondary-color);
        display: inline-block;
        line-height: 1;
        margin-bottom: 6px;
    }

    .slider-v2.slider-v2--reverse .slider-v2-left h3 {
        margin-bottom: 10px;
    }

    .slider-v2.slider-v2--reverse .slider-v2-right {
        flex: 0 1 350px;
        max-width: 350px;
        aspect-ratio: 7 / 5;
        width: 50%;
        min-width: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .slider-v2.slider-v2--reverse .slider-v2-right img {
        display: block;
        width: auto;
        height: auto;
        max-width: 340px;
        max-height: 260px;
        object-fit: contain;
        margin: 0 auto;
    }


    /* =========================================================
   Bullets
   ========================================================= */

    .slider-v2 .slider-v2-bullets {
        position: absolute;
        bottom: var(--margin-80px);
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 1.5rem;
        z-index: 5;
    }

    .slider-v2 .slider-v2-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        cursor: pointer;
        position: relative;
        transition: background-color .3s;
    }

        .slider-v2 .slider-v2-bullet::before {
            content: "";
            width: 20px;
            height: 20px;
            border: 1px solid var(--tertiary-color);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .slider-v2 .slider-v2-bullet.active {
            background-color: var(--secondary-color);
        }

    /* =========================================================
   Tertiary background utility
   ========================================================= */

    .slider-v2.bg-tertiary {
        background: url('/Content/img/StaticNoise.webp') var(--tertiary-color) repeat;
        color: #fff;
    }

        .slider-v2.bg-tertiary .slider-v2-container {
            background: url('/Content/img/StaticNoise.webp') var(--tertiary-color) repeat;
        }

        .slider-v2.bg-tertiary > h2,
        .slider-v2.bg-tertiary .slider-v2-right h3,
        .slider-v2.bg-tertiary .slider-v2-left h3,
        .slider-v2.bg-tertiary .slider-v2-right p,
        .slider-v2.bg-tertiary .slider-v2-left p,
        .slider-v2.bg-tertiary .slider-v2-right a,
        .slider-v2.bg-tertiary .slider-v2-left a,
        .slider-v2.bg-tertiary .slider-v2-right li,
        .slider-v2.bg-tertiary .slider-v2-left li,
        .slider-v2.bg-tertiary .slider-v2-right strong,
        .slider-v2.bg-tertiary .slider-v2-left strong,
        .slider-v2.bg-tertiary .slider-v2-right em,
        .slider-v2.bg-tertiary .slider-v2-left em,
        .slider-v2.bg-tertiary p,
        .slider-v2.bg-tertiary h2,
        .slider-v2.bg-tertiary h3,
        .slider-v2.bg-tertiary li,
        .slider-v2.bg-tertiary strong,
        .slider-v2.bg-tertiary em {
            color: #fff !important;
        }

            .slider-v2.bg-tertiary .slider-v2-right a:hover,
            .slider-v2.bg-tertiary .slider-v2-left a:hover,
            .slider-v2.bg-tertiary .slider-v2-right a:focus,
            .slider-v2.bg-tertiary .slider-v2-left a:focus {
                color: #fff !important;
            }

        .slider-v2.bg-tertiary .slider-v2-bullet::before {
            border-color: rgba(255, 255, 255, 0.6);
        }

        .slider-v2.bg-tertiary .slider-v2-bullet {
            background: transparent;
        }

            .slider-v2.bg-tertiary .slider-v2-bullet.active {
                background-color: var(--secondary-color);
            }

    /* =========================================================
   SLIDER V2 - DW / POWER BI variant
   ========================================================= */

    .slider-v2.slider-v2--dw-powerbi > h2 {
        padding-bottom: 1vh;
    }

    .slider-v2.slider-v2--dw-powerbi .slider-v2-top {
        display: flex;
        column-gap: 6vw;
        align-items: flex-start;
        width: 100%;
        padding: 0;
        padding-bottom: 0.1vh;
        flex: 0 0 auto;
    }

    .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col {
        width: 50%;
        min-width: 0;
    }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col h3 {
            margin-bottom: 8px;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col ul {
            margin: 0;
            padding-left: 1.1rem;
        }

        .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col li {
            margin-bottom: 4px;
            line-height: 1.3;
        }

            .slider-v2.slider-v2--dw-powerbi .slider-v2-top-col li:last-child {
                margin-bottom: 0;
            }

/* =========================================================
   Mobile
   ========================================================= */

@media only screen and (max-width: 767px) {

    .slider-v2 {
        padding-bottom: 56px;
    }

        .slider-v2 > h2 {
            padding-top: var(--margin-80px);
            padding-bottom: 10px;
        }

        .slider-v2 .slider-v2-container {
            flex-direction: column;
            flex-wrap: nowrap;
            column-gap: 0;
            row-gap: 12px;
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0 !important;
            padding-right: 0 !important;
            align-items: center;
        }

        .slider-v2 .slider-v2-left,
        .slider-v2 .slider-v2-right,
        .slider-v2.slider-v2--reverse .slider-v2-left,
        .slider-v2.slider-v2--reverse .slider-v2-right {
            width: 100%;
            max-width: none;
            min-width: 0;
        }

        /* Standard slider: image on top */
        .slider-v2 .slider-v2-left {
            height: auto;
            max-width: 180px;
            margin: 0 auto;
            aspect-ratio: 7 / 5;
            flex: 0 1 auto;
            order: 1;
        }

        .slider-v2 .slider-v2-right {
            order: 2;
        }

        .slider-v2 .slider-v2-left img {
            width: 100%;
            height: auto;
            max-height: 135px;
            object-fit: contain;
            display: block;
        }

        /* Reverse slider: force image first, text second */
        .slider-v2.slider-v2--reverse .slider-v2-container {
            flex-direction: column;
            align-items: center;
        }

        .slider-v2.slider-v2--reverse .slider-v2-right {
            order: 1;
            height: auto;
            max-width: 180px;
            margin: 0 auto;
            aspect-ratio: 7 / 5;
            flex: 0 1 auto;
        }

            .slider-v2.slider-v2--reverse .slider-v2-right img {
                width: 100%;
                height: auto;
                max-height: 135px;
                object-fit: contain;
                display: block;
            }

        .slider-v2.slider-v2--reverse .slider-v2-left {
            order: 2;
            align-items: center;
            text-align: left;
            justify-content: flex-start;
            flex: 1 1 auto;
            max-width: none;
            aspect-ratio: auto;
            width: 100%;
            max-height: calc(100vh - 160px);
            overflow-y: auto;
            padding-bottom: 8px;
        }   

            .slider-v2 .slider-v2-right span,
            .slider-v2.slider-v2--reverse .slider-v2-left > span {
                margin-bottom: 4px;
            }

            .slider-v2 .slider-v2-right h3,
            .slider-v2.slider-v2--reverse .slider-v2-left h3 {
                margin-bottom: 8px;
            }

        .slider-v2 .slider-v2-left p,
        .slider-v2 .slider-v2-right p {
            margin-bottom: 7px;
            line-height: 1.4;
        }

        .slider-v2 .slider-v2-bullets {
            bottom: 14px;
            z-index: 50;
        }

        .slider-v2 .slider-v2-bullet {
            width: 8px;
            height: 8px;
        }

            .slider-v2 .slider-v2-bullet::before {
                width: 16px;
                height: 16px;
            }
}

/* =========================================================
                  Testimonials
   ========================================================= */

.slider-v2--testimonials .slider-v2-left {
    flex: 0 0 34%; /* wider column */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* move image higher */
    padding-top: 2vh; /* fine tuning vertical position */
}

    .slider-v2--testimonials .slider-v2-left img {
        height: clamp(480px, 72vh, 780px); /* ~ +50% */
        width: auto;
        max-width: none; /* IMPORTANT → allow it to grow wider */
        object-fit: contain;
        display: block;
        margin: 0 auto;
    }



.slider-v2--testimonials .slider-v2-right {
    flex: 1;
}


/* =======================================================================
   PROCESS V2 — 100vh like devWeb
   Talia fizica a imaginilor : w 600 × h 440px (WebP)
   In html se trec:
   <img src="....webp" draggable="false" alt="Icon" width="600" height="440">
   ======================================================================= */

.process-v2 {
    position: relative;
    overflow: hidden;
    background: var(--tertiary-color);
    height: 100vh;
    padding-top: 0;
    padding-left: var(--base-padding-x);
    padding-right: var(--base-padding-x);
    padding-bottom: var(--margin-40px);
    margin-bottom: 0;
}

    .process-v2 h2 {
        width: 100%;
        color: var(--white-color);
        margin: 0;
        padding-top: var(--margin-80px);
        padding-bottom: 3vh;
    }

    .process-v2::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        opacity: .12;
        pointer-events: none;
        background: url('/Content/img/RandomStatic.webp') repeat;
        mix-blend-mode: normal;
    }

.process-wrapper-v2 {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 3vh;
    overflow: hidden;
}

    /* Intro paragraph under the title (default process-v2 behavior) */
    .process-wrapper-v2 > p {
        color: rgba(242, 242, 242, .92);
        margin-top: var(--margin-40px);
    }

/* Variant: process title followed by intro text */
.process-v2 .process-title-v2-with-intro {
    padding-bottom: 12px;
}

.process-wrapper-v2 > p.intro-text {
    margin-top: 0;
    color: rgba(242, 242, 242, .92);
    font-size: clamp(17px, 1.2vw, 19px);
    line-height: 1.7;
    max-width: 1100px;
}

    .process-wrapper-v2 > p.intro-text a {
        color: var(--white-color);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

        .process-wrapper-v2 > p.intro-text a:hover {
            opacity: 0.85;
        }

/* -----------------------------------------------------------
   Cards row fills remaining height
----------------------------------------------------------- */
.process-container-v2 {
    display: flex;
    column-gap: 4vw;
    cursor: grab;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: none;
    counter-reset: processStep;
    flex: 1;
    flex-wrap: nowrap;
}

    .process-container-v2::-webkit-scrollbar {
        display: none;
    }

.process-card-v2 {
    flex: 0 0 calc((100% - 2 * 4vw) / 2.5);
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    counter-increment: processStep;
}

/* Icon area */
.process-card-icon-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    height: clamp(220px, 32vh, 360px);
}

    .process-card-icon-v2 img {
        height: auto;
        width: auto;
        max-height: 220px;
        max-width: 100%;
        object-fit: contain;
        opacity: .95;
        user-select: none;
        -webkit-user-drag: none;
        display: block;
    }

/* Align title + paragraphs same width */
.process-content-v2 h3,
.process-content-v2 p {
    max-width: none;
    width: 100%;
}

.process-content-v2 h3 {
    color: var(--white-color);
    margin: 0;
}

    .process-content-v2 h3::before {
        content: counter(processStep, decimal-leading-zero);
        display: block;
        font-size: clamp(28px, 3vw, 56px);
        line-height: 1;
        color: var(--secondary-color);
        margin-bottom: .6rem;
    }

.process-content-v2 p,
.process-content-v2 p a {
    color: rgba(242, 242, 242, .92);
}

.process-content-v2 p {
    margin: 0;
}

/* -----------------------------------------------------------
   Desktop only
----------------------------------------------------------- */
@media only screen and (min-width: 1025px) {

    .process-card-icon-v2 {
        height: clamp(150px, 22vh, 240px);
        padding: 0.5rem 0 0.25rem;
    }

        .process-card-icon-v2 img {
            max-height: 160px;
        }
}

/* -----------------------------------------------------------
   Mobile: allow natural height
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    .process-v2 {
        height: auto;
        min-height: 100vh;
        padding-top: var(--margin-80px);
        padding-left: var(--base-padding-x);
        padding-right: var(--base-padding-x);
        padding-bottom: var(--margin-40px);
        display: flex;
        flex-direction: column;
    }

    .process-v2 h2,
    .process-v2 .process-title-v2 {
        padding-top: 0;
        padding-bottom: var(--margin-40px);
        margin-top: 0;
    }

    .process-v2 .process-title-v2-with-intro {
        padding-bottom: 8px;
    }

    .process-wrapper-v2 {
        height: auto;
        row-gap: 12px; /* instead of var(--margin-40px) */
        flex: 1;
    }

    .process-wrapper-v2 > p {
        margin-top: var(--margin-20px);
        line-height: 1.6;
    }

    .process-wrapper-v2 > p.intro-text {
        margin-top: 0;
        max-width: none;
        font-size: clamp(15px, 3.8vw, 17px);
        line-height: 1.45;
    }

    .process-wrapper-v2 > p.intro-text a {
        color: var(--white-color);
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 3px;
    }

    .process-wrapper-v2 > p.intro-text a:hover {
        opacity: 0.85;
    }

    .process-container-v2 {
        flex: none;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }

        .process-container-v2::-webkit-scrollbar {
            display: none;
        }

    .process-content-v2 {
        flex: none;
        margin-top: 0;
        padding-top: 6px;
        row-gap: .9rem;
    }

        .process-content-v2 h3::before {
            margin-bottom: .35rem;
        }

        .process-content-v2 h3,
        .process-content-v2 p {
            max-width: none;
        }

        .process-content-v2 p {
            line-height: 1.6;
        }

    .process-card-v2 {
        flex: 0 0 88%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        scroll-snap-align: start;
    }

    .process-card-icon-v2 {
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

        .process-card-icon-v2 img {
            max-height: 190px;
            max-width: 100%;
            height: auto;
            width: auto;
            object-fit: contain;
            display: block;
        }
}

/* -----------------------------------------------------------
   Tablet portrait: also allow natural height
----------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

    .process-v2 {
        height: auto;
        padding-top: var(--margin-80px);
        padding-left: var(--base-padding-x);
        padding-right: var(--base-padding-x);
        padding-bottom: var(--margin-80px);
    }

        .process-v2 .process-title-v2-with-intro {
            padding-bottom: 10px;
        }

    .process-wrapper-v2 {
        height: auto;
    }

        .process-wrapper-v2 > p.intro-text {
            margin-top: 0;
        }

    .process-container-v2 {
        flex: none;
    }

    .process-card-v2 {
        height: auto;
    }

    .process-content-v2 {
        flex: none;
    }

    .process-card-icon-v2 {
        height: clamp(200px, 28vh, 320px);
    }

        .process-card-icon-v2 img {
            max-height: 200px;
        }
}

/* =========================================================
   HERO V2 – BASE
   ========================================================= */

.hero-v2 {
    width: 100%;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
}

    /* Shared container */
    .hero-v2 .hero-container {
        display: flex;
        align-items: center;
        flex: 1;
        width: 100%;
        padding: 0 var(--base-padding-x);
    }

    .hero-v2 .hero-wrapper {
        display: flex;
        justify-content: space-between;
        column-gap: 9vw;
        width: 100%;
        height: auto;
        align-items: center;
    }

    /* Columns */
    .hero-v2 .hero-left {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        flex-direction: column;
        row-gap: 1rem;
        max-width: none;
    }

    .hero-v2 .hero-right {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        flex-direction: column;
        max-width: none;
    }

        .hero-v2 .hero-right h2 {
            line-height: 1.05;
        }

    /* Text links */
    .hero-v2 .hero-left p a {
        color: var(--tertiary-color);
    }

/* =========================================================
   HERO V2 – TEXT HERO
   ========================================================= */

.hero-v2-text {
    padding-top: var(--margin-40px);
    padding-bottom: var(--margin-40px);
    min-height: 50vh;
}

    .hero-v2-text .hero-container {
        align-items: flex-start;
    }

    .hero-v2-text .hero-wrapper {
        align-items: flex-start;
    }

    .hero-v2-text .hero-left {
        justify-content: flex-start;
        padding-top: var(--margin-40px);
    }

    .hero-v2-text .hero-right {
        justify-content: flex-start;
        padding-top: calc(var(--margin-40px) + 8px);
    }


    /* TEXT HERO – audience blocks */
    .hero-v2-text .hero-right {
        row-gap: 1.5rem;        
    }

    .hero-v2-text .audience-block h3 {
        margin: 0 0 0.35rem 0;
        line-height: 1.25;
    }

    .hero-v2-text .audience-block p {
        margin: 0 0 0.45rem 0;
        line-height: 1.55;
    }

    .hero-v2-text .audience-block p:last-child {
        margin-bottom: 0;
    }

/* =========================================================
   HERO V2 – VISUAL HERO
   ========================================================= */

.hero-v2--visual {
    min-height: 100vh;
}

    /* Gradient / visual block */
    .hero-v2--visual .gradient {
        height: 50vh;
        background-color: var(--primary-color);
        position: relative;
        overflow: hidden;
    }

        /* Visual overlay */
        .hero-v2--visual .gradient::after {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 5;
            opacity: 0.2;
        }

    /* Visual + text split */
    .hero-v2--visual .hero-container {
        height: 50vh;
        display: flex;
        align-items: center;
    }

    .hero-v2--visual .hero-left {
        justify-content: center;
    }

    .hero-v2--visual .hero-right {
        justify-content: flex-end;
        align-items: flex-start;
        row-gap: 1.5rem;
    }

    /* Compact H2 variant */
    .hero-v2--visual .hero-h2-compact {
        font-size: clamp(22px, 1.6vw, 34px);
        line-height: 1.2;
        margin: 0 0 14px 0;
        letter-spacing: -0.01em;
        max-width: 44ch;
        font-weight: 700;
    }

/* =========================================================
   HERO V2 – IMAGE
   ========================================================= */

.hero-v2-image {
    height: 50vh;
    display: flex;
}

    .hero-v2-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* =========================================================
   HERO V2 – GRADIENT BULBS
   ========================================================= */

.hero-v2--visual .gradient .orangeBulb1,
.hero-v2--visual .gradient .whiteBulb1,
.hero-v2--visual .gradient .whiteBulb2 {
    position: absolute;
    animation: 100s ease-in infinite moveGradientsLeft;
}

.hero-v2--visual .gradient .blueBulb1,
.hero-v2--visual .gradient .blueBulb2,
.hero-v2--visual .gradient .greenBulb1 {
    position: absolute;
    animation: 100s ease-in infinite moveGradients;
}

.hero-v2--visual .gradient .orangeBulb1 {
    filter: blur(140px);
    left: -25%;
    top: 25%;
    width: 42%;
    z-index: 3;
}

.hero-v2--visual .gradient .whiteBulb1 {
    filter: blur(130px);
    right: -30%;
    top: 40%;
    width: 64%;
    z-index: 2;
}

.hero-v2--visual .gradient .greenBulb1 {
    filter: blur(100px);
}

.hero-v2--visual .gradient .blueBulb1 {
    filter: blur(112px);
    left: 0;
    top: 20%;
    width: 100%;
    z-index: 0;
}

/* =========================================================
   HERO V2 – MOBILE (FIXED)
   ========================================================= */

@media only screen and (max-width: 767px) {

    .hero-v2 {
        min-height: auto;
    }

    .hero-v2 .hero-container {
        height: auto;
    }

    .hero-v2 .hero-wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: var(--margin-40px);
        column-gap: 0;
    }

    .hero-v2 .hero-left,
    .hero-v2 .hero-right {
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto;
        align-self: stretch;
    }

    .hero-v2 .hero-right {
        justify-content: flex-start;
    }

    .hero-v2 .hero-right h2 {
        width: 100%;
        margin: 0;
    }

    /* TEXT HERO spacing */
    .hero-v2-text {
        padding-top: var(--margin-40px);
        padding-bottom: var(--margin-40px);
    }

    .hero-v2-image {
        height: 40vh;
        max-height: 320px;
    }

    .hero-v2-image img {
        object-fit: cover;
    }

    .hero-v2.hero-v2-text {
        row-gap: var(--margin-40px);
    }

    .hero-v2 .hero-left p {
        margin-bottom: var(--margin-20px);
    }


    /* DEFAULT (title already left → OK) */
    .hero-v2-text .hero-left {
        order: 1;
    }

    .hero-v2-text .hero-right {
        order: 2;
    }

    /* REVERSE CASE (title is on right → bring it on top) */
    .hero-v2-reverse .hero-left {
        order: 2;
    }

    .hero-v2-reverse .hero-right {
        order: 1;
    }

}

/* =========================================
   Avantages-v2
   ========================================= */

.avantages-v2 {
    height: 100vh;
    padding: 0 var(--base-padding-x) var(--margin-40px);
    display: flex;
    position: relative;
    flex-direction: column;
}

    /* Title */
    .avantages-v2 > h2 {
        width: 90%;
        z-index: 2;
        margin: 0;
        padding-top: var(--margin-80px); /* ✅ SAME as slider/process */
        padding-bottom: 3vh;
    }

/* Layout */
.avantages-v2-wrapper {
    display: flex;
    position: relative;
    overflow: hidden;
    column-gap: 9vw;
    height: 75vh;
}

/* Scroll content */
.avantages-v2-scroll {
    width: 50%;
    position: relative;
    z-index: 1;
}

.avantages-v2-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

    .avantages-v2-container p {
        margin-top: var(--margin-40px);
    }

/* Fixed image */
.avantages-v2-fixed {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 379px;
    max-width: 100%;
    flex: 0 0 379px;
}

    .avantages-v2-fixed img {
        display: block;
        width: 379px;
        max-width: 100%;
        height: auto;
    }

/* ========================
   Mobile
   ======================== */
@media only screen and (max-width: 767px) {

    .avantages-v2 > h2 {
        padding-top: var(--margin-80px);
        padding-bottom: 0;
        position: relative;
        z-index: 4;
    }

    .avantages-v2-wrapper {
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        align-items: flex-start;
        height: 100%;
        position: relative;
    }

    .avantages-v2-scroll {
        width: 100%;
        height: 60%; /* fost 45% */
    }

    .avantages-v2-fixed {
        width: 100%;
        height: 28%;
        background: url('/Content/img/StaticNoise.webp') repeat center center fixed var(--white-color);
        z-index: 3;
        padding: 0;
        top: auto;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 30px;
    }

        .avantages-v2-fixed img {
            height: 62%;            
        }

    .avantages-v2-container p {
        margin-top: 22px;
    }
}
/* ==========================================================
   KING SECTION — Clean White Text / No Borders
   ========================================================== */

.king {
    position: relative;
    padding: var(--margin-80px) var(--base-padding-x);
    margin-bottom: var(--margin-80px);
    background: var(--tertiary-color);
    overflow: hidden;
}

    .king::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        opacity: .08;
        background: url('/Content/img/RandomStatic.webp') repeat;
    }

    .king > * {
        position: relative;
        z-index: 1;
    }

    /* ---------- FORCE WHITE TEXT ---------- */

    .king,
    .king h2,
    .king h3,
    .king p,
    .king li,
    .king strong {
        color: #ffffff !important;
    }

/* ---------- Title spacing ---------- */

.king__title {
    margin: 0 0 var(--margin-40px) 0;
}

/* ---------- 2 Columns ---------- */

.king__grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    margin-bottom: var(--margin-60px);
}

/* ---------- Boxes (NO BORDERS) ---------- */

.king__box {
    background: rgba(255,255,255,.04); /* subtle depth */
    border: none; /* remove border */
    border-radius: 12px;
    padding: 1.6rem;
}

/* Accent line */
.king__boxTitle {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: 1rem;
}

.king__accent {
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background: var(--accent-color);
}

.king__h3 {
    margin: 0;
}

/* List */
.king__list {
    margin: 0;
    padding-left: 1.2rem;
}

    .king__list li {
        margin: .55rem 0;
    }

/* ---------- 3 Cards (NO BORDERS) ---------- */

.king__cards3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.king__card {
    background: rgba(255,255,255,.04);
    border: none; /* remove border */
    border-radius: 14px;
    padding: 1.8rem;
}

.king__cardTitle {
    margin: 0 0 1rem 0;
}

.king__card p {
    margin: 0 0 .9rem 0;
}

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

/* ---------- Responsive ---------- */

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

@media (max-width: 767px) {
    .king {
        padding: var(--margin-60px) var(--base-padding-x);
    }

    .king__grid2 {
        grid-template-columns: 1fr;
        gap: 1.2rem;
        margin-bottom: var(--margin-40px);
    }
}