/* ==========================================================================
   CAMELS BLOCKS — Hero Section & Advantages Carousel
   ========================================================================== */

/* Block builder wrappers — layout-transparent so child sections inherit
   the correct parent width for 100vw / calc(50% - 50vw) tricks.         */
.camels-blocks,
.camels-block-wrap {
    display: contents;
}

/* ---------- Parallax background layer (injected by JS) ---------- */
.cb-parallax-bg {
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    will-change: transform;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* ---------- Hero Section ---------- */
.cb-hero {
    position: relative;
    max-width: 1480px;
    margin: 0 auto;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 0;
}

.finish-advantage {
    color: var(--camels-surface);
    padding: 10px;
    border-radius: 50%;
    background: var(--camels-accent);
    font-size: 18px;
    width: 34px!important;
    height: 34px!important;
}

.finish-advantage::before {
    position: relative;
    align-items: center;
}

.cb-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background: url('../images/hero/heropage-background-scaled.webp') center center / cover no-repeat;
    pointer-events: none;
    z-index: -1;
}

.cb-hero__top {
    position: relative;
    background: linear-gradient(to bottom, var(--camels-surface-light) 0%, var(--camels-border-light) 100%);
    border-radius: 40px;
    overflow: hidden;
    padding: 20px clamp(1.25rem, 6vw, 96px) 0;
}

.cb-hero__top::before {
    content: '';
    position: absolute;
    left: 25px;
    top: 90px;
    width: 50px;
    height: 541px;
    background: url(../images/hero/hero_left_line.svg?v=2) no-repeat;
    background-size: contain;
    pointer-events: none;
    clip-path: inset(0 0 100% 0);
    animation: heroLineReveal 1.6s cubic-bezier(0.22, 1, 0.36, 1) 0.4s forwards;
}

@keyframes heroLineReveal {
    0%   { clip-path: inset(0 0 100% 0); opacity: 0; }
    20%  { opacity: 1; }
    100% { clip-path: inset(0 0 0% 0); opacity: 1; }
}

/* ---- Lightning glow traveling along the line ---- */

@keyframes heroLightningTravel {
    0%    { opacity: 0;    clip-path: inset(0% 0 100% 0); }
    1%    { opacity: 1;    clip-path: inset(0% 0 93% 0); }
    5%    { opacity: 0.45; clip-path: inset(7% 0 86% 0); }
    8%    { opacity: 1;    clip-path: inset(13% 0 80% 0); }
    12%   { opacity: 0.5;  clip-path: inset(20% 0 73% 0); }
    15%   { opacity: 1;    clip-path: inset(26% 0 67% 0); }
    19%   { opacity: 0.45; clip-path: inset(33% 0 60% 0); }
    22%   { opacity: 1;    clip-path: inset(39% 0 54% 0); }
    25%   { opacity: 0.5;  clip-path: inset(45% 0 48% 0); }
    28%   { opacity: 1;    clip-path: inset(51% 0 42% 0); }
    31%   { opacity: 0.45; clip-path: inset(57% 0 36% 0); }
    34%   { opacity: 1;    clip-path: inset(64% 0 29% 0); }
    37%   { opacity: 0.5;  clip-path: inset(71% 0 22% 0); }
    40%   { opacity: 1;    clip-path: inset(78% 0 15% 0); }
    43%   { opacity: 0.45; clip-path: inset(85% 0 8% 0); }
    45%   { opacity: 1;    clip-path: inset(91% 0 2% 0); }
    47%   { opacity: 0.3;  clip-path: inset(96% 0 0% 0); }
    49%   { opacity: 0;    clip-path: inset(100% 0 0% 0); }
    100%  { opacity: 0;    clip-path: inset(0% 0 100% 0); }
}

.cb-hero__description__1 {
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    background: linear-gradient(90deg, rgb(9 14 22 / 68%) 10.87%, #00000087 100%);
    border-radius: 26px;
    box-sizing: border-box;
    color: var(--camels-surface);
}

.cb-hero__top-inner {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    padding-top: 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* ---- Text column ---- */
.cb-hero__text {
    flex: 1;
    min-width: 0;
    padding-bottom: 20px;
}

.cb-hero__heading {
    margin: 0 0 24px;
    font-family: Onest, Inter, sans-serif;
}

.cb-hero__heading-line1 {
    display: block;
    font-size: var(--fs-heading);
    font-weight: 600;
    color: var(--camels-black);
    line-height: 1.15;
    }

.cb-hero__heading-line2 {
    display: block;
    font-size: var(--fs-heading);
    font-weight: 800;
    color: var(--camels-black);
    line-height: 1.15;
    }

.cb-hero__description {
    font-size: var(--fs-description-alt);
    font-weight: 400;
    color: var(--camels-black);
    line-height: 1.6;
    margin: 0 0 15px;
    max-width: 632px;
}

/* Badge */
.cb-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px 10px 10px;
    background: var(--camels-surface-70);
    border: 1px solid var(--camels-border);
    border-radius: 53px;
    margin-bottom: 20px;
    width: fit-content;
}

.cb-hero__badge img {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.cb-hero__badge span {
    font-size: 16px;
    font-weight: 500;
    color: var(--camels-black);
    white-space: nowrap;
}

/* Countries we work in */
.cb-hero__countries {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cb-hero__countries-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--camels-muted);
    white-space: nowrap;
}

.cb-hero__countries-flags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cb-hero__country-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.cb-hero__country-item img {
    width: 27px;
    height: 20px;
    display: block;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
    transition: transform 0.15s ease;
}

.cb-hero__country-item:hover img {
    transform: scale(1.15);
}

.cb-hero__country-tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background: var(--camels-dark-card);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 6px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    z-index: 10;
}

.cb-hero__country-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--camels-dark-card);
}

.cb-hero__country-item:hover .cb-hero__country-tooltip,
.cb-hero__country-item.is-active .cb-hero__country-tooltip {
    opacity: 1;
    visibility: visible;
}

/* ---- Screenshot card ---- */
.cb-hero__screenshot {
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.cb-hero__screenshot-card {
    position: relative;
    width: clamp(280px, 42vw, 612px);
    height: clamp(200px, 28vw, 400px);
    border-radius: 24px;
    overflow: hidden;
    background: var(--camels-dark-card);
}

.cb-hero__screenshot-card::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.42);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.4001%206.60059C11.7184%206.60059%2012.0236%206.72701%2012.2486%206.95206C12.4737%207.1771%2012.6001%207.48233%2012.6001%207.80059V10.2006H15.0001C15.3184%2010.2006%2015.6236%2010.327%2015.8486%2010.5521C16.0737%2010.7771%2016.2001%2011.0823%2016.2001%2011.4006C16.2001%2011.7188%2016.0737%2012.0241%2015.8486%2012.2491C15.6236%2012.4742%2015.3184%2012.6006%2015.0001%2012.6006H12.6001V15.0006C12.6001%2015.3188%2012.4737%2015.6241%2012.2486%2015.8491C12.0236%2016.0742%2011.7184%2016.2006%2011.4001%2016.2006C11.0818%2016.2006%2010.7766%2016.0742%2010.5516%2015.8491C10.3265%2015.6241%2010.2001%2015.3188%2010.2001%2015.0006V12.6006H7.8001C7.48184%2012.6006%207.17661%2012.4742%206.95157%2012.2491C6.72653%2012.0241%206.6001%2011.7188%206.6001%2011.4006C6.6001%2011.0823%206.72653%2010.7771%206.95157%2010.5521C7.17661%2010.327%207.48184%2010.2006%207.8001%2010.2006H10.2001V7.80059C10.2001%207.48233%2010.3265%207.1771%2010.5516%206.95206C10.7766%206.72701%2011.0818%206.60059%2011.4001%206.60059Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.200195%2011.4002C0.200346%209.6093%200.629975%207.84452%201.45304%206.25393C2.27611%204.66333%203.46861%203.29331%204.93052%202.25878C6.39243%201.22425%208.08111%200.555387%209.85491%200.308289C11.6287%200.0611912%2013.4359%200.243069%2015.1249%200.838665C16.8139%201.43426%2018.3354%202.42621%2019.5619%203.73129C20.7883%205.03638%2021.6839%206.61655%2022.1735%208.33925C22.6631%2010.062%2022.7325%2011.877%2022.3758%2013.632C22.0191%2015.387%2021.2467%2017.031%2020.1234%2018.4258L25.4482%2023.7522C25.5661%2023.8621%2025.6607%2023.9946%2025.7262%2024.1418C25.7918%2024.289%2025.8271%2024.4479%2025.8299%2024.609C25.8328%2024.7701%2025.8031%2024.9302%2025.7428%2025.0796C25.6824%2025.229%2025.5926%2025.3647%2025.4787%2025.4787C25.3647%2025.5926%2025.229%2025.6825%2025.0795%2025.7428C24.9301%2025.8032%2024.7701%2025.8328%2024.609%2025.83C24.4478%2025.8271%2024.2889%2025.7919%2024.1417%2025.7263C23.9945%2025.6607%2023.8621%2025.5661%2023.7522%2025.4482L18.4258%2020.1234C16.7803%2021.4488%2014.7934%2022.2817%2012.6946%2022.5259C10.5958%2022.7701%208.47079%2022.4157%206.56491%2021.5035C4.65903%2020.5913%203.05007%2019.1586%201.92383%2017.3708C0.797602%2015.583%200.200052%2013.5132%200.200195%2011.4002ZM11.4002%202.60023C9.06629%202.60023%206.82798%203.52737%205.17766%205.17769C3.52734%206.82801%202.6002%209.06632%202.6002%2011.4002C2.6002%2013.7341%203.52734%2015.9724%205.17766%2017.6228C6.82798%2019.2731%209.06629%2020.2002%2011.4002%2020.2002C13.7341%2020.2002%2015.9724%2019.2731%2017.6227%2017.6228C19.2731%2015.9724%2020.2002%2013.7341%2020.2002%2011.4002C20.2002%209.06632%2019.2731%206.82801%2017.6227%205.17769C15.9724%203.52737%2013.7341%202.60023%2011.4002%202.60023Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-size 0.3s ease-in-out;
}

.cb-hero__screenshot-preview,
.cb-hero__screenshot-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s ease;
    will-change: opacity, filter, transform;
}

.cb-hero__screenshot-preview {
    opacity: 1;
}

.cb-hero__screenshot-hover {
    opacity: 0;
}

.cb-hero__screenshot-card:hover .cb-hero__screenshot-preview {
    opacity: 0;
}

.cb-hero__screenshot-card:hover .cb-hero__screenshot-hover {
    opacity: 1;
    filter: blur(1px);
    transform: scale(1.05);
}

.cb-hero__screenshot-card:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-size: 28px;
}

.cb-hero__screenshot-zoom {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 4;
}

.cb-hero__screenshot-zoom i {
    display: none;
}

.cb-hero__screenshot-zoom-text {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--camels-surface);
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.cb-hero__screenshot-card:hover .cb-hero__screenshot-zoom {
    opacity: 1;
}

/* Screenshot arrows */
.cb-hero__screenshot-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    padding: 0;
}

.cb-hero__screenshot-card:hover .cb-hero__screenshot-arrow {
    opacity: 1;
}

.cb-hero__screenshot-arrow--left {
    left: 22px;
}

.cb-hero__screenshot-arrow--right {
    right: 22px;
}

.cb-hero__screenshot-arrow:hover {
    background: rgba(0, 0, 0, 0.55);
}

.cb-hero__screenshot-arrow svg {
    display: block;
    width: 24px;
    height: 24px;
}

/* ---- Hero cards ---- */
.cb-hero__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 0 0;
    margin: 0 clamp(-6rem, -6vw, -1.25rem);
    padding-left: clamp(1.25rem, 6.5vw, 100px);
    padding-right: clamp(1.25rem, 6.5vw, 100px);
    padding-bottom: 0;
    box-sizing: border-box;
}

.cb-hero__card {
    position: relative;
    flex: 1 1 200px;
    min-width: 150px;
    max-width: 280px;
    padding: 16px;
    background: var(--camels-surface-95);
    border: 1px solid var(--camels-border);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    transition: background 0.25s ease, border-color 0.25s ease;
    cursor: pointer;
    overflow: hidden;
}

/* ---- Lightning spark on card tops ---- */
.cb-hero__card::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(33,150,243,0.2) 8%,
        rgba(100,181,246,0.5) 18%,
        #90CAF9 30%,
        var(--camels-surface) 50%,
        #64B5F6 70%,
        rgba(33,150,243,0.5) 82%,
        rgba(33,150,243,0.2) 92%,
        transparent 100%
    );
    box-shadow:
        0 0 6px 2px rgba(33,150,243,0.6),
        0 0 14px 4px rgba(100,181,246,0.35),
        0 1px 20px 3px rgba(33,150,243,0.15);
    opacity: 0;
    transform: translateX(-120%);
    animation: cardSparkSweep 8s ease-in-out infinite;
    animation-delay: var(--spark-delay, 5.0s);
    pointer-events: none;
    z-index: 2;
}

.cb-hero__card:nth-child(1) { --spark-delay: 2.5s; }
.cb-hero__card:nth-child(2) { --spark-delay: 3.0s; }
.cb-hero__card:nth-child(3) { --spark-delay: 3.5s; }
.cb-hero__card:nth-child(4) { --spark-delay: 4.0s; }
.cb-hero__card:nth-child(5) { --spark-delay: 4.5s; }
.cb-hero__card:nth-child(6) { --spark-delay: 5.0s; }

/* Override: no lightning on hovered card */
.cb-hero__card:hover::after {
    animation: none;
    opacity: 0;
}

@keyframes cardSparkSweep {
    0%    { opacity: 0; transform: translateX(-120%); }
    3%    { opacity: 1; transform: translateX(-80%); }
    14%   { opacity: 1; transform: translateX(120%); }
    19%   { opacity: 0; transform: translateX(120%); }
    100%  { opacity: 0; transform: translateX(-120%); }
}

.cb-hero__card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.cb-hero__card-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

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

.cb-hero__card-arrow {
    flex-shrink: 0;
}

.cb-hero__card-arrow img {
    width: 28px;
    height: 28px;
    display: block;
}

.cb-hero__card-arrow-default {
    display: block;
}

.cb-hero__card-arrow-hover {
    display: none !important;
}

.cb-hero__card-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-hero__card-title {
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
    line-height: 1.3;
    transition: color 0.25s ease;
}

.cb-hero__card-desc {
    font-size: var(--fs-card-desc);
    font-weight: 400;
    color: var(--camels-text-strong);
    line-height: 1.3;
    transition: color 0.25s ease;
}

/* Card hover → orange */
.cb-hero__card:hover {
    background: var(--camels-accent);
    border-color: var(--camels-accent);
}

.cb-hero__card:hover .cb-hero__card-title,
.cb-hero__card:hover .cb-hero__card-desc {
    color: var(--camels-surface);
}

.cb-start-steps__today-card:hover {
    background: var(--camels-accent)!important;
    border-color: var(--camels-accent)!important;
}

.cb-hero__card:hover .cb-hero__card-arrow-default {
    display: none !important;
}

.cb-hero__card:hover .cb-hero__card-arrow-hover {
    display: block !important;
}

/* ---- Stats bar ---- */
.cb-hero__stats {
    padding: 17px 20px 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.cb-staffing__stats {
    padding: 17px 5px 20px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.cb-hero__stats-inner,
.cb-staffing__stats-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(16px, 0vw, 47px);
    width: 100%;
    max-width: 100%;
    background: var(--camels-surface);
    border-radius: 20px;
    padding: 21px clamp(10px, 3vw, 5px);
    backdrop-filter: blur(10px);
    box-sizing: border-box;
    box-shadow: 0px 5px 15px var(--camels-border);
}

.cb-hero__stats-icon,
.cb-staffing__stats-icon {
    flex-shrink: 0;
}

.cb-hero__stats-icon img,
.cb-staffing__stats-icon img {
    width: 42px;
    height: 42px;
    display: block;
}

.cb-hero__stats-divider,
.cb-staffing__stats-divider {
    width: 1px;
    height: 33px;
    background: var(--camels-divider);
    flex-shrink: 0;
}

.cb-hero__stats-item,
.cb-staffing__stats-item {
    flex: 1 1 100px;
    min-width: 100px;
}

.cb-hero__stats-title,
.cb-staffing__stats-title {
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-accent);
    line-height: 1.3;
}

.cb-hero__stats-subtitle,
.cb-staffing__stats-subtitle {
    font-size: var(--fs-card-title);
    font-weight: 400;
    color: var(--camels-black);
    line-height: 1.3;
}


.cb-staffing__card-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

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

/* ---- Video section ---- */
.cb-hero__video {
    cursor: default;
}

.cb-hero__video-inner {
    position: relative;
    width: 100%;
    max-width: 1480px;
    height: clamp(280px, 38vw, 550px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background: linear-gradient(to bottom, var(--camels-surface-light), var(--camels-border-light));
}

.cb-hero__video-thumb {
    position: absolute;
    top: clamp(20px, 3.5vw, 50px);
    left: 50%;
    transform: translateX(-50%);
    max-width: 1280px;
    width: calc(100% - clamp(40px, 14vw, 200px));
    height: auto;
    max-height: 450px;
    object-fit: cover;
    border-radius: 30px;
    cursor: pointer;
    transition: filter 0.25s ease;
}

.cb-hero__video-thumb:hover {
    filter: brightness(0.88);
}

.cb-hero__video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88px;
    height: 88px;
    border: none;
    background: none;
    cursor: pointer;
    z-index: 2;
    transition: transform 0.2s ease;
    padding: 0;
}

.cb-hero__video-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

.cb-hero__video-play img {
    width: 100%;
    height: 100%;
    display: block;
}


/* ==========================================================================
   Advantages Carousel
   ========================================================================== */
.cb-advantages {
    width: 100%;
    max-width: none;
    margin: clamp(2.5rem, 5.5vw, 20px) 0 0;
    padding: 0 clamp(1.25rem, 6vw, 40px);
    overflow: hidden;
}

.cb-advantages__title {
    font-family: Onest, Inter, sans-serif;
    font-size: var(--fs-heading);
    font-weight: 600;
    color: var(--camels-black);
    text-align: center;
    margin: 0 0 clamp(1.25rem, 2.8vw, 20px);
}

.cb-advantages__carousel {
    overflow: hidden;
    position: relative;
}

.cb-advantages__track {
    display: flex;
    gap: 30px;
    will-change: transform;
    margin: 10px 0;
}

.cb-advantages__card {
    flex-shrink: 0;
    width: clamp(280px, 43vw, 550px);
    background: var(--camels-surface-light);
    border: 1px solid var(--camels-border-medium);
    border-radius: 40px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 5px 16px var(--camels-shadow-light);
    transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

.cb-advantages__card:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 8px 28px rgba(246, 90, 3, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);
    transform: translateY(-5px);
}

/* Card image */
.cb-advantages__card-image {
    overflow: hidden;
    padding: 12px 12px 0;
    height: clamp(180px, 20vw, 300px);
}

.cb-advantages__card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    display: block;
}

/* Card content */
.cb-advantages__card-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 6px 20px;
}

/* Role section */
.cb-advantages__card-role {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.cb-advantages__card-icon {
    width: 80px;
    height: 80px;
    border-radius: 16px;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.cb-advantages__card-role-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.cb-advantages__card-role-name {
    font-size: var(--fs-description-alt);
    font-weight: 600;
    color: var(--camels-black);
    line-height: 1.2;
}

.cb-advantages__card-role-desc {
    font-size: var(--fs-description-alt);
    font-weight: 400;
    color: var(--camels-black);
    line-height: 1.4;
}

/* Bullets */
.cb-advantages__card-bullets {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-advantages__card-bullet {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 6px;
    font-size: var(--fs-card-title);
    font-weight: 400;
    color: var(--camels-black);
}

.cb-advantages__card-bullet-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
    flex-shrink: 0;
}

/* Result */
.cb-advantages__card-result {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px;
    background: var(--camels-bg);
    border-radius: 14px;
    margin: auto 20px 10px;
}

.cb-advantages__card-result img {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: block;
}

.cb-advantages__card-result-text {
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.45;
}

.cb-advantages__card-result-text strong {
    font-weight: 700;
}


/* ==========================================================================
   Lightbox — Figma-matched design
   ========================================================================== */
.camels-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.camels-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.camels-lightbox__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--camels-black);
}

/* Title */
.camels-lightbox__title {
    position: relative;
    z-index: 2;
    font-family: Inter, Onest, sans-serif;
    font-size: var(--fs-heading);
    font-weight: 500;
    color: var(--camels-surface);
    text-align: center;
    margin: 0;
    padding: 30px 0 20px;
    line-height: 1.2;
}

/* Main wrapper for image + arrows */
.camels-lightbox__body {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    min-height: 0;
    padding: 0 120px;
    box-sizing: border-box;
}

.camels-lightbox__image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
    object-fit: contain;
    display: block;
    user-select: none;
}

/* Close button — red/orange */
.camels-lightbox__close {
    position: absolute;
    top: 28px;
    right: 40px;
    width: 52px;
    height: 52px;
    border: none;
    background: var(--camels-accent);
    border-radius: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    z-index: 10;
    padding: 0;
}

.camels-lightbox__close:hover {
    background: var(--camels-accent-hover);
}

.camels-lightbox__close svg {
    width: 22px;
    height: 22px;
}

/* Arrow buttons */
.camels-lightbox__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border: none;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 25%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    z-index: 3;
    padding: 0;
    backdrop-filter: blur(4px);
}

.camels-lightbox__arrow:hover {
    background: rgba(255, 255, 255, 0.18);
}

.camels-lightbox__arrow--prev {
    left: 24px;
}

.camels-lightbox__arrow--next {
    right: 24px;
}

.camels-lightbox__arrow svg {
    width: 48px;
    height: 48px;
}

/* Counter (e.g. 1 — 4) */
.camels-lightbox__counter {
    position: relative;
    z-index: 2;
    font-family: Inter, Onest, sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: var(--camels-surface);
    text-align: center;
    padding: 12px 0 8px;
    user-select: none;
}

/* Thumbnails strip */
.camels-lightbox__thumbs {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 8px 0 30px;
}

.camels-lightbox__thumb {
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    background: var(--camels-border-thumb);
    border: 3px solid transparent;
    transition: border-color 0.2s, opacity 0.2s;
    opacity: 0.6;
    padding: 0;
}

.camels-lightbox__thumb.is-active {
    border-color: var(--camels-accent);
    opacity: 1;
}

.camels-lightbox__thumb:hover {
    opacity: 1;
}

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


/* ==========================================================================
   Video Modal
   ========================================================================== */
.camels-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.camels-video-modal.is-open {
    opacity: 1;
    visibility: visible;
}

.camels-video-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

.camels-video-modal__container {
    position: relative;
    width: 90vw;
    max-width: 1100px;
    aspect-ratio: 16 / 9;
    z-index: 1;
}

.camels-video-modal__container iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 16px;
}

.camels-video-modal__close {
    position: absolute;
    top: -48px;
    right: -8px;
    width: 40px;
    height: 40px;
    border: none;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    z-index: 2;
    padding: 0;
}

.camels-video-modal__close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.camels-video-modal__close svg {
    width: 20px;
    height: 20px;
}

.disclaimer {
    position: relative;
    display: flex;
    justify-content: space-between;
}


/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1500px) {
    .cb-hero__top {
        padding: 20px 40px 0 70px;
    }

    .cb-hero__top::before {
        left: 16px;
    }
    .cb-hero__top::after {
        left: -4px;
    }

    .cb-hero__cards {
        margin: 0 -40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .cb-hero__card {
        max-width: 240px;
    }

    .cb-hero__stats,
    .cb-staffing__stats {
        padding: 17px 20px 20px;
    }

    .cb-hero__screenshot-card {
        width: 500px;
        height: 330px;
    }
}

@media (max-width: 1200px) {
    
    .cb-training__courses {
        margin: 80px 20px;
    }

    .cb-hero__top-inner {
        flex-direction: row;
    }

    .cb-hero__top::before {
        display: none;
    }

    .cb-hero__top::after {
        display: none;
    }

    .cb-hero__screenshot {
        width: 50%;
    }

    .cb-hero__screenshot-card {
        width: 100%;
        height: 360px;
    }
    .cb-advantages__card {
        width: 480px;
    }

    .cb-advantages {
        padding: 0 40px;
    }
}

@media (max-width: 991px) {
    
    .cb-hero__badge img {
        width: 24px;
        height: 24px;
    }

    .cb-hero {
        padding: 0;
    }

    .cb-hero__badge span {
        font-size: var(--fs-description-alt);
    }
    
    .cb-hero,
    .cb-advantages {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    /* Hero cards carousel mode */
    .cb-hero__cards-carousel {
        overflow: hidden;
        position: relative;
    }

    .cb-hero__cards {
        display: flex;
        flex-wrap: nowrap;
        gap: 20px;
        will-change: transform;
        margin: 0;
        padding: 20px 0 0;
    }

    .cb-hero__card {
        flex: 0 0 200px;
        min-width: 200px;
        max-width: 200px;
    }

    .cb-hero__video {
        overflow: hidden;
    }

    .disclaimer {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-bottom: 1rem;
        margin-top: 3rem;
    }
}

@media (max-width: 768px) {   
    .cb-hero__top-inner {
        flex-direction: column;
    }

    .cb-hero__screenshot {
        width: 100%;
    }
    
    .cb-hero__top-inner {
        gap: 0px;
    }
    
    .cb-hero__top {
        padding: 16px 20px 0;
        border-radius: 24px;
    }
    .cb-hero__cards {
        margin: 0;
        padding: 20px 0 0;
        gap: 12px;
    }

    .cb-hero__card {
        flex: 0 0 180px;
        min-width: 180px;
        max-width: 180px;
    }

    .cb-hero__stats,
    .cb-staffing__stats {
        padding: 20px 0px 16px;
    }

    .cb-hero__stats-inner,
    .cb-staffing__stats-inner {
        gap: 16px 20px;
    }

    .cb-hero__stats-divider,
    .cb-staffing__stats-divider {
        display: none;
    }

    .cb-hero__stats-item,
    .cb-staffing__stats-item {
        flex: 1 1 calc(50% - 20px);
        min-width: 80px;
    }

    .cb-hero__video-inner {
        height: 300px;
        border-radius: 30px;
    }

    .cb-hero__video-thumb {
        width: calc(100% - 40px);
        top: 30px;
    }

    .cb-advantages__card {
        width: 320px;
    }

    .cb-advantages {
        padding: 0 20px;
    }

    .cb-advantages__card-image {
        height: 200px;
    }
    .cb-advantages__card-role-desc {
        font-size: var(--fs-description);
    }

    .camels-lightbox__arrow--prev {
        left: 10px;
    }

    .camels-lightbox__arrow--next {
        right: 10px;
    }

    .camels-lightbox__body {
        padding: 0 80px;
        overflow: hidden;
        touch-action: none;
    }

    .camels-lightbox__image {
        transform-origin: 0 0;
        transition: none;
    }

    .camels-lightbox__body.is-zoomed .camels-lightbox__image {
        cursor: grab;
    }

    .camels-lightbox__body.is-zoomed .camels-lightbox__image:active {
        cursor: grabbing;
    }

    .camels-lightbox__zoom-hint {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0,0,0,0.6);
        color: #fff;
        font-size: 12px;
        padding: 4px 12px;
        border-radius: 12px;
        pointer-events: none;
        opacity: 1;
        transition: opacity 0.4s;
        z-index: 5;
        white-space: nowrap;
    }

    .camels-lightbox__zoom-hint.is-hidden {
        opacity: 0;
    }

    .camels-lightbox__arrow {
        width: 56px;
        height: 56px;
    }

    .camels-lightbox__title {
        font-size: var(--fs-heading);
        padding: 20px 70px 12px;
    }

    .camels-lightbox__thumb {
        width: 80px;
        height: 80px;
    }

    .camels-lightbox__counter {
        font-size: 16px;
    }

    .camels-lightbox__close {
        width: 44px;
        height: 44px;
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 480px) {
    .cb-hero__screenshot-card {
        width: 90%;
        height: 200px;
        margin: 0 auto;
    }
    /* Hero */
    .cb-hero__top {
        padding: 12px 12px 0;
        border-radius: 16px;
    }

    .cb-hero::before {
        display: none;
    }
    .cb-hero__description {
        font-size: var(--fs-description-alt);
    }

    .cb-hero__cards {
        margin: 0;
        padding: 20px 0 0;
        gap: 10px;
    }

    .cb-hero__card {
        flex: 0 0 180px;
        min-width: 160px;
        max-width: 180px;
    }
    .cb-hero__card-desc {
        font-size: var(--fs-card-desc);
    }

    .cb-hero__stats,
    .cb-staffing__stats {
        padding: 10px 0 12px;
    }

    .cb-hero__stats-inner,
    .cb-staffing__stats-inner {
        gap: 10px 50px;
    }

    .cb-hero__stats-item,
    .cb-staffing__stats-item {
        flex: 1 1 calc(50% - 12px);
        min-width: 70px;
    }

    .cb-hero__stat-value {
        font-size: 14px;
    }

    .cb-hero__stat-label {
        font-size: 12px;
    }

    .cb-hero__video-inner {
        height: 220px;
        border-radius: 20px;
    }

    /* Advantages */
    .cb-advantages {
        padding: 0 12px;
        margin: clamp(0.5rem, 4.5vw, 20px) 0 0;
    }
    .cb-advantages__card {
        width: 100%;
        gap: 5px;
    }

    .cb-advantages__card-image {
        height: 160px;
    }

    .cb-advantages__card-content {
        gap: 5px;
        padding: 6px 10px;
    }

    .cb-advantages__card-role {
        gap: 5px;
    }

    .cb-advantages__card-bullet {
        padding: 5px 8px;
        gap: 5px;
    }

    /* Lightbox */
    .camels-lightbox__body {
        padding: 0 56px;
    }

    .camels-lightbox__arrow {
        width: 40px;
        height: 40px;
    }

    .camels-lightbox__arrow--prev {
        left: 6px;
    }

    .camels-lightbox__arrow--next {
        right: 6px;
    }

    .camels-lightbox__arrow svg {
        width: 20px;
        height: 20px;
    }

    .camels-lightbox__title {
        font-size: var(--fs-heading);
        padding: 16px 56px 8px;
    }

    .camels-lightbox__thumb {
        width: 56px;
        height: 56px;
        border-radius: 8px;
    }

    .camels-lightbox__thumbs {
        gap: 10px;
        padding: 6px 10px 20px;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .camels-lightbox__close {
        width: 40px;
        height: 40px;
        top: 12px;
        right: 12px;
        border-radius: 10px;
    }

    .camels-lightbox__counter {
        font-size: 14px;
    }
}


/* ==========================================================================
   PROCESS BLOCK — Прозрачное оформление
   ========================================================================== */

.cb-process {
    position: relative;
    max-width: 1680px;
    margin: 1rem auto;
    overflow: visible;
    --camels-process-header-offset: calc(var(--camels-header-inner-height, 92px) + 12px);
}

/* --- Hero background (parallax) --- */
.cb-process__hero {
    position: relative;
    /* Full-bleed hero image across the entire viewport width */
    width: 100vw;
    margin: 30px 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: clamp(400px, 60vw, 916px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.cb-process .cb-parallax-bg {
    background-position: center !important;
}

.cb-training .cb-parallax-bg {
    background-position: center !important;
}

.cb-staffing .cb-parallax-bg,
.cb-partner__hero-v2 .cb-parallax-bg {
    background-position: center !important;
}

.cb-franchise .cb-parallax-bg {
    background-position: 0 30%!important;
}

@supports (width: 100dvw) {
    .cb-process__hero {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
    }
}

.cb-process__hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* --- Content area (overlaps hero — starts where Union/panel begins in Figma at 498px) --- */
.cb-process__content {
    position: relative;
    margin-top: clamp(-418px, -28vw, -180px); /* 916 - 498 = hero bottom to panel top */
    padding: 10px clamp(1rem, 2vw, 50px) 0;
    z-index: 2;
    overflow: hidden;
}

/* Solid background below the curve (continues from divider bottom edge) */
.cb-process__content::before {
    content: '';
    position: absolute;
    top: 81px; /* height of SVG divider curve */
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--camels-border-soft);
    z-index: 0;
    border-radius: 0 60px 60px 60px;
    margin-bottom: 10px;
}

/* Curved SVG divider — two halves forming the full-width curve */
.cb-process__divider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 81px;
    z-index: 0;
    pointer-events: none;
}

.cb-process__divider-left,
.cb-process__divider-right {
    position: absolute;
    width: 50%;
    height: 100%;
    display: flex;
    align-items: stretch;
    background: var(--camels-border-soft);
    fill: var(--camels-border-soft);
}

.cb-process__divider-left svg,
.cb-process__divider-right svg {
    transform: translateX(-73%);
    fill: inherit;
    height: 100%;
    width: auto;
}

.cb-process__divider-left {
    bottom: -1px;
    right: 50%;
    transform: rotate(180deg);
    border-radius: 0px 0 60px 30px;
}

.cb-process__divider-right {
    top: -1px;
    left: 50%;
}
.cb-process__cabinet-wrap {
    display: none;
}

/* --- Badge (sits on dark hero bg, in the curve area) --- */
.cb-process__badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 8px 16px 8px 8px;
    margin: 30px 0px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.cb-process__badge-avatar {
    overflow: hidden;
    flex-shrink: 0;
}

.cb-process__badge-avatar img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

.cb-process__badge-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-process__badge-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: baseline;
}

.cb-process__badge-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
}

/* --- Heading (dark text on solid panel bg, below the curve) --- */
.cb-process__heading {
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
}

.cb-process__title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-heading);
    line-height: 1.15;
    color: var(--camels-black);
    margin: 0 0 16px;
}

.cb-process__title strong {
    font-weight: 800;
}

.cb-process__subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    line-height: 1.3;
    color: var(--camels-black);
    margin: 0;
}

.cb-process__subtitle strong {
    font-weight: 700;
    color: inherit;
}

/* --- Accordion --- */
.cb-process__accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    z-index: 1;
    margin: 0 80px;
}
.ui-timepicker-wrapper {
    width: 12rem!important;
}
/* Vertical timeline line */
.cb-process__accordion::before {
    content: '';
    position: absolute;
    left: 31px;
    top: 100px;
    bottom: 100px;
    width: 3px;
    background: var(--camels-border-gray);
    z-index: 0;
}

/* --- Accordion section --- */
.cb-process__section {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    scroll-margin-top: var(--camels-process-header-offset);
}

/* Section icon circle */
.cb-process__section-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--camels-border-light);
    flex-shrink: 0;
    transition: background 0.3s ease;
    margin-top: 20px;
}

.cb-process__section-icon img {
    width: 32px;
    height: 32px;
}

/* Section bar */
.cb-process__section-bar {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    border-bottom: 3px solid transparent;
    box-shadow: 0 5px 15px var(--camels-border);
    transition: box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

/* Bar header row (title + toggle) */
.cb-process__section-bar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    padding: 10px 30px;
    margin: 0 -30px;
    cursor: pointer;
    border-radius: 14px;
    transition: background 0.25s ease;
    scroll-margin-top: var(--camels-process-header-offset);
}

.cb-process__section--open .cb-process__section-bar-header {
    padding: 10px 16px;
    margin: 0 -16px;
}

.cb-process__section-bar:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.cb-process__section-bar::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--camels-accent);
    border-radius: 0;
    transform: scaleY(0);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.cb-process__section-bar:hover::before {
    transform: scaleY(1);
}


.cb-process__section-bar-header:hover .cb-process__section-title {
    color: var(--camels-accent-warm);
}

.cb-process__section--open .cb-process__section-bar-header:hover .cb-process__section-toggle {
    background: var(--camels-accent-warm);
    color: var(--camels-surface);
    border-color: var(--camels-accent-warm);
}

/* Open section icon — thinner border + badge shadow (Figma 45:684) */
.cb-process__section--open .cb-process__section-icon {
    border: 1px solid var(--camels-border-gray);
    box-shadow: 0 1px 4px var(--camels-border);
    background: var(--camels-accent-warm) !important;
}

/* Open section bar */
.cb-process__section--open .cb-process__section-bar {
    padding: 20px 16px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: none;
    border-bottom-color: transparent;
    gap: 20px;
}

.cb-process__section-title {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-description);
    color: var(--camels-text-strong);
    white-space: nowrap;
}

.cb-process__section--open .cb-process__section-title {
    font-weight: 600;
    color: var(--camels-black);
}

/* Toggle button */
.cb-process__section-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 15px 6px 8px;
    border-radius: 8px;
    border: 1px solid var(--camels-border);
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-desc);
    cursor: pointer;
    background: var(--camels-primary-5);
    color: var(--camels-black);
    line-height: 1.2;
    height: 36px;
    flex-shrink: 0;
    transition: background 0.3s ease, color 0.3s ease;
}

.cb-process__section--open .cb-process__section-toggle {
    background: var(--camels-black);
    color: var(--camels-surface);
}

/* --- Hover state (closed sections only) --- */
.cb-process__section:not(.cb-process__section--open):hover .cb-process__section-icon {
    background: var(--camels-accent-warm) !important;
}

.cb-process__section:not(.cb-process__section--open):hover .cb-process__section-bar {
    background: var(--camels-surface);
    border-bottom-color: var(--camels-accent-warm);
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-process__section:not(.cb-process__section--open):hover .cb-process__section-toggle {
    background: var(--camels-accent-warm);
    color: var(--camels-surface);
}

/* Chevron icon size */
.cb-process__section-toggle i.fa-chevron-up,
.cb-process__section-toggle i.fa-chevron-down {
    font-size: 10px;
}

/* Toggle icon visibility */
.cb-process__section .cb-process__toggle-hide,
.cb-process__section .cb-process__toggle-text-hide {
    display: none;
}

.cb-process__section .cb-process__toggle-show,
.cb-process__section .cb-process__toggle-text-show {
    display: inline;
}

.cb-process__section--open .cb-process__toggle-hide,
.cb-process__section--open .cb-process__toggle-text-hide {
    display: inline;
}

.cb-process__section--open .cb-process__toggle-show,
.cb-process__section--open .cb-process__toggle-text-show {
    display: none;
}

/* Section header layout for open — title row */
.cb-process__section--open .cb-process__section-bar > .cb-process__section-title,
.cb-process__section--open .cb-process__section-bar > .cb-process__section-toggle {
    /* These sit inside flex column, use a separate wrapper row */
}


/* --- Section body (expandable) --- */
.cb-process__section-body {
    display: none;
    padding: 0 20px 40px;
    width: 100%;
}

.cb-process__section--open .cb-process__section-body {
    display: block;
}

/* --- Steps list --- */
.cb-process__steps {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cb-process__step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--camels-surface-95);
    border: 1px solid var(--camels-border);
    border-radius: 16px;
    padding: 20px;
}

.cb-process__step-num {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    box-shadow: 0 15px 22px var(--camels-shadow-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--camels-black);
}

.cb-process__step-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cb-process__step-title-row {
    display: flex;
    align-items: center;
    gap: 11px;
}

.cb-process__step-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
}

.cb-process__step-check {
    width: 18px;
    height: 18px;
}

.cb-process__step-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
}

/* Step bullets */
.cb-process__step-bullets {
    margin: 8px 0 0 33px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-process__step-bullets li {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    display: flex;
    align-items: center;
    gap: 12px;
}

.cb-process__step-bullets li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--camels-muted);
    border-radius: 50%;
    flex-shrink: 0;
}

/* Section bottom notes */
.cb-process__section-notes {
    margin: 24px 0 0;
    padding: 0;
    list-style: disc;
    padding-left: 24px;
}

.cb-process__section-notes li {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.4;
    margin-bottom: 6px;
}

/* ==========================================================================
   Cabinet Section
   ========================================================================== */

.cb-process__cabinet {
    background: transparent;
    border-radius: 0 0 60px 60px;
    padding: 5px 0;
    margin-left: clamp(-200px, -13vw, 0px);
    margin-right: clamp(-200px, -13vw, 0px);
    margin-bottom: 3rem;
    position: relative;
    z-index: 1;
}

.cb-process__cabinet-inner {
    max-width: 1450px;
    width: 79%;
    margin: 0 auto;
    padding: clamp(2rem, 5vw, 40px) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(1.5rem, 4vw, 60px);
    position: relative;
}

/* Подложка — Figma node 45:806: var(--camels-surface-70) rounded 60px */
.cb-process__cabinet-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--camels-surface-70);
    border-radius: 60px;
    z-index: -1;
    pointer-events: none;
}

.cb-process__cabinet-header {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.cb-process__cabinet-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    color: var(--camels-black);
        margin: 0;
}

.cb-process__cabinet-title strong {
    font-weight: 800;
}

.cb-process__cabinet-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.3;
    margin: 0;
}

/* Cabinet cards grid */
.cb-process__cabinet-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
    padding: 0 30px;
}

.cb-process__cabinet-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--camels-border);
    border-radius: 30px;
    /* box-shadow: 0 5px 15px var(--camels-border); */
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow: hidden;
    /* margin: 0 20px; */
}

.cb-process__cabinet-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-process__cabinet-card-img {
    position: relative;
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: var(--camels-black);
}

/* Dark overlay with zoom icon (matches cb-partner__tool-thumb) */
.cb-process__cabinet-card-img::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.42);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.4001%206.60059C11.7184%206.60059%2012.0236%206.72701%2012.2486%206.95206C12.4737%207.1771%2012.6001%207.48233%2012.6001%207.80059V10.2006H15.0001C15.3184%2010.2006%2015.6236%2010.327%2015.8486%2010.5521C16.0737%2010.7771%2016.2001%2011.0823%2016.2001%2011.4006C16.2001%2011.7188%2016.0737%2012.0241%2015.8486%2012.2491C15.6236%2012.4742%2015.3184%2012.6006%2015.0001%2012.6006H12.6001V15.0006C12.6001%2015.3188%2012.4737%2015.6241%2012.2486%2015.8491C12.0236%2016.0742%2011.7184%2016.2006%2011.4001%2016.2006C11.0818%2016.2006%2010.7766%2016.0742%2010.5516%2015.8491C10.3265%2015.6241%2010.2001%2015.3188%2010.2001%2015.0006V12.6006H7.8001C7.48184%2012.6006%207.17661%2012.4742%206.95157%2012.2491C6.72653%2012.0241%206.6001%2011.7188%206.6001%2011.4006C6.6001%2011.0823%206.72653%2010.7771%206.95157%2010.5521C7.17661%2010.327%207.48184%2010.2006%207.8001%2010.2006H10.2001V7.80059C10.2001%207.48233%2010.3265%207.1771%2010.5516%206.95206C10.7766%206.72701%2011.0818%206.60059%2011.4001%206.60059Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.200195%2011.4002C0.200346%209.6093%200.629975%207.84452%201.45304%206.25393C2.27611%204.66333%203.46861%203.29331%204.93052%202.25878C6.39243%201.22425%208.08111%200.555387%209.85491%200.308289C11.6287%200.0611912%2013.4359%200.243069%2015.1249%200.838665C16.8139%201.43426%2018.3354%202.42621%2019.5619%203.73129C20.7883%205.03638%2021.6839%206.61655%2022.1735%208.33925C22.6631%2010.062%2022.7325%2011.877%2022.3758%2013.632C22.0191%2015.387%2021.2467%2017.031%2020.1234%2018.4258L25.4482%2023.7522C25.5661%2023.8621%2025.6607%2023.9946%2025.7262%2024.1418C25.7918%2024.289%2025.8271%2024.4479%2025.8299%2024.609C25.8328%2024.7701%2025.8031%2024.9302%2025.7428%2025.0796C25.6824%2025.229%2025.5926%2025.3647%2025.4787%2025.4787C25.3647%2025.5926%2025.229%2025.6825%2025.0795%2025.7428C24.9301%2025.8032%2024.7701%2025.8328%2024.609%2025.83C24.4478%2025.8271%2024.2889%2025.7919%2024.1417%2025.7263C23.9945%2025.6607%2023.8621%2025.5661%2023.7522%2025.4482L18.4258%2020.1234C16.7803%2021.4488%2014.7934%2022.2817%2012.6946%2022.5259C10.5958%2022.7701%208.47079%2022.4157%206.56491%2021.5035C4.65903%2020.5913%203.05007%2019.1586%201.92383%2017.3708C0.797602%2015.583%200.200052%2013.5132%200.200195%2011.4002ZM11.4002%202.60023C9.06629%202.60023%206.82798%203.52737%205.17766%205.17769C3.52734%206.82801%202.6002%209.06632%202.6002%2011.4002C2.6002%2013.7341%203.52734%2015.9724%205.17766%2017.6228C6.82798%2019.2731%209.06629%2020.2002%2011.4002%2020.2002C13.7341%2020.2002%2015.9724%2019.2731%2017.6227%2017.6228C19.2731%2015.9724%2020.2002%2013.7341%2020.2002%2011.4002C20.2002%209.06632%2019.2731%206.82801%2017.6227%205.17769C15.9724%203.52737%2013.7341%202.60023%2011.4002%202.60023Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-size 0.3s ease-in-out;
}

.cb-process__cabinet-card-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 20px;
    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s ease;
}

/* Zoom label overlay */
.cb-process__cabinet-card-img .cb-process__card-zoom {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 4;
}

.cb-process__cabinet-card-img .cb-process__card-zoom i {
    display: none;
}

/* Hover: blur + scale photo, expand overlay, show text */
.cb-process__cabinet-card-img:hover img {
    filter: blur(1px);
    transform: scale(1.05);
}

.cb-process__cabinet-card-img:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-size: 28px;
}

.cb-process__cabinet-card-img:hover .cb-process__card-zoom {
    opacity: 1;
}

.cb-process__cabinet-card-info {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.cb-process__cabinet-card-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cb-process__cabinet-card-icon img {
    width: 22px;
    height: 22px;
}

.cb-process__cabinet-card-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-process__cabinet-card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.2;
}

.cb-process__cabinet-card-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
}

/* CTA button */
.cb-process__cabinet-cta {
    text-align: center;
}

.cb-process__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 10px 30px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s;
    margin-top: auto;
    border: 3px solid;
    border-color: transparent;
}

.cb-process__cta-btn:hover {
    background: var(--camels-surface);
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

/* ==========================================================================
   Process Block — Responsive
   ========================================================================== */

@media (max-width: 1279px) {
    .cb-process__cabinet-inner {
        width: 100%;
    }
    .cb-partner__calc-section-page {
        margin-left: calc(-1 * clamp(0px, calc(8vw - 20px), 180px)) !important;
        margin-right: calc(-1 * clamp(0px, calc(8vw - 20px), 180px)) !important;
    }
    .cb-process__divider, .cb-process__badge {
        display: none;
    }

    .cb-process__content {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .cb-process__hero {
        height: 600px;
        border-radius: 40px;
    }

    .cb-process__content::before {
        top: 0;
        border-radius: 0 0 40px 40px;
        margin-bottom: 0;
    }
    .cb-process__subtitle {
        font-size: var(--fs-description);
    }
    .cb-process__cabinet {
        margin-left: 0;
        margin-right: 0;
        max-width: calc(100vw - 2rem);
        box-sizing: border-box;
    }

    .cb-process__cabinet-cards {
        grid-template-columns: repeat(3, 1fr);
    }

    .cb-process__cabinet-card-img {
        height: 280px;
    }
    .cb-process__cabinet-subtitle {
        font-size: var(--fs-description);
    }
}

@media (max-width: 991px) {
    .cb-process__content {
        margin-bottom: 35px;
    }
    
    .cb-process__hero::after {
        background: none;
    }
    
    .cb-process__accordion {
        margin: 0;
    }
    
    .cb-process {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: 0;
    }

    .cb-process__hero {
        height: 400px;
        border-radius: 0;
        margin: 0;
        background-color: var(--camels-border-soft);
    }

    .cb-process__content::before {
        border-radius: 0 0 30px 30px;
        margin-bottom: -10px;
    }

    .cb-process__cabinet {
        border-radius: 30px;
        margin: 0 1rem;
        max-width: calc(100vw - 2rem);
        box-sizing: border-box;
    }

    .cb-process__cabinet-inner::before {
        border-radius: 30px;
    }

    .cb-process__cabinet-cards {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .cb-process__cabinet-card {
        flex-direction: row;
    }

    .cb-process__cabinet-card-img {
        width: 200px;
        min-width: 200px;
        height: 200px;
    }

    .cb-process__section-title {
        white-space: normal;
    }

    .cb-process__accordion::before {
        left: 30px;
    }

    .cb-process__section--open .cb-process__section-bar {
        margin-left: 0;
    }

    .cb-process__section--open > .cb-process__section-header > .cb-process__section-icon {
        position: relative;
    }
}

@media (max-width: 767px) {
    .cb-process__hero {
        height: 300px;
        border-radius: 0;
    }

    .cb-process__content::before {
        border-radius: 0 0 20px 20px;
    }

    .cb-process__badge {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .cb-process__heading {
        margin-bottom: 30px;
    }
    .cb-process__subtitle {
        font-size: var(--fs-description);
    }

    .cb-process__accordion::before {
        display: none;
    }

    .cb-process__section {
        flex-direction: row;
        gap: 12px;
    }

    .cb-process__section-icon {
        display: none;
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .cb-process__section-bar {
        min-height: auto;
        padding: 16px 20px;
    }
    .cb-process__section-toggle {
        padding: 4px 10px 4px 6px;
        height: 32px;
    }

    .cb-process__section--open .cb-process__section-bar {
        margin-left: 0;
    }

    .cb-process__step {
        padding: 14px;
    }

    .cb-process__step-num {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 14px;
    }
    .cb-process__step-desc {
        font-size: var(--fs-description);
    }

    .cb-process__step-bullets {
        margin-left: 0;
    }

    .cb-process__step-bullets li {
        font-size: 14px;
    }

    .cb-process__cabinet {
        border-radius: 20px;
        margin: 0 0.8rem;
        max-width: calc(100vw - 1.6rem);
        box-sizing: border-box;
    }

    .cb-process__cabinet-inner::before {
        border-radius: 20px;
    }

    .cb-process__cabinet-inner {
        padding: 40px 16px;
        gap: 24px;
    }

    .cb-process__cabinet-header {
        gap: 10px;
        padding: 0 8px;
    }

    .cb-process__cabinet-card {
        flex-direction: column;
        border-radius: 20px;
        padding: 16px;
        gap: 18px;
    }

    .cb-process__cabinet-card-img {
        width: 100%;
        height: 370px;
        min-width: unset;
        border-radius: 16px;
    }

    .cb-process__cabinet-card-img img {
        height: 220px;
        border-radius: 16px;
    }

    .cb-process__cabinet-subtitle {
        font-size: var(--fs-description);
    }
    .cb-process__cabinet-card-desc {
        font-size: var(--fs-description);
    }

    .cb-process__cta-btn {
        height: 40px;
        padding: 10px 20px;
        font-size: var(--fs-card-title);
    }

    .cb-process__accordion {
        margin-bottom: 0px;
    }
    
       .cb-parallax-bg {
            top: -7%;
       }
}

@media (max-width: 480px) {
       .cb-parallax-bg {
            top: -5%;
       }
    /* Process */
    .cb-process__cabinet {
        margin: 0 0.5rem;
        max-width: calc(100vw - 1rem);
        border-radius: 16px;
        padding: 24px 0;
    }

    .cb-process__cabinet-inner {
        padding: 24px 10px;
        gap: 20px;
    }

    .cb-process__cabinet-inner::before {
        border-radius: 16px;
    }

    .cb-process__cabinet-header {
        gap: 8px;
        padding: 0 4px;
    }

    .cb-process__cabinet-card {
        padding: 12px;
        border-radius: 16px;
        gap: 14px;
    }

    .cb-process__cabinet-card-img {
        height: 180px;
        border-radius: 12px;
    }

    .cb-process__cabinet-card-img img {
        height: 180px;
        border-radius: 12px;
    }

    .cb-process__cabinet-card-img::after {
        width: 44px;
        height: 44px;
        background-size: 14px;
    }

    .cb-process__cabinet-card-icon {
        width: 34px;
        height: 34px;
        min-width: 34px;
    }

    .cb-process__cabinet-card-icon img {
        width: 18px;
        height: 18px;
    }

    .cb-process__cabinet-card-info {
        gap: 12px;
    }

    .cb-process__cabinet-card-text {
        gap: 6px;
    }

    .cb-process__cta-btn {
        height: 40px;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 6px;
    }

}

/* ==========================================================================
   PARTNER PROGRAM BLOCK — Top Panel
   ========================================================================== */

.cb-partner {
    position: relative;
    max-width: 1680px;
    margin: 0 auto;
    overflow: visible;
}

.cb-partner-page {
    position: relative;
    margin: 1rem auto;
    overflow: visible;
}

/* --- Hero background (parallax) --- */
.cb-partner__hero {
    position: relative;
    width: 100vw;
    margin: 0 0 50px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: clamp(400px, 60vw, 916px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

@supports (width: 100dvw) {
    .cb-partner__hero {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
    }
}

.cb-partner__hero::after {
    content: '';
    position: absolute;
    inset: 0;
    /* background: linear-gradient(
        to bottom,
        rgba(33, 46, 68, 0.10) 0%,
        rgba(33, 46, 68, 0.45) 55%,
        rgba(33, 46, 68, 0.70) 100%
    ); */
    z-index: 1;
}

/* --- Content area (overlaps hero) --- */
.cb-partner__content {
    position: relative;
    margin-top: clamp(-418px, -28vw, -180px);
    padding: 150px clamp(1rem, 13vw, 200px) 0;
    z-index: 2;
}

/* Solid background below the folder-tab divider */
.cb-partner__content::before {
    content: '';
    position: absolute;
    top: 149px; /* match divider height */
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--camels-border-soft);
    z-index: 0;
    border-radius: 0 0 60px 60px;
}

/* Partner divider — folder-tab shape (from Figma Union vector) */
.cb-partner__divider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    z-index: 1;
}

.cb-partner__divider-svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--camels-border-soft);
}

/* --- Badge (inside the tab area of the folder-tab divider) --- */
.cb-partner__badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 8px;
    position: absolute;
    top: 50px;
    left: clamp(2rem, 12%, 180px);
    z-index: 3;
    margin: 0;
}

.cb-partner__badge-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(to bottom, var(--camels-surface-blue), var(--camels-surface-blue));
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-partner__badge-icon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}

.cb-partner__badge-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: baseline;
}

.cb-partner__badge-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-partner__badge-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
}

/* --- Heading --- */
.cb-partner__heading {
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.cb-partner__title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-heading);
    line-height: 1.15;
    color: var(--camels-black);
    margin: 0 auto 16px;
}

.cb-partner__title strong {
    font-weight: 800;
}

.cb-partner__subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    line-height: 1.3;
    color: var(--camels-black);
    margin: 0 auto;
}

.cb-partner__subtitle strong {
    font-weight: 700;
}

/* ==========================================================================
   PARTNER PROGRAM — Breadcrumb
   ========================================================================== */

.cb-partner__breadcrumb {
    margin: -1rem auto;
    padding: 10px 90px 30px;
    background: var(--camels-border-gray);
}

.cb-partner__breadcrumb-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1680px;
    margin: 0 auto;
}

.cb-partner__breadcrumb-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
}

.cb-partner__breadcrumb-nav a {
    color: var(--camels-text, #212e44);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.cb-partner__breadcrumb-nav a:hover {
    color: var(--camels-accent, #f65a03);
}

.cb-partner__breadcrumb-sep {
    color: var(--camels-accent, #f65a03);
    font-weight: 500;
}

.cb-partner__breadcrumb-current {
    color: #f67803;
    font-weight: 500;
}

.cb-partner__breadcrumb-back {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 500;
    color: #9097a1;
    text-decoration: none;
    transition: color 0.2s;
}

.cb-partner__breadcrumb-back:hover {
    color: var(--camels-accent, #f65a03);
}

.cb-partner__breadcrumb-back svg {
    flex-shrink: 0;
}

/* ==========================================================================
   PARTNER PROGRAM — Hero v2 (Reference overlay card layout)
   ========================================================================== */

.cb-partner__hero-v2 {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 101%;
    min-height: 720px;
    margin-top: 0 !important;
    padding: 0 0 200px;
    box-sizing: border-box;
    background-color: #f6f6f6;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    overflow: hidden;
}

/* Remove old dark gradient overlay for v2 */
.cb-partner__hero-v2::after {
    display: none;
}

/* Dark gradient overlay from bottom */
.cb-partner__hero-v2::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgb(9 14 22) 0%, rgb(9 14 22) 11%, #00000014 84%);
    z-index: 1;
    pointer-events: none;
}

.cb-partner__hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Gradient overlay card */
.cb-partner__hero-card-page {
    display: flex;
    flex-direction: column;
    max-width: 756px;
    padding: 50px 40px 45px;
    background: linear-gradient(90deg, rgb(9 14 22 / 68%) 10.87%, #00000087 100%);
    border-radius: 26px;
    box-sizing: border-box;
}

/* Title */
.cb-partner__hero-title {
    margin: 0 0 16px;
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--camels-surface);
}

/* Description */
.cb-partner__hero-desc {
    margin: 0 0 24px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: clamp(15px, 1.3vw, 19px);
    line-height: 1.5;
    color: var(--camels-surface);
}

/* Bullet list */
.cb-partner__hero-bullets {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
}

.cb-partner__hero-bullet {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 1.2vw, 17px);
    line-height: 1.4;
    color: var(--camels-surface);
}

.cb-partner__hero-bullet-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

/* CTA button */
.cb-partner__hero-cta-wrap {
    display: flex;
}

.cb-partner__hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 10px 30px;
    border-radius: 8px;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
    border: 3px solid;
    border-color: transparent;
}

.cb-partner__hero-cta:hover {
    /* background: #e04f00; */
    /* transform: translateY(-2px); */
    /* box-shadow: 0 6px 20px rgba(246, 90, 3, 0.35); */
    background: var(--camels-surface);
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

.cb-partner__hero-cta:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(246, 90, 3, 0.25);
}

/* Content v2 — remove old overlap/divider margins */
.cb-partner__content-v2 {
    margin-top: 40px !important;
    padding-top: 0 !important;
    max-width: 1680px;
    margin: 0 auto;
}

.cb-partner__content-v2::before {
    display: none;
}

/* ==========================================================================
   PARTNER PROGRAM — Hero v2 Responsive
   ========================================================================== */

@media (max-width: 1279px) {
    .cb-partner__hero-v2 {
        min-height: 620px;
        padding-bottom: 60px;
    }
    .cb-partner__hero-card-page {
        max-width: 680px;
        padding: 40px 35px 38px;
    }
}

@media (max-width: 991px) {
    .cb-partner__hero-v2 {
        min-height: 520px;
        padding-bottom: 50px;
    }
    .cb-partner__hero-card-page {
        max-width: 600px;
        padding: 30px 28px 30px;
        border-radius: 18px;
    }
    .cb-partner__hero-title {
        font-size: clamp(22px, 4vw, 30px);
    }
    .cb-partner__hero-desc {
        font-size: clamp(14px, 1.8vw, 16px);
    }
    .cb-partner__hero-bullets {
        margin-bottom: 30px;
    }
    .cb-partner__hero-cta {
        min-width: 220px;
        min-height: 46px;
        font-size: 15px;
    }
    .cb-partner__content-v2 {
        margin-top: 24px !important;
    }
}

@media (max-width: 767px) {
    .cb-partner__breadcrumb {
        margin: 0 auto;
        padding: 20px 20px 30px;
    }
    .cb-partner__breadcrumb-back {
        /* display: none; */
    }
    .cb-partner__hero-v2 {
        min-height: 460px;
        padding-bottom: 40px;
    }
    .cb-partner__hero-card-page {
        max-width: 100%;
        padding: 24px 20px 28px;
        border-radius: 14px;
    }
    .cb-partner__hero-title {
        font-size: clamp(20px, 5vw, 26px);
        margin-bottom: 12px;
    }
    .cb-partner__hero-desc {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .cb-partner__hero-bullets {
        gap: 8px;
        margin-bottom: 24px;
    }
    .cb-partner__hero-bullet {
        font-size: 14px;
    }
    .cb-partner__hero-cta {
        width: fit-content;
        min-width: 0;
        margin: 0 auto;
        height: 40px;
        padding: 10px 20px;
        font-size: var(--fs-card-title);
    }
    .cb-partner__content-v2 {
        margin-top: 16px !important;
    }
}

@media (max-width: 480px) {
    .cb-partner__breadcrumb {
    }
    .cb-partner__breadcrumb-nav {
        font-size: 12px;
    }
    .cb-partner__hero-v2 {
        min-height: 400px;
        padding-bottom: 30px;
    }
    .cb-partner__hero-container {
        padding: 0 12px;
    }
    .cb-partner__hero-card-page {
        padding: 20px 16px 24px;
        border-radius: 12px;
    }
    .cb-partner__hero-title {
        font-size: clamp(18px, 5.5vw, 22px);
        margin-bottom: 10px;
    }
    .cb-partner__hero-desc {
        font-size: 13px;
        margin-bottom: 14px;
    }
    .cb-partner__hero-bullets {
        gap: 6px;
        margin-bottom: 20px;
    }
    .cb-partner__hero-bullet {
        font-size: 13px;
        gap: 8px;
    }
    .cb-partner__hero-cta {
        min-height: 44px;
        font-size: 14px;
        padding: 10px 24px;
        border-radius: 6px;
    }
    .cb-partner__content-v2 {
        margin-top: 12px !important;
    }
}

@media (max-width: 360px) {
    .cb-partner__breadcrumb-nav {
        font-size: 11px;
        gap: 5px;
    }
    .cb-partner__hero-v2 {
        min-height: 360px;
        padding-bottom: 24px;
    }
    .cb-partner__hero-card-page {
        padding: 16px 14px 20px;
        border-radius: 10px;
    }
    .cb-partner__hero-title {
        font-size: 17px;
    }
    .cb-partner__hero-desc {
        font-size: 12px;
    }
    .cb-partner__hero-bullet {
        font-size: 12px;
    }
    .cb-partner__hero-cta {
        min-height: 42px;
        font-size: 13px;
    }
    .cb-partner__content-v2 {
        margin-top: 8px !important;
    }
}

/* ==========================================================================
   PARTNER PROGRAM — Hero v2 Animations & Motion Effects
   ========================================================================== */

/* --- Keyframes --- */

/* Card entrance – slides up from below with a fade */
@keyframes partnerCardReveal {
    0%   { opacity: 0; transform: translateY(50px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Title slides in from the left */
@keyframes partnerTitleReveal {
    0%   { opacity: 0; transform: translateX(-30px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* Elements fade up slightly */
@keyframes partnerFadeUp {
    0%   { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* Bullet items stagger in */
@keyframes partnerBulletReveal {
    0%   { opacity: 0; transform: translateX(-16px); }
    100% { opacity: 1; transform: translateX(0); }
}

/* Shimmer sweep across the card */
@keyframes partnerShimmer {
    0%   { background-position: -200% center; }
    100% { background-position: 200% center; }
}

/* --- Entrance animations (triggered by JS adding --visible class) --- */

/* Card slides up */
.cb-partner__hero-v2--visible .cb-partner__hero-card-page {
    animation: partnerCardReveal 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

/* Title slides from left */
.cb-partner__hero-v2--visible .cb-partner__hero-title {
    animation: partnerTitleReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both;
}

/* Description fades up */
.cb-partner__hero-v2--visible .cb-partner__hero-desc {
    animation: partnerFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.55s both;
}

/* Bullets stagger in */
.cb-partner__hero-v2--visible .cb-partner__hero-bullet:nth-child(1) {
    animation: partnerBulletReveal 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.7s both;
}
.cb-partner__hero-v2--visible .cb-partner__hero-bullet:nth-child(2) {
    animation: partnerBulletReveal 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.82s both;
}
.cb-partner__hero-v2--visible .cb-partner__hero-bullet:nth-child(3) {
    animation: partnerBulletReveal 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.94s both;
}

/* CTA fades up */
.cb-partner__hero-v2--visible .cb-partner__hero-cta-wrap {
    animation: partnerFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) 1.1s both;
}

/* --- Continuous motion effects --- */

/* Subtle shimmer on the card */
.cb-partner__hero-v2--visible .cb-partner__hero-card-page::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        105deg,
        transparent 30%,
        rgba(255, 255, 255, 0.12) 45%,
        rgba(255, 255, 255, 0.18) 50%,
        rgba(255, 255, 255, 0.12) 55%,
        transparent 70%
    );
    background-size: 200% 100%;
    animation: partnerShimmer 8s ease-in-out 3s infinite;
    pointer-events: none;
    z-index: 10;
    border-radius: inherit;
}

/* --- Accessibility: reduce motion if preferred --- */
@media (prefers-reduced-motion: reduce) {
    .cb-partner__hero-v2--visible .cb-partner__hero-card-page,
    .cb-partner__hero-v2--visible .cb-partner__hero-title,
    .cb-partner__hero-v2--visible .cb-partner__hero-desc,
    .cb-partner__hero-v2--visible .cb-partner__hero-bullet,
    .cb-partner__hero-v2--visible .cb-partner__hero-cta-wrap,
    .cb-partner__hero-v2--visible .cb-partner__hero-card-page::before {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* --- Accent color --- */
.cb-partner__accent {
    color: var(--camels-accent)!important;
}

/* --- Shared button --- */
.cb-partner__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 52px;
    padding: 10px 30px;
    border-radius: 8px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-button);
    text-decoration: none;
    transition: background 0.2s;
    border: 3px solid;
    cursor: pointer;
    border-color: transparent;
}
.cb-partner__btn:hover {
    border-color: var(--camels-accent-hover);
    background: var(--camels-surface);
    color: var(--camels-accent-hover);
}
.cb-partner__btn--sm {
    padding: 10px 24px;
    font-size: var(--fs-button);
    border-radius: 12px;
}
.cb-partner__btn--outline {
    background: var(--camels-surface);
    color: var(--camels-accent);
    border-color: var(--camels-accent);
}
.cb-partner__btn--outline:hover {
    background: var(--camels-accent);
    color: var(--camels-surface);
    border-color: transparent;
}

/* ==========================================================================
   1. Role cards
   ========================================================================== */
.cb-partner__roles {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 60px;
}

.cb-partner__role-card-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-top: 40px;
}

.cb-partner__role-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-partner__role-person {
    position: absolute;
    top: -39px;
    width: 165px;
    height: 100px;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
}
.cb-partner__role-person--left {
    left: 16px;
}
.cb-partner__role-person--right {
    right: 16px;
}
.cb-partner__role-person img {
    display: block;
    position: absolute;
    max-width: none;
    width: 267%;
    height: 441%;
    top: -87%;
}
.cb-partner__role-person--left img {
    left: -17%;
}
.cb-partner__role-person--right img {
    left: -149%;
}

.cb-partner__role-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0px 5px 15px var(--camels-border);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

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

.cb-partner__role-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 24px;
    background: var(--camels-surface);
    border-radius: 16px;
    box-shadow: 0px 2px 20px rgba(0,0,0,0.06);
}

.cb-partner__role-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cb-partner__role-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: normal;
}

.cb-partner__role-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-description-alt);
    color: var(--camels-text-strong);
}

.cb-partner__role-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.2);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cb-partner__role-icon-box img {
    display: block;
    width: 24px;
    height: 24px;
}

.cb-partner__role-sections {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-partner__role-section {
    padding: 10px 20px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 16px;
}

.cb-partner__role-section--has-icon {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.cb-partner__role-section--has-icon .cb-partner__role-sec-body {
    flex: 1;
    min-width: 0;
}

.cb-partner__role-sec-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    border-radius: 8px;
    overflow: hidden;
}
.cb-partner__role-sec-icon img {
    display: block;
    width: 32px;
    height: 32px;
}
.cb-partner__role-sec-icon i {
    color: #fff;
    font-size: 1.125rem;
}
.cb-partner__role-sec-icon[style] {
    border-color: transparent;
}

.cb-partner__role-sec-heading {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0 0 12px;
}

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

.cb-partner__role-list li {
    position: relative;
    padding-left: 24px;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
}

.cb-partner__role-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
}

.cb-partner__role-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
    padding: 14px 30px;
    height: 52px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-button);
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s;
    box-sizing: border-box;
}
.cb-partner__role-cta:hover {
    background: var(--camels-accent-hover);
    color: var(--camels-surface);
}

/* ---- Role card spoiler (collapsible conditions) ---- */
.cb-partner__role-spoiler {
    margin-top: 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--camels-border);
    overflow: hidden;
    transition: border-color 0.2s ease;
}
.cb-partner__role-spoiler[open] {
    border-color: var(--camels-accent);
}
.cb-partner__role-spoiler-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s ease;
}
.cb-partner__role-spoiler:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}
.cb-partner__role-spoiler-toggle::-webkit-details-marker { display: none; }
.cb-partner__role-spoiler-toggle::marker { display: none; content: ''; }
.cb-partner__role-spoiler-title {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.3;
}
.cb-partner__role-spoiler-title-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    padding: 6px;
    border-radius: 8px;
    object-fit: contain;
}
.cb-partner__role-spoiler-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--camels-surface-tab, #eeedf5);
    color: var(--camels-muted-alt, #9097a1);
    flex-shrink: 0;
    font-size: 0.7rem;
    transition: transform 0.3s ease, background 0.2s ease, color 0.2s ease;
}
.cb-partner__role-spoiler-toggle:hover .cb-partner__role-spoiler-chevron {
    background: var(--camels-accent);
    color: #fff;
}
.cb-partner__role-spoiler[open] .cb-partner__role-spoiler-chevron {
    transform: rotate(180deg);
    background: var(--camels-accent);
    color: #fff;
}
.cb-partner__role-spoiler-body {
    list-style: none;
    margin: 0;
    padding: 0 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cb-partner__role-spoiler-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 14px 16px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}
.cb-partner__role-spoiler-bullet {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(115, 111, 251, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-primary);
    font-size: 0.75rem;
}
.cb-partner__role-spoiler-bullet--warn {
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
}

/* ---- Partner FAQ (accordion per role card) ---- */
.cb-partner__faq {
    margin-top: 20px;
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-partner__faq-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-partner__faq-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--camels-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-partner__faq-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
}

.cb-partner__faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

/* ── Group wrappers with section headers ── */
.cb-partner__faq-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cb-partner__faq-group--hidden {
    display: none;
}
.cb-partner__faq-group--hidden.cb-partner__faq-group--shown {
    display: flex;
}
.cb-partner__faq-group-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0 4px;
}
.cb-partner__faq-group-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    line-height: 1.3;
}
.cb-partner__faq-group-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 20px;
    background: var(--camels-surface-tab);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: var(--camels-muted);
    line-height: 1;
}

/* ── FAQ accordion item ── */
.cb-partner__faq-item {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.cb-partner__faq-item[open] {
    border-color: var(--camels-accent);
}
.cb-partner__faq-item--hidden {
    display: none;
}
.cb-partner__faq-item--hidden.cb-partner__faq-item--shown {
    display: block;
}
.cb-partner__faq-item:hover {
    background: var(--camels-accent);
    border-color: var(--camels-accent);
}
.cb-partner__faq-item:hover .cb-partner__faq-question {
    color: #fff;
}

.cb-partner__faq-item:hover .cb-partner__faq-num {
    background: var(--camels-accent);
    border: #fff 1px solid;
    color: #fff;
}

.cb-partner__faq-item:hover .cb-partner__faq-chevron {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
/* Reset hover on open state */
.cb-partner__faq-item[open]:hover {
    background: var(--camels-surface);
    border-color: var(--camels-accent);
}
.cb-partner__faq-item[open]:hover .cb-partner__faq-question {
    color: var(--camels-black);
}
.cb-partner__faq-item[open]:hover .cb-partner__faq-num {
    background: var(--camels-accent);
    color: #fff;
}
.cb-partner__faq-item[open]:hover .cb-partner__faq-chevron {
    background: var(--camels-accent);
    color: #fff;
}

/* ── Question row ── */
.cb-partner__faq-question {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
    transition: color 0.2s ease;
    justify-content: space-between;
}

.cb-partner__faq-question::-webkit-details-marker {
    display: none;
}

.cb-partner__faq-question::marker {
    display: none;
    content: '';
}

/* ── Numbered circle ── */
.cb-partner__faq-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: var(--camels-surface-tab);
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 1;
    flex-shrink: 0;
    transition: background 0.2s ease, color 0.2s ease;
}
.cb-partner__faq-item[open] .cb-partner__faq-num {
    background: var(--camels-accent);
    color: #fff;
}

.cb-partner__faq-question-text {
    flex: 1;
    min-width: 0;
}

.cb-partner__faq-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--camels-surface-tab);
    color: var(--camels-black);
    flex-shrink: 0;
    font-size: 0.75rem;
    transition: transform 0.3s ease, background 0.2s ease, color 0.2s ease;
}

.cb-partner__faq-item[open] .cb-partner__faq-chevron {
    transform: rotate(180deg);
    background: var(--camels-accent);
    color: #fff;
}

.cb-partner__faq-answer {
    padding: 0 18px 18px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.65;
}

.cb-partner__faq-more {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 30px;
    border-radius: 8px;
    height: 52px;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
    border: 3px solid;
    border-color: transparent;
}

.cb-partner__faq-more:hover {
    border-color: 3px solid var(--camels-accent);
    color: var(--camels-accent);
    background-color: var(--camels-surface);
    transform: translateY(-1px);
}

.cb-partner__faq-more i {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.cb-partner__faq-more:hover i {
    transform: translateX(3px);
}

/* FAQ footer + group navigation pills */
.cb-partner__faq-footer {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
button.cb-partner__faq-more {
    cursor: pointer;
    border: 1px solid var(--camels-border);
    background: #f4f5f6;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 28px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s ease, border-color 0.2s ease;
}
button.cb-partner__faq-more:hover {
    background: #ebedef;
    border-color: var(--camels-primary);
    color: var(--camels-text);
    transform: none;
}
.cb-partner__faq-more-chevron {
    transition: transform 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.cb-partner__faq-more-chevron i {
    font-size: 12px;
}

button[data-faq-toggle][aria-expanded="true"] .cb-partner__faq-more-chevron {
    transform: rotate(180deg);
}


/* FAQ two-column layout (role info + accordion) */
.cb-partner__faq-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100%;
    margin: 10px auto 40px;
    padding: 0;
}
.cb-partner__faq-section-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
    background: var(--camels-surface);
    padding: 30px;
    border-radius: 25px;
}
.cb-partner__faq-section-wrap + .cb-partner__faq-section-wrap {
    padding-top: 60px;
    border-top: 1px solid var(--camels-border);
}
.cb-partner__faq-role {
    flex: 0 0 380px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 100px;
}
.cb-partner__faq-role-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cb-partner__faq-role-label {
    width: 100%;
    text-align: center;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0 0 8px;
    line-height: 1.3;
}
.cb-partner__faq-role-label--mobile {
    display: none;
}
.cb-partner__faq-role-name {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    /* font-size: var(--fs-description-alt); */
    color: var(--camels-text);
    line-height: 1.2;
}
.cb-partner__faq-subtitle {
    width: 100%;
    text-align: center;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-description-alt);
    color: var(--camels-muted);
    margin: -4px 0 8px;
    line-height: 1.4;
}
.cb-partner__faq-role-meta {
    display: flex;
    align-items: center;
    gap: 20px;
}
.cb-partner__faq-role-icon {
    width: 40px;
    height: 40px;
    border-radius: 25%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cb-partner__faq-role-icon img {
    display: block;
    width: 24px;
    height: 24px;
}
.cb-partner__faq-role-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: #374357;
    line-height: 1.5;
    margin: 0;
}
.cb-partner__faq-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}
.cb-partner__faq-divider {
    border: none;
    border-top: 1px solid var(--camels-border);
    margin: 25px 0;
}

/* FAQ current-label above tabs — hidden on desktop */
.cb-partner__faq-current-label {
    display: none;
}

/* FAQ role tabs — hidden on desktop, shown as sticky on ≤991px */
.cb-partner__faq-role-tabs {
    display: none;
}
/* Hidden section toggle (JS) */
.cb-partner__faq-section--hidden {
    display: none;
}

/* ==========================================================================
   1b. Offers section
   ========================================================================== */
.cb-partner__offers {
    position: relative;
    z-index: 1;
    margin: 40px 0 50px;
    margin-bottom: 60px;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(13vw - 20px), 180px);
    margin-left: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
}

.cb-partner__offers-header {
    text-align: center;
    margin-bottom: 28px;
}

.cb-partner__offers-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0 0 8px;
    justify-content: center;
    display: flex;
}

.cb-partner__offers-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
}

/* Stats bar */
.cb-partner__offers-stats {
    display: flex;
    gap: 12px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.cb-partner__offers-stat {
    flex: 1 1 0;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 20px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
}

.cb-partner__offers-stat-label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-desc);
    letter-spacing: 0.04em;
    color: var(--camels-black);
}

.cb-partner__offers-stat-value {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
}

/* Filter tabs */
.cb-partner__offers-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 22px;
    flex-wrap: wrap;
    position: relative;
}

.cb-partner__offers-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    margin: 10px 0;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
}

.cb-partner__offers-tab:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

.cb-partner__offers-tab.is-active {
    background: var(--camels-accent-hover);
    color: var(--camels-bg);
    border-color: var(--camels-accent);
}

.cb-partner__offers-tab.is-active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

.cb-partner__offers-tab i {
    font-size: 0.85rem;
}

/* Item count badge inside tab */
.cb-partner__offers-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    background: rgba(0, 0, 0, 0.08);
    color: inherit;
}

.cb-partner__offers-tab.is-active .cb-partner__offers-tab-count {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.cb-partner__offers-tab-flag {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

/* Swipe hint tooltip */
.cb-partner__swipe-hint {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 8px auto 10px;
    background: #1a1a2e;
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 50px;
    white-space: nowrap;
    z-index: 20;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
    width: fit-content;
}
.cb-partner__swipe-hint.is-visible {
    display: flex;
    opacity: 1;
}
.cb-partner__swipe-hint.is-hiding {
    opacity: 0;
}
.cb-partner__swipe-hint-icon {
    display: inline-flex;
    font-size: 1.1rem;
    line-height: 1;
    animation: swipeHandLR 1.4s ease-in-out infinite;
    color: var(--camels-accent);
}

@keyframes swipeHandLR {
    0%, 100% { transform: translateX(0); }
    30%      { transform: translateX(8px); }
    60%      { transform: translateX(-8px); }
}

/* Cards grid — 3 per row */
.cb-partner__offers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* Single offer card — Figma style */
.cb-partner__offers-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 20px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    cursor: pointer;
}

.cb-partner__offers-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-partner__offers-card[data-offers-hidden="1"] {
    display: none;
}

/* Card image */
.cb-partner__offers-card-img {
    position: relative;
    width: 100%;
    aspect-ratio: 373 / 200;
    overflow: hidden;
    border-radius: 20px;
    background: var(--camels-surface-light, #f0f0f0);
}

.cb-partner__offers-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cb-partner__offers-card-img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-border-medium, #ccc);
    font-size: 2rem;
}

/* CRM placeholder icons — color by offer type */
[data-offers-cat="usa-vacancy"] .cb-partner__offers-card-img-placeholder {
    color: var(--camels-accent, #f65a03);
    background: linear-gradient(135deg, #fff5ee 0%, #fde8d7 100%);
}
[data-offers-cat="usa-colleges"] .cb-partner__offers-card-img-placeholder {
    color: var(--camels-primary, #736ffb);
    background: linear-gradient(135deg, #f0effe 0%, #e1dffc 100%);
}

/* Image overlay badge */
.cb-partner__offers-card-img-badge {
    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 10px;
    padding: 8px 15px;
    background: var(--camels-green-bright);
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.4;
    border-radius: 8px;
    text-align: center;
    letter-spacing: 0.01em;
    pointer-events: none;
    z-index: 2;
    width: fit-content;
    margin: 0 auto;
}

/* Inner white box (title + location + main payout + HR block) */
.cb-partner__offers-card-inner {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.05);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card title */
.cb-partner__offers-card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
}

/* Card subtitle (English name for CRM items) */
.cb-partner__offers-card-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    color: var(--camels-muted, #69707d);
    margin: -6px 0 0;
    line-height: 1.3;
}

/* Card location */
.cb-partner__offers-card-location {
    font-family: 'Inter', 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cb-partner__offers-card-location i {
    color: var(--camels-black);
    font-size: 0.9rem;
}

.cb-partner__offers-card-location .cb-flag {
    cursor: pointer;
    margin-right: -4px;
    position: relative;
    overflow: visible;
}

.cb-partner__offers-card-location .cb-flag .cb-partner__calc-tooltip {
    width: max-content;
    max-width: 240px;
    min-width: 80px;
    padding: 8px 10px;
    font-size: 0.75rem;
    line-height: 1.35;
    border-radius: 10px;
    bottom: calc(100% + 8px);
    z-index: 2000;
}

.cb-partner__offers-card-location .cb-flag .cb-partner__calc-tooltip::after {
    border-width: 6px;
}

.cb-partner__offers-card-location .cb-flag:hover .cb-partner__calc-tooltip,
.cb-partner__offers-card-location .cb-flag.is-open .cb-partner__calc-tooltip,
.cb-partner__offers-card-location .cb-flag:active .cb-partner__calc-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.cb-partner__offers-card-location .cb-flag:last-of-type {
    margin-right: 0;
}

.cb-partner__offers-card-location .cb-flag--eu-img {
    width: 24px;
    height: 18px;
    vertical-align: middle;
    margin-left: 2px;
    border-radius: 2px;
}

.cb-partner__offers-card-location .cb-flag--eu-img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
}

/* Main payout row */
.cb-partner__offers-card-payout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.cb-partner__offers-card-payout-label {
    font-family: 'Inter', 'Onest', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--camels-black);
}

.cb-partner__offers-card-payout-value {
    font-family: 'Inter', 'Onest', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--camels-black);
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px;
    border-radius: 6px;
}

/* Bordered block (commission / salary rows) */
.cb-partner__offers-card-block {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    overflow: hidden;
}

.cb-partner__offers-card-block-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    font-family: 'Inter', 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

/* Small icon box for offer card payout rows (30×30, img 20×20) */
.cb-partner__offers-icon-box {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.cb-partner__offers-icon-box img {
    display: block;
    width: 20px;
    height: 20px;
}

/* Icon + label group with minimal gap */
.cb-partner__offers-payout-label {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cb-partner__offers-card-block-val {
    font-family: 'Inter', 'Onest', sans-serif;
    /* font-weight: 700; */
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    white-space: nowrap;
    text-align: center;
    /* min-width: 80px; */
    padding-left: 8px;
}

/* Green payout range tag (inside HR block) */
.cb-partner__offers-card-range {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    /* padding: 7px; */
    margin: 0;
    /* background: #ebfae7; */
    /* border: 1px solid #41d31c; */
    border-radius: 8px;
    font-family: 'Inter', 'Onest', sans-serif;
    /* font-weight: 600; */
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    width: fit-content;
}

.cb-partner__offers-card-range i {
    color: #36a236;
    font-size: 0.85rem;
}

/* Sub-payout label inside HR block */
.cb-partner__offers-card-block-sub {
    padding: 8px 14px 10px;
    font-family: 'Inter', 'Onest', sans-serif;
    font-weight: 700;
    font-size: 0.95rem;
    color: #374357;
}

/* Pagination */
.cb-partner__offers-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 32px;
    padding: 0;
    user-select: none;
}

.cb-partner__offers-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #dde1e6;
    border-radius: 10px;
    background: #fff;
    color: var(--camels-text, #212e44);
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.cb-partner__offers-page-btn:hover:not(:disabled):not(.is-active) {
    background: #f0f2f5;
    border-color: #c4c9d0;
}
.cb-partner__offers-page-btn.is-active {
    background: var(--camels-accent, #f65a03);
    color: #fff;
    border-color: var(--camels-accent, #f65a03);
    box-shadow: 0 2px 8px rgba(246, 90, 3, 0.25);
    cursor: default;
}
.cb-partner__offers-page-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.cb-partner__offers-page-arrow {
    min-width: 36px;
    height: 36px;
    font-size: 0.8rem;
}

.cb-partner__offers-page-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 40px;
    color: var(--camels-muted, #69707d);
    font-size: 1rem;
    letter-spacing: 2px;
}

/* ==========================================================================
   2. Calculator
   ========================================================================== */
.cb-partner__calc {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    border-radius: 24px 24px 50px 50px;
    overflow: visible;
    background: transparent;
}

/* Top wrapper — wave is absolute inside here, won't stretch with panel */
.cb-partner__calc-top {
    position: relative;
    min-height: 290px;
}

/* Wave-shape SVG background (from Figma Rectangle 19) */
.cb-partner__calc-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    display: block;
    border-radius: 50px;
    overflow: hidden;
}

.cb-partner__calc-visual {
    position: relative;
    min-height: 150px;
    padding: 40px 48px 20px;
}

.cb-partner__calc-bg {
    position: absolute;
    top: 0;
    right: 15%;
    width: 24%;
    height: auto;
    object-fit: contain;
    object-position: center top;
    opacity: 0.9;
    z-index: 2;
}

.cb-partner__calc-bg-page {
    position: absolute;
    top: 0;
    right: 15%;
    width: 18%;
    height: auto;
    object-fit: contain;
    object-position: center top;
    opacity: 0.9;
    z-index: 2;
}

.cb-partner__calc-section-page {
    position: relative;
    z-index: 1;
    margin: 40px 0 60px;
    padding: 10px 0 !important;
    /* margin-left: calc(-1 * clamp(0px, calc(8vw - 20px), 180px))!important; */
    /* margin-right: calc(-1 * clamp(0px, calc(8vw - 20px), 180px))!important; */
}

.cb-partner__calc-text {
    position: relative;
    z-index: 3;
    max-width: 600px;
}

.cb-partner__calc-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    line-height: 1.2;
    color: var(--camels-black);
        margin: 0 0 16px;
    position: relative;
}

.cb-partner__calc-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
    margin: 0;
}

.cb-partner__calc-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px;
    background: var(--camels-surface);
    margin: 15px;
    border-radius: 20px;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 6%);
    flex-wrap: wrap;
    z-index: 9;
    position: relative;
}

.cb-partner__calc-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-partner__calc-roles {
    display: flex;
    gap: 12px;
    flex: 1;
}

.cb-partner__calc-role {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    background: transparent;
    border: 2px solid var(--camels-border);
    border-radius: 12px;
    padding: 10px 16px;
    cursor: pointer;
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    position: relative;
}

/* ---- Calc role tooltip ---- */
.cb-partner__calc-tooltip {
    position: absolute;
    bottom: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    width: 320px;
    padding: 16px 18px;
    background: var(--camels-black, #1a1a2e);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.55;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 9999;
    text-align: left;
    white-space: normal;
}
.cb-partner__calc-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: var(--camels-black, #1a1a2e);
}
.cb-partner__calc-role:hover .cb-partner__calc-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.cb-partner__calc-role:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 1px var(--camels-accent);
}

.cb-partner__calc-role.is-active {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.07);
    color: var(--camels-black);
    box-shadow: 0 0 0 1px var(--camels-accent);
}

.cb-partner__calc-role.is-active::after {
    content: '';
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

.cb-partner__calc-role-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
}

.cb-partner__calc-toggle {
    cursor: pointer;
    border: none;
    transition: background 0.3s, box-shadow 0.2s;
    border: 3px solid transparent;
}

.cb-partner__calc-toggle:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
.cb-partner__calc-toggle svg,
.cb-partner__calc-toggle i {
    transition: transform 0.3s;
}
.cb-partner__calc-toggle.is-active svg,
.cb-partner__calc-toggle.is-active i {
    transform: rotate(180deg);
}

/* Expanded calculator panel */
.cb-partner__calc-panel {
    background: rgba(255,255,255,0.85);
    border-radius: 0 0 50px 50px;
    margin-top: -3px;
    padding: 20px 60px 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
}
.cb-partner__calc-panel-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

.cb-partner__calc-panel-inner > .cb-partner__calc-form-cta {
    flex-basis: 100%;
    margin-top: 0;
}

/* LEFT — form */
.cb-partner__calc-form {
    flex: 0 0 50%;
    max-width: 640px;
    background: var(--camels-surface);
    border-radius: 20px;
    padding: 30px;
}

.cb-partner__calc-income-title {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    margin: 0 0 20px;
}

.cb-partner__calc-field {
    margin-bottom: 10px;
}
.cb-partner__calc-field:last-child {
    margin-bottom: 0;
}
.cb-partner__calc-field-label {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin-bottom: 8px;
}
.cb-partner__calc-field-label-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}
.cb-partner__calc-field-label-row .cb-partner__calc-field-label {
    margin-bottom: 0;
}
.cb-partner__calc-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 20px;
    background: #eafbe5;
    color: #2a9d1a;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
}
.cb-partner__calc-input[disabled] {
    opacity: 0.55;
    cursor: not-allowed;
    background: var(--camels-surface-input);
}
.cb-partner__calc-input {
    display: block;
    width: 100%;
    height: 56px;
    background: var(--camels-surface-input);
    border: 1px solid var(--camels-border-medium);
    border-radius: 8px;
    padding: 0 18px;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    color: var(--camels-black);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
    -moz-appearance: textfield;
}
.cb-partner__calc-input::-webkit-outer-spin-button,
.cb-partner__calc-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cb-partner__calc-input:focus {
    border-color: var(--camels-accent);
}
.cb-partner__calc-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23646d7c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
    padding-right: 44px;
    cursor: pointer;
    transition: border-color 0.2s;
}

.cb-partner__calc-select:hover {
    border-color: var(--camels-border-hover);
}

.cb-partner__calc-select:focus {
    border-color: var(--camels-accent);
    outline: none;
}

/* Hidden native select (kept for JS calculator) */
.cb-partner__calc-select-hidden {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* Custom select dropdown */
.cb-partner__cselect {
    position: relative;
}
.cb-partner__cselect-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 42px;
    padding-right: 18px;
    cursor: pointer;
    text-align: left;
    position: relative;
    background: var(--camels-surface-input);
}
.cb-partner__cselect-trigger .cb-partner__calc-input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.cb-partner__cselect-value {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
}
.cb-partner__cselect-chevron {
    flex-shrink: 0;
    transition: transform 0.2s;
}
.cb-partner__cselect.is-open .cb-partner__cselect-chevron {
    transform: rotate(180deg);
}
.cb-partner__cselect-trigger:hover {
    border-color: var(--camels-border-hover);
}
.cb-partner__cselect.is-open .cb-partner__cselect-trigger {
    border-color: var(--camels-accent);
}
.cb-partner__cselect-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-medium);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    list-style: none;
    margin: 0;
    padding: 6px 0;
    max-height: 280px;
    overflow-y: auto;
    z-index: 50;
}
.cb-partner__cselect.is-open .cb-partner__cselect-dropdown {
    display: block;
}
.cb-partner__cselect-dropdown li[data-value] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    color: var(--camels-black);
    cursor: pointer;
    transition: background 0.15s;
}
.cb-partner__cselect-dropdown li[data-value]:hover {
    background: var(--camels-bg);
}
.cb-partner__cselect-dropdown li[data-value].is-selected {
    background: rgba(246, 90, 3, .08);
    font-weight: 500;
}
.cb-partner__cselect-divider {
    height: 1px;
    background: var(--camels-border-medium);
    margin: 4px 12px;
}

/* ── Flag icons (4:3 ratio, inline SVG data URIs) ── */
.cb-flag {
    display: inline-block;
    width: 24px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}
/* US */
.cb-flag--us { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23fff'/%3E%3Cg fill='%23B22234'%3E%3Crect y='0' width='24' height='1.385'/%3E%3Crect y='2.769' width='24' height='1.385'/%3E%3Crect y='5.538' width='24' height='1.385'/%3E%3Crect y='8.308' width='24' height='1.385'/%3E%3Crect y='11.077' width='24' height='1.385'/%3E%3Crect y='13.846' width='24' height='1.385'/%3E%3Crect y='16.615' width='24' height='1.385'/%3E%3C/g%3E%3Crect width='10' height='9.692' fill='%233C3B6E'/%3E%3C/svg%3E"); }
/* DE */
.cb-flag--de { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect y='0' width='24' height='6' fill='%23000'/%3E%3Crect y='6' width='24' height='6' fill='%23DD0000'/%3E%3Crect y='12' width='24' height='6' fill='%23FFCE00'/%3E%3C/svg%3E"); }
/* AT */
.cb-flag--at { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23ED2939'/%3E%3Crect y='6' width='24' height='6' fill='%23fff'/%3E%3Crect y='12' width='24' height='6' fill='%23ED2939'/%3E%3C/svg%3E"); }
/* BE */
.cb-flag--be { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect x='0' width='8' height='18' fill='%23000'/%3E%3Crect x='8' width='8' height='18' fill='%23FAE042'/%3E%3Crect x='16' width='8' height='18' fill='%23ED2939'/%3E%3C/svg%3E"); }
/* BG */
.cb-flag--bg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23fff'/%3E%3Crect y='6' width='24' height='6' fill='%2300966E'/%3E%3Crect y='12' width='24' height='6' fill='%23D62612'/%3E%3C/svg%3E"); }
/* HR */
.cb-flag--hr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23FF0000'/%3E%3Crect y='6' width='24' height='6' fill='%23fff'/%3E%3Crect y='12' width='24' height='6' fill='%23171796'/%3E%3C/svg%3E"); }
/* CY */
.cb-flag--cy { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23fff'/%3E%3Cellipse cx='12' cy='8' rx='5' ry='3.5' fill='%23D47600'/%3E%3C/svg%3E"); }
/* CZ */
.cb-flag--cz { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='9' fill='%23fff'/%3E%3Crect y='9' width='24' height='9' fill='%23D7141A'/%3E%3Cpolygon points='0,0 12,9 0,18' fill='%2311457E'/%3E%3C/svg%3E"); }
/* DK */
.cb-flag--dk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23C8102E'/%3E%3Crect x='7' width='3' height='18' fill='%23fff'/%3E%3Crect y='7.5' width='24' height='3' fill='%23fff'/%3E%3C/svg%3E"); }
/* EE */
.cb-flag--ee { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%230072CE'/%3E%3Crect y='6' width='24' height='6' fill='%23000'/%3E%3Crect y='12' width='24' height='6' fill='%23fff'/%3E%3C/svg%3E"); }
/* FI */
.cb-flag--fi { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23fff'/%3E%3Crect x='7' width='3' height='18' fill='%23003580'/%3E%3Crect y='7.5' width='24' height='3' fill='%23003580'/%3E%3C/svg%3E"); }
/* FR */
.cb-flag--fr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='8' height='18' fill='%23002395'/%3E%3Crect x='8' width='8' height='18' fill='%23fff'/%3E%3Crect x='16' width='8' height='18' fill='%23ED2939'/%3E%3C/svg%3E"); }
/* GR */
.cb-flag--gr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%230D5EAF'/%3E%3Cg fill='%23fff'%3E%3Crect y='2' width='24' height='2'/%3E%3Crect y='6' width='24' height='2'/%3E%3Crect y='10' width='24' height='2'/%3E%3Crect y='14' width='24' height='2'/%3E%3Crect width='10' height='10' fill='%230D5EAF'/%3E%3Crect x='4' width='2' height='10'/%3E%3Crect y='4' width='10' height='2'/%3E%3C/g%3E%3C/svg%3E"); }
/* GE */
.cb-flag--ge { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23fff'/%3E%3Crect x='10' width='4' height='18' fill='%23E41E20'/%3E%3Crect y='7' width='24' height='4' fill='%23E41E20'/%3E%3Cg fill='%23E41E20'%3E%3Crect x='3.25' y='2' width='1.5' height='5'/%3E%3Crect x='1.5' y='3.75' width='5' height='1.5'/%3E%3Crect x='19.25' y='2' width='1.5' height='5'/%3E%3Crect x='17.5' y='3.75' width='5' height='1.5'/%3E%3Crect x='3.25' y='11' width='1.5' height='5'/%3E%3Crect x='1.5' y='12.75' width='5' height='1.5'/%3E%3Crect x='19.25' y='11' width='1.5' height='5'/%3E%3Crect x='17.5' y='12.75' width='5' height='1.5'/%3E%3C/g%3E%3C/svg%3E"); }
/* HU */
.cb-flag--hu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23CE2939'/%3E%3Crect y='6' width='24' height='6' fill='%23fff'/%3E%3Crect y='12' width='24' height='6' fill='%23477050'/%3E%3C/svg%3E"); }
/* IE */
.cb-flag--ie { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='8' height='18' fill='%23169B62'/%3E%3Crect x='8' width='8' height='18' fill='%23fff'/%3E%3Crect x='16' width='8' height='18' fill='%23FF883E'/%3E%3C/svg%3E"); }
/* IT */
.cb-flag--it { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='8' height='18' fill='%23009246'/%3E%3Crect x='8' width='8' height='18' fill='%23fff'/%3E%3Crect x='16' width='8' height='18' fill='%23CE2B37'/%3E%3C/svg%3E"); }
/* LV */
.cb-flag--lv { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%239E3039'/%3E%3Crect y='7' width='24' height='4' fill='%23fff'/%3E%3C/svg%3E"); }
/* LT */
.cb-flag--lt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23FDB913'/%3E%3Crect y='6' width='24' height='6' fill='%23006A44'/%3E%3Crect y='12' width='24' height='6' fill='%23C1272D'/%3E%3C/svg%3E"); }
/* LU */
.cb-flag--lu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23ED2939'/%3E%3Crect y='6' width='24' height='6' fill='%23fff'/%3E%3Crect y='12' width='24' height='6' fill='%2300A1DE'/%3E%3C/svg%3E"); }
/* MT */
.cb-flag--mt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='12' height='18' fill='%23fff'/%3E%3Crect x='12' width='12' height='18' fill='%23CF142B'/%3E%3C/svg%3E"); }
/* NL */
.cb-flag--nl { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23AE1C28'/%3E%3Crect y='6' width='24' height='6' fill='%23fff'/%3E%3Crect y='12' width='24' height='6' fill='%2321468B'/%3E%3C/svg%3E"); }
/* PL */
.cb-flag--pl { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='9' fill='%23fff'/%3E%3Crect y='9' width='24' height='9' fill='%23DC143C'/%3E%3C/svg%3E"); }
/* BY */
.cb-flag--by { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23C8313E'/%3E%3Crect y='12' width='24' height='6' fill='%2300923F'/%3E%3Crect width='4' height='18' fill='%23fff'/%3E%3C/svg%3E"); }
/* PT */
.cb-flag--pt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='9' height='18' fill='%23006600'/%3E%3Crect x='9' width='15' height='18' fill='%23FF0000'/%3E%3Ccircle cx='9' cy='9' r='3.5' fill='%23FFCC00'/%3E%3C/svg%3E"); }
/* RO */
.cb-flag--ro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='8' height='18' fill='%23002B7F'/%3E%3Crect x='8' width='8' height='18' fill='%23FCD116'/%3E%3Crect x='16' width='8' height='18' fill='%23CE1126'/%3E%3C/svg%3E"); }
/* RS */
.cb-flag--rs { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23C6363C'/%3E%3Crect y='6' width='24' height='6' fill='%230C4076'/%3E%3Crect y='12' width='24' height='6' fill='%23fff'/%3E%3C/svg%3E"); }
/* SK */
.cb-flag--sk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23fff'/%3E%3Crect y='6' width='24' height='6' fill='%230B4EA2'/%3E%3Crect y='12' width='24' height='6' fill='%23EE1C25'/%3E%3C/svg%3E"); }
/* SI */
.cb-flag--si { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='6' fill='%23fff'/%3E%3Crect y='6' width='24' height='6' fill='%23003DA5'/%3E%3Crect y='12' width='24' height='6' fill='%23ED1C24'/%3E%3C/svg%3E"); }
/* ES */
.cb-flag--es { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='4.5' fill='%23AA151B'/%3E%3Crect y='4.5' width='24' height='9' fill='%23F1BF00'/%3E%3Crect y='13.5' width='24' height='4.5' fill='%23AA151B'/%3E%3C/svg%3E"); }
/* B2B globe icon style */
.cb-flag--icon {
    background-image: none;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    color: var(--camels-accent, #f60);
    box-shadow: none;
}
/* SE */
.cb-flag--se { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 18'%3E%3Crect width='24' height='18' fill='%23006AA7'/%3E%3Crect x='7' width='3' height='18' fill='%23FECC00'/%3E%3Crect y='7.5' width='24' height='3' fill='%23FECC00'/%3E%3C/svg%3E"); }

/* Input icon wrapper */
.cb-partner__calc-input-wrap {
    position: relative;
}
.cb-partner__calc-input-wrap--sm {
    flex: 1;
    min-width: 0;
}
.cb-partner__calc-input-icon {
    position: absolute;
    left: 16px;
    top: 47%;
    transform: translateY(-50%);
    font-size: 15px;
    color: var(--camels-muted);
    pointer-events: none;
}
.cb-partner__calc-input-wrap .cb-partner__calc-input {
    padding-left: 42px;
}
.cb-partner__calc-input-wrap .cb-partner__calc-select {
    padding-left: 42px;
}

.cb-partner__calc-hint {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin-top: 6px;
    line-height: 1.4;
}
.cb-partner__calc-hint--inline {
    display: inline;
    margin-top: 0;
    margin-left: 12px;
}

/* Row with two half fields */
.cb-partner__calc-row {
    display: flex;
    gap: 20px;
}
.cb-partner__calc-field--half {
    flex: 1;
}

/* Range slider */
.cb-partner__calc-slider-wrap {
    margin-top: 10px;
}
.cb-partner__calc-range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    background: var(--camels-border-track);
    border-radius: 16px;
    outline: none;
    cursor: pointer;
}
.cb-partner__calc-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--camels-accent);
    border: none;
    border-radius: 16px;
    
    display: block;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.cb-partner__calc-range:hover::-webkit-slider-thumb {
    transform: scale(1.25);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.2);
}
.cb-partner__calc-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--camels-accent);
    border: none;
    border-radius: 16px;
    cursor: pointer;
}
.cb-partner__calc-range::-webkit-slider-runnable-track {
    border-radius: 16px;
}
.cb-partner__calc-range::-moz-range-track {
    height: 6px;
    background: var(--camels-border-track);
    border-radius: 16px;
}

/* From / To range inputs */
.cb-partner__calc-range-inputs {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cb-partner__calc-range-label {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    color: var(--camels-black);
    flex-shrink: 0;
}
.cb-partner__calc-input--sm {
    width: 100%;
    flex: 1;
}
.cb-partner__calc-input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: var(--camels-bg);
}
.cb-partner__calc-arrow {
    flex-shrink: 0;
}

/* Toggle switch */
.cb-partner__calc-toggle-wrap {
    display: flex;
    align-items: center;
}
.cb-partner__calc-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    flex-shrink: 0;
}
.cb-partner__calc-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.cb-partner__calc-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--camels-border-medium);
    border-radius: 26px;
    transition: background 0.3s;
}

.cb-partner__calc-switch-slider:hover {
    background: var(--camels-border-hover);
}

.cb-partner__calc-switch input:checked + .cb-partner__calc-switch-slider:hover {
    background: var(--camels-accent-hover);
}

.cb-partner__calc-switch-slider::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 3px;
    bottom: 3px;
    background: var(--camels-surface);
    border-radius: 50%;
    transition: transform 0.3s;
}
.cb-partner__calc-switch input:checked + .cb-partner__calc-switch-slider {
    background: var(--camels-accent);
}
.cb-partner__calc-switch input:checked + .cb-partner__calc-switch-slider::before {
    transform: translateX(22px);
}

.cb-partner__calc-form-cta {
    text-align: center;
    margin-top: 30px;
}

/* Info cards (CPS/Revshare) — full width only when direct children of panel-inner (mobile) */
.cb-partner__calc-panel-inner > .cb-partner__calc-result-card--info {
    flex-basis: 100%;
}

/* Card 2 (Revshare result) inside form — mobile only, spacing managed via media query */
.cb-partner__calc-form > .cb-partner__calc-result-card {
    margin-top: 24px;
}

/* RIGHT — results */
.cb-partner__calc-results {
    flex: 1;
    min-width: 0;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Results repositioned inside form on mobile */
.cb-partner__calc-form .cb-partner__calc-results {
    margin-top: 0;
    margin-bottom: 24px;
}

/* Individual result cards */
.cb-partner__calc-result-card {
    background: var(--camels-surface);
    border-radius: 20px;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 19%);
    padding: 28px 32px;
}
.cb-partner__calc-result-card--info {
    background: var(--camels-surface);
    box-shadow: 0px 2px 20px rgb(0 0 0 / 19%);
    padding: 24px 28px;
}

.cb-partner__calc-results-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 8px;
}

.cb-partner__calc-results-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0 0 16px;
    line-height: 1.5;
}

.cb-partner__calc-result-block {
    margin-bottom: 0;
}

.cb-partner__calc-result-label {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0 0 6px;
    line-height: 1.4;
}

.cb-partner__calc-result-value {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    color: var(--camels-accent);
    margin: 0 0 6px;
    line-height: 1.2;
}

.cb-partner__calc-result-note {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
}

.cb-partner__calc-result-info-text {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-text-strong);
    margin: 0;
    line-height: 1.6;
}

/* ==========================================================================
   3. Regulations
   ========================================================================== */
.cb-partner__regs {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(13vw - 20px), 180px);
    margin-left: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
}

.cb-partner__regs-header {
    text-align: center;
    margin-bottom: 40px;
}

.cb-partner__regs-line1 {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    margin: 0 0 8px;
}

.cb-partner__regs-line2 {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    line-height: 1.2;
    color: var(--camels-black);
    margin: 0 0 16px;
    margin-left: auto;
    margin-right: auto;
}

.cb-partner__regs-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    line-height: 1.5;
    color: var(--camels-black);
    margin: 0 auto;
}
.cb-partner__regs-desc strong {
    font-weight: 700;
    color: var(--camels-black);
}

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

.cb-partner__reg-col {
    background: var(--camels-surface);
    border-radius: 22px;
    padding: 20px;
    border: 1px solid var(--camels-border);
    box-shadow: 0px 5px 15px var(--camels-border);
    display: flex;
    flex-direction: column;
}

.cb-partner__reg-col-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--camels-border);
}

.cb-partner__reg-col-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.25;
}

.cb-partner__reg-col-icon {
    flex-shrink: 0;
}

.cb-partner__reg-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.cb-partner__reg-item {
    background: var(--camels-surface);
    border: 1px solid var(--camels-shadow-light);
    border-radius: 13px;
    padding: 20px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.cb-partner__reg-item-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.cb-partner__reg-item-body {
    flex: 1;
    min-width: 0;
}

.cb-partner__reg-item-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 4px;
}

.cb-partner__reg-item-text {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.45;
    color: var(--camels-black);
    margin: 0;
}

.cb-partner__reg-summary {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--camels-shadow);
}

.cb-partner__reg-summary-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 12px;
}


/* ==========================================================================
   3b. Advantages (Прозрачный кабинет)
   ========================================================================== */
.cb-partner__advantages {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(2rem, 5vw, 60px) clamp(1.25rem, 5vw, 60px);
    margin-left: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    overflow: hidden;
}

.cb-training__advantages {
    position: relative;
    z-index: 1;
    margin: 50px 0;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(2rem, 5vw, 60px) clamp(1.25rem, 5vw, 60px);
    margin-left: calc(0 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(0 * clamp(0px, calc(13vw - 20px), 180px));
    overflow: hidden;
}

.cb-partner__advantages-inner {
    display: flex;
    align-items: center;
    gap: clamp(24px, 4vw, 60px);
    max-width: 1280px;
    margin: 0 auto;
}
.cb-partner__advantages-left {
    flex: 1 1 55%;
    min-width: 0;
}
.cb-partner__advantages-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-text);
    margin: 0 0 20px 20px;
    line-height: 1.2;
}
.cb-partner__advantages-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    color: var(--camels-accent);
    margin: 0 0 24px;
    line-height: 1.3;
}
.cb-partner__advantages-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.cb-partner__advantages-list li {
    position: relative;
    padding: 5px 28px;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.55;
    color: var(--camels-text);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}

.cb-partner__advantages-right {
    flex: 0 0 42%;
    max-width: 520px;
}
.cb-partner__advantages-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}

.cb-partner__advantages--staffing {
    --cb-staffing-advantages-pad-y: clamp(24px, 3.5vw, 60px);
    --cb-staffing-advantages-gap: clamp(20px, 3vw, 60px);
    --cb-staffing-advantages-title-offset: clamp(0px, 1.2vw, 20px);
    position: relative;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: 0px;
    background: var(--camels-surface);
    border-radius: clamp(28px, 3vw, 50px);
    padding: var(--cb-staffing-advantages-pad-y) var(--cb-staffing-wide-pad-x);
    margin-left: var(--cb-staffing-wide-bleed-x);
    margin-right: var(--cb-staffing-wide-bleed-x);
    box-sizing: border-box;
    overflow: hidden;
}

.cb-partner__advantages--staffing .cb-partner__advantages-inner {
    display: flex;
    align-items: center;
    gap: var(--cb-staffing-advantages-gap);
    max-width: 1280px;
    margin: 0 auto;
}

.cb-partner__advantages--staffing .cb-partner__advantages-left {
    flex: 1 1 55%;
    min-width: 0;
}

.cb-partner__advantages--staffing .cb-partner__advantages-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(1rem, 0.88rem + 0.42vw, 1.2rem);
    color: var(--camels-text);
    margin: 0 0 clamp(16px, 1.2vw, 20px) var(--cb-staffing-advantages-title-offset);
    line-height: 1.2;
}

.cb-partner__advantages--staffing .cb-partner__advantages-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 0.85vw, 14px);
}

.cb-partner__advantages--staffing .cb-partner__advantages-list li {
    position: relative;
    padding: clamp(12px, 0.95vw, 16px) clamp(16px, 1.7vw, 28px);
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.55;
    color: var(--camels-text);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: clamp(12px, 1vw, 16px);
}

.cb-partner__advantages--staffing .cb-partner__advantages-right {
    flex: 0 1 clamp(340px, 31vw, 520px);
    max-width: clamp(340px, 31vw, 520px);
}

.cb-partner__advantages--staffing .cb-partner__advantages-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: clamp(18px, 1.5vw, 24px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .1);
}

/* Questions CTA (anchor to FAQ) */
.cb-partner__questions-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 30px 20px 0;
    text-align: center;
}

.cb-partner__questions-cta-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-text);
    margin: 0;
}

/* ==========================================================================
   4. Tools
   ========================================================================== */
.cb-partner__tools {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    background: var(--camels-surface);
    border-radius: 50px;
    /* Vertical padding stays compact; horizontal expands to keep inner content ~1280px */
    padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(13vw - 20px), 180px);
    /* Break out of .cb-partner__content side-padding, leave ~20px gap from parent edge */
    margin-left: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
    bottom: 20px;
}

.cb-partner__tools-header {
    text-align: center;
    margin-bottom: 40px;
}

.cb-partner__tools-line1 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
        margin: 0 0 8px;
}

.cb-partner__tools-line2 {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.2;
}

.cb-partner__tools-line3 {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    color: var(--camels-accent);
    margin: 0 0 16px;
    line-height: 1.2;
}

.cb-partner__tools-sub {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    line-height: 1.5;
    color: var(--camels-black);
    margin: 0 auto;
}

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

.cb-partner__tool-card {
    background: var(--camels-surface);
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,0.15);
    /* box-shadow: 0px 5px 15px var(--camels-border); */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 22px;
}

.cb-partner__tool-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-partner__tool-thumb {
    position: relative;
    background: var(--camels-black);
    aspect-ratio: 1;
    overflow: hidden;
    cursor: pointer;
    border-radius: 12px;
}

.cb-partner__tool-thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.42);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.4001%206.60059C11.7184%206.60059%2012.0236%206.72701%2012.2486%206.95206C12.4737%207.1771%2012.6001%207.48233%2012.6001%207.80059V10.2006H15.0001C15.3184%2010.2006%2015.6236%2010.327%2015.8486%2010.5521C16.0737%2010.7771%2016.2001%2011.0823%2016.2001%2011.4006C16.2001%2011.7188%2016.0737%2012.0241%2015.8486%2012.2491C15.6236%2012.4742%2015.3184%2012.6006%2015.0001%2012.6006H12.6001V15.0006C12.6001%2015.3188%2012.4737%2015.6241%2012.2486%2015.8491C12.0236%2016.0742%2011.7184%2016.2006%2011.4001%2016.2006C11.0818%2016.2006%2010.7766%2016.0742%2010.5516%2015.8491C10.3265%2015.6241%2010.2001%2015.3188%2010.2001%2015.0006V12.6006H7.8001C7.48184%2012.6006%207.17661%2012.4742%206.95157%2012.2491C6.72653%2012.0241%206.6001%2011.7188%206.6001%2011.4006C6.6001%2011.0823%206.72653%2010.7771%206.95157%2010.5521C7.17661%2010.327%207.48184%2010.2006%207.8001%2010.2006H10.2001V7.80059C10.2001%207.48233%2010.3265%207.1771%2010.5516%206.95206C10.7766%206.72701%2011.0818%206.60059%2011.4001%206.60059Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.200195%2011.4002C0.200346%209.6093%200.629975%207.84452%201.45304%206.25393C2.27611%204.66333%203.46861%203.29331%204.93052%202.25878C6.39243%201.22425%208.08111%200.555387%209.85491%200.308289C11.6287%200.0611912%2013.4359%200.243069%2015.1249%200.838665C16.8139%201.43426%2018.3354%202.42621%2019.5619%203.73129C20.7883%205.03638%2021.6839%206.61655%2022.1735%208.33925C22.6631%2010.062%2022.7325%2011.877%2022.3758%2013.632C22.0191%2015.387%2021.2467%2017.031%2020.1234%2018.4258L25.4482%2023.7522C25.5661%2023.8621%2025.6607%2023.9946%2025.7262%2024.1418C25.7918%2024.289%2025.8271%2024.4479%2025.8299%2024.609C25.8328%2024.7701%2025.8031%2024.9302%2025.7428%2025.0796C25.6824%2025.229%2025.5926%2025.3647%2025.4787%2025.4787C25.3647%2025.5926%2025.229%2025.6825%2025.0795%2025.7428C24.9301%2025.8032%2024.7701%2025.8328%2024.609%2025.83C24.4478%2025.8271%2024.2889%2025.7919%2024.1417%2025.7263C23.9945%2025.6607%2023.8621%2025.5661%2023.7522%2025.4482L18.4258%2020.1234C16.7803%2021.4488%2014.7934%2022.2817%2012.6946%2022.5259C10.5958%2022.7701%208.47079%2022.4157%206.56491%2021.5035C4.65903%2020.5913%203.05007%2019.1586%201.92383%2017.3708C0.797602%2015.583%200.200052%2013.5132%200.200195%2011.4002ZM11.4002%202.60023C9.06629%202.60023%206.82798%203.52737%205.17766%205.17769C3.52734%206.82801%202.6002%209.06632%202.6002%2011.4002C2.6002%2013.7341%203.52734%2015.9724%205.17766%2017.6228C6.82798%2019.2731%209.06629%2020.2002%2011.4002%2020.2002C13.7341%2020.2002%2015.9724%2019.2731%2017.6227%2017.6228C19.2731%2015.9724%2020.2002%2013.7341%2020.2002%2011.4002C20.2002%209.06632%2019.2731%206.82801%2017.6227%205.17769C15.9724%203.52737%2013.7341%202.60023%2011.4002%202.60023Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-size 0.3s ease-in-out;
}

.cb-partner__tool-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top left;
    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s ease;
}

.cb-partner__tool-thumb:hover img {
    filter: blur(1px);
    transform: scale(1.05);
}

.cb-partner__tool-thumb:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-size: 28px;
}

.cb-partner__tool-zoom {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 4;
}

.cb-partner__tool-zoom i {
    display: none;
}

.cb-partner__tool-thumb:hover .cb-partner__tool-zoom {
    opacity: 1;
}

/* Shared zoom text for tool / demo thumbs */
.cb-partner__thumb-zoom-text {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--camels-surface);
    white-space: nowrap;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

.cb-partner__tool-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    padding: 0 4px;
}

.cb-partner__tool-list {
    list-style: none;
    margin: 0;
    padding: 0 4px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.cb-partner__tool-list li {
    position: relative;
    padding-left: 24px;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.45;
    color: var(--camels-black);
}

.cb-partner__tool-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
}

/* ==========================================================================
   5. Demo cabinet
   ========================================================================== */
.cb-partner__demo {
    position: relative;
    z-index: 1;
    padding-top: 40px;
    padding-bottom: 20px;
}

.cb-partner__demo-divider {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
}

.cb-partner__demo-line {
    flex: 1;
    height: 1px;
}

.cb-partner__demo-line:first-child {
    background: linear-gradient(to right, transparent, var(--camels-black));
}

.cb-partner__demo-line:last-child {
    background: linear-gradient(to right, var(--camels-black), transparent);
}

.cb-partner__demo-heading {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    white-space: nowrap;
}

.cb-partner__demo-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 32px;
}

.cb-partner__demo-card {
    background: var(--camels-surface);
    border-radius: 30px;
    border: 1px solid rgba(0,0,0,0.15);
    /* box-shadow: 0px 5px 15px var(--camels-border); */
    display: flex;
    flex-direction: column;
    padding: 20px 20px 30px;
    gap: 26px;
}

.cb-partner__demo-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-partner__demo-thumb {
    position: relative;
    background: var(--camels-dark-card);
    aspect-ratio: 372 / 280;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
}

.cb-partner__demo-thumb::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.42);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.4001%206.60059C11.7184%206.60059%2012.0236%206.72701%2012.2486%206.95206C12.4737%207.1771%2012.6001%207.48233%2012.6001%207.80059V10.2006H15.0001C15.3184%2010.2006%2015.6236%2010.327%2015.8486%2010.5521C16.0737%2010.7771%2016.2001%2011.0823%2016.2001%2011.4006C16.2001%2011.7188%2016.0737%2012.0241%2015.8486%2012.2491C15.6236%2012.4742%2015.3184%2012.6006%2015.0001%2012.6006H12.6001V15.0006C12.6001%2015.3188%2012.4737%2015.6241%2012.2486%2015.8491C12.0236%2016.0742%2011.7184%2016.2006%2011.4001%2016.2006C11.0818%2016.2006%2010.7766%2016.0742%2010.5516%2015.8491C10.3265%2015.6241%2010.2001%2015.3188%2010.2001%2015.0006V12.6006H7.8001C7.48184%2012.6006%207.17661%2012.4742%206.95157%2012.2491C6.72653%2012.0241%206.6001%2011.7188%206.6001%2011.4006C6.6001%2011.0823%206.72653%2010.7771%206.95157%2010.5521C7.17661%2010.327%207.48184%2010.2006%207.8001%2010.2006H10.2001V7.80059C10.2001%207.48233%2010.3265%207.1771%2010.5516%206.95206C10.7766%206.72701%2011.0818%206.60059%2011.4001%206.60059Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.200195%2011.4002C0.200346%209.6093%200.629975%207.84452%201.45304%206.25393C2.27611%204.66333%203.46861%203.29331%204.93052%202.25878C6.39243%201.22425%208.08111%200.555387%209.85491%200.308289C11.6287%200.0611912%2013.4359%200.243069%2015.1249%200.838665C16.8139%201.43426%2018.3354%202.42621%2019.5619%203.73129C20.7883%205.03638%2021.6839%206.61655%2022.1735%208.33925C22.6631%2010.062%2022.7325%2011.877%2022.3758%2013.632C22.0191%2015.387%2021.2467%2017.031%2020.1234%2018.4258L25.4482%2023.7522C25.5661%2023.8621%2025.6607%2023.9946%2025.7262%2024.1418C25.7918%2024.289%2025.8271%2024.4479%2025.8299%2024.609C25.8328%2024.7701%2025.8031%2024.9302%2025.7428%2025.0796C25.6824%2025.229%2025.5926%2025.3647%2025.4787%2025.4787C25.3647%2025.5926%2025.229%2025.6825%2025.0795%2025.7428C24.9301%2025.8032%2024.7701%2025.8328%2024.609%2025.83C24.4478%2025.8271%2024.2889%2025.7919%2024.1417%2025.7263C23.9945%2025.6607%2023.8621%2025.5661%2023.7522%2025.4482L18.4258%2020.1234C16.7803%2021.4488%2014.7934%2022.2817%2012.6946%2022.5259C10.5958%2022.7701%208.47079%2022.4157%206.56491%2021.5035C4.65903%2020.5913%203.05007%2019.1586%201.92383%2017.3708C0.797602%2015.583%200.200052%2013.5132%200.200195%2011.4002ZM11.4002%202.60023C9.06629%202.60023%206.82798%203.52737%205.17766%205.17769C3.52734%206.82801%202.6002%209.06632%202.6002%2011.4002C2.6002%2013.7341%203.52734%2015.9724%205.17766%2017.6228C6.82798%2019.2731%209.06629%2020.2002%2011.4002%2020.2002C13.7341%2020.2002%2015.9724%2019.2731%2017.6227%2017.6228C19.2731%2015.9724%2020.2002%2013.7341%2020.2002%2011.4002C20.2002%209.06632%2019.2731%206.82801%2017.6227%205.17769C15.9724%203.52737%2013.7341%202.60023%2011.4002%202.60023Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, border-radius 0.3s ease-in-out, background-size 0.3s ease-in-out;
}

.cb-partner__demo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s ease;
}

.cb-partner__demo-thumb:hover img {
    filter: blur(1px);
    transform: scale(1.05);
}

.cb-partner__demo-thumb:hover::after {
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-size: 28px;
}

.cb-partner__demo-zoom {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 4;
}

.cb-partner__demo-zoom i {
    display: none;
}

.cb-partner__demo-thumb:hover .cb-partner__demo-zoom {
    opacity: 1;
}

.cb-partner__demo-info {
    display: flex;
    padding: 0;
    gap: 16px;
    align-items: flex-start;
}

.cb-partner__demo-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f4f5f6;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--camels-accent);
    font-size: 18px;
    margin-top: 0;
}

.cb-partner__demo-card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0 0 4px;
}

.cb-partner__demo-card-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.45;
    color: var(--camels-black);
    margin: 0;
}

.cb-partner__demo-note {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--camels-black);
    border-radius: 14px;
    padding: 12px;
    margin: 15px auto;
    width: fit-content;
}

.cb-partner__demo-note img {
    width: 42px;
    height: 42px;
    background: var(--camels-surface-blue);
    border-radius: 50%;
    padding: 8px;
    box-sizing: border-box;
    flex-shrink: 0;
}

.cb-partner__demo-note span {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-bg);
}

.cb-partner__cta-wrap {
    text-align: center;
}

.cb-partner__cta-wrap .cb-partner__btn {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-button);
    border-radius: 8px;
    padding: 10px 30px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ==========================================================================
   Partner Program Block — Responsive
   ========================================================================== */

@media (max-width: 1279px) {
    .cb-partner__badge {
        top: 31px;
        left: clamp(2rem, 3%, 150px);
        gap: 4px;
    }

    .cb-partner__divider {
        display: flex !important; /* keep visible */
    }

    .cb-partner__content {
        padding: 150px 60px 0;
    }

    .cb-partner__hero {
        height: 600px;
        border-radius: 40px;
    }

    .cb-partner__content {
        margin-top: -260px;
    }

    .cb-partner__content::before {
        border-radius: 0 0 40px 40px;
    }
    .cb-partner__subtitle {
        font-size: var(--fs-description);
    }

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

    .cb-partner__tools {
        padding: 40px 40px 10px;
        border-radius: 30px;
        margin-left: -40px;
        margin-right: -40px;
    }
    .cb-partner__regs {
        padding: 40px;
        border-radius: 30px;
        margin-left: -40px;
        margin-right: -40px;
    }
    .cb-partner__regs-line2,
    .cb-partner__regs-desc {
        font-size: var(--fs-description);
    }
    .cb-partner__calc-subtitle {
        font-size: var(--fs-description);
    }
    .cb-partner__reg-col-title {
        font-size: var(--fs-card-title);
    }
    .cb-partner__demo-heading {
        font-size: var(--fs-heading);
    }
    .cb-partner__demo-card-desc {
        font-size: var(--fs-description);
    }

    /* Advantages at 1279px */
    .cb-partner__advantages {
        padding: 40px;
        border-radius: 30px;
        margin-left: -40px;
        margin-right: -40px;
    }

    /* Offers at 1279px */
    .cb-partner__offers-grid {
        gap: 16px;
    }
    .cb-partner__offers-card {
        border-radius: 24px;
        padding: 16px 16px 24px;
    }
}

@media (max-width: 991px) {
    .cb-partner__calc-form-cta-home {
        margin: 20px auto 0!important;
    }
    .cb-partner__calc-role {
        width: 100%;
        justify-content: center;
    }
    .cb-partner__faq-role-desc {
        font-size: var(--fs-description);
    }
    .cb-partner__faq-role-icon {
        width: 32px;
        height: 32px;
    }

    .cb-partner__faq-role-icon img {
        width: 18px;
        height: 18px;
    }
    
    .cb-partner__role-card {
        height: auto;
    }
    
    .cb-partner__calc-toggle {
        margin: 0 auto;
        height: 40px;
    }

    /* Offers at 991px */
    .cb-partner__offers {
        --cb-offers-title-h: 44px;
    }
    .cb-partner__offers-title {
        position: sticky;
        top: var(--cb-offers-sticky-top, 0px);
        z-index: 15;
        background: var(--camels-surface);
        padding: 6px clamp(0px, calc(13vw - 20px), 180px);
        margin: 0 calc(-1 * clamp(0px, calc(13vw - 20px), 180px)) 8px;
        justify-content: center;
        display: flex;
    }
    .cb-partner__offers-stats {
        flex-wrap: wrap;
    }
    .cb-partner__offers-stat {
        flex: 1 1 calc(50% - 6px);
        min-width: 140px;
    }
    .cb-partner__offers-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        position: sticky;
        top: calc(var(--cb-offers-sticky-top, 0px) + var(--cb-offers-title-h, 0px));
        z-index: 14;
        padding: 2px 16px 4px;
        margin: -3px calc(-1 * clamp(0px, calc(13vw - 20px), 180px)) 0;
        width: auto;
        max-width: none;
    }
    .cb-partner__offers-tabs.is-stuck::before {
        content: '';
        position: fixed;
        left: 0;
        top: calc(var(--cb-offers-sticky-top, 0px) + var(--cb-offers-title-h, 0px));
        width: 100vw;
        height: var(--cb-offers-tabs-h, 54px);
        background: var(--camels-surface);
        z-index: -1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    }
    .cb-partner__offers-tabs::-webkit-scrollbar {
        display: none;
    }
    .cb-partner__offers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .cb-partner {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        overflow-y: visible;
        box-sizing: border-box;
    }

    .cb-partner__badge {
        top: 31px;
        left: clamp(.1rem, 21%, 11px);
        gap: 4px;
    }

    .cb-partner__badge-icon {
        display: none;
    }

    .cb-partner__divider {
        height: 100px;
    }

    .cb-partner__content {
        padding: 100px 30px 0;
    }

    .cb-partner__hero {
        height: 400px;
        border-radius: 30px;
    }

    .cb-partner__content {
        margin-top: -180px;
        margin-bottom: 0;
    }

    .cb-partner__content::before {
        border-radius: 0 0 30px 30px;
        top: 99px;
    }

    .cb-partner__roles {
        flex-direction: column;
    }

    .cb-partner__role-card {
        min-height: auto;
        flex: none;
    }

    .cb-partner__regs-grid {
        grid-template-columns: 1fr;
    }

    .cb-partner__demo-cards {
        grid-template-columns: 1fr;
    }

    .cb-partner__demo {
        padding-top: 40px;
    }

    .cb-partner__tools {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .cb-partner__regs {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }

    /* Advantages at 991px */
    .cb-partner__advantages {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .cb-partner__advantages--staffing {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }
    .cb-partner__advantages-inner {
        flex-direction: column;
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-inner {
        flex-direction: column;
    }
    .cb-partner__advantages-right {
        flex: none;
        max-width: 100%;
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-right {
        flex: none;
        max-width: 100%;
    }
    .cb-partner__advantages-title {
        display: flex;
        justify-content: center;
        font-size: var(--fs-description);
        margin: 0 0 20px;
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-title {
        display: flex;
        justify-content: center;
        font-size: var(--fs-description);
        margin: 0 0 20px;
    }
    .cb-partner__advantages-img {
        border-radius: 20px;
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-img {
        border-radius: 20px;
    }

    .cb-partner__calc-bar {
        padding: 16px 24px;
    }

    .cb-partner__calc-text {
        max-width: 310px;
    }

    .cb-partner__calc-panel {
        padding: 20px 30px 40px;
        margin-top: -40px;
    }

    .cb-partner__calc-panel-page {
        padding: 20px 30px 0;
    }
    
    .cb-partner__calc-panel-inner {
        flex-direction: column;
        gap: 20px;
    }
    .cb-partner__calc-form {
        flex: 1;
        max-width: 100%;
    }
    /* Break #calcResults out of form padding to match info cards width */
    .cb-partner__calc-form .cb-partner__calc-results {
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px);
    }

    .cb-partner__calc-visual {
        padding: 32px 24px 16px;
    }

    .cb-partner__calc-bg {
        width: 35%;
    }
    .cb-partner__calc-bg-page {
        width: 28%;
        right: 10%;
    }
    .cb-partner__calc-section-page {
        margin: 30px 0 40px;
        border-radius: 40px;
        margin-left: calc(-1 * clamp(0px, calc(7vw - 16px), 120px));
        margin-right: calc(-1 * clamp(0px, calc(7vw - 16px), 120px));
    }
    .cb-partner__role-title {
        font-size: var(--fs-heading);
    }
    .cb-partner__role-sec-heading {
        font-size: var(--fs-card-title);
    }
    .cb-partner__regs-desc {
        font-size: var(--fs-description-alt);
    }
    .cb-partner__calc-subtitle {
        font-size: var(--fs-description);
    }

    /* FAQ responsive ≤991px: stack to column, show role tabs */
    .cb-partner__faq-section-wrap {
        flex-direction: column;
        gap: 24px;
    }
    .cb-partner__faq-role {
        flex: none;
        position: static;
        order: -1;
        width: 100%;
    }
    .cb-partner__faq-content{
        width: 100%;
    }
    
    .cb-partner__faq-role-name,
    .cb-partner__faq-role-icon {
        display: none;
    }
    .cb-partner__faq-section-wrap > .cb-partner__faq-role-label {
        margin-top: 2rem;
    }
    .cb-partner__faq-wrapper {
        --cb-faq-mobile-sticky-top: 65px;
        --cb-faq-mobile-label-height: 56px;
    }
    .cb-partner__faq-role-label--mobile {
        display: block;
        font-size: var(--fs-description);
        margin-bottom: 0;
        padding: 15px 0 10px;
        position: sticky;
        top: var(--cb-faq-mobile-sticky-top);
        z-index: 11;
        background: var(--camels-surface);
    }
    /* Old label replaced by --mobile variant */
    .cb-partner__faq-current-label {
        display: none;
    }
    .cb-partner__faq-role-meta {
        justify-content: center;
    }
    .cb-partner__faq-role-tabs {
        display: flex;
        gap: 12px;
        position: sticky;
        top: calc(var(--cb-faq-mobile-sticky-top) + var(--cb-faq-mobile-label-height));
        z-index: 10;
        padding: 12px 0;
        background: var(--camels-surface);
    }
    .cb-partner__faq-wrapper {
        gap: 0;
        background: var(--camels-surface);
        padding: 0 30px 20px;
    }
    .cb-partner__faq-role-tabs.is-stuck::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background: var(--camels-surface);
        z-index: -1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    }
    .cb-partner__faq-role-tab {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px;
        border: 2px solid var(--camels-border);
        border-radius: 16px;
        background: var(--camels-surface);
        color: var(--camels-black);
        font-family: inherit;
        font-size: var(--fs-card-desc);
        font-weight: 600;
        cursor: pointer;
        transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        -webkit-tap-highlight-color: transparent;
        position: relative;
    }
    .cb-partner__faq-role-tab-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 6px;
        flex-shrink: 0;
    }
    .cb-partner__faq-role-tab-icon img {
        display: block;
        width: 24px;
        height: 24px;
    }
    .cb-partner__faq-role-tab-label {
        white-space: nowrap;
    }
    .cb-partner__faq-role-tab:hover {
        border-color: var(--camels-accent);
        box-shadow: 0 0 0 1px var(--camels-accent);
    }
    .cb-partner__faq-role-tab.is-active {
        border-color: var(--camels-accent);
        background: rgb(255 255 255);
        color: var(--camels-black);
        box-shadow: 0 0 0 1px var(--camels-accent);
    }
    .cb-partner__faq-role-tab.is-active::after {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        width: 20px;
        height: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        z-index: 1;
        pointer-events: none;
    }
    
    .cb-partner__faq-section-wrap {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .cb-partner__faq-role-tab-icon img {
        display: block;
        width: 24px;
        height: 24px;
    }
    .cb-partner__faq-role-tab-icon {
        width: 40px;
        height: 40px;
    }
    .cb-partner__role-sec-icon {
        width: 40px;
        height: 40px;
    }

    .cb-partner__role-sec-icon i {
        font-size: 24px;
    }
    
    .cb-partner__calc-form-cta-home {
        margin: 20px auto 20px !important;
    }
    .cb-partner__role-icon-box {
        width: 40px;
        height: 40px;
    }
    .cb-partner__role-icon-box img {
        width: 24px;
        height: 24px;
    }

    /* Offers at 767px */
    .cb-partner__offers {
        margin: 30px 0 40px;
    }

    .cb-partner__btn {
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
    }
    
    .cb-partner__offers-stats {
        gap: 8px;
    }
    .cb-partner__offers-stat {
        flex: 1 1 calc(50% - 4px);
        min-width: 120px;
        padding: 12px 14px;
    }
    .cb-partner__offers-stat-value {
        font-size: var(--fs-card-title);
    }
    .cb-partner__offers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .cb-partner__offers-card {
        padding: 14px 14px 20px;
        border-radius: 20px;
        gap: 14px;
    }
    .cb-partner__offers-card-inner {
        padding: 12px;
    }
    .cb-partner__offers-card-block-row {
        padding: 8px 10px;
        font-size: 0.88rem;
    }

    .cb-partner__cta-wrap .cb-partner__btn {
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
    }
    .cb-partner__faq {
        padding: 20px;
    }

    .cb-partner__faq-question {
        padding: 14px 14px;
        font-size: 0.875rem;
        justify-content: space-between;
    }

    .cb-partner__faq-answer {
        padding: 0 14px 14px;
    }

    .cb-partner__faq-more {
        width: fit-content;
        justify-content: center;
        height: 40px;
        padding: 10px 20px;
        font-size: var(--fs-card-title);
    }

    .cb-partner__calc-top {
        min-height: 280px;
    }
    
    .cb-partner__content {
        padding: 70px 10px 0;
        margin-top: -90px;
    }

    .cb-partner__hero {
        height: 400px;
        border-radius: 0;
        margin: 0;
        background: var(--camels-border-soft);
    }

    .cb-partner__content::before {
        border-radius: 0 0 20px 20px;
        top: 60px;
    }

    .cb-partner__divider {
        height: 60px;
        display: none!important;
    }

    .cb-partner__badge-info {
        flex-wrap: wrap;
    }
    .cb-partner__badge {
        display: none;
    }
    .cb-partner__subtitle {
        font-size: var(--fs-description);
    }

    .cb-partner__heading {
        margin-bottom: 30px;
    }

    .cb-partner__tools-grid {
        grid-template-columns: 1fr;
    }

    .cb-partner__tools {
        padding: 20px;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .cb-partner__regs {
        padding: 20px;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .cb-partner__advantages {
        padding: 24px 20px;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .cb-partner__advantages--staffing {
        padding: 24px 20px;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .cb-partner__advantages-title {
        font-size: var(--fs-description);
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-title {
        font-size: var(--fs-description);
    }

    .cb-partner__role-card {
        padding: 16px;
        min-height: auto;
        flex: none;
    }

    .cb-partner__role-header {
        padding: 16px;
    }
    .cb-partner__role-subtitle {
        font-size: var(--fs-description);
    }

    .cb-partner__calc-text {
        max-width: 200px;
    }

    .cb-partner__calc-subtitle {
        font-size: var(--fs-description);
    }

    .cb-partner__calc-bg {
        width: 45%;
        top: 50px;
        right: 0%;
    }
    .cb-partner__calc-bg-page {
        width: 35%;
        top: 20px;
        right: 2%;
    }
    .cb-partner__calc-section-page {
        margin: 24px 0 36px;
        border-radius: 30px;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .cb-partner__calc-bar {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        border-radius: 16px;
        /* margin: 16px 16px 30px; */
    }

    .cb-partner__calc-visual {
        min-height: auto;
        padding: 24px 20px 12px;
    }

    .cb-partner__calc {
        border-radius: 20px 20px 30px 30px;
    }
    .cb-partner__calc-panel {
        padding: 20px 16px 0;
        border-radius: 0 0 24px 24px;
    }
    .cb-partner__calc-panel-inner {
        flex-direction: column;
        gap: 10px;
    }
    .cb-partner__calc-form {
        max-width: 100%;
        padding: 20px;
    }
    .cb-partner__calc-form .cb-partner__calc-results {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
    }
    .cb-partner__calc-row {
        flex-direction: column;
        gap: 0;
    }
    .cb-partner__calc-range-inputs {
        flex-wrap: wrap;
    }
    .cb-partner__calc-result-card {
        padding: 20px;
    }
    .cb-partner__calc-result-card--info {
        padding: 18px 20px;
    }
    .cb-partner__calc-result-value {
        font-size: 26px;
    }
    .cb-partner__calc-result-label {
        font-size: 16px;
    }
    .cb-partner__calc-results-title {
        font-size: 20px;
    }

    .cb-partner__calc-roles {
        flex-direction: row;
        gap: 8px;
        padding: 5px;
        width: 100%;
    }

    .cb-partner__calc-role {
        font-size: var(--fs-card-desc);
        width: 100%;
    }

    .cb-partner__calc-label {
        font-size: 14px;
        font-size: var(--fs-description);
        margin: 0 auto;
    }
    .cb-partner__regs-line2,
    .cb-partner__regs-desc {
        font-size: var(--fs-description);
    }
    .cb-partner__demo-divider {
        gap: 12px;
    }

    .cb-partner__demo-heading {
        font-size: var(--fs-heading);
        white-space: normal;
        text-align: center;
    }

    .cb-partner__demo-card {
        border-radius: 20px;
        padding: 16px 16px 24px;
    }
    .cb-partner__demo-card-desc {
        font-size: var(--fs-description);
    }
    .cb-partner__demo-note {
        flex-direction: row;
        gap: 12px;
        padding: 12px 16px;
        width: auto;
        max-width: 100%;
    }

    .cb-partner__demo-note span {
        font-size: var(--fs-card-title);
    }
    .cb-partner__tool-list li {
        font-size: var(--fs-description);
    }

    .cb-partner__roles,
    .cb-partner__calc,
    .cb-partner__regs,
    .cb-partner__tools {
        margin-bottom: 20px;
    }

    /* Tooltip — positioned above card on mobile */
    .cb-partner__calc-tooltip {
        width: calc(100vw - 48px);
        max-width: 230px;
        left: 50%;
        transform: translateX(-50%) translateY(6px);
    }
    .cb-partner__calc-role:hover .cb-partner__calc-tooltip {
        transform: translateX(-50%) translateY(0);
    }
}

/* --- Small mobile (≤ 480px) --- */
@media (max-width: 480px) {
    .cb-partner__role-sec-icon {
        width: 35px;
        height: 35px;
    }

    .cb-partner__role-sec-icon i {
        font-size: 20px;
    }
    
    .cb-partner__questions-cta-text {
        font-size: var(--fs-description-alt);
    }
    .cb-partner__faq-role-icon {
        width: 26px;
        height: 26px;
    }

    .cb-partner__faq-role-icon img {
        width: 14px;
        height: 14px;
    }
    .cb-partner__faq-wrapper {
        --cb-faq-mobile-sticky-top: 47px;
    }
    .cb-partner__faq-role-tabs {
        display: flex;
        gap: 12px;
        position: sticky;
        top: calc(var(--cb-faq-mobile-sticky-top) + var(--cb-faq-mobile-label-height));
        z-index: 10;
        padding: 10px 0;
    }
    
    .cb-partner__offers-stat-label {
        font-size: var(--fs-card-title);
    }
    
    .cb-partner__faq-role-tab-icon {
        width: 35px;
        height: 35px;
    }
    
    /* Offers at 480px */
    .cb-partner__offers {
        margin: 20px 0 30px;
    }

    .cb-partner__faq-role-tab-icon img {
        display: block;
        width: 22px;
        height: 22px;
    }
    
    .cb-partner__offers-title {
        font-size: var(--fs-description);
        height: 35px;
    }
    .cb-partner__offers-stats {
        flex-direction: column;
        gap: 8px;
    }
    .cb-partner__offers-stat {
        flex: 1 1 100%;
        min-width: 0;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 12px 16px;
    }
    .cb-partner__offers-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 2px 12px 4px;
        margin-left: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
        margin-right: calc(-1 * clamp(0px, calc(13vw - 20px), 180px));
        width: auto;
        max-width: none;
    }
    .cb-partner__offers-tabs::-webkit-scrollbar {
        display: none;
    }
    .cb-partner__offers-tab {
        padding: 8px 16px;
        font-size: 0.82rem;
    }
    .cb-partner__offers-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .cb-partner__offers-card {
        padding: 14px 14px 20px;
        border-radius: 20px;
    }
    .cb-partner__offers-pagination {
        gap: 4px;
        margin-top: 24px;
    }
    .cb-partner__offers-page-btn {
        min-width: 34px;
        height: 34px;
        font-size: 0.85rem;
        padding: 0 6px;
    }
    .cb-partner__offers-page-arrow {
        min-width: 30px;
        height: 30px;
    }

    /* Advantages at 480px */
    .cb-partner__advantages {
        padding: 20px 16px;
        border-radius: 16px;
    }
    .cb-partner__advantages-list li {
        padding-left: 22px;
        font-size: 0.88rem;
    }
    .cb-partner__advantages-list li::before {
        width: 8px;
        height: 8px;
        top: 7px;
    }
    .cb-partner__advantages {
        border-radius: 16px;
    }
    .cb-partner__advantages--staffing {
        margin-bottom: 20px;
    }

    .cb-partner__cselect-value {
        position: relative;
    .cb-partner__advantages--staffing .cb-partner__advantages-list li {
        font-size: var(--fs-card-title);
    }
        left: 10%;
    }
    
    .cb-partner__advantages--staffing .cb-partner__advantages-list li::before {
        top: 11px;
    }
    .cb-partner__calc-top {
        min-height: 29px;
    }
    .cb-partner__advantages--staffing .cb-partner__advantages-img {
        border-radius: 18px;
    }
    
    .cb-partner {
        overflow-x: clip;
        overflow-y: visible;
        width: 100%;
        max-width: 100vw;
        box-sizing: border-box;
    }
    
    .cb-partner__calc-text {
        max-width: 100%;
    }
    
    .cb-partner__content {
        padding: 70px 0 0;
        margin-top: -92px;
    }

    .cb-partner__hero {
        height: 200px;
        border-radius: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .cb-partner__content::before {
        border-radius: 0 0 16px 16px;
        top: 49px;
    }

    .cb-partner__divider {
        height: 50px;
        display: none!important;
    }

    .cb-partner__badge {
        padding: 6px;
        border-radius: 12px;
        gap: 8px;
    }
    .cb-partner__badge-icon {
        width: 32px;
        height: 32px;
    }
    .cb-partner__badge-name {
        font-size: var(--fs-card-desc);
    }
    .cb-partner__badge-desc {
        font-size: 11px;
    }

    .cb-partner__heading {
        margin-bottom: 24px;
    }
    .cb-partner__title {
        word-break: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
    }
    .cb-partner__subtitle {
        word-break: break-word;
        overflow-wrap: break-word;
    }

    /* Role cards */
    .cb-partner__role-card {
        padding: 12px;
        border-radius: 16px;
        min-height: 100% !important;
    }
    .cb-partner__role-header {
        padding: 12px;
        border-radius: 12px;
        flex-wrap: wrap;
        gap: 8px;
    }
    .cb-partner__role-icon-box {
        width: 35px;
        height: 35px;
        border-radius: 6px;
    }
    .cb-partner__role-icon-box img {
        width: 24px;
        height: 24px;
    }
    .cb-partner__role-section {
        padding: 14px;
        border-radius: 12px;
    }
    .cb-partner__role-cta {
        width: 100%;
        text-align: center;
        justify-content: center;
        padding: 12px 20px;
        height: auto;
    }

    /* Calculator */
    .cb-partner__calc-visual {
        padding: 20px 16px 10px;
    }
    .cb-partner__calc-bg {
        display: none;
    }
    .cb-partner__calc-bg-page {
        display: none;
    }
    .cb-partner__calc-section-page {
        margin: 16px 0 24px;
        border-radius: 20px;
        margin-left: 0!important;
        margin-right: 0!important;
        padding: 6px 0 !important;
    }
    .cb-partner__calc-bar {
        margin: 12px 12px 24px;
        padding: 14px 16px;
        border-radius: 14px;
    }
    .cb-partner__calc-section .cb-partner__calc-bar.is-stuck {
        top: 48px!important;
    }
    .cb-partner__calc-role {
        padding: 8px 12px;
        font-size: 13px;
        border-radius: 10px;
    }
    .cb-partner__calc-role-icon {
        width: 24px;
        height: 24px;
        border-radius: 6px;
    }
    .cb-partner__calc-panel {
        padding: 16px 12px 0;
        margin-top: -15px;
    }
    .cb-partner__calc-form {
        padding: 0 16px;
        border-radius: 16px;
    }
    .cb-partner__calc-form .cb-partner__calc-results {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }
    .cb-partner__calc-input {
        height: 48px;
        font-size: 15px;
        padding: 0 14px;
    }
    .cb-partner__calc-input-wrap .cb-partner__calc-input {
        padding-left: 38px;
    }
    .cb-partner__calc-input-icon {
        left: 14px;
        font-size: 14px;
    }
    .cb-partner__calc-result-card {
        padding: 16px;
        border-radius: 16px;
    }
    .cb-partner__calc-result-card--info {
        padding: 14px 16px;
    }
    .cb-partner__calc-result-value {
        font-size: 22px;
    }
    .cb-partner__calc-results-title {
        font-size: 17px;
    }
    .cb-partner__calc-form-cta .cb-partner__btn {
        width: 100%;
        justify-content: center;
    }

    /* Regulations */
    .cb-partner__regs {
        padding: 16px;
        border-radius: 16px;
    }
    .cb-partner__regs-header {
        margin-bottom: 24px;
    }
    .cb-partner__regs-grid {
        gap: 16px;
    }
    .cb-partner__reg-col {
        padding: 16px;
        border-radius: 16px;
    }
    .cb-partner__reg-item {
        padding: 14px;
        border-radius: 10px;
    }

    /* Tools */
    .cb-partner__tools {
        padding: 16px;
        border-radius: 16px;
    }
    .cb-partner__tools-grid {
        gap: 16px;
    }
    .cb-partner__tool-card {
        padding: 12px;
        border-radius: 16px;
        gap: 16px;
    }
    .cb-partner__tool-thumb {
        border-radius: 10px;
    }
    .cb-partner__tool-list {
        padding: 0 2px 16px;
        gap: 8px;
    }

    /* Demo cabinet */
    .cb-partner__demo {
        padding-top: 40px;
    }
    .cb-partner__demo-cards {
        gap: 16px;
        margin-bottom: 24px;
    }
    .cb-partner__demo-card {
        padding: 12px 12px 20px;
        border-radius: 16px;
        gap: 16px;
    }
    .cb-partner__demo-thumb {
        border-radius: 14px;
    }
    .cb-partner__demo-note {
        gap: 10px;
        padding: 10px 14px;
        border-radius: 12px;
        margin: 23px auto;
        margin-top: 1rem;
    }
    .cb-partner__demo-note img {
        width: 36px;
        height: 36px;
        padding: 6px;
    }

    /* CTA */
    .cb-partner__cta-wrap .cb-partner__btn {
        width: fit-content;
        justify-content: center;
        height: 40px;
        font-size: var(--fs-description-alt);
        padding: 15px;
    }

    /* Section spacing */
    .cb-partner__roles,
    .cb-partner__calc,
    .cb-partner__regs,
    .cb-partner__tools {
        margin-bottom: 32px;
    }
}

/* --- Extra-small mobile (≤ 360px) --- */
@media (max-width: 360px) {
    .cb-partner__calc-section-page {
        margin: 12px 0 20px;
        border-radius: 16px;
    }
    .cb-partner__calc-top {
        min-height: 260px;
    }

    .cb-partner__calc-panel {
        padding: 16px 30px 40px;
        margin-top: 0;
    }
    
    .cb-partner__calc-roles {
        flex-direction: column;
    }
    .cb-partner__content {
        padding: 50px 8px 0;
    }

    .cb-partner__hero {
        height: 160px;
    }

    .cb-partner__badge-desc {
        display: none;
    }

    .cb-partner__role-header {
        padding: 10px;
    }

    .cb-partner__calc-bar {
        margin: 8px 8px 20px;
        padding: 12px;
    }
    .cb-partner__calc-panel {
        padding: 16px 8px 20px;
        margin-top: 0;
    }
    .cb-partner__calc-form {
        padding: 12px;
    }
    .cb-partner__calc-form .cb-partner__calc-results {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    .cb-partner__regs {
        padding: 12px;
    }
    .cb-partner__tools {
        padding: 12px;
    }

    .cb-partner__demo-note span {
        font-size: 11px;
    }

    .cb-partner__demo-note {
        margin-top: 0;
    }
}

/* ==========================================================================
   TRAINING BLOCK
   ========================================================================== */

.cb-training {
    position: relative;
    max-width: 1680px;
    margin: 0 auto;
    overflow: visible;
}

/* --- Hero background (parallax) --- */
.cb-training__hero {
    position: relative;
    height: clamp(400px, 60vw, 916px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
}

.cb-training__hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* --- Content area (overlaps hero) --- */
.cb-training__content,
.cb-training__content-page {
    position: relative;
    margin-top: clamp(-140px, -32vw, -180px);
    padding: 150px clamp(1rem, 13vw, 200px) 0;
    z-index: 2;
}

/* Folder-tab divider (same pattern as partner block) */
.cb-training__divider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    z-index: 1;
}

.cb-training__divider-svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--camels-border-soft);
}

/* Solid background below the folder-tab divider */
.cb-training__content::before,
.cb-training__content-page::before {
    content: '';
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: -20px;
    background: var(--camels-border-soft);
    z-index: 0;
    border-radius: 0 60px 60px 60px;
}

/* --- Badge (inside the tab area of the folder-tab divider) --- */
.cb-training__badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 8px;
    position: absolute;
    top: 50px;
    left: clamp(2rem, 12%, 180px);
    z-index: 3;
    margin: 0;
}

.cb-training__badge-icon {
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

.cb-training__badge-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-training__badge-info {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: baseline;
}

.cb-training__badge-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    white-space: nowrap;
}

.cb-training__badge-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    white-space: nowrap;
}

/* --- Heading --- */
.cb-training__heading {
    position: relative;
    z-index: 1;
    margin-bottom: clamp(2rem, 10vw, 110px);
}

.cb-training__title {
    font-family: 'Onest', 'Inter', sans-serif;
    font-size: var(--fs-heading);
        color: var(--camels-black);
    margin: 0 0 16px;
    line-height: 1.2;
}

.cb-training__title-line1 {
    display: block;
    font-weight: 600;
}

.cb-training__title-line2 {
    display: block;
    font-weight: 800;
}

.cb-training__accent {
    color: var(--camels-accent);
}

.cb-training__subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description);
    line-height: 1.4;
    color: var(--camels-black);
    margin: 0;
}

/* Micro-disclaimer (same look as cb-partner__demo-note) */
.cb-training__micro-note {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--camels-black);
    border-radius: 14px;
    padding: 12px;
    /* margin-top: 70px; */
    /* margin-bottom: 11rem; */
    width: fit-content;
    position: relative;
}

.cb-training__micro-note i {
    font-size: 1.125rem;
    color: var(--camels-accent);
    flex-shrink: 0;
}

.cb-training__micro-note span {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-bg);
}

/* --- Cards wrapper --- */
.cb-training__cards,
.cb-training__cards-page {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

/* --- Card base --- */
.cb-training__card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 30px;
    padding: 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cb-training__card--free {
    width: clamp(280px, 43vw, 625px);
    flex-shrink: 0;
}

/* Card header */
.cb-training__card-header {
    background: var(--camels-surface);
    border-radius: 16px;
    box-shadow: 0 5px 16px var(--camels-shadow-light);
    padding: 30px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cb-training__card-title-wrap {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cb-training__card-title-bold {
    font-family: 'Onest', 'Inter', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1;
}

.cb-training__card-title-regular {
    font-family: 'Onest', 'Inter', sans-serif;
    font-weight: 500;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1;
}

.cb-training__card-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    padding-left: 0;
}

/* Card badges */
.cb-training__card-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    border-radius: 6px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    white-space: nowrap;
    flex-shrink: 0;
}

.cb-training__card-badge--free {
    background: var(--camels-primary-5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: var(--camels-text-strong);
}

.cb-training__card-badge--paid {
    background: var(--camels-green);
    color: var(--camels-surface);
}

/* Bullet list */
.cb-training__card-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-training__bullet {
    display: flex;
    gap: 12px;
    align-items: center;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__bullet-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--camels-text-strong);
    color: var(--camels-surface);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-training__bullet-icon--accent {
    background: var(--camels-accent);
    color: var(--camels-surface);
}

.cb-training__bullet-icon svg {
    width: 14px;
    height: 10px;
}

/* --- Live card wrapper (with gradient + person) --- */
.cb-training__card-live-wrap {
    position: relative;
    flex: 1;
    min-width: 0;
    border-radius: 25%;
}

.cb-training__live-gradient {
    position: absolute;
    top: -45px;
    left: -9px;
    right: -9px;
    height: 325px;
    border-radius: 40px;
    background: linear-gradient(43deg, var(--camels-accent) 2%, var(--camels-yellow) 100%);
    z-index: 0;
}

.cb-training__live-label {
    position: absolute;
    top: -31px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--camels-surface);
    text-align: center;
    white-space: nowrap;
    z-index: 3;
}

.cb-training__live-person {
    position: absolute;
    top: -145px;
    right: 10px;
    width: 275px;
    height: 111px;
    z-index: 3;
    overflow: hidden;
    pointer-events: none;
}

.cb-training__live-person img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.cb-training__card--live {
    position: relative;
    z-index: 1;
    background: var(--camels-surface-95);
}

.cb-training__live-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cb-training__live-dot svg {
    width: 34px;
    height: 34px;
}

/* --- Bottom bar --- */

.cb-training__bottom-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--camels-surface-95);
    border-radius: 16px;
    padding: 16px;
    position: relative;
    z-index: 1;
}

.cb-training__disclaimer {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cb-training__disclaimer-icon {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--camels-surface-blue);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-training__disclaimer-icon svg {
    width: 26px;
    height: 26px;
}

.cb-training__disclaimer-text {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-text-strong);
}

.cb-training__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    border-radius: 8px;
    padding: 10px 15px 10px 30px;
    height: 52px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-button);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease;
    flex-shrink: 0;
    cursor: pointer;
    border: 3px solid;
    border-color: transparent;
}

.cb-training__cta:hover {
    border-color: var(--camels-accent-hover);
    background: var(--camels-surface);
    color: var(--camels-accent-hover);
}

.cb-training__cta:hover>span {
    color: var(--camels-accent-hover);
}

.cb-training__cta svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.cb-training__cta-chevron {
    transition: transform 0.3s ease;
}

.cb-training__cta[aria-expanded="true"] .cb-training__cta-chevron {
    transform: rotate(180deg);
}

/* ---- Expanded courses panel ---- */

.live-training {
    font-size: 18px;
    color: var(--camels-surface);
    border-radius: 50%;
    padding: 8px;
    background: var(--training-col, var(--camels-blue-info));
}

.cb-training__courses {
    max-width: 1281px;
    margin: 0 auto;
    padding: 40px 0 0;
    position: relative;
    z-index: 1;
}

.cb-training__courses[hidden] {
    display: none;
}

.cb-training__courses-header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin: 0 20px 40px;
}

.cb-training__courses-title-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.cb-training__courses-live-icon {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

.cb-training__courses-accent {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    /* font-size: var(--fs-description-alt); */
    color: var(--camels-accent);
}

.cb-training__courses-main-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.2;
}

.cb-training__courses-subtitle {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
    width: 100%;
}

/* ---- Role tabs (hidden on desktop, shown ≤1100px) ---- */

.cb-training__role-tabs {
    display: none;
}

/* ---- Course cards grid ---- */

.cb-training__courses-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    align-items: start;
}

.cb-training__course-column {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Per-column accent colours: HR = green, LT = blue */
.cb-training__course-column:first-child {
    --training-col: #41d31c;
    --training-col-light: rgba(65, 211, 28, 0.12);
    --training-col-hover: #38b817;
}
.cb-training__course-column:last-child {
    --training-col: #03a5f6;
    --training-col-light: rgba(3, 165, 246, 0.12);
    --training-col-hover: #028cdb;
}

.cb-training__course-card {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 5px 15px var(--camels-border);
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 980px;
}

.cb-training__course-card:hover {
    box-shadow: 0 4px 20px var(--camels-accent-shadow);
}

.cb-training__course-image {
    border-radius: 16px;
    overflow: hidden;
}

.cb-training__course-image img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 16px;
}

.cb-training__course-info {
    background: var(--camels-surface);
    border-radius: 12px;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-training__course-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cb-training__course-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__course-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 6px;
    background: linear-gradient(135deg, var(--camels-dark-grad-start), var(--camels-dark-grad-end));
    border: 1px solid var(--camels-border);
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-surface);
    white-space: nowrap;
}

.cb-training__course-tags {
    display: flex;
    position: absolute;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: -60px;
    margin-left: -15px;
}

.cb-training__course-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 54px;
    border: 1px solid var(--camels-border);
    background: var(--camels-surface);
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-training__course-tag--accent {
    border-color: var(--training-col, var(--camels-accent));
    color: var(--camels-accent);
    font-weight: 700;
}

.cb-training__course-tag-accent {
    color: var(--camels-accent);
    font-weight: 700;
}

.cb-training__course-tag svg {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
}

/* For whom */

.cb-training__course-for-whom {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-training__course-for-whom strong {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1;
}

.cb-training__course-for-whom p {
    margin: 0;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.5;
}

/* Includes list */

.cb-training__course-includes {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-training__course-includes strong {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
}

.cb-training__course-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cb-training__course-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 6px;
    padding: 8px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__course-bullet {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 25%;
    background: var(--camels-border-track);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-primary-80);
}

.cb-training__course-bullet svg {
    width: 10px;
    height: 8px;
}

/* Result box */

.cb-training__course-result {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--camels-surface-green);
    border-radius: 12px;
    padding: 8px;
}

.cb-training__course-result-icon,
.cb-staffing__course-result-icon {
    flex-shrink: 0;
}

.cb-training__course-result-icon svg{
    width: 42px;
    height: 42px;
}

.cb-staffing__course-result-icon svg{
    width: 24px;
    height: 24px;
}

.cb-staffing__course-result-icon svg {
    width: 24px;
    height: 24px;
    padding-top: 5px;
}

.cb-training__course-result-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-training__course-result-text strong {
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-training__course-result-text p {
    margin: 0;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    line-height: 1.4;
}

/* Course CTA button */
.cb-training__course-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 10px 30px;
    border-radius: 8px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    font-weight: 700;
    font-size: var(--fs-button);
    text-decoration: none;
    transition: background 0.2s;
    align-self: center;
    margin-top: auto;
    border: 3px solid;
    border-color: transparent;
    cursor: pointer;
}

.cb-training__course-cta:hover {
    border-color: var(--camels-accent);
    background: var(--camels-bg);
    color: var(--camels-accent);
}

/* ---- Block 5: Strict rules ---- */

.cb-training__rules {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__rules-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__rules-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-accent));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__rules-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__rules-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-training__rules-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 14px 16px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__rules-bullet {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(246, 90, 3, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-accent);
    font-size: 0.75rem;
}

/* ---- Block 6: What student gets ---- */

.cb-training__benefits {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__benefits-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__benefits-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-primary));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__benefits-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__benefits-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-training__benefits-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 14px 16px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__benefits-bullet {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--training-col-light, var(--camels-surface-green));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--training-col, #2e8b57);
    font-size: 0.625rem;
}

.cb-training__benefits-bullet svg {
    width: 12px;
    height: 9px;
}

/* ---- Live Traffic: Advantages ---- */

.cb-training__advantages {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__advantages-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__advantages-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-primary));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__advantages-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__advantages-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cb-training__advantage-card {
    display: flex;
    gap: 14px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 16px;
}

.cb-training__advantage-num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-primary));
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-training__advantage-body strong {
    display: block;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin-bottom: 6px;
    line-height: 1.3;
}

.cb-training__advantage-body p {
    margin: 0;
    font-size: 0.875rem;
    color: var(--camels-black);
    line-height: 1.5;
}

/* ---- Live Traffic: Budget ---- */

.cb-training__budget {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__budget-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__budget-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--camels-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__budget-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__budget-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-training__budget-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 14px 16px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__budget-bullet {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(115, 111, 251, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-primary);
    font-size: 0.75rem;
}

.cb-training__budget-bullet--warn {
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
}

/* ---- Live Traffic: Plan 7/14/30 ---- */

.cb-training__plan {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__plan-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__plan-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-primary));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__plan-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__plan-phase {
    margin-bottom: 20px;
}

.cb-training__plan-phase:last-child {
    margin-bottom: 0;
}

.cb-training__plan-phase-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 0.8125rem;
    margin-bottom: 12px;
    color: #fff;
}

.cb-training__plan-phase-badge--7 {
    background: var(--camels-primary);
}

.cb-training__plan-phase-badge--14 {
    background: var(--camels-accent);
}

.cb-training__plan-phase-badge--30 {
    background: #2e8b57;
}

.cb-training__plan-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-training__plan-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    padding: 12px 16px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__plan-bullet {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--training-col-light, var(--camels-surface-green));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--training-col, #2e8b57);
    font-size: 0.5625rem;
}

.cb-training__plan-bullet svg {
    width: 10px;
    height: 8px;
}

/* ---- Spoiler (collapsible card) ---- */

.cb-training__spoiler {
    background: var(--camels-surface-95);
    border-radius: 24px;
    box-shadow: 0 5px 15px var(--camels-border);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid transparent;
}

.cb-training__spoiler:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-training__spoiler[open] {
    border-color: var(--camels-accent);
}

.cb-training__spoiler-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 30px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s ease;
}

.cb-training__spoiler-toggle::-webkit-details-marker {
    display: none;
}

.cb-training__spoiler-toggle::marker {
    display: none;
    content: '';
}

.cb-training__spoiler-header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cb-training__spoiler-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
}

.cb-training__spoiler-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--camels-surface-tab);
    color: var(--camels-muted-alt);
    flex-shrink: 0;
    font-size: 0.75rem;
    transition: transform 0.3s ease, background 0.2s ease, color 0.2s ease;
}

.cb-training__spoiler-toggle:hover .cb-training__spoiler-chevron {
    background: var(--camels-accent);
    color: #fff;
}

.cb-training__spoiler[open] .cb-training__spoiler-chevron {
    transform: rotate(180deg);
    background: var(--camels-accent);
    color: #fff;
}

.cb-training__spoiler-body {
    padding: 0 30px 24px;
}

/* ---- FAQ (HR + LT) ---- */

.cb-training__faq {
    background: var(--camels-surface-95);
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-training__faq-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-training__faq-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--training-col, var(--camels-primary));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    font-size: 1.125rem;
}

.cb-training__faq-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
}

.cb-training__faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.cb-training__faq-item {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cb-training__faq-item[open] {
    border-color: var(--camels-accent);
}

.cb-training__faq-item--static {
    border-color: var(--camels-accent);
}

.cb-training__faq-item--static .cb-training__faq-question {
    cursor: default;
    user-select: auto;
}

.cb-training__faq-item:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-training__faq-item:hover .cb-training__faq-chevron {
    background: var(--camels-accent);
    color: #fff;
}

.cb-training__faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.4;
}

.cb-training__faq-question::-webkit-details-marker {
    display: none;
}

.cb-training__faq-question::marker {
    display: none;
    content: '';
}

.cb-training__faq-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: var(--camels-surface-tab);
    color: var(--camels-black);
    flex-shrink: 0;
    font-size: 0.75rem;
    transition: transform 0.3s ease, background 0.2s ease, color 0.2s ease;
}

.cb-training__faq-item[open] .cb-training__faq-chevron {
    transform: rotate(180deg);
    background: var(--camels-accent);
    color: #fff;
}

.cb-training__faq-answer {
    padding: 0 18px 18px;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.65;
}

.cb-training__faq-more {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 8px;
    height: 52px;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    text-decoration: none;
    transition: background 0.2s ease, transform 0.15s ease;
    margin: 0 auto;
    justify-content: center;
    width: fit-content;
    border: 3px solid;
    border-color: transparent;
}

.cb-training__faq-more:hover {
    border-color: var(--camels-accent);
    transform: translateY(-1px);
    background: var(--camels-surface);
    color: var(--camels-accent);
}

.cb-training__faq-more i {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.cb-training__faq-more:hover i {
    transform: translateX(3px);
}

.obuchenie_content {
    margin-top: clamp(-16px, -10vw, 0px)!important;
    padding: 200px 200px 30px;
}

.obuchenie_content:before {
    border-radius: 60px!important;
}

/* ---- Responsive: Training block ---- */

@media (max-width: 1400px) {
    .cb-training__content,
    .cb-training__content-page {
        padding: 186px 80px 0;
        margin-left: 20px;
        margin-right: 20px;
    }

    .cb-training__card--free {
        width: 50%;
    }
}

@media (max-width: 1100px) {
    .cb-training__course-price {
        padding: 1px 10px;
    }
    
    .cb-training__micro-note {
        margin-bottom: 0;
    }

    .cb-training__content,
    .cb-training__content-page {
        padding: 150px 40px 0;
    }

    .cb-training__hero {
        height: 648px;
        border-radius: 40px;
    }

    .cb-training__content,
    .cb-training__content-page {
        margin-top: -170px;
        margin-left: 0;
        margin-right: 0;
    }

    .cb-training__content::before,
    .cb-training__content-page::before {
        border-radius: 0 0 40px 40px;
    }

    .cb-training__content::before, .cb-training__content-page::before {
    top: 140px;
    left: 0;
    right: 0;
    bottom: -20px;
    background: var(--camels-border-soft);
    z-index: 0;
    border-radius: 0 60px 60px 60px;
    }

    .cb-training__heading {
        margin-bottom: 50px;
    }
    .cb-training__subtitle {
        font-size: var(--fs-description);
    }

    .cb-training__cards,
    .cb-training__cards-page {
        flex-direction: column;
        gap: 110px;
        margin-top: 20px;
    }

    .cb-training__card--free {
        width: 100%;
    }

    .cb-training__card-live-wrap {
        width: 100%;
    }

    .cb-training__live-gradient {
        top: -49px;
        height: 320px;
    }

    .cb-training__live-person {
        top: -130px;
        width: 220px;
        height: 90px;
    }

    .cb-training__courses-grid {
        grid-template-columns: 1fr;
    }

    .cb-training__course-card {
        height: 870px;
    }

    /* Role tabs */
    .cb-training__role-tabs {
        display: flex;
        gap: 20px;
        margin-bottom: 24px;
        position: sticky;
        top: 65px;
        z-index: 10;
        padding: 12px 0;
    }

    .cb-training__role-tabs.is-stuck::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background: var(--camels-surface);
        z-index: -1;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    }

    .cb-training__role-tab {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        border: 2px solid var(--camels-border);
        border-radius: 16px;
        background: var(--camels-surface);
        color: var(--camels-black);
        font-family: inherit;
        font-size: var(--fs-card-desc);
        font-weight: 600;
        cursor: pointer;
        transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        -webkit-tap-highlight-color: transparent;
        position: relative;
    }

    .cb-training__role-tab-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        flex-shrink: 0;
        transition: background 0.25s ease;
    }

    .cb-training__role-tab-icon svg {
        width: 20px;
        height: 20px;
    }

    .cb-training__role-tab-label {
        white-space: nowrap;
    }

    /* Tab hover — orange accent */
    .cb-training__role-tab:hover {
        border-color: var(--camels-accent);
        box-shadow: 0 0 0 1px var(--camels-accent);
    }

    /* Tab active — orange accent (unified) */
    .cb-training__role-tab.is-active {
        border-color: var(--camels-accent);
        background: rgba(246, 90, 3, 0.07);
        color: var(--camels-text);
        box-shadow: 0 0 0 1px var(--camels-accent);
    }

    /* Green checkmark badge on active tab */
    .cb-training__role-tab.is-active::after {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        width: 20px;
        height: 20px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        z-index: 1;
        pointer-events: none;
    }

    /* Hide inactive column */
    .cb-training__course-column.cb-training__col-hidden {
        display: none;
    }
}

@media (max-width: 991px) {
    .cb-partner__calc-form > .cb-partner__calc-result-card{
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }

    .cb-training {
        width: 100%;
        max-width: 100%;
        overflow: clip;
        box-sizing: border-box;
    }

    .cb-training__content,
    .cb-training__content-page {
        padding: 100px 20px 10px;
        margin-top: -120px;
    }

    .cb-training__divider {
        height: 100px;
    }

    .cb-training__content::before,
    .cb-training__content-page::before {
        border-radius: 0 0 30px 30px;
        top: 99px;
    }

    .cb-training__badge {
        top: 31px;
        left: clamp(.1rem, 21%, 11px);
        gap: 4px;
    }

    .cb-training__badge-icon {
        display: none;
    }
}

@media (max-width: 768px) {
    .cb-training__cards-page {
        margin-top: 0px;
    }
    .cb-training__course-cta {
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
    }
    
    .cb-partner__calc-panel-inner > .cb-partner__calc-result-card--info {
        flex-basis: 100%;
        margin-left: 5px;
        margin-right: -16px;
        width: calc(93% + 33px);
    }

    .cb-training__course-result-icon svg {
        width: 24px;
        height: 24px;
    }
    
    .cb-training__content,
    .cb-training__content-page {
        padding: 80px 16px 0px;
        margin-top: -40px;
    }

    .cb-training__live-dot svg {
        width: 16px;
        height: 16px;
    }
    
    .cb-training__card {
    padding: 10px;
    }

    .cb-training__hero {
        height: 400px;
        border-radius: 0;
    }

    .cb-training__divider {
        height: 60px;
        display: none;
    }

    .cb-training__content::before,
    .cb-training__content-page::before {
        border-radius: 0 0 20px 20px;
        top: 20px;
    }

    .cb-training__badge {
        display: none;
    }

    .cb-training__heading {
        margin-bottom: 30px;
    }
    .cb-training__subtitle {
        font-size: var(--fs-description);
    }
    .cb-training__card-title-regular {
        font-size: var(--fs-description-alt);
    }

    .cb-training__card-badge {
        padding: 6px 8px;
    }

    .cb-training__card-header {
        padding: 20px 16px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .cb-training__bottom-bar {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }

    .p-relative {
        flex-direction: column;
    }

    .cb-training__disclaimer {
        flex-direction: column;
        gap: 10px;
    }

    .cb-training__live-gradient {
        top: -44px;
        height: 261px;
        border-radius: 24px;
    }

    .cb-training__live-label {
        top: -30px;
        font-size: 14px;
    }

    .cb-training__live-person {
        top: -110px;
        width: 180px;
        height: 75px;
        right: 0;
    }

    .cb-training__badge-icon {
        display: none;
    }

    .cb-training__courses {
        padding: 24px;
    }

    .cb-training__courses-header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
    }
    .cb-training__courses-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .cb-training__course-card {
        padding: 16px;
        gap: 20px;
    }

    .cb-training__course-image img {
        height: 220px;
    }
    .cb-training__course-tags {
        flex-direction: row;
        margin-top: -71px;
    }
    .cb-training__course-tag {
        padding: 5px;
    }

    .cb-training__rules,
    .cb-training__benefits,
    .cb-training__advantages,
    .cb-training__budget,
    .cb-training__plan,
    .cb-training__faq {
        padding: 20px;
    }

    .cb-training__spoiler-toggle {
        padding: 16px 20px;
    }

    .cb-training__spoiler-body {
        padding: 0 20px 20px;
    }

    .cb-training__rules-item,
    .cb-training__benefits-item,
    .cb-training__budget-item,
    .cb-training__plan-item {
        padding: 12px;
    }

    .cb-training__faq-question {
        padding: 14px 14px;
        font-size: 0.875rem;
    }

    .cb-training__faq-answer {
        padding: 0 14px 14px;
    }

    .cb-training__faq-more {
        width: fit-content;
        justify-content: center;
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
        
        
        
    .cb-training__course-cta {
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
};
    }

    .cb-training__advantage-card {
        padding: 12px;
    }

    .cb-training__course-column {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .cb-training__courses {
        padding: 5px;
    }
    
    .cb-partner__calc-panel-inner > .cb-partner__calc-result-card--info {
        flex-basis: 100%;
        margin-left: 0px;
        margin-right: -16px;
        width: calc(90% + 35px);
    }

    /* Training */
    .cb-training__content,
    .cb-training__content-page {
        padding: 70px 12px 10px;
    }

    .cb-training__course-card{
        height: 880px;
    }

    .cb-training__course-tag {
        width: fit-content;
    }
    
    .cb-training__course-tags {
        flex-direction: column;
        margin-top: -60px;
        gap: 3px;
    }

    .cb-training__card-title-regular {
        font-size: var(--fs-card-title);
    }

    .cb-training__divider {
        height: 50px;
    }

    .cb-training__content::before,
    .cb-training__content-page::before {
        border-radius: 0 0 16px 16px;
        top: 0px;
    }
    .cb-training__card-header {
        padding: 16px 12px;
    }

    .cb-training__live-gradient {
        top: -45px;
        height: 259px;
        border-radius: 24px;
    }

    .cb-training__course-cta {
        width: fit-content;
        justify-content: center;
        height: 40px;
        font-size: var(--fs-description-alt);
        padding: 15px;
    }

    .cb-training__role-tabs {
        gap: 8px;
        margin-bottom: 16px;
        position: sticky;
        top: 48px;
        z-index: 10;
        padding: 12px 0;
        justify-content: center;
    }

    .cb-training__role-tab {
        padding: 10px 12px;
        border-radius: 12px;
        font-size: 13px;
        gap: 8px;
    }

    .cb-training__role-tab-icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
    }

    .cb-training__role-tab-icon svg {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 360px) {
    .cb-training__live-gradient {
        height: 315px;
    }
}




/* ==========================================================================
   FRANCHISE BLOCK
   ========================================================================== */

/* ---------- Wrapper ---------- */
.cb-franchise {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ---------- Page variant (affiliate-program style hero) ---------- */
.cb-franchise--page {
    max-width: none;
    padding: 0;
    position: relative;
    margin: 1rem auto;
    overflow: visible;
}

.cb-franchise--page > .cb-franchise__section,
.cb-franchise--page > .cb-franchise__give,
.cb-franchise--page > .cb-franchise__leader,
.cb-franchise--page > .cb-franchise__quickstart,
.cb-franchise--page > .cb-franchise__company-service,
.cb-franchise--page > .cb-franchise__how-wrap,
.cb-franchise--page > .cb-franchise__section--cta {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ---------- Section ---------- */
.cb-franchise__section {
    padding: 0;
}

.cb-franchise__section--light {
    background: var(--camels-bg);
    border-radius: 24px;
    padding: 10px 0;
    margin: 0;
}

.cb-franchise__section--cta {
    background: linear-gradient(135deg, var(--camels-dark-card) 0%, var(--camels-dark-blue-deep) 100%);
    border-radius: 50px;
    padding: 60px 40px;
    margin: 1rem 0 2rem;
    color: #fff;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 2.25rem var(--_pad-x) 20px;
    margin-left: calc(-1 * var(--_pad-x));
    margin-right: calc(-1 * var(--_pad-x));
}

.cb-franchise__section-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 700;
    color: var(--camels-black);
    margin: 0 auto 16px;
    line-height: 1.2;
    text-align: center;
}

.cb-franchise__section--cta .cb-franchise__section-title {
    color: #fff;
}

.cb-franchise__section-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0 auto 36px;
    line-height: 1.6;
    text-align: center;
}

.cb-franchise__section--cta .cb-franchise__section-subtitle {
    color: rgba(255, 255, 255, 0.75);
}

.cb-franchise__section-cta {
    margin-top: 32px;
    text-align: center;
}

.cb-franchise__leader-card-inner {
    flex-direction: row;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ---------- Buttons: reuse .cb-partner__btn, keep only submit modifier ---------- */
.cb-franchise__btn--submit {
    min-width: 240px;
}

/* ---------- Accent color ---------- */
.cb-franchise__accent {
    color: var(--camels-accent);
}

.cb-franchise__accent-icon {
    color: var(--camels-accent);
}

/* ---------- Notes: reuse .cb-staffing__scenario-investor-note ---------- */

/* ===== Parallax Hero ===== */
.cb-franchise__hero-parallax {
    position: relative;
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
    height: clamp(400px, 60vw, 916px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.cb-franchise__hero-parallax::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* ===== 1. HERO ===== */
.cb-franchise__hero {
    padding: 0 0 2rem;
}

.cb-franchise__hero-top {
    position: relative;
    z-index: 2;
    background: var(--camels-surface);
    border-radius: 50px;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 4.25rem var(--_pad-x) 20px;
    margin-left: calc(-1 * var(--_pad-x));
    margin-right: calc(-1 * var(--_pad-x));
    margin-bottom: 30px;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    margin-left: calc(-1 * var(--_pad-x));
    margin-right: calc(-1 * var(--_pad-x));
}

.cb-franchise__hero-top-backdrop {
    position: absolute;
    inset: 0;
    clip-path: url(#franchise-hero-clip);
    z-index: -1;
}

.cb-franchise__hero-inner {
    display: flex;
    flex-direction: column;
    gap: 28px;
    align-items: stretch;
}

.cb-franchise__hero-badge img {
    width: 40px;
    height: 100%;
    object-fit: cover;
}

.cb-franchise__hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding: 8px 16px 8px 8px;
    background: var(--camels-bg);
    color: var(--camels-black);
    border-radius: 0 0 16px 16px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    margin-bottom: 0;
    text-align: center;
    position: absolute;
    margin-top: -4.5rem;
    left: 42%;
}

.cb-franchise__hero-badge-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.cb-franchise__hero-h1 {
    font-family: 'Onest', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: var(--camels-text);
    line-height: 1.28;
    margin: 0 auto;
    text-align: center;
    max-width: 1430px;
}

.cb-franchise__hero-sub {
    font-size: 22px;
    color: var(--camels-text);
    line-height: 1.45;
    margin: 0 auto;
    max-width: 1430px;
}

.cb-franchise__hero-theses {
    margin: 0;
    padding: 0;
}

.cb-franchise__hero-cta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* --- Hero Scheme --- */
.cb-franchise__hero-scheme {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cb-franchise__scheme-flow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
}

.cb-franchise__hero-content {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
}

.cb-franchise__scheme-node {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    background: var(--camels-surface);
    border: 1.5px solid var(--camels-border-light);
    border-radius: 14px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    min-width: 0;
    justify-content: center;
    flex: 1 1 0;
    box-shadow: var(--camels-shadow-light);
}

.cb-franchise__scheme-node i {
    font-size: 18px;
    width: 24px;
    text-align: center;
}

.cb-franchise__scheme-node--owner { border-color: var(--camels-accent); color: var(--camels-accent); }
.cb-franchise__scheme-node--owner i { color: var(--camels-accent); }
.cb-franchise__scheme-node--managers i { color: var(--camels-primary); }
.cb-franchise__scheme-node--partners i { color: var(--camels-green); }
.cb-franchise__scheme-node--deals i { color: var(--camels-blue-info); }
.cb-franchise__scheme-node--payments i { color: var(--camels-accent-warm); }

.cb-franchise__scheme-arrow {
    color: var(--camels-muted-light);
    font-size: 14px;
    padding: 0;
    flex: 0 0 auto;
}

.cb-franchise__scheme-break,
.cb-franchise__scheme-arrow--mobile-duplicate {
    display: none;
}

/* --- Earn Section --- */
.cb-franchise__earn {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    padding: 40px 100px;
    margin-top: 40px;
}

.cb-franchise__earn-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.cb-franchise__earn-line {
    flex: 1;
    height: 4px;
    border-radius: 2px;
}

.cb-franchise__earn-line--left {
    background: linear-gradient(to right, transparent, #212E44);
}

.cb-franchise__earn-line--right {
    background: linear-gradient(to left, transparent, #212E44);
}

.cb-franchise__earn-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: var(--camels-black);
    margin: 0;
    white-space: nowrap;
}

.cb-franchise__earn-cols {
    display: flex;
    gap: 30px;
}

.cb-franchise__earn-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cb-franchise__earn-right {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cb-franchise__earn-card {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.cb-franchise__earn-card--tall {
    flex: 1;
}

.cb-franchise__earn-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, #3F5478, #2C3E5C);
    border-radius: 12px;
}

.cb-franchise__earn-icon img {
    width: 24px;
    height: 24px;
}

.cb-franchise__earn-card-text h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: var(--camels-black);
    margin: 0 0 6px;
    line-height: 1.3;
}

.cb-franchise__earn-card-text p {
    font-size: 16px;
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
}

.cb-franchise__earn-sublist {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cb-franchise__earn-subitem {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.cb-franchise__earn-subnum {
    width: 28px;
    height: 28px;
    min-width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, #3F5478, #2C3E5C);
    color: #fff;
    border-radius: 50%;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.cb-franchise__earn-subitem p {
    font-size: 16px;
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
}

/* ===== 1.5 INTRO FORMATS ===== */
.cb-franchise__intro-options {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    gap: 24px;
    margin: 12px 0 0;
}

.cb-franchise__intro-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
    padding: 28px;
    border-radius: 30px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 249, 249, 0.95) 100%);
    border: 1px solid rgba(33, 46, 68, 0.08);
    box-shadow: 0 18px 44px rgba(33, 46, 68, 0.08);
    overflow: hidden;
}

.cb-franchise__intro-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--camels-accent) 0%, var(--camels-yellow) 100%);
}

.cb-franchise__intro-card--free {
    background:
        radial-gradient(circle at top left, rgba(246, 90, 3, 0.10), transparent 36%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.cb-franchise__intro-card--strategy {
    background:
        radial-gradient(circle at top right, rgba(115, 111, 251, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 249, 249, 0.96) 100%);
}

.cb-franchise__intro-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cb-franchise__intro-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--camels-primary-5);
    color: var(--camels-accent);
    border: 1px solid rgba(246, 90, 3, 0.12);
    font-size: 20px;
}

.cb-franchise__intro-card-duration {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    color: var(--camels-text-strong);
    font-size: var(--fs-card-title);
    font-weight: 700;
    white-space: nowrap;
}

.cb-franchise__intro-card-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    line-height: 1.2;
    color: var(--camels-black);
}

.cb-franchise__intro-card-price {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    font-weight: 800;
    line-height: 1;
    color: var(--camels-accent);
}

.cb-franchise__intro-pricing {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-franchise__intro-pricing-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(244, 245, 246, 0.78);
    border: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-franchise__intro-pricing-row span {
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
    font-weight: 500;
}

.cb-franchise__intro-pricing-row strong {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1;
    color: var(--camels-accent);
    white-space: nowrap;
}

.cb-franchise__intro-card-note {
    margin: 0;
    font-size: var(--fs-card-title);
    line-height: 1.6;
    color: var(--camels-black);
}

/* ===== 2. HOW IT WORKS ===== */
.cb-franchise__how-wrap {
    margin-top: 8px;
}

/* --- How tabs --- */
.cb-franchise__how-tabs {
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 28px;
    justify-content: center;
}

.cb-franchise__how-tab {
    flex: 0 1 auto;
    min-width: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 24px;
    border-radius: 50px;
    border: 1.5px solid var(--camels-border-tab);
    background: var(--camels-surface);
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    cursor: pointer;
    transition: all 0.22s ease;
    position: relative;
}

.cb-franchise__how-tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.05);
    color: var(--camels-accent);
}

.cb-franchise__how-tab--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
}

.cb-franchise__how-tab--active:hover {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
}

.cb-franchise__how-tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

/* --- How panels --- */
.cb-franchise__how-panel {
    display: none;
    margin-top: 0;
}

.cb-franchise__how-panel--active {
    display: block;
}

.cb-franchise__how-wrap--with-pointer .cb-franchise__how-panel--active {
    margin-top: 90px;
}

.cb-franchise__how-intro {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.6;
    margin: 0 0 28px;
}

/* --- How steps (Simple) --- */
.cb-franchise__how-steps {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 28px;
    padding: 24px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 22px 50px rgba(33, 46, 68, 0.08);
    overflow: hidden;
}

.cb-franchise__how-steps::before {
    content: '';
    position: absolute;
    top: 34px;
    bottom: 34px;
    left: 39px;
    width: 2px;
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.42) 0%, rgba(246, 90, 3, 0.08) 100%);
    pointer-events: none;
}

.cb-franchise__how-step {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 249, 249, 0.96) 100%);
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 20px;
    box-shadow: 0 14px 28px rgba(33, 46, 68, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    z-index: 1;
}

.cb-franchise__how-step::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(180deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    opacity: 0.92;
    top: 7px;
    bottom: 7px;
}

.cb-franchise__how-step:hover {
    transform: translateY(-3px);
    border-color: rgba(246, 90, 3, 0.22);
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.11);
}

.cb-franchise__how-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 10px 20px rgba(246, 90, 3, 0.24);
    position: relative;
    z-index: 2;
}

.cb-franchise__how-step-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 10px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    color: var(--camels-accent);
    font-size: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.cb-franchise__how-step p {
    margin: 2px 0 0;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.5;
    font-weight: 500;
    max-width: 760px;
}

/* --- How roles --- */
.cb-franchise__how-roles {
    padding: 20px 24px;
    background: var(--camels-surface-tab);
    border-radius: 14px;
    margin-bottom: 28px;
}

.cb-franchise__how-roles h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 12px;
}

.cb-franchise__how-roles ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-franchise__how-roles li {
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    line-height: 1.5;
}

/* --- How chain (Detailed) --- */
.cb-franchise__how-chain {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 28px;
    padding: 20px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
}

.cb-franchise__chain-item {
    padding: 8px 10px;
    background: var(--camels-surface-tab);
    border-radius: 8px;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    border: 1px solid var(--camels-black);
    white-space: nowrap;
    margin: 0 auto;
}

.cb-franchise__how-chain i {
    color: var(--camels-black);
    font-size: var(--fs-card-title);
}

.cb-franchise__how-control {
    padding: 20px 24px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
    margin-bottom: 16px;
}

.cb-franchise__how-control-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 16px;
}

.cb-franchise__how-control--wide {
    grid-column: 1 / -1;
}

.cb-franchise__how-control h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 8px;
}

.cb-franchise__how-control p {
    font-size: var(--fs-card-desc);
    color: var(--camels-muted);
    margin: 0;
    line-height: 1.5;
}

.cb-franchise__how-detail-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cb-franchise__how-detail-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 12px;
    background: var(--camels-surface-tab);
    border: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-franchise__how-detail-item strong {
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-franchise__how-detail-item span {
    font-size: var(--fs-card-desc);
    line-height: 1.55;
    color: var(--camels-muted);
}

.cb-franchise__how-cta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-franchise__how-flow-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr);
    gap: 16px;
    margin-bottom: 16px;
    align-items: stretch;
}

.cb-franchise__how-control--flow {
    margin-bottom: 0;
}

.cb-franchise__how-control--flow p {
    margin-top: 12px;
}

.cb-franchise__how-summary-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 22px 24px;
    border-radius: 18px;
    background: var(--camels-surface);
    border: 1px solid rgba(246, 90, 3, 0.16);
    box-shadow: 0 14px 30px rgba(33, 46, 68, 0.06);
}

.cb-franchise__how-summary-card h4 {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
}

.cb-franchise__how-summary-card p {
    margin: 0;
    font-size: var(--fs-card-desc);
    line-height: 1.6;
    color: var(--camels-black);
}

.cb-franchise__how-kpi-list {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--camels-muted);
}

.cb-franchise__how-kpi-list li {
    font-size: var(--fs-card-desc);
    line-height: 1.55;
}

/* --- Detail panel (Подробно) --- */
.cb-franchise__detail-block {
    position: relative;
    padding: 24px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.96) 0%, rgba(255, 255, 255, 0.98) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 22px 50px rgba(33, 46, 68, 0.08);
    margin-bottom: 20px;
}

.cb-franchise__detail-block--chain {
    background:
        radial-gradient(circle at bottom left, rgba(115, 111, 251, 0.08), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 249, 249, 0.96) 100%);
    border-color: rgba(33, 46, 68, 0.10);
}

.cb-franchise__detail-block-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.9rem, 0.8rem + 0.3vw, 1.1rem);
    color: var(--camels-black);
    margin: 0 0 18px;
}

.cb-franchise__detail-block-title i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    color: var(--camels-accent);
    font-size: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.cb-franchise__detail-roles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.cb-franchise__detail-role {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 22px 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 249, 249, 0.96) 100%);
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 20px;
    box-shadow: 0 14px 28px rgba(33, 46, 68, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.cb-franchise__detail-role::before {
    content: '';
    position: absolute;
    inset: 7px auto 7px 0;
    width: 4px;
    border-radius: 20px 0 0 20px;
    background: linear-gradient(180deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    opacity: 0.92;
}

.cb-franchise__detail-role:hover {
    transform: translateY(-3px);
    border-color: rgba(246, 90, 3, 0.22);
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.11);
}

.cb-franchise__detail-role-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 20px;
    border-radius: 12px;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    color: var(--camels-accent);
    font-size: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.cb-franchise__detail-role-icon i {
    font-size: var(--fs-card-title);
}

.cb-franchise__detail-role-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cb-franchise__detail-role-body strong {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-franchise__detail-role-body p {
    margin: 0;
    font-size: var(--fs-card-desc);
    line-height: 1.55;
    color: var(--camels-muted);
}

.cb-franchise__detail-cards {
    margin-bottom: 20px;
}

.cb-franchise__detail-kpi {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    grid-column: 1 / -1;
}

.cb-franchise__detail-kpi li {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: var(--fs-card-desc);
    line-height: 1.55;
    color: var(--camels-black);
}

.cb-franchise__detail-kpi li i {
    color: var(--camels-green);
    font-size: 12px;
    flex-shrink: 0;
}

.cb-franchise__detail-result {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.cb-franchise__detail-result-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 10px 20px rgba(246, 90, 3, 0.24);
}

/* ===== 3. LEADER (Что вы делаете как руководитель) ===== */
.cb-franchise__leader {
    position: relative;
    border-radius: 60px;
    overflow: visible;
    min-height: 600px;
    margin: 2rem 0;
}
.cb-franchise__leader-bg {
    overflow: hidden;
    border-radius: 60px;
}

.cb-franchise__leader-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    border-radius: 60px;
}

.cb-franchise__leader-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(140.26deg, rgba(255,255,255,0.8) 30.646%, rgba(255,255,255,0) 68.608%);
    border-radius: 60px;
    pointer-events: none;
}

.cb-franchise__leader-bg-blur {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 53%, rgba(255,255,255,0) 100%);
    border-radius: 60px;
    pointer-events: none;
}

.cb-franchise__leader-inner {
    position: relative;
    z-index: 1;
    padding: 0 60px;
    margin: 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    overflow: visible;
}

.cb-franchise__leader-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: #212E44;
    text-align: center;
    margin: 0;
    width: 100%;
    max-width: 804px;
    align-self: center;
}

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

.cb-franchise__leader-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 320px));
    grid-auto-rows: auto;
    gap: 20px;
    flex-shrink: 0;
    width: 660px;
}

.cb-franchise__leader-card {
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    background: rgba(255,255,255,0.7);
    border-radius: 30px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-sizing: border-box;
}

.cb-franchise__leader-icon {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.cb-franchise__leader-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #212E44;
    margin: 0;
    line-height: 1.3;
}

.cb-franchise__leader-card p {
    font-size: 16px;
    color: #212E44;
    margin: 0;
    line-height: 1.22;
}

.cb-franchise__leader-image {
    flex: 0 0 596px;
    width: 596px;
    height: 524px;
    border-radius: 40px;
    overflow: hidden;
    align-self: stretch;
    position: relative;
}

.cb-franchise__leader-image-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    border-radius: 40px;
    display: block;
}

.cb-franchise__leader-biker {
    position: absolute;
    right: -15px;
    top: 60px;
    width: 597px;
    height: 559px;
    object-fit: cover;
    object-position: 83% center;
    pointer-events: none;
    z-index: 2;
}

.cb-franchise__leader-inner {
    position: relative;
}

/* ===== 4. GIVE (Что мы даём франчайзи) ===== */
.cb-franchise__give {
    position: relative;
    border-radius: 60px;
    overflow: hidden;
    min-height: 600px;
}

.cb-franchise__give-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.cb-franchise__give-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 60px;
}

.cb-franchise__give-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(216deg, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0) 65%);
    border-radius: 60px;
}

.cb-franchise__give-bg-blur {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: linear-gradient(180deg, rgba(255,255,255,0.1) 53%, rgba(255,255,255,0) 112%);
    border-radius: 60px;
}

.cb-franchise__give-inner {
    position: relative;
    z-index: 1;
    padding: 0 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cb-franchise__give-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 32px;
    color: #212E44;
    text-align: center;
    margin: 0;
    line-height: normal;
}

.cb-franchise__give-content {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.cb-franchise__give-image {
    flex-shrink: 0;
    width: 596px;
    max-width: 45%;
    border-radius: 30px;
    overflow: hidden;
    align-self: center;
}

.cb-franchise__give-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 30px;
    object-fit: cover;
}

.cb-franchise__give-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 660px;
    max-width: 55%;
    align-items: stretch;
}

.cb-franchise__give-card {
    width: calc(50% - 10px);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    background: rgba(255,255,255,0.7);
    border-radius: 30px;
    padding: 20px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    box-sizing: border-box;
}

.cb-franchise__give-card-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 12px;
    background: radial-gradient(circle at 50% 17%, #3F5478, #2C3E5C);
    box-sizing: border-box;
}

.cb-franchise__give-card-icon img {
    width: 24px;
    height: 24px;
    display: block;
}

.cb-franchise__give-card-text {
    flex: 1;
    min-width: 0;
}

.cb-franchise__give-card-text h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--camels-black);
    margin: 0 0 4px;
    line-height: normal;
}

.cb-franchise__give-card-text p {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--camels-black);
    margin: 0;
    line-height: normal;
}

/* old classes kept for backwards compat */
.cb-franchise__included-grid { display: none; }
.cb-franchise__included-card { display: none; }

/* ============================================================
   TEAM PAGE
   ============================================================ */

.cb-team {
    max-width: none;
    position: relative;
    padding: 0px;
    margin: 0 auto;
    overflow: visible;
}

.cb-team__breadcrumb {
    margin-bottom: 22px;
    margin: 0 auto;
    padding: 20px 90px;
}

.cb-team__hero {
    width: 100%;
    overflow: visible;
}

.cb-team__hero-container {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.9fr);
    gap: 26px;
    align-items: stretch;
}

.cb-team__hero-card {
    text-align: left;
}

.cb-team__hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgb(255 255 255 / 11%);
    color: var(--camels-accent);
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 18px;
}

.cb-team__hero-title {
    margin-bottom: 18px;
}

.cb-team__hero-text {
    display: grid;
    gap: 14px;
}

.cb-team__hero-desc {
    max-width: none;
    margin: 0;
}

.cb-team__hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.cb-team__hero-point {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(67, 89, 126, 0.14);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--camels-text);
    font-size: 0.95rem;
    line-height: 1.45;
}

.cb-team__hero-point i {
    color: var(--camels-green);
}

.cb-team__hero-actions {
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

.cb-team__hero-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 20px;
    border-radius: 16px;
    border: 1px solid rgba(67, 89, 126, 0.16);
    background: rgba(255, 255, 255, 0.82);
    color: var(--camels-text);
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, color 0.22s ease;
}

.cb-team__hero-link:hover {
    color: var(--camels-accent);
    border-color: rgba(246, 90, 3, 0.4);
    transform: translateY(-1px);
}

.cb-team__hero-aside {
    display: grid;
    gap: 18px;
}

.cb-team__hero-visual,
.cb-team__hero-stats {
    border-radius: 32px;
    border: 1px solid rgba(67, 89, 126, 0.14);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 24px 80px rgba(34, 52, 85, 0.1);
    backdrop-filter: blur(10px);
}

.cb-team__hero-visual {
    overflow: hidden;
    min-height: 290px;
}

.cb-team__hero-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-team__hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    padding: 20px;
}

.cb-team__hero-stat {
    display: grid;
    gap: 8px;
    padding: 16px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(246, 246, 246, 0.95), rgba(255, 255, 255, 0.92));
}

.cb-team__hero-stat strong {
    font-size: clamp(1.5rem, 1.1rem + 1vw, 2.2rem);
    line-height: 1;
    color: var(--camels-accent);
}

.cb-team__hero-stat span {
    color: var(--camels-text-strong);
    font-size: 0.94rem;
    line-height: 1.45;
}

.cb-team__section {
    width: min(1240px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px 0 0;
}

.cb-team__section-head {
    display: grid;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-team__section-head--split {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: end;
    gap: 24px;
}

.cb-team__section-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(115, 111, 251, 0.08);
    color: var(--camels-primary);
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cb-team__section-title {
    margin: 1rem 0;
    font-size: var(--fs-description-alt);
    line-height: 1.12;
    color: var(--camels-black);
}

.cb-team__section-subtitle {
    margin: 0;
    max-width: 920px;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.72;
}

.cb-team__leaders-grid,
.cb-team__metrics-grid,
.cb-team__departments-grid {
    display: grid;
    gap: 18px;
}

.cb-team__leaders-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cb-team__leader-card,
.cb-team__metric-card,
.cb-team__department-card,
.cb-team__cta-card {
    border: 1px solid rgba(67, 89, 126, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 246, 246, 0.94));
    box-shadow: 0 22px 60px rgba(34, 52, 85, 0.08);
}

.cb-team__leader-card {
    display: grid;
    overflow: hidden;
    border-radius: 32px;
}

.cb-team__leader-media {
    position: relative;
    min-height: 320px;
    background: linear-gradient(180deg, rgba(67, 89, 126, 0.08), rgba(246, 90, 3, 0.08));
}

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

.cb-team__leader-portrait {
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 14px;
    width: 100%;
    min-height: 320px;
    padding: 28px;
    color: #fff;
}

.cb-team__leader-portrait span {
    font-size: clamp(3rem, 1.8rem + 3vw, 5rem);
    line-height: 0.9;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.cb-team__leader-portrait small {
    display: inline-flex;
    max-width: 230px;
    font-size: 0.95rem;
    line-height: 1.5;
    font-weight: 600;
}

.cb-team__leader-portrait--accent {
    background: linear-gradient(135deg, #f65a03 0%, #f67803 52%, #212e44 100%);
}

.cb-team__leader-portrait--primary {
    background: linear-gradient(135deg, #736ffb 0%, #43597e 55%, #212e44 100%);
}

.cb-team__leader-portrait--green {
    background: linear-gradient(135deg, #43bb5a 0%, #03a5f6 52%, #212e44 100%);
}

.cb-team__leader-portrait--blue {
    background: linear-gradient(135deg, #03a5f6 0%, #736ffb 52%, #212e44 100%);
}

.cb-team__leader-portrait--warm {
    background: linear-gradient(135deg, #f67803 0%, #ffd821 52%, #212e44 100%);
}

.cb-team__leader-exp {
    position: absolute;
    left: 18px;
    bottom: 18px;
    display: inline-flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(33, 46, 68, 0.78);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
}

.cb-team__leader-body {
    display: grid;
    gap: 14px;
    padding: 24px;
}

.cb-team__leader-role {
    margin: 0;
    color: var(--camels-accent);
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-team__leader-name {
    margin: 0;
    color: var(--camels-text);
    font-size: 1.4rem;
    line-height: 1.2;
}

.cb-team__leader-summary {
    margin: 0;
    color: var(--camels-text-strong);
    line-height: 1.7;
}

.cb-team__leader-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cb-team__leader-skills span {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(115, 111, 251, 0.08);
    color: var(--camels-text);
    font-size: 0.9rem;
    font-weight: 600;
}

/* --- Staff Slider (team-leadership) --- */

.cb-team__section--staff {
    padding-top: 40px;
    padding-bottom: 20px;
}

.cb-team__staff-head {
    text-align: center;
    margin-bottom: 36px;
}

.cb-team__staff-heading {
    margin: 0 0 12px;
    font-size: var(--fs-description);
    font-weight: 800;
    text-transform: uppercase;
    color: var(--camels-black);
    letter-spacing: 0.02em;
}

.cb-team__staff-subheading {
    margin: 0;
    color: var(--camels-black);
    font-size: var(--fs-description-alt);
}

.cb-team__staff-slider-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 36px;
}

.cb-team__staff-arrow {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1.5px solid var(--camels-border-light);
    background: var(--camels-surface);
    color: var(--camels-text);
    cursor: pointer;
    transition: border-color 0.22s, color 0.22s, box-shadow 0.22s;
}

.cb-team__staff-arrow:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
    box-shadow: 0 4px 16px var(--camels-accent-shadow);
}

.cb-team__staff-nav {
    display: flex;
    flex-grow: 1;
    gap: 18px;
    overflow-x: auto;
    scroll-behavior: smooth;
    --webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 8px 0;
}

.cb-team__staff-nav::-webkit-scrollbar {
    display: none;
}

.cb-team__staff-nav-item {
    flex: 1 0 0;
    min-width: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 24px 16px;
    border-radius: 24px;
    border: 1.5px solid var(--camels-border-light);
    background: var(--camels-surface);
    cursor: pointer;
    transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
    text-align: center;
}

.cb-team__staff-nav-item:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 8px 24px rgba(246, 90, 3, 0.1);
    transform: translateY(-2px);
}

.cb-team__staff-nav-item--active {
    border-color: var(--camels-accent);
    background: var(--camels-surface-warm);
}

.cb-team__staff-thumb {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cb-team__staff-thumb.cb-team__leader-portrait {
    min-height: auto;
    padding: 0;
    align-content: center;
    justify-items: center;
}

.cb-team__staff-thumb.cb-team__leader-portrait span {
    font-size: 2.6rem;
}

.cb-team__staff-thumb.cb-team__leader-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.cb-team__staff-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-team__staff-role {
    color: var(--camels-accent);
    font-size: var(--fs-card-desc);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cb-team__staff-exp {
    color: var(--camels-black);
    font-size: var(--fs-card-desc);
    font-weight: 600;
}

.cb-team__staff-name {
    color: var(--camels-black);
    font-size: var(--fs-description-alt);
    font-weight: 700;
}

/* Staff Content Panels */
.cb-team__staff-panels {
    position: relative;
}

.cb-team__staff-panel {
    animation: cbTeamFadeIn 0.35s ease;
}

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

.cb-team__staff-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 28px;
}

.cb-team__staff-main {
    display: flex;
}

.cb-team__staff-box {
    border-radius: 20px;
    padding: 24px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
}

.cb-team__staff-box--tall {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}

.cb-team__staff-box--tall .cb-team__staff-box-text {
    flex: 1;
}

.cb-team__staff-box--tall .cb-team__staff-box-text p {
    margin: 0 0 12px;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.72;
}

.cb-team__staff-box--tall .cb-team__staff-box-text p:last-child {
    margin-bottom: 0;
}

.cb-team__staff-box-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.cb-team__staff-side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    gap: 14px;
}

.cb-team__staff-side .cb-team__staff-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-team__staff-side .cb-team__staff-box p {
    margin: 0;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.65;
}

.cb-team__staff-box--wide {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
}

/* Skills header */
.cb-team__staff-skills-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.cb-team__staff-skills-label {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-team__staff-skills-header i {
    color: var(--camels-accent);
    font-size: 1rem;
}

/* Skills tags */
.cb-team__staff-skills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

.cb-team__staff-skills span {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid var(--camels-border-light);
    background: var(--camels-surface);
    color: var(--camels-text);
    font-size: 0.9rem;
    font-weight: 600;
    transition: border-color 0.2s, background 0.2s;
}

.cb-team__staff-skills span:hover {
    border-color: var(--camels-accent);
    background: var(--camels-surface-warm);
}

/* Career toggle */
.cb-team__staff-career-wrap {
    margin-bottom: 20px;
}

.cb-team__staff-career-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 14px;
    border: 1.5px solid var(--camels-border-light);
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.22s, background 0.22s;
    width: fit-content;
    margin: 0 auto;
}

.cb-team__staff-career-toggle:hover {
    border-color: var(--camels-accent);
    background: var(--camels-surface-warm);
}

.cb-team__staff-career-toggle svg {
    transition: transform 0.3s ease;
}

.cb-team__staff-career-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

/* Career timeline */
.cb-team__staff-career {
    padding-top: 24px;
    animation: cbTeamFadeIn 0.35s ease;
}

.cb-team__staff-career-title {
    margin: 0 0 24px;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--camels-text);
}

.cb-team__staff-career-steps {
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}

.cb-team__staff-step {
    display: flex;
    gap: 20px;
    position: relative;
}

.cb-team__staff-step-num {
    flex-shrink: 0;
    position: relative;
}

.cb-team__staff-step-num span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.cb-team__staff-step:not(:last-child) .cb-team__staff-step-num::after {
    content: '';
    position: absolute;
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% - 16px);
    background: var(--camels-border-light);
}

.cb-team__staff-step-info {
    flex: 1;
    border-radius: 20px;
    background: var(--camels-bg);
    padding: 24px;
}

.cb-team__staff-step-preview p {
    margin: 0 0 12px;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.7;
}

.cb-team__staff-step-preview p:last-child {
    margin-bottom: 0;
}

.cb-team__staff-step-results {
    margin-top: 20px;
}

.cb-team__staff-step-results h4 {
    margin: 0 0 16px;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
}

.cb-team__staff-result {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    background: var(--camels-surface);
    margin-bottom: 12px;
}

.cb-team__staff-result:last-child {
    margin-bottom: 0;
}

.cb-team__staff-result-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    color: var(--camels-green);
    flex-shrink: 0;
    font-size: 1rem;
}

.cb-team__staff-result strong {
    display: block;
    margin-bottom: 6px;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
}

.cb-team__staff-result p {
    margin: 0;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.6;
}

/* Bottom CTA */
.cb-team__staff-bottom-cta {
    display: flex;
    justify-content: center;
    margin-top: 36px;
}

.cb-team__metrics-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cb-team__metric-card {
    display: grid;
    gap: 14px;
    padding: 24px;
    border-radius: 28px;
}

.cb-team__metric-card strong {
    font-size: clamp(2rem, 1.2rem + 1.8vw, 3.2rem);
    line-height: 1;
    color: var(--camels-accent);
}

.cb-team__metric-card h3 {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.35;
    color: var(--camels-text);
}

.cb-team__metric-card p {
    margin: 0;
    color: var(--camels-muted);
    line-height: 1.7;
}

.cb-team__departments-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cb-team__department-card {
    display: grid;
    gap: 14px;
    padding: 24px;
    border-radius: 30px;
}

.cb-team__department-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-size: 1.25rem;
}

.cb-team__department-card h3 {
    margin: 0;
    color: var(--camels-text);
    font-size: 1.12rem;
    line-height: 1.35;
}

.cb-team__department-card p {
    margin: 0;
    color: var(--camels-text-strong);
    line-height: 1.72;
}

.cb-team__section--cta {
    padding: 0 0 30px;
}

.cb-team__cta-card {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) auto;
    gap: 28px;
    align-items: center;
    padding: 28px;
    border-radius: 34px;
    background:
        radial-gradient(circle at top right, rgba(115, 111, 251, 0.16), transparent 30%),
        radial-gradient(circle at bottom left, rgba(246, 90, 3, 0.16), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 246, 246, 0.94));
}

.cb-team__cta-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}

@media (max-width: 1279px) {
    .cb-team__hero-container,
    .cb-team__section-head--split,
    .cb-team__cta-card {
        grid-template-columns: 1fr;
    }

    .cb-team__leaders-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-team__metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-team__staff-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .cb-team__breadcrumb {
        padding: 18px 28px;
    }

    .cb-team__hero-stats,
    .cb-team__departments-grid {
        grid-template-columns: 1fr;
    }

    .cb-team__hero-visual {
        min-height: 240px;
    }

    .cb-team__staff-arrow {
        display: none;
    }

    .cb-team__staff-nav {
        gap: 12px;
        scroll-snap-type: x mandatory;
    }

    .cb-team__staff-nav-item {
        min-width: 180px;
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .cb-team__staff-side {
        grid-template-columns: 1fr;
    }

    .cb-team__staff-box--wide {
        grid-column: auto;
    }
}

@media (max-width: 767px) {
    .cb-team {
        padding-bottom: 2.5rem;
    }

    .cb-team__hero.cb-partner__hero-v2 {
        min-height: 450px;
        padding-top: 18px;
        padding-bottom: 28px;
    }

    .cb-team__breadcrumb {
        padding: 14px 12px 10px;
        margin-bottom: 12px;
    }

    .cb-team__breadcrumb .cb-partner__breadcrumb-inner {
        align-items: flex-start;
        gap: 10px;
    }

    .cb-team__breadcrumb .cb-partner__breadcrumb-nav {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .cb-team__breadcrumb .cb-partner__breadcrumb-back {
        gap: 4px;
    }

    .cb-team__hero-card,
    .cb-team__leader-body,
    .cb-team__metric-card,
    .cb-team__department-card,
    .cb-team__cta-card {
        padding: 20px;
    }

    .cb-team__leaders-grid,
    .cb-team__metrics-grid {
        grid-template-columns: 1fr;
    }

    .cb-team__hero-actions {
        align-items: stretch;
    }

    .cb-team__hero-link,
    .cb-team__hero-actions .cb-partner__hero-cta,
    .cb-team__cta-actions .cb-partner__hero-cta {
        width: 100%;
    }

    .cb-team__section {
        width: min(1240px, calc(100% - 24px));
    }

    .cb-team__staff-head {
        margin-bottom: 24px;
    }

    .cb-team__staff-heading {
        font-size: clamp(1.35rem, 6vw, 1.9rem);
        line-height: 1.15;
    }

    .cb-team__staff-subheading {
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .cb-team__staff-slider-wrap {
        margin-bottom: 24px;
    }

    .cb-team__staff-nav {
        padding: 4px 2px 8px;
    }

    .cb-team__staff-nav-item {
        min-width: min(76vw, 280px);
        padding: 18px 14px;
        gap: 14px;
        border-radius: 20px;
    }

    .cb-team__staff-thumb {
        width: 90px;
        height: 90px;
    }

    .cb-team__staff-thumb.cb-team__leader-portrait span {
        font-size: 2rem;
    }

    .cb-team__staff-role {
        line-height: 1.45;
        letter-spacing: 0.04em;
    }

    .cb-team__staff-name {
        font-size: 1rem;
        line-height: 1.25;
    }

    .cb-team__staff-content {
        gap: 12px;
        margin-bottom: 20px;
    }

    .cb-team__staff-box,
    .cb-team__staff-step-info {
        padding: 18px;
    }

    .cb-team__staff-box--wide {
        flex-direction: column;
        gap: 12px;
    }

    .cb-team__staff-box--tall .cb-team__staff-box-text p,
    .cb-team__staff-side .cb-team__staff-box p,
    .cb-team__staff-step-preview p,
    .cb-team__staff-result p {
        line-height: 1.6;
    }

    .cb-team__staff-skills-header {
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 14px;
    }

    .cb-team__staff-skills {
        gap: 8px;
        margin-bottom: 22px;
    }

    .cb-team__staff-skills span {
        padding: 9px 13px;
    }

    .cb-team__staff-career-toggle {
        justify-content: space-between;
        text-align: left;
        line-height: 1.4;
    }

    .cb-team__staff-career-title {
        margin-bottom: 18px;
        font-size: 1.25rem;
    }

    .cb-team__staff-step {
        flex-direction: column;
        gap: 10px;
    }

    .cb-team__staff-step-num {
        margin-left: 2px;
    }

    .cb-team__staff-step:not(:last-child) .cb-team__staff-step-num::after {
        display: none;
    }

    .cb-team__staff-step-num span {
        width: 34px;
        height: 34px;
        font-size: 0.9rem;
    }

    .cb-team__staff-result {
        gap: 12px;
        padding: 14px;
    }

    .cb-team__staff-result-icon {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .cb-team__cta-actions {
        width: 100%;
    }

    .cb-team__cta-actions .cb-team__hero-link {
        width: 100%;
        min-height: 48px;
    }
}

@media (max-width: 480px) {
    .cb-team__hero.cb-partner__hero-v2 {
        min-height: 400px;
        padding-top: 14px;
        padding-bottom: 24px;
    }

    .cb-team__breadcrumb {
        padding: 12px 10px 40px;
    }

    .cb-team__breadcrumb .cb-partner__breadcrumb-inner {
        gap: 8px;
    }

    .cb-team__breadcrumb .cb-partner__breadcrumb-nav,
    .cb-team__breadcrumb .cb-partner__breadcrumb-back {
        font-size: 12px;
    }

    .cb-team__hero-point {
        width: 100%;
    }

    .cb-team__staff-nav-item {
        min-width: calc(100vw - 72px);
        padding: 16px 12px;
    }

    .cb-team__staff-thumb {
        width: 78px;
        height: 78px;
    }

    .cb-team__staff-thumb.cb-team__leader-portrait span {
        font-size: 1.8rem;
    }

    .cb-team__staff-role {
        font-size: 0.68rem;
    }

    .cb-team__staff-exp {
        line-height: 1.4;
    }

    .cb-team__staff-box,
    .cb-team__staff-step-info,
    .cb-team__cta-card {
        padding: 16px;
    }

    .cb-team__staff-skills span {
        max-width: 100%;
        text-align: center;
    }

    .cb-team__staff-career-toggle {
        min-height: 44px;
        font-size: 14px;
        padding: 10px 16px;
    }

    .cb-team__staff-result {
        flex-direction: column;
    }

    .cb-team__hero-stat,
    .cb-team__leader-exp,
    .cb-team__hero-link {
        border-radius: 18px;
    }

    .cb-team__leader-card,
    .cb-team__cta-card,
    .cb-team__metric-card,
    .cb-team__department-card {
        border-radius: 24px;
    }
}

/* ===== 4.5 QUICK START ===== */
.cb-franchise__quickstart {
    padding: 40px 0;
}

.cb-franchise__quickstart-card {
    position: relative;
    background: rgba(255,255,255,0.9);
    border-radius: 40px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    padding: 70px 84px 60px;
    margin: 0 auto;
}

.cb-franchise__quickstart-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F65A03;
    flex-shrink: 0;
    margin-top: 8px;
}

.cb-franchise__quickstart-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.cb-franchise__quickstart-title {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: normal;
}

.cb-franchise__quickstart-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    line-height: normal;
}

.cb-franchise__quickstart-subtitle strong {
    font-weight: 800;
}

.cb-franchise__quickstart-steps {
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
}

.cb-franchise__quickstart-connector {
    position: absolute;
    overflow: visible;
    width: 30px;
    height: 110px;
}

/* Левый коннектор — связывает ряд 1 и ряд 2 слева */
.cb-franchise__quickstart-connector--left {
    left: -55px;
    top: -95px;
    width: 52px;
    height: 133px;
}

/* Правый коннектор — связывает ряд 1 и ряд 2 справа */
.cb-franchise__quickstart-connector--right {
    right: -50px;
    top: 20px;
}

/* Левый нижний коннектор — связывает ряд 2 и ряд 3 */
.cb-franchise__quickstart-connector--left-bottom {
    left: -50px;
    bottom: 20px;
}

.cb-franchise__quickstart-row {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cb-franchise__quickstart-row--single {
    max-width: 60%;
}

.cb-franchise__quickstart-step {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1 1 0;
    min-width: 0;
}

.cb-franchise__quickstart-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 47px;
    background: radial-gradient(circle at center bottom, #3F5478, #2C3E5C);
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 1;
}

.cb-franchise__quickstart-step p {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #212E44;
    line-height: 20px;
    margin: 0;
    flex: 1;
}

.cb-franchise__quickstart-arrow {
    flex-shrink: 0;
}

.cb-franchise__quickstart-bridge {
    display: none;
}

/* ===== 5. LAUNCH STEPS ===== */
.cb-franchise__launch-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.cb-franchise__launch-step {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 16px;
}

.cb-franchise__launch-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.cb-franchise__launch-body h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 6px;
}

.cb-franchise__launch-body p {
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
}

.cb-franchise__launch-note {
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    text-align: center;
    font-style: italic;
    margin: 0;
}

/* ===== 6. EARNINGS ===== */
.cb-franchise__earnings-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.cb-franchise__earnings-card {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    transition: box-shadow 0.22s ease;
}

.cb-franchise__earnings-card:hover {
    box-shadow: var(--camels-shadow);
}

.cb-franchise__earnings-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 90, 3, 0.1);
    border-radius: 12px;
    margin: 0 auto 14px;
    font-size: 22px;
    color: var(--camels-accent);
}

.cb-franchise__earnings-card h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 8px;
}

.cb-franchise__earnings-card p {
    font-size: var(--fs-card-desc);
    color: var(--camels-muted);
    margin: 0;
    line-height: 1.5;
}

/* ===== 7. BUSINESS MODEL (expandable) ===== */
.cb-franchise__bizmodel {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 60px;
    padding: 0 5px;
}

.cb-franchise__bizmodel-header {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    gap: 18px;
    flex-wrap: wrap;
}

.cb-franchise__bizmodel-tabs {
    margin-bottom: 0;
    justify-content: flex-start;
}

.cb-franchise__bizmodel-panels {
    margin-top: 28px;
}

.cb-franchise__bizmodel-panel {
    display: none;
}

.cb-franchise__bizmodel-panel--active {
    display: block;
}

.cb-franchise__bizmodel-panel[hidden] {
    display: none !important;
}

.cb-franchise__bizmodel-panel > .cb-franchise__bizmodel-card:first-child {
    margin-top: 0;
}

.cb-franchise__bm-table--relocation-sources td:first-child,
.cb-franchise__bm-table--relocation-sources th:first-child {
    width: 72%;
}

.cb-franchise__bizmodel-toggle {
    white-space: nowrap;
    display: flex;
    margin: 1rem auto 0;
}

.cb-franchise__bizmodel-toggle i {
    transition: transform 0.3s ease;
    font-size: 14px;
}

.cb-franchise__bizmodel-toggle.cb-franchise__bizmodel-toggle--open:hover {
    background: var(--camels-surface);
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

.cb-franchise__bizmodel-toggle.cb-franchise__bizmodel-toggle--open i {
    transform: rotate(180deg);
}

.cb-franchise__bizmodel-body {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 0;
}

.cb-franchise__bizmodel-body--open {
    max-height: 12000px;
    opacity: 1;
}

.cb-franchise__bizmodel-card {
    background: var(--camels-surface);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    margin: 20px 0 0;
}

.cb-franchise__bizmodel-table-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0 0 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    line-height: 1.2;
}

.cb-franchise__bizmodel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--camels-primary-5);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    flex-shrink: 0;
}

.cb-franchise__bizmodel-icon i {
    font-size: 18px;
    color: var(--camels-accent);
}

/* --- Tables --- */
.cb-franchise__bm-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

.cb-franchise__bm-table th,
.cb-franchise__bm-table td {
    padding: 20px 30px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    color: var(--camels-black);
    vertical-align: middle;
}

.cb-franchise__bm-table th:first-child {
    border-radius: 20px 0 0 0 ;
}

.cb-franchise__bm-table th:last-child {
    border-radius: 0 20px 0 0 ;
}

.cb-franchise__bm-table th:last-child,
.cb-franchise__bm-table td:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.cb-franchise__bm-table tr:last-child th,
.cb-franchise__bm-table tr:last-child td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/* Corner radius */
.cb-franchise__bm-table tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}
.cb-franchise__bm-table tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

/* Header row */
.cb-franchise__bm-table thead th {
    background: var(--camels-primary-5);
    font-weight: 500;
    height: 60px;
}

/* Data rows */
.cb-franchise__bm-table tbody td {
    height: 80px;
}

/* 3-column layout — first column wider */
.cb-franchise__bm-table--3col td:first-child,
.cb-franchise__bm-table--3col th:first-child {
    width: 55%;
}

/* 2-column expenses — first column wider */
.cb-franchise__bm-table--2col-wide td:first-child,
.cb-franchise__bm-table--2col-wide th:first-child {
    width: 65%;
}

/* Value cell with color indicator */
.cb-franchise__bm-val {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

/* Color indicator dots */
.cb-franchise__bm-dot {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    flex-shrink: 0;
}

.cb-franchise__bm-dot--orange {
    background: #ff7723;
    box-shadow: 0 10px 14px rgba(251, 149, 26, 0.2);
}
.cb-franchise__bm-dot--blue {
    background: #0263ff;
    box-shadow: 0 10px 14px rgba(88, 143, 218, 0.2);
}
.cb-franchise__bm-dot--red {
    background: #b62d2d;
    box-shadow: 0 10px 14px rgba(141, 19, 19, 0.2);
}
.cb-franchise__bm-dot--yellow {
    background: #ebab27;
    box-shadow: 0 10px 14px rgba(225, 55, 55, 0.2);
}
.cb-franchise__bm-dot--teal {
    background: #65b7c6;
    box-shadow: 0 10px 14px rgba(101, 183, 198, 0.18);
}
.cb-franchise__bm-dot--green {
    background: var(--camels-green-profit);
    box-shadow: 0 10px 14px rgba(43, 168, 16, 0.2);
}
.cb-franchise__bm-dot--dark {
    background: linear-gradient(to bottom, var(--camels-dark-grad-start), var(--camels-dark-blue-deep));
    box-shadow: 0 10px 14px rgba(88, 143, 218, 0.2);
}

/* Small text in table cells */
.cb-franchise__bm-table small {
    display: block;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--camels-text);
    margin-top: 8px;
    line-height: 1.4;
}

/* Gold-bordered total wrapper */
.cb-franchise__bm-total-wrap {
    border-left: 3px solid #ebab27;
    border-bottom: 3px solid #ebab27;
    border-right: 1px solid #ebab27;
    border-top: 1px solid #ebab27;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    margin-top: 24px;
}

.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:first-child th:first-child,
.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:first-child td:first-child {
    border-top-left-radius: 0;
}
.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:first-child th:last-child,
.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:first-child td:last-child {
    border-top-right-radius: 0;
}
.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:last-child td:first-child {
    border-bottom-left-radius: 0;
}
.cb-franchise__bm-total-wrap .cb-franchise__bm-table tr:last-child td:last-child {
    border-bottom-right-radius: 0;
}

/* 24 months profit block */
.cb-franchise__bm24-header {
    margin-bottom: 20px;
}

.cb-franchise__bizmodel-table-title--bm24 {
    margin-bottom: 0;
}

.cb-franchise__bizmodel-icon--image img {
    display: block;
    width: 24px;
    height: 24px;
}

.cb-franchise__bm24-summary {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 14px;
    margin-bottom: 18px;
}

.cb-franchise__bm24-card {
    min-width: 0;
    width: 100%;
    min-height: 62px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 12px 8px 17px;
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    box-sizing: border-box;
}

.cb-franchise__bm24-card--total {
    border-top: 1px solid #ebab27;
    border-right: 1px solid #ebab27;
    border-bottom: 3px solid #ebab27;
    border-left: 3px solid #ebab27;
    padding-left: 13px;
    padding-right: 14px;
}

.cb-franchise__bm24-card-text {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--camels-text);
    white-space: normal;
    overflow-wrap: anywhere;
    min-width: 0;
}

.cb-franchise__bm24-card-text--total {
    flex: 1;
    text-align: center;
}

.cb-franchise__bm24-year-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(to bottom, var(--camels-dark-grad-start), var(--camels-text));
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    flex-shrink: 0;
}

.cb-franchise__bm24-year-badge img {
    display: block;
    width: 16px;
    height: 18px;
}

.cb-franchise__bm24-total-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 38px;
    flex-shrink: 0;
}

.cb-franchise__bm24-total-icon img {
    display: block;
    width: 42px;
    height: 38px;
    object-fit: contain;
}

.cb-franchise__bm24-total-dot {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: #ebab27;
    box-shadow: 0 10px 14px rgba(225, 55, 55, 0.2);
    flex-shrink: 0;
}

.cb-franchise__bm24-scene {
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.cb-franchise__bm24-scene-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.cb-franchise__bm24-scene-label {
    position: absolute;
    left: 50px;
    top: 340px;
    min-width: 247px;
    height: 75px;
    padding: 18px 22px;
    display: inline-flex;
    align-items: center;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

.cb-franchise__bm24-scene-label2 {
    position: absolute;
    left: 15%;
}

.cb-franchise__section-cta--bm24 {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

.cb-franchise__bm24-primary-btn,
.cb-franchise__bm24-secondary-btn {
    width: 349px;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.cb-franchise__bm24-secondary-btn {
    width: 400px;
    gap: 6px;
    color: rgba(33, 46, 68, 0.7);
    border-color: #43597e;
    background: #fbfbfb;
}

.cb-franchise__bm24-secondary-btn:hover {
    color: var(--camels-black);
    border-color: #43597e;
    background: #f4f5f6;
}

/* ===== 7.5 INVEST CARD ===== */
.cb-franchise__invest {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 30px;
    min-height: 480px;
}

.cb-franchise__invest-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.cb-franchise__invest-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.cb-franchise__invest-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.15) 55%, rgba(255, 255, 255, 0) 70%);
}

.cb-franchise__invest-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    padding: 20px;
    gap: 0;
    min-height: 480px;
}

.cb-franchise__invest-data {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 30px 0 0 30px;
    padding: 40px 40px 30px 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.cb-franchise__invest-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
}

.cb-franchise__invest-divider {
    border: none;
    border-top: 1px solid var(--camels-border-gray);
    margin: 0;
}

.cb-franchise__invest-cols {
    display: flex;
    gap: 45px;
}

.cb-franchise__invest-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cb-franchise__invest-col:first-child {
    width: 285px;
    flex-shrink: 0;
    gap: 48px;
}

.cb-franchise__invest-col:last-child {
    flex: 1;
}

.cb-franchise__invest-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-franchise__invest-label {
    font-size: var(--fs-description-alt);
    font-weight: 500;
    color: var(--camels-black);
}

.cb-franchise__invest-value {
    font-size: var(--fs-description);
    font-weight: 800;
    color: var(--camels-black);
    line-height: 1;
}

.cb-franchise__invest-payback {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-gray);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-franchise__invest-payback-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--camels-text);
    margin: 0;
}

.cb-franchise__invest-payback-text {
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
    margin: 0;
}

.cb-franchise__invest-note {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--camels-primary-5);
    border-radius: 14px;
    padding: 16px 12px;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-text-strong);
}

.cb-franchise__invest-note i {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: var(--camels-surface-blue);
    color: var(--camels-blue-info);
    border-radius: 50%;
}

.cb-franchise__invest-rocket {
    flex-shrink: 0;
    width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px 20px 30px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 0 30px 30px 0;
}

.cb-franchise__invest-rocket-img {
    width: 100%;
    max-height: 380px;
    height: 100%;
    object-fit: contain;
    background-image: url('https://camels.expert/wp-content/themes/camels/assets/images/franchise/bg-desert.webp');
    background-position: 79% 75%;
    aspect-ratio: 436/291;
    background-size: auto;
    /* filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.15)); */
    margin: auto 0 0;
    border-radius: 20px;
}

.cb-franchise__invest-cta {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-align: center;
    margin: auto 0 0;
    background: var(--camels-accent);
    color: var(--camels-surface);
    border-color: var(--camels-accent);
}

.cb-franchise__invest-cta-chevron {
    font-size: 12px;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.cb-franchise__invest-cta[aria-expanded="true"] .cb-franchise__invest-cta-chevron {
    opacity: 0;
    transform: translateY(-2px);
    width: 0;
    margin-left: -10px;
    overflow: hidden;
}

.cb-franchise__invest-cta:hover {
    background: var(--camels-surface);
    color: var(--camels-accent);
    border-color: var(--camels-accent);
}

/* ===== 8.5 COMPANY SERVICE ===== */

.cb-franchise__company-service {
    margin-bottom: 30px;
}

.cb-franchise__company-service-card {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.92fr);
    gap: 30px;
    padding: 18px;
    border-radius: 36px;
    background: #ededee;
    box-shadow: 0 18px 40px rgba(24, 32, 47, 0.1);
    align-items: stretch;
}

.cb-franchise__company-service-content {
    display: flex;
    flex-direction: column;
    padding: 24px 22px 18px 22px;
}

.cb-franchise__company-service-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    gap: 5px;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 700;
    line-height: 1.08;
}

.cb-franchise__company-service-title-accent {
    display: block;
    color: var(--camels-accent);
}

.cb-franchise__company-service-subtitle {
    margin: 18px 0 26px;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    font-weight: 500;
    line-height: 1.35;
}

.cb-franchise__company-service-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.cb-franchise__company-service-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 42px;
    padding: 4px 10px 4px 8px;
    border: 1px solid rgba(55, 67, 87, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.18);
}

.cb-franchise__company-service-item-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.cb-franchise__company-service-icon {
    flex-shrink: 0;
    width: 36px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.35);
    color: var(--camels-muted);
    font-size: 17px;
}

.cb-franchise__company-service-text {
    color: var(--camels-black);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

.cb-franchise__company-service-flags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cb-franchise__company-service-flag-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 5px;
    border-radius: 7px;
    background: var(--camels-bg);
    cursor: pointer;
    transition: box-shadow 0.2s ease;
}

.cb-franchise__company-service-flag-pill:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.cb-franchise__company-service-flag-pill::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--camels-black);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 5;
}

.cb-franchise__company-service-flag-pill:hover::after,
.cb-franchise__company-service-flag-pill.tooltip-visible::after {
    opacity: 1;
    visibility: visible;
}

.cb-franchise__company-service-flag-pill img {
    width: 28px;
    height: 18px;
    display: block;
    border-radius: 2px;
    object-fit: cover;
}

.cb-franchise__company-service-actions {
    margin-top: 36px;
    display: flex;
    justify-content: center;
}

.cb-franchise__company-service-btn {
    min-width: 268px;
    justify-content: center;
}

.cb-franchise__company-service-media {
    min-width: 0;
    border-radius: 28px;
    overflow: hidden;
}

.cb-franchise__company-service-image {
    width: 100%;
    height: 100%;
    min-height: 470px;
    display: block;
    object-fit: cover;
}

/* ===== 8. PACKAGES TABLE (staffing-inspired) ===== */

/* Desktop table */
.cb-franchise__packages-table-wrap {
    margin-bottom: 24px;
}

.cb-franchise__table-scroll {
    overflow-x: auto;
    --webkit-overflow-scrolling: touch;
}

.cb-franchise__packages-table {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cb-franchise__pkg-row {
    display: table-row;
}

.cb-franchise__pkg-row + .cb-franchise__pkg-row .cb-franchise__pkg-cell {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-franchise__pkg-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
    color: var(--camels-black);
    background: var(--camels-surface);
    box-sizing: border-box;
}

.cb-franchise__pkg-cell--label {
    width: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    font-weight: 500;
    color: var(--camels-muted);
}

.cb-franchise__pkg-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.cb-franchise__pkg-label:has(.cb-franchise__pkg-tooltip-trigger),
.cb-franchise__pkg-mobile-label:has(.cb-franchise__pkg-tooltip-trigger) {
    cursor: help;
}

.cb-franchise__pkg-label i {
    width: 18px;
    color: var(--camels-accent);
    text-align: center;
    flex-shrink: 0;
}

.cb-franchise__pkg-tooltip-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    color: var(--camels-muted-light);
    cursor: help;
    flex-shrink: 0;
    appearance: none;
    -webkit-appearance: none;
}

.cb-franchise__pkg-tooltip-trigger i {
    width: auto;
    color: inherit;
    font-size: 13px;
}

.cb-franchise__pkg-tooltip-trigger:hover,
.cb-franchise__pkg-tooltip-trigger:focus,
.cb-franchise__pkg-tooltip-trigger:focus-visible,
.cb-franchise__pkg-label:hover .cb-franchise__pkg-tooltip-trigger,
.cb-franchise__pkg-label:focus-within .cb-franchise__pkg-tooltip-trigger,
.cb-franchise__pkg-mobile-label:hover .cb-franchise__pkg-tooltip-trigger,
.cb-franchise__pkg-mobile-label:focus-within .cb-franchise__pkg-tooltip-trigger {
    color: var(--camels-accent);
}

.cb-franchise__pkg-tooltip-trigger:focus-visible {
    outline: 2px solid rgba(246, 90, 3, 0.22);
    outline-offset: 3px;
    border-radius: 999px;
}

.cb-franchise__pkg-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    padding: 9px 13px;
    border-radius: 10px;
    background: var(--camels-black);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.45;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    pointer-events: none;
    z-index: 20;
}

.cb-franchise__pkg-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--camels-black);
}

.cb-franchise__pkg-tooltip-trigger:hover .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-tooltip-trigger:focus .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-tooltip-trigger:focus-visible .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-label:hover .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-label:focus-within .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-mobile-label:hover .cb-franchise__pkg-tooltip,
.cb-franchise__pkg-mobile-label:focus-within .cb-franchise__pkg-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.cb-franchise__pkg-row--head .cb-franchise__pkg-cell {
    background: var(--camels-surface-tab);
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    letter-spacing: 0.02em;
    padding: 20px 22px;
}

.cb-franchise__pkg-cell--city,
.cb-franchise__pkg-cell--country,
.cb-franchise__pkg-cell--multi {
    text-align: center;
    font-weight: 500;
}

.cb-franchise__pkg-row:not(.cb-franchise__pkg-row--head) .cb-franchise__pkg-cell:not(.cb-franchise__pkg-cell--label) {
    text-align: center;
}

.cb-franchise__pkg-row--actions .cb-franchise__pkg-cell {
    background: var(--camels-surface-tab);
}

.cb-franchise__pkg-action-btn {
    width: fit-content;
    justify-content: center;
    min-height: 52px;
    padding: 14px 18px;
}

.cb-franchise__pkg-cell strong {
    color: var(--camels-accent);
    font-weight: 700;
}

/* Mobile packages - hidden on desktop */
.cb-franchise__packages-mobile {
    display: none;
}

/* Mobile tabs */
.cb-franchise__pkg-mobile-tabs {
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.cb-franchise__pkg-mobile-tab {
    flex: 1;
    min-width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    border-radius: 50px;
    border: 1.5px solid var(--camels-border-tab);
    background: var(--camels-surface);
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    cursor: pointer;
    transition: all 0.22s ease;
    position: relative;
}

.cb-franchise__pkg-mobile-tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.05);
    color: var(--camels-accent);
}

.cb-franchise__pkg-mobile-tab--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
}

.cb-franchise__pkg-mobile-tab--active:hover {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
}

.cb-franchise__pkg-mobile-tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

/* Mobile panels */
.cb-franchise__pkg-mobile-panel {
    display: none;
}

.cb-franchise__pkg-mobile-panel--active {
    display: block;
}

.cb-franchise__pkg-mobile-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0 0 16px;
    text-align: center;
}

.cb-franchise__pkg-mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.cb-franchise__pkg-mobile-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-muted);
}

.cb-franchise__pkg-mobile-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.cb-franchise__pkg-mobile-label i {
    width: 18px;
    color: var(--camels-accent);
    text-align: center;
    flex-shrink: 0;
}

.cb-franchise__pkg-mobile-list li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-franchise__pkg-mobile-list li strong {
    color: var(--camels-black);
    font-weight: 600;
    text-align: right;
}

.cb-franchise__pkg-mobile-action {
    margin-top: 16px;
}

.cb-franchise__pkg-mobile-action .cb-franchise__pkg-action-btn {
    width: fit-content;
    display: flex;
    margin: 0 auto;
}

.cb-franchise__packages-note {
    font-size: var(--fs-card-desc);
    color: var(--camels-muted);
    text-align: center;
    font-style: italic;
    margin: 24px 0 0;
}

/* ===== 9. SYSTEM ===== */
.cb-franchise__system-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.cb-franchise__system-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
    transition: box-shadow 0.22s ease;
}

.cb-franchise__system-card:hover {
    box-shadow: var(--camels-shadow);
}

.cb-franchise__system-card i {
    font-size: 20px;
    color: var(--camels-accent);
    width: 24px;
    text-align: center;
    flex-shrink: 0;
}

.cb-franchise__system-card span {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

/* ===== 10. TRUST ===== */
.cb-franchise__trust-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.cb-franchise__trust-card {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 16px;
    padding: 28px 24px;
    transition: box-shadow 0.22s ease;
    width: 100%;
    display: grid;
    grid-template-columns: 40px 1fr;
    column-gap: 14px;
    row-gap: 10px;
    align-items: start;
}

.cb-franchise__trust-card:hover {
    box-shadow: var(--camels-shadow);
}

.cb-franchise__trust-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 0;
    font-size: 20px;
    color: var(--camels-accent);
    background: var(--camels-primary-5);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.cb-franchise__trust-card h4 {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
    align-self: center;
}

.cb-franchise__trust-card p {
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.5;
    grid-column: 1 / -1;
}

.cb-franchise__advantages-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 24px;
    align-items: stretch;
}

.cb-franchise__advantages-media {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    min-height: 100%;
    background: linear-gradient(180deg, rgba(246, 246, 246, 0.7) 0%, rgba(235, 250, 231, 0.85) 100%);
    box-shadow: var(--camels-shadow-light);
}

.cb-franchise__advantages-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
}

.cb-franchise__trust-grid--advantages {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 0;
}

.cb-franchise__trust-card--advantage {
    min-height: 100%;
    padding: 24px 22px;
    row-gap: 12px;
}

.cb-franchise__trust-card--advantage .cb-franchise__trust-icon {
    background: var(--camels-primary-5);
    border-color: rgba(246, 90, 3, 0.12);
}

.cb-franchise__trust-card--advantage h4 {
    line-height: 1.35;
}

.cb-franchise__trust-card--advantage p {
    font-size: var(--fs-card-title);
    line-height: 1.6;
    color: var(--camels-text-strong);
}

/* ===== 12. FINAL CTA + FORM ===== */
.cb-franchise__final-cta-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-franchise__final-inner {    
    margin: 0 auto;
    text-align: center;
}

.cb-franchise__form {
    text-align: left;
    margin-top: 32px;
}

.cb-franchise__form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.cb-franchise__form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cb-franchise__form-group--full {
    grid-column: 1 / -1;
}

.cb-franchise__form-group label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-desc);
    color: rgba(255, 255, 255, 0.85);
}

.cb-franchise__required {
    color: var(--camels-accent);
}

.cb-franchise__form-group input,
.cb-franchise__form-group select,
.cb-franchise__form-group textarea {
    padding: 12px 16px;
    border-radius: 12px;
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    transition: border-color 0.22s ease, background 0.22s ease;
}

.cb-franchise__form-group input::placeholder,
.cb-franchise__form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.cb-franchise__form-group input:focus,
.cb-franchise__form-group select:focus,
.cb-franchise__form-group textarea:focus {
    outline: none;
    border-color: var(--camels-accent);
    background: rgba(255, 255, 255, 0.12);
}

.cb-franchise__form-group select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='rgba(255,255,255,0.5)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

.cb-franchise__form-group select option {
    background: var(--camels-dark-card);
    color: #fff;
}

.cb-franchise__form-group textarea {
    resize: vertical;
    min-height: 80px;
}

.cb-franchise__form-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-franchise__form-message {
    margin-top: 16px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: var(--fs-card-desc);
    text-align: center;
}

.cb-franchise__form-message--success {
    background: rgba(67, 187, 90, 0.15);
    color: var(--camels-green);
    border: 1px solid rgba(67, 187, 90, 0.3);
}

.cb-franchise__form-message--error {
    background: rgba(246, 90, 3, 0.15);
    color: var(--camels-accent);
    border: 1px solid rgba(246, 90, 3, 0.3);
}

/* ===== HERO VIDEO (Rectangle 19) ===== */
.cb-franchise__hero-video {
    position: relative;
    max-width: 1280px;
    margin: 40px auto 0;
    border-radius: 24px;
    overflow: hidden;
}

.cb-franchise__hero-video-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    object-fit: cover;
}

.cb-franchise__hero-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    background: var(--camels-accent);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(246, 90, 3, 0.35);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.cb-franchise__hero-video-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 12px 40px rgba(246, 90, 3, 0.45);
}

.cb-franchise__hero-video-play i {
    margin-left: 3px;
}

/* ===== CHAIN ITEM ICONS ===== */
.cb-franchise__chain-item i {
    color: var(--camels-accent);
    font-size: var(--fs-card-title);
    margin-right: 2px;
}

/* ===== FRANCHISE MODAL ===== */
.cb-franchise__modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;

    /* WPForms CSS custom properties */
    --wpforms-button-background-color: var(--camels-accent);
    --wpforms-button-border-radius: 14px;
    --wpforms-button-border-style: none;
    --wpforms-button-border-size: 0;
    --wpforms-button-text-color: #ffffff;
    --wpforms-button-size-font-size: 15px;
    --wpforms-button-size-height: 52px;
    --wpforms-button-size-padding-h: 32px;
    --wpforms-button-size-margin-top: 8px;
    --wpforms-field-border-radius: 14px;
    --wpforms-field-border-style: solid;
    --wpforms-field-border-size: 1.5px;
    --wpforms-field-border-color: #e2e5eb;
    --wpforms-field-background-color: #f8f9fb;
    --wpforms-field-text-color: #222754;
    --wpforms-field-size-font-size: 14px;
    --wpforms-field-size-input-height: 50px;
    --wpforms-field-size-padding-h: 18px;
    --wpforms-label-color: #222754;
    --wpforms-label-size-font-size: 14px;
    --wpforms-label-error-color: var(--camels-accent);
    --wpforms-label-sublabel-color: #a0a4b8;
    --wpforms-container-padding: 0;
}

.cb-franchise__modal[hidden] {
    display: none;
}

.cb-franchise__modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

/* Container (replaces old modal-content) */
.cb-franchise__modal-container {
    position: relative;
    width: 94%;
    max-width: 1366px;
    max-height: 92vh;
    overflow: hidden;
    background: var(--camels-surface);
    border-radius: 24px;
    padding: 0;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(30px) scale(0.96);
    transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}

.cb-franchise__modal:not([hidden]) .cb-franchise__modal-container {
    transform: translateY(0) scale(1);
}

.cb-franchise__modal-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 1px solid transparent;
    background: var(--camels-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--camels-surface);
    font-size: 18px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease;
    z-index: 99;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.cb-franchise__modal-close:hover {
    background: transparent;
    color: var(--camels-accent);
    transform: rotate(90deg);
    border: 1px solid var(--camels-accent);
}

/* ---- Two-column layout ---- */
.cb-franchise__modal-layout {
    display: flex;
    min-height: 580px;
}

/* Left visual side */
.cb-franchise__modal-visual {
    flex: 0 0 38%;
    max-width: 30%;
    background: linear-gradient(180deg,
        #ffffff 0%,
        #f8f4f0 12%,
        #e8d9c8 22%,
        #9A5A14 44%,
        #3d1800 52%,
        #1a0800 65%,
        #000000 80%);
    background-color: #000;
    border-radius: 24px 0 0 24px;
    padding: 80px 20px 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cb-franchise__modal-visual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.35) 0%,
        rgba(255, 255, 255, 0.08) 50%,
        transparent 100%);
    pointer-events: none;
    z-index: 0;
}

.cb-franchise__modal-visual::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 180%;
    height: 55%;
    background: radial-gradient(ellipse 50% 60% at 50% 20%,
        rgba(246, 90, 3, 0.35) 0%,
        rgba(200, 50, 0, 0.15) 40%,
        transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.cb-franchise__modal-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    color: var(--camels-surface);
    border-radius: 10px;
    background: #000000b3;
    padding: 10px 15px;
    justify-content: center;
    margin: 0 0 16px;
    display: flex;
    line-height: 1.15;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
}

.cb-franchise__modal-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 400;
    color: var(--camels-surface);
    background: #000000b3;
    padding: 10px 15px;
    border-radius: 10px;
    line-height: 1.5;
    margin: 0 0 auto;
    position: relative;
    z-index: 1;
}

/* Image wrapper */
.cb-franchise__modal-img-wrap {
    margin-top: 200px;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.cb-franchise__modal-img {
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 8px 24px rgba(246, 90, 3, 0.3));
}

/* Fire effect */
.cb-franchise__modal-fire {
    position: relative;
    z-index: 1;
    width: 100%;
    flex: 0 0 auto;
    min-height: 84px;
    margin-top: -100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}

/* Right form side */
.cb-franchise__modal-form-side {
    flex: 1;
    padding: 40px 40px 36px;
    overflow-y: auto;
    max-height: 92vh;
}

/* ===== FRANCHISE MULTI-STEP FORM ===== */

/* --- Package display at top of modal --- */
.cb-franchise__modal-pkg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    margin-bottom: 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.08) 0%, rgba(246, 90, 3, 0.03) 100%);
    border: 1.5px solid rgba(246, 90, 3, 0.18);
}

.cb-franchise__modal-pkg[hidden] {
    display: none;
}

.cb-franchise__modal-pkg-info {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cb-franchise__modal-pkg-label {
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}


.cb-franchise__modal-pkg-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-franchise__modal-pkg-price {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-accent);
}

.cb-franchise__modal-pkg-change {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 8px;
    border: 1px solid var(--camels-border);
    background: var(--camels-surface);
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cb-franchise__modal-pkg-change:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

/* --- Package selector (change tariff) --- */
.cb-franchise__modal-pkg-selector {
    margin-bottom: 20px;
}

.cb-franchise__modal-pkg-selector[hidden] {
    display: none;
}

.cb-franchise__modal-pkg-selector-label {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-text-strong);
    margin-bottom: 10px;
}

.cb-franchise__modal-pkg-options {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.cb-franchise__modal-pkg-opt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 12px 10px;
    border-radius: 12px;
    border: 1.5px solid var(--camels-border-tab);
    background: var(--camels-surface);
    cursor: pointer;
    transition: all 0.22s ease;
}

.cb-franchise__modal-pkg-opt:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.04);
}

.cb-franchise__modal-pkg-opt--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
}

.cb-franchise__modal-pkg-opt--active:hover {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
}

.cb-franchise__modal-pkg-opt-name {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-desc);
    line-height: 1.3;
    text-align: center;
}

.cb-franchise__modal-pkg-opt-price {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
}

.cb-franchise__modal-pkg-opt--active .cb-franchise__modal-pkg-opt-name,
.cb-franchise__modal-pkg-opt--active .cb-franchise__modal-pkg-opt-price {
    color: #fff;
}

/* --- Progress bar --- */
.cb-franchise__form-progress {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 24px;
}

.cb-franchise__form-progress-step {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.cb-franchise__form-progress-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 13px;
    background: var(--camels-primary-5);
    color: var(--camels-muted);
    border: 1.5px solid var(--camels-border);
    transition: all 0.3s ease;
}

.cb-franchise__form-progress-text {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-desc);
    color: var(--camels-muted);
    transition: color 0.3s ease;
}

.cb-franchise__form-progress-step--active .cb-franchise__form-progress-num {
    background: var(--camels-accent);
    color: #fff;
    border-color: var(--camels-accent);
}

.cb-franchise__form-progress-step--active .cb-franchise__form-progress-text {
    color: var(--camels-black);
    font-weight: 600;
}

.cb-franchise__form-progress-step--done .cb-franchise__form-progress-num {
    background: #36a236;
    color: #fff;
    border-color: #36a236;
}

.cb-franchise__form-progress-step--done .cb-franchise__form-progress-text {
    color: #36a236;
}

.cb-franchise__form-progress-line {
    flex: 1;
    height: 2px;
    background: var(--camels-border);
    margin: 0 12px;
}

/* --- Steps --- */
.cb-franchise__form-step[hidden] {
    display: none;
}

/* --- Radio & Checkbox groups --- */
.cb-franchise__radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.cb-franchise__radio,
.cb-franchise__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 10px;
    border: 1.5px solid var(--camels-border);
    background: var(--camels-surface-input);
    cursor: pointer;
    transition: all 0.22s ease;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-text);
    line-height: 1.35;
}

.cb-franchise__radio:hover,
.cb-franchise__checkbox:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.04);
}

.cb-franchise__radio input,
.cb-franchise__checkbox input {
    width: 16px;
    height: 16px;
    accent-color: var(--camels-accent);
    flex-shrink: 0;
    margin: 0;
}

.cb-franchise__radio:has(input:checked),
.cb-franchise__checkbox:has(input:checked) {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
    font-weight: 600;
}

.cb-franchise__checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

/* --- Conditional fields block --- */
.cb-franchise__form-conditional {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    grid-column: 1 / -1;
    padding: 16px;
    border-radius: 14px;
    background: var(--camels-surface-tab);
    border: 1px solid var(--camels-border-light);
}

.cb-franchise__form-conditional[hidden] {
    display: none;
}

/* --- Searchable select (country picker) --- */
.cb-franchise__select {
    position: relative;
    width: 100%;
    margin-top: 4px;
}

.cb-franchise__select-btn {
    width: 100%;
    min-height: 44px;
    padding: 10px 40px 10px 14px;
    border: 1.5px solid var(--camels-border);
    border-radius: 12px;
    background: var(--camels-surface-input);
    color: var(--camels-muted-light);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.cb-franchise__select-btn:hover {
    border-color: var(--camels-border-hover);
}

.cb-franchise__select.is-open .cb-franchise__select-btn {
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1);
}

.cb-franchise__select.is-filled .cb-franchise__select-btn {
    color: var(--camels-text);
}

.cb-franchise__select-value {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cb-franchise__select-value img {
    width: 22px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

.cb-franchise__select-arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--camels-muted-light);
    font-size: 12px;
    pointer-events: none;
    transition: transform 0.22s ease;
}

.cb-franchise__select.is-open .cb-franchise__select-arrow {
    transform: translateY(-50%) rotate(180deg);
}

.cb-franchise__select-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    z-index: 100;
}

.cb-franchise__select-dropdown[hidden] {
    display: none;
}

.cb-franchise__select-search-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--camels-border-light);
}

.cb-franchise__select-search-wrap i {
    flex-shrink: 0;
    color: var(--camels-muted-light);
    font-size: 13px;
}

.cb-franchise__select-search {
    width: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
}

.cb-franchise__select-list {
    max-height: 220px;
    padding: 6px;
    overflow-y: auto;
}

.cb-franchise__select-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.cb-franchise__select-item:hover {
    background: var(--camels-surface-warm);
}

.cb-franchise__select-item.is-active {
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
    font-weight: 600;
}

.cb-franchise__select-item img {
    width: 22px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
    flex-shrink: 0;
}

.cb-franchise__select-empty {
    padding: 12px;
    text-align: center;
    color: var(--camels-muted-light);
    font-size: 13px;
}

/* --- Validation states (same as cb-field-required / cb-field-valid) --- */
.cb-franchise__form-field {
    position: relative;
}

.cb-franchise__form-field.cb-field-required input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.cb-franchise__form-field.cb-field-required textarea,
.cb-franchise__form-field.cb-field-required select {
    border-color: #ff1f00;
}

.cb-franchise__form-field.cb-field-required .cb-franchise__select-btn {
    border-color: #ff1f00;
}

.cb-franchise__form-field.cb-field-required .cb-franchise__radio-group,
.cb-franchise__form-field.cb-field-required .cb-franchise__checkbox-group {
    padding: 4px;
    border-radius: 12px;
    outline: 1.5px solid #ff1f00;
    outline-offset: 2px;
}

.cb-franchise__form-field.cb-field-required::after {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

.cb-franchise__form-field.cb-field-valid input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.cb-franchise__form-field.cb-field-valid textarea,
.cb-franchise__form-field.cb-field-valid select {
    border-color: #36a236;
}

.cb-franchise__form-field.cb-field-valid .cb-franchise__select-btn {
    border-color: #43bb5a;
}

.cb-franchise__form-field.cb-field-valid .cb-franchise__radio-group,
.cb-franchise__form-field.cb-field-valid .cb-franchise__checkbox-group {
    padding: 0;
    outline: none;
}

.cb-franchise__form-field.cb-field-valid::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

.cb-franchise__form-field:not(.cb-field-required):not(.cb-field-valid)::after {
    display: none;
}

/* --- Actions split (back + submit) --- */
.cb-franchise__form-actions--split {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.cb-franchise__btn--back {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border-radius: 12px;
    border: 1.5px solid var(--camels-border);
    background: transparent;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    cursor: pointer;
    transition: all 0.22s ease;
}

.cb-franchise__btn--back:hover {
    border-color: var(--camels-text);
    background: var(--camels-primary-5);
}

.cb-franchise__btn--next {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cb-franchise__btn--next i {
    margin-left: 4px;
}

/* --- WPForms inside Franchise Modal --- */
.cb-franchise__modal .wpforms-form {
    --wpforms-label-size-font-size: 14px;
    --wpforms-label-size-line-height: 18px;
    --wpforms-field-size-font-size: 14px;
    --wpforms-field-size-input-height: 50px;
    --wpforms-field-size-padding-h: 18px;
    --wpforms-button-size-font-size: 15px;
    --wpforms-button-size-height: 52px;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field {
    margin-bottom: 0;
    padding: 6px 0;
    position: relative;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: #374357;
    margin: 0 0 8px;
    letter-spacing: 0.01em;
}

.cb-franchise__modal .wpforms-container .wpforms-field-required {
    color: var(--camels-black);
    font-weight: 700;
}

/* All fields need position:relative for badge positioning */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field {
    position: relative;
    --cb-field-warning-top: 20px;
    --cb-field-warning-right: -2px;
    --cb-field-indicator-top: 20px;
    --cb-field-indicator-right: -2px;
}

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio fieldset,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox fieldset {
        position: relative;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 100%;
    }

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio legend,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox legend {
        position: relative;
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        padding-right: 34px;
    }

/* Classic select dropdown arrow (field 25) */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-select-style-classic {
    --cb-franchise-select-arrow-right: 10px;
}

#wpforms-131-field_25 {
    min-width: 100%;
}

.wpforms-pagebreak-left {
    align-items: baseline;
}

#wpforms-submit-131 {
    display: block;
    margin: 0 auto;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-select-style-classic .cb-select-arrow {
    position: absolute;
    top: 65%;
    right: var(--cb-franchise-select-arrow-right);
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: #697384;
    pointer-events: none;
    z-index: 1;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-select-style-classic .cb-select-arrow i {
    font-size: 12px;
    line-height: 1;
    transition: transform 0.22s ease;
    transform-origin: center;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-select-style-classic select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 36px;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input[type="text"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input[type="email"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input[type="tel"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input[type="url"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input[type="number"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field textarea,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field select {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 14px;
    background: #f8f9fb;
    border: 1.5px solid #e2e5eb;
    border-radius: 14px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input:hover,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field textarea:hover,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field select:hover {
    border-color: #c5c9d4;
    background: #fff;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input:focus,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field textarea:focus,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field select:focus {
    border-color: var(--camels-accent) !important;
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1) !important;
    background: #fff;
}

/* WPForms radio / checkbox inside franchise modal */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio ul,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Radio/checkbox — card on <li>, input + label inside */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li {
    margin: 0;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    border: 1.5px solid var(--camels-border);
    background: var(--camels-surface-input);
    cursor: pointer;
    transition: all 0.22s ease;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li label,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li label {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    cursor: pointer;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-text);
    line-height: 1.35;
    font-weight: 500;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li:hover,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.04);
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li:has(input:checked),
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li:has(input:checked) {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.08);
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li:has(input:checked) label,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li:has(input:checked) label {
    color: var(--camels-accent);
    font-weight: 600;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio li input[type="radio"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox li input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--camels-accent);
    flex-shrink: 0;
    margin: 0;
}

/* WPForms page break / progress bar */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-page-indicator {
    margin-bottom: 20px;
}

/* WPForms submit button */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-submit-container {
    padding-top: 8px;
}

.cb-franchise__modal .wpforms-container .wpforms-form button[type="submit"],
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-page-button {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    border-radius: 14px;
    transition: all 0.3s ease;
}

/* Validation badges — border states */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required textarea,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required select {
    border-color: #ff1f00;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]),
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid textarea,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid select {
    border-color: #36a236;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required .clp-select__btn {
    border-color: #ff1f00;
    color: #ff1f00;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid .clp-select__btn {
    border-color: #36a236;
    background: #fff;
}

/* Validation badges — radio/checkbox highlight */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-required ul,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-required ul {
    padding: 4px;
    border-radius: 12px;
    outline: 1.5px solid #ff1f00;
    outline-offset: 2px;
}

.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-valid ul,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-valid ul {
    padding: 0;
    outline: none;
}

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-required::after,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-required::after,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-valid::after,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-valid::after {
        display: none;
    }

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-required legend::after,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-required legend::after {
        content: '\f071';
        font-family: 'Font Awesome 7 Free';
        font-weight: 900;
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 25px;
        height: 26px;
        color: #ff1f00;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 2;
    }

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-radio.cb-field-valid legend::after,
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-checkbox.cb-field-valid legend::after {
        content: '\f00c';
        font-family: 'Font Awesome 7 Free';
        font-weight: 900;
        font-size: 9px;
        position: absolute;
        top: 50%;
        right: 2px;
        transform: translateY(-50%);
        width: 20px;
        height: 20px;
        background: #36a236;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        z-index: 2;
        box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
    }

/* Warning triangle badge (required empty field) */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required:not(.wpforms-field-radio):not(.wpforms-field-checkbox)::after {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: var(--cb-field-warning-top);
    right: var(--cb-field-warning-right);
    width: 25px;
    height: 26px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

/* Green checkmark badge (valid filled field) */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid:not(.wpforms-field-radio):not(.wpforms-field-checkbox)::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: var(--cb-field-indicator-top);
    right: var(--cb-field-indicator-right);
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

/* Neutral state — no badge */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field:not(.cb-field-required):not(.cb-field-valid)::after {
    display: none;
}

/* WPForms native error state */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field input.wpforms-error,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field textarea.wpforms-error,
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field select.wpforms-error {
    border-color: #ff1f00;
    box-shadow: 0 0 0 3px rgba(255, 31, 0, 0.12);
    background: #fffaf7;
}

/* Hidden fields — ensure completely invisible */
.cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-hidden {
    display: none !important;
}

/* ===== FRANCHISE MODAL RESPONSIVE ===== */

@media (max-width: 900px) {
    .cb-franchise__modal-layout {
        flex-direction: column;
        min-height: auto;
    }
    .cb-franchise__modal-visual {
        flex: none;
        max-width: 100%;
        border-radius: 24px 24px 0 0;
        padding: 30px 74px 10px 30px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        background: var(--camels-border-hover);
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .cb-franchise__modal-visual::after {
        background: none;
    }
    .cb-franchise__modal-fire {
        display: none;
    }
    .cb-franchise__modal-img-wrap {
        display: none;
    }
    .cb-franchise__modal-title {
        font-size: 1.35rem;
        background: var(--camels-surface);
        color: var(--camels-black);
    }
    .cb-franchise__modal-subtitle {
        font-size: 0.82rem;
        color: var(--camels-black);
        background: var(--camels-surface);
    }
    .cb-franchise__modal-form-side {
        padding: 28px 24px 24px;
        height: auto;
        background: var(--camels-surface);
        overflow-y: visible;
        max-height: none;
    }
    .cb-franchise__modal-container {
        max-height: 95vh;
        overflow-y: auto;
        background: var(--camels-surface);
    }
    .cb-franchise__modal .wpforms-container .wpforms-submit-container .wpforms-submit {
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 600px) {
    .cb-franchise__modal-container {
        width: 97%;
        border-radius: 18px;
        height: auto;
        max-height: 95vh;
        overflow-y: auto;
        background: var(--camels-surface);
    }
    .cb-franchise__modal-visual {
        border-radius: 18px 18px 0 0;
        padding: 24px 20px 18px;
        gap: 16px;
        flex-direction: column;
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .cb-franchise__modal-title {
        font-size: 1.15rem;
        margin: 0;
    }
    .cb-franchise__modal-subtitle {
        font-size: 0.78rem;
    }
    .cb-franchise__modal-form-side {
        padding: 20px 16px 50px;
    }
    .cb-franchise__modal-close {
        position: sticky;
        top: 12px;
        width: 36px;
        height: 36px;
        font-size: 15px;
        margin-left: auto;
        margin-right: 12px;
        margin-bottom: -36px;
        z-index: 20;
    }
    .cb-franchise__modal-pkg-options {
        grid-template-columns: 1fr;
    }
    .cb-franchise__modal .wpforms-field-layout .wpforms-layout-row {
        flex-direction: column;
        gap: 0;
    }
    .cb-franchise__modal .wpforms-field-layout .wpforms-layout-column {
        width: 100% !important;
        flex: none !important;
    }
    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-submit-container {
        text-align: center;
    }
}

/* ===== FRANCHISE RESPONSIVE ===== */

@media (max-width: 1279px) {
    .cb-franchise__hero-inner {
        gap: 32px;
    }

    .cb-franchise__advantages-layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
        gap: 20px;
    }

    .cb-franchise__trust-grid--advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

    .cb-franchise__give-inner {
        padding: 50px 40px;
    }

    .cb-franchise__give-image {
        width: 400px;
    }

    .cb-franchise__intro-card {
        padding: 24px;
        border-radius: 26px;
    }

    .cb-franchise__intro-card-title {
        font-size: clamp(1.15rem, 1rem + 0.35vw, 1.55rem);
    }

    .cb-franchise__intro-pricing-row {
        gap: 12px;
        padding: 12px 14px;
    }

    .cb-franchise__give-cards {
        width: auto;
        max-width: none;
        flex: 1;
    }

    .cb-franchise__quickstart {
        padding: 0 60px;
    }

    .cb-franchise__leader-inner {
        padding: 50px 40px;
    }

    .cb-franchise__leader-cards {
        width: auto;
        flex: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-franchise__leader-image {
        flex-basis: 46%;
        width: 46%;
        height: auto;
        min-height: 524px;
    }

    .cb-franchise__leader-biker {
        width: 48%;
        height: auto;
        right: 40px;
        top: 60px;
    }

    .cb-franchise__bm24-summary {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .cb-franchise__bm24-card--total {
        grid-column: 1 / -1;
    }

    .cb-franchise__bm24-scene-label {
        left: 32px;
        top: 220px;
    }

    .cb-franchise__invest-inner {
        padding: 16px;
    }

    .cb-franchise__invest-data {
        padding: 30px;
    }

    .cb-franchise__invest-title {
        font-size: 28px;
    }

    .cb-franchise__invest-value {
        font-size: 40px;
    }

    .cb-franchise__invest-label {
        font-size: 20px;
    }

    .cb-franchise__invest-rocket {
        width: 300px;
    }

    .cb-franchise__company-service-card {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.82fr);
        gap: 24px;
        padding: 16px;
        border-radius: 30px;
    }

    .cb-franchise__company-service-content {
        padding: 18px 16px 14px;
    }

    .cb-franchise__company-service-title {
        font-size: clamp(1.9rem, 1.55rem + 1vw, 2.45rem);
        line-height: 1.1;
    }

    .cb-franchise__company-service-subtitle {
        margin: 16px 0 22px;
    }

    .cb-franchise__company-service-item {
        gap: 12px;
        padding-right: 12px;
    }

    .cb-franchise__company-service-flags {
        gap: 6px;
    }

    .cb-franchise__company-service-image {
        min-height: 420px;
    }
}

@media (max-width: 991px) {
    .cb-franchise__hero-inner {
        gap: 32px;
    }

    .cb-franchise__advantages-layout {
        grid-template-columns: 1fr;
    }

    .cb-franchise__advantages-media {
        min-height: 320px;
        order: 2;
    }

    .cb-franchise__scheme-flow {
        flex-wrap: wrap;
        justify-content: center;
    }

    .cb-franchise__scheme-break {
        display: block;
        flex-basis: 100%;
        width: 100%;
        height: 0;
    }

    .cb-franchise__scheme-arrow {
        padding: 0 4px;
    }

    .cb-franchise__scheme-arrow--mobile-duplicate {
        display: flex;
        align-items: center;
        margin-left: 6px;
    }

    .cb-franchise__scheme-node {
        padding: 10px 16px;
        font-size: var(--fs-card-desc);
        flex: 1 1 110px;
    }

    .cb-franchise__earn {
        padding: 30px 20px;
        border-radius: 30px;
    }

    .cb-franchise__earn-cols {
        flex-direction: column;
    }

    .cb-franchise__earn-title {
        font-size: 18px;
        white-space: normal;
        text-align: center;
    }

    .cb-franchise__leader-inner {
        padding: 40px 30px;
        gap: 30px;
        margin-bottom: 0;
    }

    .cb-franchise__leader-content {
        flex-direction: column;
        gap: 20px;
    }

    .cb-franchise__leader-cards {
        width: 100%;
        flex-shrink: 1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
        gap: 16px;
    }

    .cb-franchise__leader-title {
        font-size: 26px;
    }

    .cb-franchise__leader-card {
        padding: 18px;
        border-radius: 24px;
    }

    .cb-franchise__leader-card h4 {
        font-size: 16px;
    }

    .cb-franchise__leader-card p {
        font-size: 14px;
    }

    .cb-franchise__leader-image {
        width: 100%;
        flex-basis: auto;
        min-height: 300px;
        max-height: 380px;
        border-radius: 30px;
    }

    .cb-franchise__leader-image-bg {
        border-radius: 30px;
    }

    .cb-franchise__leader-biker {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        max-width: 800px;
        height: auto;
        margin: -440px auto 0;
        display: block;
    }

    .cb-franchise__how-chain {
        gap: 8px;
        padding: 16px;
    }

    .cb-franchise__chain-item {
        font-size: 13px;
        padding: 6px 12px;
    }

    .cb-franchise__trust-grid {
        overflow-x: auto;
        --webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }

    .cb-franchise__trust-grid--advantages {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
        scroll-snap-type: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .cb-franchise__trust-card {
        min-width: 100%;
        width: 280px;
        flex-shrink: 0;
        scroll-snap-align: start;
    }

    .cb-franchise__trust-card--advantage {
        min-width: 0;
        width: 100%;
        flex-shrink: 1;
        scroll-snap-align: unset;
    }

    .cb-franchise__swipe-hint {
        display: flex;
        opacity: 1;
    }

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

    .cb-franchise__launch-steps {
        grid-template-columns: 1fr;
    }

    .cb-franchise__intro-options {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cb-franchise__intro-card {
        padding: 22px;
        gap: 16px;
    }

    .cb-franchise__section--light {
        padding: 40px 24px;
    }

    .cb-franchise__section--cta {
        padding: 40px 24px;
    }

    .cb-franchise__give {
        border-radius: 40px;
    }

    .cb-franchise__give-bg-img,
    .cb-franchise__give-bg-overlay,
    .cb-franchise__give-bg-blur {
        border-radius: 0;
    }

    .cb-franchise__give-content {
        flex-direction: column;
        align-items: center;
    }

    .cb-franchise__give-image {
        width: 100%;
        max-width: 500px;
    }

    .cb-franchise__give-cards {
        width: 100%;
        max-width: 100%;
    }

    .cb-franchise__give-card {
        width: calc(50% - 10px);
    }

    .cb-franchise__quickstart {
        padding: 40px 0;
    }

    .cb-franchise__quickstart-card {
        padding: 60px 50px 50px;
    }

    .cb-franchise__quickstart-row--single {
        max-width: 100%;
    }

    .cb-franchise__quickstart-connector {
        display: none;
    }

    .cb-franchise__quickstart-steps {
        gap: 24px;
    }

    .cb-franchise__quickstart-row {
        flex-direction: column;
        gap: 16px;
    }

    .cb-franchise__quickstart-row--reverse {
        flex-direction: column-reverse;
    }

    .cb-franchise__quickstart-step {
        flex: none;
        width: 100%;
    }

    .cb-franchise__quickstart-arrow {
        transform: rotate(90deg);
    }

    .cb-franchise__quickstart-arrow--left {
        transform: rotate(-90deg);
    }

    .cb-franchise__quickstart-bridge {
        display: block;
        transform: rotate(90deg);
        align-self: center;
    }

    .cb-franchise__bm24-card {
        height: auto;
        min-height: 62px;
    }

    .cb-franchise__bm24-card-text {
        white-space: normal;
    }

    .cb-franchise__bm24-scene-label {
        left: 24px;
        top: 180px;
        min-width: 220px;
        height: 64px;
        font-size: 24px;
    }

    .cb-franchise__how-control-grid,
    .cb-franchise__how-detail-list,
    .cb-franchise__how-flow-layout {
        grid-template-columns: 1fr;
    }

    .cb-franchise__detail-roles {
        grid-template-columns: 1fr;
    }

    .cb-franchise__detail-cards {
        flex-direction: column;
    }

    .cb-franchise__how-summary-card {
        padding: 20px 22px;
    }

    .cb-franchise__invest-cols {
        gap: 30px;
    }

    .cb-franchise__invest-col:first-child {
        width: 240px;
    }

    .cb-franchise__invest-rocket {
        width: 260px;
    }

    .cb-franchise__invest-payback-text {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .cb-franchise__section {
        padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(12vw - 63px), 180px);
    }
    .cb-franchise {
        padding: 0;
    }

    .cb-franchise__scheme-node {
        min-width: auto;
    }

    .cb-franchise__hero-top {
        border-radius: 0;
    }

    .cb-franchise__section {
        padding: 0 5px;
        border-radius: 0;
        margin: 1rem 0 2rem;
    }

    .cb-franchise__trust-grid--advantages {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cb-franchise__advantages-media {
        min-height: 240px;
        border-radius: 20px;
    }

    .cb-franchise__hero {
        padding: 0 0 24px;
    }

    .cb-franchise__hero-badge {
        left: 37%;
    }

    .cb-franchise__hero-h1 {
        font-size: clamp(1.25rem, 0.75rem + 2vw, 2rem);
    }

    .cb-franchise__hero-sub {
        font-size: 16px;
        max-width: 100%;
    }

    .cb-franchise__hero-cta {
        flex-direction: column;
    }

    .cb-franchise__hero-cta .cb-partner__btn {
        width: 100%;
        justify-content: center;
    }

    .cb-franchise__how-cta {
        flex-direction: column;
    }

    .cb-franchise__how-cta .cb-partner__btn {
        width: 100%;
        justify-content: center;
    }

    .cb-franchise__intro-options {
        gap: 14px;
    }

    .cb-franchise__intro-card {
        padding: 18px;
        border-radius: 22px;
    }

    .cb-franchise__intro-card-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .cb-franchise__intro-card-icon {
        width: 46px;
        height: 46px;
        border-radius: 14px;
        font-size: 18px;
    }

    .cb-franchise__intro-card-title {
        font-size: 22px;
    }

    .cb-franchise__intro-card-price {
        font-size: 34px;
    }

    .cb-franchise__intro-pricing-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px;
    }

    .cb-franchise__intro-pricing-row strong {
        justify-self: start;
    }

    .cb-franchise__how-control,
    .cb-franchise__how-summary-card {
        padding: 18px;
        border-radius: 16px;
    }

    .cb-franchise__how-detail-item {
        padding: 14px 16px;
    }

    .cb-franchise__how-kpi-list {
        padding-left: 16px;
    }

    .cb-franchise__how-steps {
        padding: 18px;
        border-radius: 22px;
    }

    .cb-franchise__how-steps::before {
        left: 32px;
        top: 28px;
        bottom: 28px;
    }

    .cb-franchise__how-step {
        gap: 14px;
        padding: 18px 18px 18px 20px;
        border-radius: 18px;
    }

    .cb-franchise__how-step-icon {
        width: 46px;
        height: 46px;
        min-width: 46px;
        font-size: 18px;
    }

    .cb-franchise__included-grid {
        grid-template-columns: 1fr;
    }

    /* 4. Give (mobile) */
    .cb-franchise__give {
        border-radius: 30px;
        min-height: auto;
    }

    .cb-franchise__give-bg-img,
    .cb-franchise__give-bg-overlay,
    .cb-franchise__give-bg-blur {
        border-radius: 0;
    }

    .cb-franchise__give-inner {
        padding: 32px 16px;
        gap: 24px;
    }

    .cb-franchise__give-title {
        font-size: clamp(1.125rem, 0.75rem + 1.5vw, 1.5rem);
    }

    .cb-franchise__give-content {
        flex-direction: column;
    }

    .cb-franchise__give-image {
        width: 100%;
        max-width: 100%;
        border-radius: 20px;
    }

    .cb-franchise__give-image img {
        border-radius: 20px;
    }

    .cb-franchise__give-cards {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
    }

    .cb-franchise__give-card {
        width: 100%;
        border-radius: 20px;
    }

    .cb-franchise__quickstart {
        padding: 16px 0;
    }

    .cb-franchise__quickstart-card {
        padding: 50px 24px 40px;
        border-radius: 24px;
    }

    .cb-franchise__quickstart-connector {
        display: none;
    }

    .cb-franchise__quickstart-steps {
        padding-left: 0;
    }

    .cb-franchise__quickstart-title {
        font-size: 24px;
    }

    .cb-franchise__quickstart-subtitle {
        font-size: 16px;
    }

    .cb-franchise__quickstart-steps {
        gap: 30px;
    }

    .cb-franchise__quickstart-row {
        flex-direction: column;
        gap: 16px;
    }

    .cb-franchise__quickstart-row--single {
        max-width: 100%;
    }

    .cb-franchise__quickstart-step {
        flex: none;
        width: 100%;
    }

    .cb-franchise__quickstart-arrow {
        transform: rotate(90deg);
    }

    .cb-franchise__quickstart-row--reverse {
        flex-direction: column-reverse;
    }

    .cb-franchise__quickstart-arrow--left {
        transform: rotate(-90deg);
    }

    .cb-franchise__quickstart-num {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 18px;
    }

    .cb-franchise__quickstart-step p {
        font-size: 15px;
    }

    /* Earn (mobile) */
    .cb-franchise__earn {
        padding: 24px 16px;
        border-radius: 24px;
    }

    .cb-franchise__earn-header {
        gap: 12px;
    }

    .cb-franchise__earn-card {
        padding: 16px;
    }

    .cb-franchise__earnings-cards {
        grid-template-columns: 1fr;
    }

    .cb-franchise__leader {
        border-radius: 24px;
        min-height: auto;
    }

    .cb-franchise__leader-bg,
    .cb-franchise__leader-bg-img,
    .cb-franchise__leader-bg-overlay,
    .cb-franchise__leader-bg-blur {
        border-radius: 0;
    }

    .cb-franchise__leader-inner {
        padding: 40px 14px;
        gap: 16px;
        margin-bottom: 0;
    }

    .cb-franchise__leader-title {
        font-size: clamp(1.125rem, 0.75rem + 1.5vw, 1.75rem);
        text-align: left;
    }

    .cb-franchise__leader-content {
        flex-direction: column;
        gap: 12px;
    }

    .cb-franchise__leader-cards {
        width: 100%;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 10px;
    }

    .cb-franchise__leader-card {
        border-radius: 16px;
        padding: 14px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .cb-franchise__leader-card-inner {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .cb-franchise__leader-icon {
        width: 34px;
        height: 34px;
    }

    .cb-franchise__leader-card h4 {
        font-size: 15px;
    }

    .cb-franchise__leader-card p {
        font-size: 13px;
        line-height: 1.4;
    }

    .cb-franchise__leader-image {
        border-radius: 16px;
        min-height: 180px;
        max-height: 240px;
        margin-top: 40px;
    }

    .cb-franchise__leader-image-bg {
        border-radius: 16px;
    }

    .cb-franchise__leader-biker {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        max-width: 510px;
        height: auto;
        margin: -275px auto 0;
        display: block;
    }

    /* Show mobile packages, hide desktop */
    .cb-franchise__packages-table-wrap {
        display: none;
    }

    .cb-franchise__packages-mobile {
        display: block;
    }

    .cb-franchise__form-grid {
        grid-template-columns: 1fr;
    }

    .cb-franchise__form-actions {
        flex-direction: column;
    }

    .cb-franchise__form-actions .cb-partner__btn {
        width: 100%;
        justify-content: center;
    }

    .cb-franchise__system-grid {
        grid-template-columns: 1fr;
    }

    .cb-franchise__bizmodel-header {
        align-items: flex-start;
    }

    .cb-franchise__bizmodel-tabs {
        justify-content: flex-start;
    }

    .cb-franchise__bizmodel {
        padding: 0 20px 30px;
        border-radius: 24px;
    }

    .cb-franchise__bizmodel-card .cb-staffing__table-scroll {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-franchise__bizmodel-card .cb-staffing__table-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-franchise__bizmodel-card .cb-staffing__table-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-franchise__bizmodel-card .cb-staffing__table-scroll.start-scroll::before,
    .cb-franchise__bizmodel-card .cb-staffing__table-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-franchise__bizmodel-card .cb-franchise__bm-table {
        min-width: 700px;
    }

    .cb-franchise__bm-total-wrap {
        overflow: visible;
    }

    .cb-franchise__bizmodel-table-title {
        font-size: 18px;
        gap: 12px;
    }

    .cb-franchise__bizmodel-card {
        padding: 20px 16px;
    }

    .cb-franchise__bm24-header {
        margin-bottom: 16px;
    }

    .cb-franchise__bizmodel-table-title--bm24 {
        font-size: 18px;
    }

    .cb-franchise__bm24-summary {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 16px;
    }

    .cb-franchise__bm24-card,
    .cb-franchise__bm24-card--total {
        width: 100%;
        min-height: 72px;
        height: auto;
        padding: 12px 14px;
    }

    .cb-franchise__bm24-card {
        gap: 12px;
    }

    .cb-franchise__bm24-card-text {
        font-size: 15px;
    }

    .cb-franchise__bm24-year-badge {
        padding: 8px 10px;
        font-size: 14px;
    }

    .cb-franchise__bm24-year-badge img {
        width: 14px;
        height: 16px;
    }

    .cb-franchise__bm24-total-icon {
        width: 34px;
        height: 30px;
    }

    .cb-franchise__bm24-total-icon img {
        width: 34px;
        height: 30px;
    }

    .cb-franchise__bm24-total-dot {
        width: 20px;
        height: 20px;
    }

    .cb-franchise__bm24-scene {
        border-radius: 12px;
    }

    .cb-franchise__bm24-scene-image {
        border-radius: 12px;
        min-height: 280px;
        object-position: center;
    }

    .cb-franchise__bm24-scene-label {
        left: -70px;
        top: 120px;
        min-width: 164px;
        height: 50px;
        padding: 10px 14px;
        font-size: var(--fs-description);
    }

    .cb-franchise__bm24-scene-label2 {
        left: 30%;
    }
    
    .cb-franchise__bm24-scene-label svg {
        height: 48px;
    }
    
    .cb-franchise__section-cta--bm24 {
        flex-direction: column;
        gap: 12px;
        margin-top: 16px;
    }

    .cb-franchise__bm24-primary-btn,
    .cb-franchise__bm24-secondary-btn {
        width: 100%;
    }

    .cb-franchise__bm-table small {
        font-size: 13px;
    }

    .cb-franchise__hero-video-play {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .cb-franchise__final-cta-buttons {
        flex-direction: column;
    }

    .cb-franchise__final-cta-buttons .cb-partner__btn {
        width: fit-content;
        display: flex;
        margin: 0 auto;
    }

    .cb-franchise__modal-content {
        padding: 28px 20px;
        border-radius: 16px;
    }

    .cb-franchise__modal-pkg-options {
        grid-template-columns: 1fr;
    }

    .cb-franchise__modal-pkg {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .cb-franchise__form-conditional {
        grid-template-columns: 1fr;
    }

    .cb-franchise__form-actions--split {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .cb-franchise__form-actions--split .cb-franchise__btn--submit,
    .cb-franchise__form-actions--split .cb-franchise__btn--back {
        width: 100%;
        justify-content: center;
    }

    .cb-franchise__form-progress-text {
        display: none;
    }

    .cb-franchise__section-cta .cb-partner__btn {
        width: fit-content;
        display: flex;
        margin: 0 auto;
    }

    .cb-franchise__invest-inner {
        flex-direction: column;
        padding: 12px;
        min-height: auto;
    }

    .cb-franchise__invest-data {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .cb-franchise__invest-title {
        font-size: 24px;
    }

    .cb-franchise__invest-cols {
        flex-direction: column;
        gap: 24px;
    }

    .cb-franchise__invest-col:first-child {
        width: 100%;
        gap: 24px;
    }

    .cb-franchise__invest-value {
        font-size: 36px;
    }

    .cb-franchise__invest-label {
        font-size: 18px;
    }

    .cb-franchise__invest-rocket {
        width: 100%;
        margin: 1rem auto 0;
        border-radius: 20px;
        padding: 16px 16px 20px;
    }

    .cb-franchise__invest-cta {
        width: fit-content;
    }

    .cb-franchise__invest-note {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .cb-franchise__invest {
        border-radius: 24px;
    }

    .cb-franchise__company-service-card {
        grid-template-columns: 1fr;
        gap: 18px;
        border-radius: 24px;
        padding: 12px;
    }

    .cb-franchise__company-service-content {
        padding: 12px 8px 4px;
    }

    .cb-franchise__company-service-title {
        font-size: clamp(1.72rem, 1.38rem + 1.4vw, 2.25rem);
    }

    .cb-franchise__company-service-subtitle {
        margin: 14px 0 18px;
        font-size: 18px;
    }

    .cb-franchise__company-service-item,
    .cb-franchise__company-service-item--countries {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 10px 12px;
    }

    .cb-franchise__company-service-flags {
        width: 100%;
        justify-content: flex-start;
        gap: 6px;
        padding-left: 0;
        flex-wrap: wrap;
    }

    .cb-franchise__company-service-actions {
        margin-top: 22px;
        justify-content: flex-start;
    }

    .cb-franchise__company-service-media {
        border-radius: 20px;
    }

    .cb-franchise__company-service-image {
        min-height: 320px;
        border-radius: 20px;
    }

    .cb-franchise__company-service {
        margin-bottom: 24px;
    }

    .cb-franchise__company-service-card {
        border-radius: 20px;
        padding: 10px;
        gap: 14px;
    }

    .cb-franchise__company-service-content {
        padding: 8px 4px 0;
    }

    .cb-franchise__company-service-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        font-size: clamp(1.625rem, 1.1rem + 2vw, 2rem);
        line-height: 1.08;
    }

    .cb-franchise__company-service-title-accent {
        margin-top: 0;
    }

    .cb-franchise__company-service-subtitle {
        font-size: 16px;
        margin: 12px 0 16px;
    }

    .cb-franchise__company-service-item {
        min-height: 0;
        border-radius: 10px;
        padding: 10px;
    }

    .cb-franchise__company-service-item-main {
        gap: 10px;
        width: 100%;
        align-items: flex-start;
    }

    .cb-franchise__company-service-icon {
        width: 34px;
        height: 30px;
        font-size: 15px;
    }

    .cb-franchise__company-service-text {
        font-size: 15px;
    }

    .cb-franchise__company-service-flags {
        width: 100%;
        gap: 5px;
        padding-left: 0;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .cb-franchise__company-service-flag-pill {
        padding: 4px;
    }

    .cb-franchise__company-service-btn {
        width: fit-content;
        display: flex;
        margin: 0 auto;
    }

    .cb-franchise__company-service-media,
    .cb-franchise__company-service-image {
        border-radius: 16px;
    }

    .cb-franchise__company-service-image {
        min-height: 240px;
    }
}
@media (max-width: 480px) {
    .cb-franchise__bm-table tbody td {
        width: 35%;
    }

    .cb-franchise__section--light,
    .cb-franchise__section--cta {
        padding: 16px;
    }

    .cb-franchise__modal .wpforms-container .wpforms-form .wpforms-field-select-style-classic {
    --cb-franchise-select-arrow-right: 8px;
}

    .cb-franchise__hero-badge {
        left: 30%;
    }

    .cb-franchise__how-steps {
        padding: 16px;
        gap: 14px;
    }

    .cb-franchise__how-steps::before {
        display: none;
    }

    .cb-franchise__how-step {
        display: grid;
        grid-template-columns: auto auto 1fr;
        grid-template-rows: auto;
        align-items: center;
        gap: 10px;
        padding: 16px;
    }

    .cb-franchise__how-chain i {
        margin: 0 auto;
    }

    .cb-franchise__how-step::before {
        width: 96%;
        margin-left: 2%;
        height: 4px;
        inset: 0 0 auto 0;
        border-radius: 20px 20px 0 0;
    }

    .cb-franchise__how-step p {
        margin: 0;
        font-size: 14px;
        grid-column: 3;
        grid-row: 1;
    }

    .cb-franchise__intro-card {
        padding: 16px;
        border-radius: 18px;
        gap: 14px;
    }

    .cb-franchise__intro-card-title {
        font-size: 18px;
    }

    .cb-franchise__intro-card-price {
        font-size: 28px;
    }

    .cb-franchise__intro-card-duration {
        min-height: 34px;
        padding: 7px 12px;
        font-size: 13px;
    }

    .cb-franchise__intro-card-note,
    .cb-franchise__intro-pricing-row span {
        font-size: 13px;
    }

    .cb-franchise__intro-pricing-row strong {
        font-size: 16px;
    }

    .cb-franchise__how-chain {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 14px;
        width: fit-content;
        margin: 0 auto 30px;
    }

    .cb-franchise__chain-arrow {
        text-align: center;
        transform: rotate(90deg);
        font-size: 12px;
        color: var(--camels-accent);
    }

    .cb-franchise__chain-item {
        text-align: center;
        font-size: 13px;
        padding: 8px 12px;
    }

    .cb-franchise__chain-item i {
        transform: none;
    }

    .cb-franchise__how-control-grid,
    .cb-franchise__how-flow-layout {
        gap: 12px;
        margin-bottom: 12px;
    }

    .cb-franchise__how-control,
    .cb-franchise__how-summary-card {
        padding: 14px;
    }

    .cb-franchise__how-detail-item {
        padding: 12px 14px;
    }

    .cb-franchise__how-summary-card h4 {
        font-size: 15px;
    }

    .cb-franchise__how-summary-card p,
    .cb-franchise__how-detail-item span,
    .cb-franchise__how-kpi-list li,
    .cb-franchise__how-control p {
        font-size: 13px;
    }

    .cb-franchise__detail-block {
        padding: 16px;
        border-radius: 20px;
        margin-bottom: 14px;
    }

    .cb-franchise__detail-role {
        padding: 16px;
        gap: 12px;
        border-radius: 16px;
    }

    .cb-franchise__detail-role-icon {
        width: 38px;
        height: 38px;
        min-width: 38px;
        font-size: 17px;
    }

    .cb-franchise__detail-result {
        padding: 16px;
        gap: 14px;
    }

    .cb-franchise__detail-result-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 18px;
    }

    .cb-franchise__company-service {
        margin-bottom: 20px;
    }

    .cb-franchise__company-service-card {
        padding: 8px;
        gap: 12px;
        border-radius: 18px;
    }

    .cb-franchise__company-service-content {
        padding: 6px 2px 0;
    }

    .cb-franchise__company-service-title {
        font-size: 26px;
    }

    .cb-franchise__company-service-subtitle {
        font-size: 15px;
        margin: 10px 0 14px;
    }

    .cb-franchise__company-service-list {
        gap: 8px;
    }

    .cb-franchise__company-service-item,
    .cb-franchise__company-service-item--countries {
        padding: 9px;
        gap: 10px;
    }

    .cb-franchise__company-service-icon {
        width: 32px;
        height: 28px;
        font-size: 14px;
    }

    .cb-franchise__company-service-text {
        font-size: 14px;
    }

    .cb-franchise__company-service-flags {
        gap: 4px;
    }

    .cb-franchise__company-service-flag-pill {
        padding: 3px;
        border-radius: 6px;
    }

    .cb-franchise__company-service-flag-pill::after {
        font-size: 11px;
        padding: 4px 8px;
    }

    .cb-franchise__company-service-btn {
        width: fit-content;
        display: flex;
        margin: 0 auto;
    }

    .cb-franchise__company-service-media,
    .cb-franchise__company-service-image {
        border-radius: 14px;
    }

    .cb-franchise__company-service-image {
        min-height: 210px;
    }

    .cb-franchise__pkg-mobile-tab {
        font-size: 12px;
        padding: 9px 10px;
    }

    .cb-franchise__bm24-card,
    .cb-franchise__bm24-card--total {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cb-franchise__bm24-card--total {
        justify-content: flex-start;
    }

    .cb-franchise__bm24-card-text,
    .cb-franchise__bm24-card-text--total {
        width: 100%;
        text-align: left;
    }

    .cb-franchise__quickstart {
        padding: 40px 0;
    }

    .cb-franchise__section-cta {
        width: fit-content;
        margin: 32px auto 0;
    }

    .cb-franchise__quickstart-card {
        padding: 32px 16px 28px;
        border-radius: 20px;
    }

    .cb-franchise__quickstart-title {
        font-size: 20px;
    }

    .cb-franchise__quickstart-subtitle {
        font-size: 14px;
    }

    .cb-franchise__quickstart-num {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 16px;
    }

    .cb-franchise__launch-body h4 {
        font-size: 14px;
    }

    .cb-franchise__launch-body p {
        font-size: 13px;
    }

    .cb-franchise__leader {
        border-radius: 18px;
    }

    .cb-franchise__leader-bg,
    .cb-franchise__leader-bg-img,
    .cb-franchise__leader-bg-overlay,
    .cb-franchise__leader-bg-blur {
        border-radius: 0;
    }

    .cb-franchise__leader-inner {
        padding: 20px 12px;
        gap: 14px;
        margin-bottom: 0;
    }

    .cb-franchise__leader-title {
        font-size: 18px;
    }

    .cb-franchise__leader-card {
        border-radius: 14px;
        padding: 12px;
        gap: 6px;
    }

    .cb-franchise__leader-icon {
        width: 30px;
        height: 30px;
    }

    .cb-franchise__leader-card h4 {
        font-size: 14px;
    }

    .cb-franchise__leader-card p {
        font-size: 12px;
    }

    .cb-franchise__leader-image {
        border-radius: 14px;
        min-height: 140px;
        max-height: 200px;
    }

    .cb-franchise__leader-image-bg {
        border-radius: 14px;
    }

    .cb-franchise__leader-biker {
        width: 100%;
        max-width: 340px;
        margin-top: -190px;
    }

    .cb-franchise__earn-icon,
    .cb-franchise__give-card-icon,
    .cb-franchise__bizmodel-icon,
    .cb-franchise__intro-card-icon,
    .cb-franchise__trust-icon {
        width: 35px;
        height: 35px;
        min-width: 35px;
        max-width: none;
    }
    
    .cb-franchise__earn-icon img,
    .cb-franchise__give-card-icon img {
       width: 20px;
       height: 20px;
        max-width: none;
    }

    .cb-franchise__bm24-scene-image {
        min-height: 220px;
    }

    .cb-franchise__bm24-scene-label {
        left: 0;
        bottom: 0;
        min-width: 146px;
        height: 148px;
        padding: 10px 12px;
        font-size: 16px;
    }

    .cb-franchise__invest {
        border-radius: 18px;
        margin-bottom: 20px;
    }

    .cb-franchise__invest-inner {
        padding: 8px;
    }

    .cb-franchise__invest-data {
        padding: 18px 14px;
        border-radius: 16px;
        gap: 16px;
    }

    .cb-franchise__invest-title {
        font-size: 18px;
    }

    .cb-franchise__invest-cols {
        gap: 16px;
    }

    .cb-franchise__invest-col:first-child {
        gap: 16px;
    }

    .cb-franchise__invest-item {
        gap: 6px;
    }

    .cb-franchise__invest-value {
        font-size: 26px;
    }

    .cb-franchise__invest-label {
        font-size: 14px;
    }

    .cb-franchise__invest-payback {
        padding: 14px;
        gap: 10px;
        border-radius: 10px;
    }

    .cb-franchise__invest-payback-title {
        font-size: 16px;
    }

    .cb-franchise__invest-payback-text {
        font-size: 13px;
    }

    .cb-franchise__invest-note {
        padding: 12px 10px;
        font-size: 13px;
        gap: 10px;
        border-radius: 10px;
    }

    .cb-franchise__invest-note i {
        width: 36px;
        height: 36px;
        font-size: 17px;
    }

    .cb-franchise__invest-rocket {
        padding: 12px 12px 16px;
        border-radius: 16px;
    }

    .cb-franchise__invest-rocket-img {
        max-height: 220px;
        border-radius: 14px;
    }

    .cb-franchise__invest-cta {
        width: fit-content;
        font-size: 14px;
    }
}

/* ==========================================================================
   START STEPS BLOCK — «Старт за 3 шага»
   ========================================================================== */

.cb-start-steps {
    padding: 0 0 60px;
    background: var(--camels-bg);
}

.cb-start-steps__inner {
    max-width: 110.8rem;
    margin: 0 auto;
    padding: 20px 180px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 32px;
    box-shadow: var(--camels-shadow-light);
}

/* ---------- Header ---------- */

.cb-start-steps__header {
    text-align: center;
    margin-bottom: 40px;
}

.cb-start-steps__title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    color: var(--camels-black);
    margin: 0 0 12px;
    line-height: 1.2;
}

.cb-start-steps__subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
}

/* ---------- Tabs ---------- */

.cb-start-steps__tabs {
    position: relative;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 32px;
    justify-content: center;
}

.cb-start-steps__tab {
    flex: 0 1 auto;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 12px;
    border: 1.5px solid var(--camels-border-tab);
    background: var(--camels-surface);
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    cursor: pointer;
    transition: all 0.22s ease;
    position: relative;
    white-space: nowrap;
}

.cb-start-steps__tab i {
    font-size: 14px;
}

.cb-start-steps__tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.05);
    color: var(--camels-accent);
}

.cb-start-steps__tab--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
}

.cb-start-steps__tab--active:hover {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
}

.cb-start-steps__tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

/* ---------- Panels ---------- */

.cb-start-steps__panel {
    display: none;
}

.cb-start-steps__panel--active {
    display: block;
    animation: ssStepsFadeIn 0.35s ease;
}

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

/* ---------- Steps ---------- */

.cb-start-steps__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}

.cb-start-steps__step {
    background: var(--camels-surface);
    border-radius: 16px;
    padding: 28px 24px;
    border: 1px solid var(--camels-border-light);
    display: flex;
    gap: 16px;
    align-items: flex-start;
    transition: box-shadow 0.22s ease, border-color 0.22s ease;
}

.cb-start-steps__step:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    border-color: var(--camels-border-hover);
}

.cb-start-steps__step-number {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.cb-start-steps__step-content {
    flex: 1;
    min-width: 0;
}

.cb-start-steps__step-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--camels-black);
    margin: 0 0 6px;
    line-height: 1.35;
}

.cb-start-steps__step-desc {
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    color: var(--camels-black);
    margin: 0;
    line-height: 1.55;
}

/* ---------- CTA area ---------- */

.cb-start-steps__cta-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.cb-start-steps__cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-button);
    border-radius: 14px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    box-shadow: 0 4px 16px var(--camels-accent-shadow);
}

.cb-start-steps__cta-btn:hover {
    background: var(--camels-accent-hover);
    color: #fff;
    text-decoration: none;
}

.cb-start-steps__cta-note {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(3, 165, 246, 0.06);
    border: 1px solid rgba(3, 165, 246, 0.15);
    border-radius: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: var(--camels-black);
    margin: 5px auto 0;
    width: fit-content;
}

.cb-start-steps__cta-note i {
    color: var(--camels-blue-info);
    font-size: 13px;
}

/* ---------- Sub-role buttons ---------- */

.cb-start-steps__sub-roles {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.cb-start-steps__sub-role-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: var(--camels-surface);
    border: 1.5px solid var(--camels-border-tab);
    border-radius: 14px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    cursor: pointer;
    transition: all 0.22s ease;
    text-decoration: none;
}

.cb-start-steps__sub-role-btn:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
    text-decoration: none;
}

.cb-start-steps__sub-role-btn .cb-partner__role-icon-box {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cb-start-steps__sub-role-btn .cb-partner__role-icon-box img {
    width: 20px;
    height: 20px;
}

/* ---------- Practice section (dark) ---------- */

.cb-start-steps__practice {
    display: none;
}

.cb-start-steps__practice--active {
    display: block;
    animation: ssStepsFadeIn 0.35s ease;
}

.cb-start-steps__practice-inner {
    background: linear-gradient(135deg, var(--camels-dark-card) 0%, var(--camels-dark-blue-deep) 100%);
    border-radius: 32px;
    color: #fff;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 2.25rem var(--_pad-x) 20px;
    max-width: 110.8rem;
    margin: 2rem auto 0;
}

.cb-start-steps__practice-header {
    text-align: center;
    margin-bottom: 32px;
}

.cb-start-steps__practice-title {
    font-family: 'Onest', sans-serif;
    font-size: clamp(1.25rem, 0.9rem + 1.4vw, 2rem);
    font-weight: 800;
    color: #fff;
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.25;
}

.cb-start-steps__practice-label {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.cb-start-steps__compliance {
    margin: 0 0 20px;
}

.cb-start-steps__compliance-card {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 32px;
    box-shadow: var(--camels-shadow-light);
    padding: 28px 28px 22px;
    color: var(--camels-text);
    text-align: left;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 2.25rem var(--_pad-x) 20px;
    max-width: 110.8rem;
    margin: 2rem auto 0;
}

.cb-start-steps__compliance-title {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--camels-divider);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.01em;
    text-align: center;
    color: var(--camels-black);
}

.cb-start-steps__compliance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 22px;
    margin-top: 22px;
}

.cb-start-steps__compliance-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 64px;
    padding: 12px 14px;
    border: 1px solid var(--camels-border-light);
    border-radius: 12px;
    background: var(--camels-surface);
}

.cb-start-steps__compliance-icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--camels-border-light);
    border-radius: 10px;
    background: var(--camels-primary-5);
    color: var(--camels-primary-80);
    font-size: 16px;
}

.cb-start-steps__compliance-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cb-start-steps__compliance-item-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-start-steps__compliance-item-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    font-weight: 400;
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-start-steps__compliance-note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px auto 0;
    width: fit-content;
    padding: 14px 16px;
    border-radius: 12px;
    background: rgba(3, 165, 246, 0.06);
    border: 1px solid rgba(3, 165, 246, 0.15);
}

.cb-start-steps__compliance-note-icon {
    flex-shrink: 0;
    color: var(--camels-blue-info);
    font-size: 16px;
}

.cb-start-steps__compliance-note-text {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--camels-black);
}

/* ---------- Case cards ---------- */

.cb-start-steps__cases {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 36px;
}

.cb-start-steps__case {
    background: var(--camels-surface);
    border-radius: 18px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: var(--camels-text);
}

.cb-start-steps__case-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: var(--camels-surface-light);
    border-bottom: 1px solid var(--camels-border-light);
}

.cb-start-steps__case-badge-text {
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: var(--camels-black);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cb-start-steps__case-badge-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.cb-start-steps__case-badge-emoji {
    font-size: 18px;
    margin-left: auto;
}

.cb-start-steps__case-body {
    padding: 20px 18px 22px;
    flex: 1;
}

.cb-start-steps__case-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    font-weight: 800;
    color: var(--camels-black);
    margin: 0 0 4px;
    line-height: 1.3;
}

.cb-start-steps__case-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    margin: 0 0 16px;
    line-height: 1.4;
}

.cb-start-steps__case-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cb-start-steps__case-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.cb-start-steps__case-icon {
    flex-shrink: 0;
    width: 16px;
    text-align: center;
    color: var(--camels-accent);
    font-size: 13px;
    margin-top: 3px;
}

.cb-start-steps__case-item-label {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
    display: block;
    margin-bottom: 2px;
    line-height: 1.3;
}

.cb-start-steps__case-item-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-black);
    line-height: 1.5;
}

/* ---------- Reviews ---------- */

.cb-start-steps__reviews-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.cb-start-steps__reviews-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
}

.cb-start-steps__reviews-label {
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--camels-text);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.cb-start-steps__reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 28px;
}

.cb-start-steps__review {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 22px 20px 20px;
    position: relative;
}

.cb-start-steps__review-quote {
    position: absolute;
    top: 12px;
    left: 18px;
    font-family: 'Onest', sans-serif;
    font-size: 36px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.12);
    line-height: 1;
    pointer-events: none;
    user-select: none;
}

.cb-start-steps__review-num {
    position: absolute;
    top: -8px;
    right: -8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.cb-start-steps__review-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-surface);
    margin: 8px 0 6px;
    line-height: 1.3;
}

.cb-start-steps__review-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-surface);
    margin: 0;
    line-height: 1.6;
}

/* ---------- Disclaimer ---------- */

.cb-start-steps__disclaimer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    border-radius: 12px;
    background: rgba(3, 165, 246, 0.06);
    border: 1px solid rgba(3, 165, 246, 0.15);
    width: fit-content;
    margin: 0 auto;
}

.cb-start-steps__disclaimer-icon {
    flex-shrink: 0;
    color: var(--camels-blue-info);
    font-size: 16px;
}

.cb-start-steps__disclaimer-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    color: var(--camels-surface);
    margin: 0;
    line-height: 1.5;
}

#start-steps .cb-start-steps__tabs {
    transition: margin-bottom 0.25s ease;
}

#start-steps .cb-start-steps__tabs.cb-start-steps__tabs--with-pointer {
    margin-bottom: 100px;
}

.cb-start-steps__today {
    margin: 0 0 20px;
}

.cb-start-steps__today-shell {
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    max-width: 110.8rem;
    margin: 2rem auto 0;
    padding: 1.25rem var(--_pad-x) 20px;
    border-radius: 32px;
    background: var(--camels-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), var(--camels-shadow-light);
}

.cb-start-steps__today-heading {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: .875rem;
}

.cb-start-steps__today-line {
    flex: 1;
    min-width: 1.5rem;
    height: 1px;
    background: var(--camels-border-gray);
}

.cb-start-steps__today-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    line-height: 1.1;
    color: var(--camels-black);
    text-align: center; 
}

.cb-start-steps__today-cards {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.cb-start-steps__today-card.cb-hero__card {
    min-width: 0;
    max-width: none;
    padding: 0.75rem 0.875rem;
    gap: 0.625rem;
    border-radius: 1.125rem;
    background: var(--camels-surface);
    border-color: var(--camels-border-light);
    box-shadow: var(--camels-shadow-light);
    text-decoration: none;
}

.cb-start-steps__today-card.cb-hero__card::after {
    display: none;
}

.cb-start-steps__today-card .cb-hero__card-header {
    align-items: center;
}

.cb-start-steps__today-card .cb-hero__card-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
}

.cb-start-steps__today-card .cb-hero__card-arrow img {
    width: 1.75rem;
    height: 1.75rem;
}

.cb-start-steps__today-card .cb-hero__card-body {
    gap: 0;
}

.cb-start-steps__today-card .cb-hero__card-title {
    font-family: 'Onest', sans-serif;
    font-size: clamp(0.95rem, 0.9rem + 0.16vw, 1rem);
    font-weight: 700;
    line-height: 1.25;
    color: var(--camels-text);
}

/* ---------- START STEPS RESPONSIVE ---------- */

@media (max-width: 991px) {
    .cb-start-steps {
        padding: 60px 0 48px;
    }

    .cb-start-steps__tabs {
        gap: 6px;
    }

    .cb-start-steps__tab {
        padding: 9px 14px;
        font-size: 13px;
        min-width: 100px;
    }

    .cb-start-steps__tab i {
        font-size: 12px;
    }

    .cb-start-steps__steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cb-start-steps__step {
        padding: 22px 18px;
    }

    .cb-start-steps__practice-inner {
        padding: 36px 28px 28px;
        border-radius: 0;
        margin-top: 32px;
    }

    .cb-start-steps__compliance-card {
        padding: 24px 22px 20px;
    }

    .cb-start-steps__compliance-grid {
        gap: 12px 16px;
    }

    .cb-start-steps__cases {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cb-start-steps__reviews {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cb-start-steps__practice-title {
        font-size: clamp(1.1rem, 0.9rem + 1vw, 1.6rem);
    }
}

@media (max-width: 767px) {
    .cb-start-steps {
        padding: 0 0 36px;
    }

    .cb-start-steps__header {
        margin-bottom: 10px;
    }

    .cb-start-steps__inner {
        margin: 0 auto;
        padding: 20px 10px;
        border-radius: 0;
    }

    .cb-start-steps__tabs {
        gap: 6px;
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 5px 0;
    }

    .cb-start-steps__tabs.cb-start-steps__tabs--with-pointer {
        margin-bottom: 32px;
        padding-bottom: 100px;
    }

    #start-steps .cb-start-steps__tabs.cb-start-steps__tabs--with-pointer {
        margin-bottom: 32px;
    }

    .cb-start-steps__tabs .docs-click-pointer {
        right: auto;
        left: 50%;
        bottom: 12px;
        margin-top: 0;
        transform: translateX(-50%);
        z-index: 4;
    }

    .cb-start-steps__tabs::-webkit-scrollbar {
        display: none;
    }

    .cb-start-steps__tab {
        flex-shrink: 0;
        min-width: unset;
        padding: 8px 14px;
        font-size: 12px;
        border-radius: 10px;
    }

    .cb-start-steps__tab span {
        white-space: nowrap;
    }

    .cb-start-steps__step-number {
        width: 34px;
        height: 34px;
        font-size: 15px;
        border-radius: 10px;
    }

    .cb-start-steps__step-title {
        font-size: 14px;
    }

    .cb-start-steps__step-desc {
        font-size: 12px;
    }

    .cb-start-steps__cta-btn {
        width: 100%;
        justify-content: center;
        padding: 13px 20px;
        font-size: 14px;
    }

    .cb-start-steps__sub-roles {
        flex-direction: column;
        width: 100%;
    }

    .cb-start-steps__sub-role-btn {
        width: 100%;
        justify-content: center;
        padding: 12px 18px;
        font-size: 13px;
    }

    .cb-start-steps__practice-inner {
        padding: 28px 18px 22px;
        border-radius: 0;
        margin-top: 28px;
    }

    .cb-start-steps__compliance-card {
        padding: 20px 16px 16px;
        border-radius: 0;
    }

    .cb-start-steps__compliance-title {
        padding-bottom: 16px;
        font-size: 1rem;
    }

    .cb-start-steps__compliance-grid {
        grid-template-columns: 1fr;
        margin-top: 16px;
    }

    .cb-start-steps__compliance-item {
        min-height: 0;
        padding: 12px;
    }

    .cb-start-steps__compliance-icon {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .cb-start-steps__compliance-item-title {
        font-size: 13px;
    }

    .cb-start-steps__compliance-item-text,
    .cb-start-steps__compliance-note-text {
        font-size: 12px;
    }

    .cb-start-steps__case-body {
        padding: 16px 14px 18px;
    }

    .cb-start-steps__case-title {
        font-size: 15px;
    }

    .cb-start-steps__review {
        padding: 18px 16px 16px;
    }

    .cb-start-steps__disclaimer {
        padding: 12px 14px;
    }
}

@media (max-width: 480px) {
    .cb-start-steps__inner {
        padding: 20px 16px;
        border-radius: 0;
    }

    .cb-start-steps__step {
        padding: 18px 14px;
        gap: 12px;
    }

    .cb-start-steps__practice-inner {
        padding: 22px 14px 18px;
        border-radius: 0;
    }

    .cb-start-steps__compliance {
        margin-bottom: 16px;
    }

    .cb-start-steps__compliance-card {
        padding: 18px 12px 12px;
        border-radius: 0;
    }

    .cb-start-steps__compliance-note {
        align-items: flex-start;
        padding: 12px;
    }

    .cb-start-steps__practice-title {
        font-size: 1rem;
    }

    .cb-start-steps__disclaimer {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
}

/* ==========================================================================
   FOOTER BLOCK — CTA + Dark Footer
   ========================================================================== */

/* ---------- CTA Section "Начать сегодня" ---------- */
.cb-footer__cta {
    position: relative;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
}

.cb-footer__cta-inner {
    background: var(--camels-border-light);
    border-radius: 60px;
    padding: 30px 90px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 40px 0 70px 0;
}

.cb-footer__cta-heading {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
}

.cb-footer__cta-line {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.cb-footer__cta-line svg {
    margin: 0;
    width: 100%;
    height: 2px;
    display: block;
}

.cb-footer__cta-title {
    margin: 0;
    font-family: Onest, Inter, sans-serif;
    font-weight: 800;
    font-size: var(--fs-heading);
    color: var(--camels-black);
        text-align: center;
    white-space: nowrap;
}

/* CTA Cards row */
.cb-footer__cta-cards {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%;
}

.cb-footer__cta-card {
    flex: 1 1 0;
    min-width: 0;
    max-width: 240px;
    background: var(--camels-surface-95);
    border: 1px solid var(--camels-border);
    border-radius: 20px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    text-decoration: none;
    color: var(--camels-black);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.cb-footer__cta-card:hover {
    box-shadow: 0 8px 24px var(--camels-border);
    transform: translateY(-2px);
}

.cb-footer__cta-card:hover .cb-footer__cta-card-arrow svg rect {
    fill: var(--camels-accent);
}

.cb-footer__cta-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cb-footer__cta-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.cb-footer__cta-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cb-footer__cta-card-arrow {
    flex-shrink: 0;
}

.cb-footer__cta-card-arrow svg {
    display: block;
}

.cb-footer__cta-card-arrow svg rect {
    transition: fill 0.2s ease;
}

.cb-footer__cta-card-title {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    line-height: 1.3;
    color: var(--camels-black);
}

/* ---------- Dark Footer ---------- */

/* ===== DESKTOP FOOTER ===== */
.cb-footer__desk {
    display: block;
    background: var(--camels-text);
}

.cb-footer__desk-top {
    padding: 65px 0 80px;
}

.cb-footer__desk-container {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 40px;
}

.cb-footer__desk-cols {
    display: flex;
    gap: 20px;
}

.cb-footer__desk-col {
    flex: 1;
    min-width: 0;
}

.cb-footer__desk-col--info {
    flex: 0 0 auto;
    max-width: 416px;
    min-width: 260px;
}

.cb-footer__desk-title {
    margin: 0 0 28px;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    color: #e9e9e9;
}

.cb-footer__desk-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.cb-footer__desk-menu li a {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: white;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.3;
    transition: color 0.2s ease;
}

.cb-footer__desk-menu li a:hover {
    color: var(--camels-accent);
}

.cb-footer__desk-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1;
    transition: background 0.2s ease, color 0.2s ease;
}

.cb-footer__desk-menu li a:hover .cb-footer__desk-icon {
    background: rgba(255, 255, 255, 0.12);
    color: var(--camels-accent);
}

/* Brand (logo + name) */
.cb-footer__brand {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin-bottom: 28px;
    transition: opacity 0.2s ease;
}

.cb-footer__brand:hover {
    opacity: 0.85;
}

.cb-footer__brand-mark {
    width: 100%;
    height: 80px;
    display: block;
    flex-shrink: 0;
}

.cb-footer__brand-name {
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 700;
    font-size: 24px;
    color: #e9e9e9;
    line-height: 1.2;
}

/* Desktop contact info */
.cb-footer__desk-contact {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
}

.cb-footer__desk-contact-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: white;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.45;
}

.cb-footer__desk-contact-row a {
    color: white;
    text-decoration: none;
    transition: color 0.2s ease;
}

.cb-footer__desk-contact-row a:hover {
    color: var(--camels-accent);
}

.cb-footer__desk-contact-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

/* Desktop social icons */
.cb-footer__desk-social {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.cb-footer__desk-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.15);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.cb-footer__desk-social-link:hover {
    border-color: var(--camels-accent);
    background: rgba(255, 255, 255, 0.05);
}

.cb-footer__desk-social-link svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Desktop bottom bar */
.cb-footer__desk-bar {
    background: #1c2940;
    padding: 32px 0;
}

.cb-footer__desk-bar .cb-footer__desk-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.cb-footer__desk-copyright {
    margin: 0;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #7a828f;
}

.cb-footer__desk-bar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

.cb-footer__desk-bar-menu a {
    color: #7a828f;
    text-decoration: none;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    transition: color 0.2s ease;
}

.cb-footer__desk-bar-menu a:hover {
    color: var(--camels-accent);
}

/* ===== MOBILE FOOTER ===== */
.cb-footer__mob {
    display: none;
    background: var(--camels-text);
    border-radius: 20px 20px 0 0;
    padding: 30px 16px 16px;
    flex-direction: column;
    gap: 30px;
}

/* Mobile logo */
.cb-footer__logo {
    display: flex;
}

.cb-footer__logo-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.cb-footer__logo-link:hover {
    opacity: 0.8;
}

.cb-footer__logo-mark {
    height: 50px;
    width: auto;
    max-width: 120px;
    display: block;
}

.cb-footer__logo-text {
    height: 18px;
    width: auto;
    max-width: 200px;
    display: block;
}

/* Mobile contact info */
.cb-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-footer__contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.3;
}

.cb-footer__contact-item a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.2s ease;
}

.cb-footer__contact-item a:hover {
    color: var(--camels-accent);
}

.cb-footer__contact-icon {
    flex-shrink: 0;
    width: 16px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

/* Mobile social links (circular) */
.cb-footer__mobile-social {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cb-footer__mobile-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgb(55, 67, 87);
    padding: 10px;
    text-decoration: none;
    transition: border-color 0.2s ease;
}

.cb-footer__mobile-social-link:hover {
    border-color: var(--camels-accent);
}

.cb-footer__mobile-social-link svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Mobile bottom links */
.cb-footer__bottom-links {
    display: flex;
    border-radius: 16px;
    background: var(--camels-border);
    flex-direction: column;
    gap: 13px;
    padding: 24px 13px;
    margin: 0;
    text-align: center;
    width: 100%;
}

.cb-footer__bottom-links .cb-footer__copyright {
    color: rgb(122, 130, 143);
    font-size: 0.875rem;
}

.cb-footer__copyright {
    margin: 0;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.85);
}

.cb-footer__bottom-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.cb-footer__bottom-menu li {
    white-space: nowrap;
}

.cb-footer__bottom-menu a {
    color: rgb(122, 130, 143);
    text-decoration: none;
    font-family: var(--font-main, 'Onest', sans-serif);
    font-weight: 600;
    font-size: 0.75rem;
    transition: color 0.2s ease;
}

.cb-footer__bottom-menu a:hover {
    color: var(--camels-accent);
}

/* ===== SCROLL-TO-TOP BUTTON ===== */
.cb-footer__totop {
    position: fixed;
    width: 54px;
    height: 54px;
    background: var(--camels-text);
    border-radius: 50%;
    border: 1px solid transparent;
    color: var(--camels-surface);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    padding: 0;
    z-index: 9;
    right: 20px;
    bottom: 80px;
    opacity: 0;
    pointer-events: none;
    font-size: 30px;
}

.cb-footer__totop:hover {
    background: var(--camels-surface);
    color: var(--camels-text);
    border: 4px solid var(--camels-text);
}

.cb-footer__totop:hover i {
    color: var(--camels-text);
}

.cb-footer__totop.is-visible {
    opacity: 1;
    pointer-events: auto;
}

body.cb-staffing-modal-open .cb-footer__totop,
body.cb-staffing-modal-open .cb-footer__totop.is-visible {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.cb-footer__totop.is-docked {
    position: absolute;
    bottom: auto;
    margin-top: -120px;
}

.cb-footer__totop svg {
    display: block;
}

/* ===== FOOTER RESPONSIVE ===== */
@media (max-width: 1400px) {
    .cb-footer__desk-cols {
        gap: 50px;
    }

    .cb-footer__desk-title {
        font-size: 26px;
    }
}

@media (max-width: 1200px) {
    .cb-footer__desk-cols {
        gap: 32px;
    }

    .cb-footer__desk-title {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .cb-footer__desk-menu {
        gap: 16px;
    }

    .cb-footer__desk-menu li a {
        font-size: 14px;
    }

    .cb-footer__desk-container {
        padding: 0 30px;
    }

    .cb-footer__brand-mark {
        width: 93%;
        height: 63px;
    }

    .cb-footer__brand-name {
        font-size: 20px;
    }

    .cb-footer__desk-contact-row {
        font-size: 14px;
    }

    .cb-footer__desk-col--info {
        min-width: 220px;
    }

    .cb-footer__totop.is-docked {
        margin-top: -50px;
    }

    .disclaimer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

    .cb-footer__cta-inner {
        padding: 50px 40px;
        border-radius: 40px;
    }

    .cb-footer__cta-cards {
        gap: 16px;
        flex-wrap: wrap;
    }

    .cb-footer__cta-card {
        flex: 0 0 calc(33.333% - 12px);
        max-width: none;
        min-width: 180px;
    }
}

@media (max-width: 991px) {
    /* Switch to mobile footer */
    .cb-footer__desk {
        display: none;
    }

    .cb-footer__mob {
        display: flex;
    }

    .cb-footer__totop {
        display: flex;
        right: 16px;
        bottom: 80px;
    }

    .cb-footer__totop.is-docked {
        position: absolute;
        bottom: auto;
        top: -35px;
        margin-top: auto;
    }
}

@media (max-width: 768px) {
    .cb-footer__cta-inner {
        padding: 40px 20px;
        border-radius: 24px;
        gap: 24px;
    }

    .cb-footer__cta-heading {
        gap: 16px;
    }

    .cb-footer__cta-title {
        font-size: var(--fs-heading);
        white-space: normal;
    }

    .cb-footer__cta-cards {
        gap: 12px;
    }

    .mob-cab {
        max-width: 75%;
        margin-right: 45px;
    }

    .cb-footer__cta-card {
        flex: 0 0 calc(50% - 6px);
        max-width: none;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .cb-footer__totop {
        width: 40px;
        height: 40px;
    }
    .cb-footer__cta-inner {
        padding: 32px 16px;
        border-radius: 20px;
    }

    .cb-footer__cta-card {
        flex: 0 0 100%;
        max-width: none;
    }

    .cb-footer__cta-line {
        display: none;
    }

    .cb-footer__logo-mark {
        height: 50px;
    }

    .cb-footer__logo-text {
        height: 17px;
    }

    .cb-footer__mobile-social-link {
        padding: 8px;
    }

    .cb-footer__bottom-menu {
        gap: 12px;
    }
}

/* =====================================================================
   STAFFING BLOCK — cb-staffing
   ===================================================================== */

.cb-staffing {
    position: relative;
    /* max-width: 1680px; */
    margin: 1rem auto;
    overflow: visible;
    --cb-staffing-sticky-top-auto: 0px;
    --cb-staffing-sticky-top-adjust: 0px;
    --cb-staffing-sticky-top: calc(var(--cb-staffing-sticky-top-auto) + var(--cb-staffing-sticky-top-adjust));
    --cb-staffing-sticky-strip-padding-top: 65px;
    --cb-staffing-sticky-strip-padding-bottom: 0px;
    --cb-staffing-sticky-panel-gap: 16px;
}

/* --- Hero background (parallax) --- */
.cb-staffing__hero {
    position: relative;
    height: clamp(400px, 60vw, 916px);
    border-radius: clamp(24px, 4vw, 60px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
}

.cb-staffing__hero::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* --- Content area (overlaps hero) --- */
.cb-staffing__content {
    position: relative;
    z-index: 2;
    /* margin-top: clamp(-480px, -32vw, -180px); */
    /* padding: 0px clamp(1rem, 2vw, 200px) 20px; */
    /* z-index: 2; */
}

/* Shaped SVG panel behind content */
.cb-staffing__panel-bg {
    position: absolute;
    top: 0px;
    left: 3px;
    width: 99.5%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.cb-staffing__panel-bg svg {
    width: 100%;
    height: 100%;
}

/* Solid background extension below SVG panel */
.cb-staffing__content::before {
    content: '';
    position: absolute;
    top: 0;
    border-radius: 0 0 50px 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--camels-border-soft);
    z-index: 0;
}

/* --- Standalone page variant (hero-v2 style, no parallax overlap) --- */
.cb-staffing__content--page {
    margin-top: 0;
}

.cb-partner-page.cb-staffing .cb-staffing__tabs-strip {
    margin-top: clamp(10px, 2vw, 20px);
}

/* =============================================
   TAB NAVIGATION
   ============================================= */

.cb-staffing__tabs-strip {
    position: relative;
    z-index: 3;
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-top: clamp(-36px, -4vw, -30px);
    overflow: hidden;
}

.cb-staffing__tabs-strip-anchor {
    display: block;
    height: 0;
}

/* Swipe pointer — hidden on desktop, shown in 768px media query */
.cb-staffing__swipe-pointer {
    display: none;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 105;
    pointer-events: none;
}

.cb-staffing__swipe-pointer.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.cb-staffing__swipe-pointer-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    animation: staffingSwipeBounce 1.8s ease-in-out infinite;
}

.cb-staffing__swipe-pointer-text {
    display: inline-block;
    padding: 5px 12px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    border-radius: 8px;
    background: var(--camels-accent);
    letter-spacing: 0.02em;
}

@keyframes staffingSwipeBounce {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(6px); }
    75% { transform: translateX(-6px); }
}

@keyframes staffingTabDrop {
    0%   { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0);     opacity: 1; }
}

/* Table swipe indicator animation */
@keyframes cbTableSwipe {
    0%, 100% { transform: translate(0, -50%); }
    50% { transform: translate(10px, -50%); }
}

/* Dark background bar behind tabs */
.cb-staffing__tabs-strip::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(1680px, 100%);
    height: 136px;
    /* background-image: url('../images/staffing/tab-bg.svg'); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 0;
}

.cb-staffing__tabs-row {
    display: flex;
    align-items: flex-start;
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ---------- Base tab button ---------- */

.cb-staffing__tab {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: none;
    outline: none;
    font-family: 'Onest', sans-serif;
    position: relative;
    padding: 0;
    background: none;
    transform: translateY(-100%);
    opacity: 0;
    animation: staffingTabDrop 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.cb-staffing__tab:nth-child(1) {animation-delay: 0s;}
.cb-staffing__tab:nth-child(2) { animation-delay: 0.1s;  }
.cb-staffing__tab:nth-child(3) { animation-delay: 0.2s;  }

/* Re-trigger drop animation on tab switch */
.cb-staffing__tab.is-switching {
    animation: none;
    transform: translateY(-100%);
    opacity: 0;
}
.cb-staffing__tab.is-dropping {
    animation: staffingTabDrop 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

/* ---------- Inactive tab (default) ---------- */

.cb-staffing__tab:not(.cb-staffing__tab--active) {
    flex: 1 0 0;
    padding-top: 30px;
    min-width: 0;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    padding: 12px 20px;
    background: var(--camels-surface);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 8px;
    transition: box-shadow 0.25s ease;
    margin-bottom: 5px;
}

.cb-staffing__tab:not(.cb-staffing__tab--active):hover .cb-staffing__tab-body {
    box-shadow: 0 4px 20px var(--camels-accent-shadow);
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 0;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-name {
    font-weight: 700;
    font-size: 16px;
    color: var(--camels-black);
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-subtitle {
    font-weight: 400;
    font-size: 16px;
    color: var(--camels-black);
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-bracket {
    display: none;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-plus {
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 40px;
    height: 40px;
    left: 0px;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-plus svg {
    display: block;
    width: 100%;
    height: 100%;
}

.cb-staffing__tab:not(.cb-staffing__tab--active) + .cb-staffing__tab:not(.cb-staffing__tab--active) {
    margin-left: 20px;
}

/* ---------- Active tab ---------- */

.cb-staffing__tab--active {
    flex: 0 0 auto;
    align-items: stretch;
    margin-top: 7px;
}

.cb-staffing__tab--active .cb-staffing__tab-body {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--camels-border-soft);
    height: 70.5px;
    padding: 14px 9px;
    margin-top: 5px;
}

.cb-staffing__tab--active .cb-staffing__tab-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cb-staffing__tab--active .cb-staffing__tab-name {
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-accent);
    border: 1px solid var(--camels-accent);
    padding: 5px;
    border-radius: 10px;
    line-height: normal;
    white-space: nowrap;
}

.cb-staffing__tab--active .cb-staffing__tab-subtitle {
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: normal;
    white-space: nowrap;
}

.cb-staffing__tab--active .cb-staffing__tab-bracket {
    display: flex;
    align-items: flex-start;
    width: 100px;
    height: 80px;
    flex-shrink: 0;
}

.cb-staffing__tab--active .cb-staffing__tab-bracket svg {
    display: block;
    width: 100%;
    height: 100%;
}

.cb-staffing__tab--active .cb-staffing__tab-bracket--left {
    transform: scaleX(-1.03);
}

.cb-staffing__tab--active .cb-staffing__tab-plus {
    display: none;
}

/* ---------- Avatar ---------- */

.cb-staffing__tab-avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

/* =============================================
   TAB PANELS
   ============================================= */

.cb-staffing__panel {
    position: relative;
    z-index: 2;
    display: none;
}

.cb-staffing__panel--active {
    display: block;
}

.cb-staffing__inner {
    --cb-staffing-wide-pad-x: clamp(0px, calc(13vw - 20px), 180px);
    --cb-staffing-wide-bleed-x: calc(-0.95 * var(--cb-staffing-wide-pad-x));
    max-width: 1680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

/* =============================================
   TITLE SECTION
   ============================================= */

.cb-staffing__title-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-staffing__main-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-heading);
    line-height: 1.25;
    color: var(--camels-black);
    margin: 0;
    text-wrap-style: pretty;
}

.cb-staffing__submain-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    line-height: 1.25;
    color: var(--camels-black);
    margin: 0;
    text-wrap-style: pretty;
    text-align: center;
}

.cb-staffing__main-title-semi {
    /*display: block; */
    font-weight: 600;
}

.cb-staffing__main-title-line2 {
    /* display: block; */
    font-weight: 800;
}

.cb-staffing__accent {
    color: var(--camels-accent);
}

/* Description card */
.cb-staffing__desc-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cb-staffing__desc-text {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    color: var(--camels-black);
}

.cb-staffing__desc-text strong {
    font-weight: 600;
}

/* Jurisdictions */
.cb-staffing__jurisdictions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.cb-staffing__jur-label {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-staffing__flag-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    border-radius: 6px;
    box-shadow: 0 1px 4px var(--camels-border);
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: var(--camels-text-strong);
}

.cb-staffing__flag-badge img {
    display: block;
}

/* =============================================
   STEPS SECTION
   ============================================= */

.cb-staffing__steps-section {
    --cb-staffing-steps-header-h: clamp(92px, 7.25vw, 120px);
    --cb-staffing-steps-body-pad-x: clamp(20px, 2.45vw, 30px);
    --cb-staffing-steps-body-pad-b: clamp(28px, 3.7vw, 60px);
    --cb-staffing-steps-center-w: clamp(72px, 6vw, 100px);
    --cb-staffing-steps-center-h: clamp(280px, 22vw, 365px);
    --cb-staffing-steps-col-gap: clamp(24px, 2.45vw, 40px);
    --cb-staffing-steps-connector-w: clamp(44px, 4.85vw, 80px);
    --cb-staffing-step-num-size: clamp(40px, 2.9vw, 48px);
    --cb-staffing-step-title-size: clamp(18px, 1.35vw, 22px);
    --cb-staffing-step-desc-size: clamp(13px, 1vw, 16px);
    position: relative;
    padding: 0 var(--cb-staffing-wide-pad-x);
    margin-left: var(--cb-staffing-wide-bleed-x);
    margin-right: var(--cb-staffing-wide-bleed-x);
    box-sizing: border-box;
    background: var(--camels-text);
    border-radius: clamp(28px, 3vw, 50px);
    overflow: hidden;
}

.cb-staffing__steps-header {
    position: relative;
    height: var(--cb-staffing-steps-header-h);
    overflow: hidden;
}

.cb-staffing__steps-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-staffing__steps-title {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-surface);
    text-align: center;
    white-space: normal;
    width: min(100% - 32px, 30ch);
    padding-top: clamp(4px, 0.8vw, 12px);
}

.cb-staffing__steps-title-accent {
    color: inherit;
}

.cb-staffing__steps-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--cb-staffing-steps-center-w) minmax(0, 1fr);
    /* column-gap: clamp(8px, 1.1vw, 18px); */
    background: transparent;
    border-radius: 0;
    padding: 0 var(--cb-staffing-steps-body-pad-x) var(--cb-staffing-steps-body-pad-b);
    align-items: center;
}

.cb-staffing__steps-col {
    display: flex;
    flex-direction: column;
    gap: var(--cb-staffing-steps-col-gap);
    padding-top: 0;
}

.cb-staffing__steps-col--left {
    align-items: flex-end;
    justify-content: center;
}

.cb-staffing__steps-col--right {
    align-items: flex-start;
    height: clamp(240px, 18.8vw, 310px);
    align-self: center;
    justify-content: space-between;
}

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

.cb-staffing__step--right {
    justify-content: flex-end;
    text-align: right;
}

.cb-staffing__step--left {
    justify-content: flex-start;
    text-align: left;
}

.cb-staffing__step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cb-staffing-step-num-size);
    height: var(--cb-staffing-step-num-size);
    min-width: var(--cb-staffing-step-num-size);
    border-radius: 50%;
    background: radial-gradient(circle at center bottom, var(--camels-dark-grad-start), var(--camels-dark-grad-end));
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(16px, 1.25vw, 20px);
    color: var(--camels-surface);
    flex-shrink: 0;
}

.cb-staffing__step-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.cb-staffing__step-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--cb-staffing-step-title-size);
    color: var(--camels-surface);
    line-height: normal;
}

.cb-staffing__step-desc {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--cb-staffing-step-desc-size);
    color: var(--camels-surface);
    line-height: normal;
}

/* Inline connector lines between circles and center */
.cb-staffing__step-connector {
    flex-shrink: 0;
    width: var(--cb-staffing-steps-connector-w);
    display: block;
    pointer-events: none;
}

.cb-staffing__step-connector--curve {
    height: clamp(24px, 2.05vw, 34px);
}

.cb-staffing__step-connector--straight {
    height: 2px;
}

/* Center photo */
.cb-staffing__steps-center {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cb-staffing-steps-center-w);
    height: var(--cb-staffing-steps-center-h);
    border-radius: clamp(16px, 1.25vw, 20px);
    background: radial-gradient(ellipse at center bottom, var(--camels-dark-grad-start), var(--camels-dark-grad-end));
    overflow: hidden;
    align-self: center;
}

.cb-staffing__steps-center::before {
    content: '';
    position: absolute;
    top: clamp(14px, 1.25vw, 20px);
    left: clamp(24px, 2vw, 33px);
    width: clamp(24px, 2vw, 34px);
    height: 100%;
    background: linear-gradient(180deg, var(--camels-accent) 0%, rgba(246, 90, 3, 0) 100%);
    z-index: 0;
    transform: rotateX(
180deg);
}

.cb-staffing__steps-photo {
    position: absolute;
    top: clamp(58px, 4.85vw, 80px);
    left: clamp(12px, 1.2vw, 20px);
    width: clamp(44px, 3.7vw, 60px);
    height: clamp(132px, 10.8vw, 178px);
    object-fit: cover;
    border-radius: 0;
    z-index: 1;
}

/* =============================================
   MASS STAFFING CARD
   ============================================= */

.cb-staffing__mass-card {
    background: var(--camels-surface-95);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 40px;
    box-shadow: 0 5px 15px var(--camels-border);
    overflow: hidden;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-staffing__mass-card-header {
    padding-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.cb-staffing__mass-card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
}

.cb-staffing__mass-card-subtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
}

.cb-staffing__mass-card-body {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cb-staffing__mass-card-items {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-staffing__mass-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px 20px;
    border-radius: 16px;
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.cb-staffing__mass-item:hover {
    box-shadow: 0px 2px 9px var(--camels-accent);
    transform: translateY(-2px);
}

.cb-staffing__mass-item-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.cb-staffing__mass-item-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.cb-staffing__mass-item-icon i {
    font-size: 18px;
    color: var(--camels-accent);
}

.cb-staffing__mass-item-content {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
}


.cb-staffing__mass-item-content:before {
    content: '';
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
}

.cb-staffing__mass-item-content--deals {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding-left: 0 !important;
}

.cb-staffing__mass-item-content--deals::before {
    content: '';
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background: #AFCD39 !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 10px;
    justify-content: center !important;
    box-shadow: 0 10px 14px rgba(175, 205, 57, 0.2);
}

.cb-staffing__mass-item-content--revshare {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-left: 0 !important;
}

.cb-staffing__mass-item-content--revshare::before {
    content: '\f00c' !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: var(--camels-accent) !important;
    color: var(--camels-surface) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cb-staffing__mass-card-items .cb-staffing__mass-item:nth-child(3) .cb-staffing__mass-item-content--revshare::before {
    background: var(--camels-text) !important;
}

.cb-staffing__mass-card-items .cb-staffing__mass-item:nth-child(2) .cb-staffing__mass-item-content--deals::before {
    background: #C4C4C4!important;
    box-shadow: 0 10px 14px rgba(196, 196, 196, 0.2)!important;
}

.cb-staffing__mass-item-content strong {
    font-weight: 600;
    margin-bottom: 4px;
}

.cb-staffing__mass-card-image {
    flex-shrink: 0;
    width: 500px;
    height: 240px;
    border-radius: 20px;
    overflow: hidden;
}

.cb-staffing__mass-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* =============================================
   CTA BUTTON CENTER
   ============================================= */

.cb-staffing__cta-center {
    display: flex;
    justify-content: center;
}

.cb-staffing__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding: 10px 30px;
    border-radius: 8px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-button);
    text-decoration: none;
    cursor: pointer;
    border: 2px solid transparent;
    transition: opacity 0.2s ease, transform 0.15s ease;
    white-space: nowrap;
}

.cb-staffing__btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.cb-staffing__btn--primary {
    background: var(--camels-accent);
    color: var(--camels-surface);
}

.cb-staffing__btn--primary:hover {
    background: var(--camels-surface);
    border: 3px solid var(--camels-accent);
    color: var(--camels-accent);
}

.cb-staffing__btn--secondary {
    background: var(--camels-black);
    color: var(--camels-surface);
}

.cb-staffing__btn--secondary:hover {
    background: var(--camels-surface);
    color: var(--camels-black);
    border-color: var(--camels-black);
}

.cb-staffing__btn--outline {
    background: transparent;
    color: var(--camels-black);
    border: 1px solid var(--camels-black);
}

/* =============================================
   ERP + CRM SECTION
   ============================================= */

.cb-staffing__erp-section {
    --cb-staffing-erp-radius: clamp(24px, 2.45vw, 40px);
    --cb-staffing-erp-pad: clamp(20px, 1.85vw, 30px);
    --cb-staffing-erp-gap: clamp(18px, 1.8vw, 29px);
    background: var(--camels-surface);
    border-radius: var(--cb-staffing-erp-radius);
    box-shadow: 0 5px 15px var(--camels-border);
    padding: var(--cb-staffing-erp-pad);
    display: flex;
    flex-direction: column;
    gap: var(--cb-staffing-erp-gap);
    box-sizing: border-box;
}

.cb-staffing__erp-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    text-align: center;
    margin: 0;
}

.cb-staffing__erp-title strong {
    font-weight: 700;
}

.cb-staffing__erp-list {
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1vw, 16px);
    padding: 0 15px;
}

.cb-staffing__role-list li::before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    margin-left: -20px;
    margin-top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
}

.cb-staffing__role-list li::marker {
    content: none;
}

.cb-staffing__erp-item {
    display: flex;
    gap: 0;
    align-items: center;
    transition: border-color 0.25s ease, transform 0.25s ease;
}

.cb-staffing__erp-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--camels-primary-5);
    border: 1px solid var(--camels-border);
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.cb-staffing__erp-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.cb-staffing__erp-text {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.5;
    margin: 0;
}

/* =============================================
   IMPORTANT NOTE SECTION
   ============================================= */

.cb-staffing__important {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 40px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-staffing__important-header {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 18px;
    color: var(--camels-black);
}

.cb-staffing__important-label {
    font-weight: 700;
}

.cb-staffing__important-cols {
    display: flex;
    gap: 16px;
}

.cb-staffing__title-block-one {
    position: relative;
    z-index: 1;
    margin-top: -107px;
    background: var(--camels-surface);
    border-radius: 50px;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 7.25rem var(--_pad-x) 20px;
    margin-left: calc(-1 * var(--_pad-x));
    margin-right: calc(-1 * var(
    --_pad-x));
    bottom: 20px;
    padding-left: clamp(10rem, 2vw, 2rem);
    padding-right: clamp(10rem, 2vw, 2rem);
}


.cb-staffing__title-block-two {
    position: relative;
    z-index: 1;
    background: var(--camels-surface);
    border-radius: 50px;
    padding-bottom: 20px;
    top: -15px;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 2.25rem var(--_pad-x) 20px;
    margin-left: calc(0 * var(--_pad-x));
    margin-right: calc(0 * var(--_pad-x));
}

.cb-staffing__title-block-two-page {
    position: relative;
    z-index: 1;
    background: var(--camels-surface);
    border-radius: 50px;
    padding-bottom: 20px;
    top: -15px;
    --_pad-x: clamp(-2px, calc((min(92vw - 14px, 1624px) - 1242px) / 1), 165px);
    padding: 1rem var(--_pad-x) 20px;
    margin-left: calc(0 * var(--_pad-x));
    margin-right: calc(0 * var(--_pad-x));
}

.cb-staffing__hq-hiring {
    top: 0;
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    padding: 57px 140px 92px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-staffing__hq-hiring-header {
    margin: 0 auto 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.cb-staffing__hq-hiring-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    line-height: 1.275;
    text-transform: uppercase;
    color: var(--camels-text);
}

.cb-staffing__hq-hiring-text {
    margin: 17px 0 0;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    line-height: 1.21;
    color: var(--camels-text);
}

/* ── HQ MAP (Top Tree Layout) ── */
.cb-staffing__hq-map {
    position: relative;
    width: 100%;
    max-width: 900px;
    height: 540px;
    margin: 0 auto;
}

.cb-staffing__hq-map-trunk {
    position: absolute;
    left: 50%;
    top: 100px;
    bottom: -36px;
    width: 2px;
    background: var(--camels-accent);
    transform: translateX(-50%);
    z-index: 1;
}

.cb-staffing__hq-map-node {
    position: absolute;
    width: 220px;
    top: var(--y);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cb-staffing__hq-map-icon {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    position: relative;
    z-index: 3;
    box-shadow: 0 4px 14px rgba(246, 90, 3, 0.3);
}

.cb-staffing__hq-map-title {
    margin: 12px 0 6px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    color: var(--camels-text-strong);
}

.cb-staffing__hq-map-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cb-staffing__hq-map-list li {
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    color: var(--camels-black);
}

/* Connector Base */
.cb-staffing__hq-map-line {
    position: absolute;
    top: 0;
    height: 22px;
    z-index: 1;
    pointer-events: none;
}

/* Right Side Nodes */
.cb-staffing__hq-map-node--right {
    left: calc(50% + var(--dx));
}
.cb-staffing__hq-map-node--right .cb-staffing__hq-map-line {
    right: calc(100% - 21px);
    width: calc(var(--dx) + 22px);
    border-bottom: 2px solid var(--camels-accent);
    border-left: 2px solid var(--camels-accent);
    border-bottom-left-radius: 20px;
}

/* Left Side Nodes */
.cb-staffing__hq-map-node--left {
    right: calc(50% + var(--dx));
}
.cb-staffing__hq-map-node--left .cb-staffing__hq-map-line {
    left: 23px;
    width: calc(100% - 22px + var(--dx));
    border-bottom: 2px solid var(--camels-accent);
    border-right: 2px solid var(--camels-accent);
    border-bottom-right-radius: 20px;
}

/* ── HQ Hiring — Avatar & Info Timeline ── */
.cb-staffing__hq-hiring-visual {
    margin-top: 38px;
}

.cb-staffing__hq-tl {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 20px;
}

/* Vertical trunk line for info section */
.cb-staffing__hq-tl::before {
    content: '';
    position: absolute;
    top: 50px;
    bottom: 70px;
    left: 50%;
    width: 2px;
    background: linear-gradient(180deg,
        rgba(246, 90, 3, 0.4),
        rgba(246, 90, 3, 0.32) 80%,
        rgba(246, 90, 3, 0.06));
    transform: translateX(-50%);
}

/* ── Timeline Row (Info Only) ── */
.cb-staffing__hq-tl-row {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 44px 1fr;
    width: 100%;
    margin-bottom: -70px;
    align-items: start;
}

/* Info Node */
.cb-staffing__hq-tl-node {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: start;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--camels-accent);
    color: #fff;
    font-size: 14px;
    z-index: 2;
    box-shadow: 0 4px 14px rgba(246, 90, 3, 0.3);
    margin-top: 0;
    flex-shrink: 0;
}

/* Info Card */
.cb-staffing__hq-tl-card {
    grid-row: 1;
    position: relative;
    z-index: 1;
}

/* LEFT info card */
.cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card {
    grid-column: 1;
    text-align: right;
    margin-right: 40px;
    border: 2px solid var(--camels-accent);
    border-radius: 10px;
    padding: 10px;
}
.cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card::after {
    content: '';
    position: absolute;
    top: 17px;
    right: -50px;
    width: 50px;
    height: 2px;
    background: rgba(246, 90, 3, 0.26);
}

/* RIGHT info card */
.cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card {
    grid-column: 3;
    text-align: left;
    margin-left: 40px;
    border: 2px solid var(--camels-accent);
    border-radius: 10px;
    padding: 10px;
}
.cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card::after {
    content: '';
    position: absolute;
    top: 17px;
    left: -50px;
    width: 50px;
    height: 2px;
    background: rgba(246, 90, 3, 0.26);
}

.cb-staffing__hq-tl-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
    color: var(--camels-text-strong);
}

.cb-staffing__hq-tl-text {
    margin-top: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: var(--camels-black);
}

/* ── Center avatar ── */
.cb-staffing__hq-tl-avatar {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 100px;
    border-radius: 10%;
    background: var(--camels-dark-card);
    border: 5px solid var(--camels-accent);
    box-shadow: 0 8px 32px rgba(246, 90, 3, 0.25),
                0 0 0 8px rgba(246, 90, 3, 0.08);
    margin: 12px 0 36px;
    flex-shrink: 0;
}

.cb-staffing__hq-tl-avatar img {
    width: 180px;
    height: auto;
}

.cb-staffing__hq-howwork {
    margin-top: 1rem;
}

.cb-staffing__hq-howwork-card {
    position: relative;
    padding: 34px 46px 42px;
}

.cb-staffing__hq-howwork-header {
    max-width: 440px;
    margin-bottom: 34px;
}

.cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-title {
    font-size: clamp(28px, 2.4vw, 40px);
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-text {
    max-width: 430px;
    margin-top: 14px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 500;
}

.cb-staffing__hq-howwork-timeline {
    position: relative;
    min-height: 300px;
}

.cb-staffing__hq-howwork-path {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 303px;
    overflow: visible;
}

.cb-staffing__hq-howwork-path-line {
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
}

.cb-staffing__hq-howwork-step {
    position: absolute;
    z-index: 1;
}

.cb-staffing__hq-howwork-step--1 {
    top: 10px;
    left: 6.6%;
    width: 20.5%;
}

.cb-staffing__hq-howwork-step--2 {
    top: 10px;
    left: 33.8%;
    width: 20.5%;
}

.cb-staffing__hq-howwork-step--3 {
    top: 10px;
    left: 58.7%;
    width: 23.4%;
}

.cb-staffing__hq-howwork-step--4 {
    top: 208px;
    left: 40.7%;
    width: 21.4%;
}

.cb-staffing__hq-howwork-step--5 {
    top: 208px;
    left: 62.2%;
    width: 16.8%;
}

.cb-staffing__hq-howwork-step--6 {
    top: 208px;
    left: 83.1%;
    width: 14.8%;
}

.cb-staffing__hq-howwork-marker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 14px 0 12px;
    border-radius: 50%;
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    box-shadow: 0 4px 12px rgba(34, 52, 85, 0.24);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.cb-staffing__hq-howwork-text {
    max-width: 100%;
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: var(--camels-primary-80);
}

.cb-staffing__hq-howwork-text strong {
    color: var(--camels-text-strong);
    font-weight: 700;
}

.cb-staffing__offers {
    padding-top: 0;
}

.cb-staffing__offers-card {
    position: relative;
    padding: 34px 46px 42px;
}

.cb-staffing__offers-header {
    margin-bottom: 28px;
}

.cb-staffing__offers-header .cb-staffing__hq-hiring-title {
    font-size: clamp(28px, 2.4vw, 40px);
    line-height: 1.08;
    letter-spacing: -0.02em;
}

.cb-staffing__offers-tabs {
    margin-bottom: 30px;
    justify-content: center;
    position: relative;
}

.cb-staffing__offers-tabs .docs-click-pointer {
    right: auto;
    left: 65%;
    bottom: 0;
    margin-top: 0;
    transform: translateX(-50%);
}

.cb-staffing__offers--pointer-visible .cb-staffing__offers-tabs {
    padding: 10px 0 73px;
    transition: padding 0.4s ease;
}

.cb-staffing__offers:not(.cb-staffing__offers--pointer-visible) .cb-staffing__offers-lead {
    padding: 0;
    transition: padding 0.4s ease;
}

.cb-staffing__offers-tab {
    flex: 0 1 auto;
    min-width: 180px;
    justify-content: flex-start;
    gap: 12px;
    padding: 9px 18px 9px 10px;
}

.cb-staffing__offers-tab:hover,
.cb-staffing__offers-tab:focus-visible {
    outline: none;
}

.cb-staffing__offers-tab-photo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    border: 2px solid rgba(246, 90, 3, 0.18);
    box-shadow: 0 4px 10px rgba(33, 46, 68, 0.08);
}

.cb-staffing__offers-tab-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-staffing__offers-tab-text {
    min-width: 0;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb-staffing__offers-panel {
    display: none;
}

.cb-staffing__offers-panel--active {
    display: block;
}

.cb-staffing__offers-layout {
    display: grid;
    grid-template-columns: minmax(320px, 553px) 1px minmax(0, 1fr);
    gap: 0 54px;
    align-items: stretch;
}

.cb-staffing__offers-main {
    display: flex;
    flex-direction: column;
    gap: 42px;
}

.cb-staffing__offers-lead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cb-staffing__offers-title {
    margin: 0 0 20px;
    font-family: 'Onest', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--camels-text);
}

.cb-staffing__offers-description {
    max-width: 520px;
    margin-bottom: 24px;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.55;
    color: var(--camels-text);
}

.cb-staffing__offers-cta {
    min-height: 56px;
}

.cb-staffing__offers-review {
    padding: 20px;
    border: 1px solid var(--camels-border-gray);
    border-radius: 18px;
    background: var(--camels-bg);
}

.cb-staffing__offers-review-text {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.55;
    color: var(--camels-text);
}

.cb-staffing__offers-review-author {
    margin: 16px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--camels-text);
}

.cb-staffing__offers-divider {
    width: 1px;
    background: #b1b3b8;
}

.cb-staffing__offers-side {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cb-staffing__offers-stats {
    display: flex;
    align-items: stretch;
}

.cb-staffing__offers-stat {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.cb-staffing__offers-stat-value {
    font-family: 'Onest', sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--camels-text);
}

.cb-staffing__offers-stat-label {
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--camels-text);
}

.cb-staffing__offers-stat-divider {
    width: 1px;
    min-height: 64px;
    margin: 0 42px;
    background: #b1b3b8;
    flex-shrink: 0;
}

.cb-staffing__offers-section-title {
    margin: 0 0 20px;
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--camels-text);
}

.cb-staffing__offers-bullets,
.cb-staffing__offers-service-column {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cb-staffing__offers-bullets {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.cb-staffing__offers-bullet {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cb-staffing__offers-bullet-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    border-radius: 50%;
    background: var(--camels-border-track);
    color: var(--camels-primary-80);
    flex-shrink: 0;
    font-size: 11px;
}

.cb-staffing__offers-bullet-text,
.cb-staffing__offers-service-text,
.cb-staffing__offers-footnote {
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.45;
    color: var(--camels-text);
}

.cb-staffing__offers-services {
    display: flex;
    gap: 37px;
}

.cb-staffing__offers-service-column {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 12px;
}

.cb-staffing__offers-service-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cb-staffing__offers-service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--camels-text);
    flex-shrink: 0;
    font-size: 14px;
}

.cb-staffing__offers-footnote {
    margin: 0;
    font-size: 14px;
    color: var(--camels-text);
}

.cb-staffing__erp-section.cb-staffing__title-block-two-page {
    border-radius: var(--cb-staffing-erp-radius);
    padding: var(--cb-staffing-erp-pad) var(--cb-staffing-wide-pad-x);
    margin-left: var(--cb-staffing-wide-bleed-x);
    margin-right: var(--cb-staffing-wide-bleed-x);
    top: clamp(-8px, -0.9vw, -15px);
}

.cb-staffing__important-col {
    flex: 1;
    padding: 16px;
    border-radius: 16px;
    background: var(--camels-surface);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    box-shadow: 0px 5px 15px var(--camels-border);
    width: fit-content;
    margin: 0 auto;
}

.cb-staffing__important-col--expandable {
    cursor: pointer;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
    width: fit-content;
}

.cb-staffing__important-col--expandable:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.08);
}

.cb-staffing__important-col-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--camels-surface-tab);
    color: var(--camels-muted-alt);
    flex-shrink: 0;
    margin-left: auto;
    transition: background 0.2s ease, color 0.2s ease;
}

.cb-staffing__important-col--expanded .cb-staffing__important-col-chevron {
    background: var(--camels-accent);
    color: var(--camels-surface);
}

.cb-staffing__important-col-details {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 20px 24px;
    margin-top: 12px;
    box-shadow: 0 2px 12px rgba(33, 46, 68, 0.04);
}

.cb-staffing__important-col-details[hidden] {
    display: none;
}

.cb-staffing__important-col-details .cb-staffing__accordion-title {
    margin-bottom: 16px;
}

.cb-staffing__important-col--blue {
    border: 1px solid var(--camels-blue-info);
}

.cb-staffing__important-col--green {
    border: 1px solid var(--camels-green-bright);
}

.cb-staffing__important-col-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--camels-black);
    line-height: 1.6;
    margin: 0;
}

.cb-staffing__check-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-staffing__check-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-description);
    color: var(--camels-black);
}

/* Hide default ::before dot when check-list uses SVG bullets */
.cb-staffing__check-list.cb-partner__role-list {
    padding-left: 0;
}
.cb-staffing__check-list.cb-partner__role-list li::before {
    display: none;
}

.cb-staffing__bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: var(--camels-text-strong);
    border-radius: 50%;
}

.cb-staffing__bullet img {
    width: 14px;
    height: 14px;
}

/* =============================================
   INVESTOR TAB
   ============================================= */

.cb-staffing__investor-hero,
.cb-staffing__investor-section {
    position: relative;
    z-index: 1;
}

.cb-staffing__investor-hero-shell {
    position: relative;
    padding: 32px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 249, 249, 0.98)),
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.1), transparent 34%);
    color: var(--camels-text);
    overflow: hidden;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-staffing__investor-hero-shell::before,
.cb-staffing__investor-hero-shell::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(246, 90, 3, 0.14), transparent 70%);
    pointer-events: none;
}

.cb-staffing__investor-hero-shell::before {
    top: -180px;
    right: -120px;
    width: 380px;
    height: 380px;
}

.cb-staffing__investor-hero-shell::after {
    bottom: -140px;
    left: -100px;
    width: 280px;
    height: 280px;
}

.cb-staffing__investor-eyebrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px 16px;
    border: 1px solid rgba(246, 90, 3, 0.16);
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--camels-surface);
}

.cb-staffing__investor-eyebrow i,
.cb-staffing__investor-summary-item i,
.cb-staffing__investor-notice i,
.cb-staffing__investor-aside-list i {
    color: var(--camels-surface);
}

.cb-staffing__investor-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 28px;
    align-items: center;
}

.cb-staffing__investor-title {
    margin: 0 0 18px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    line-height: 1.02;
    letter-spacing: -0.04em;
    color: var(--camels-black);
}

.cb-staffing__investor-title span {
    color: var(--camels-accent);
}

.cb-staffing__investor-subtitle {
    max-width: 840px;
    margin: 0 0 24px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.65;
    color: var(--camels-black);
}

.cb-staffing__investor-notice {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 0 0 28px;
    padding: 16px 18px;
    border: 1px solid rgba(246, 90, 3, 0.14);
    border-radius: 20px;
    background: var(--camels-surface-warm);
    font-family: 'Onest', sans-serif;
    line-height: 1.55;
    color: var(--camels-black);
}

.cb-staffing__investor-notice i {
    margin-top: 3px;
    flex: 0 0 auto;
}

.cb-staffing__investor-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.cb-staffing__investor-ghost-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 10px 24px;
    border: 1px solid var(--camels-accent);
    border-radius: 8px;
    color: var(--camels-accent);
    background: var(--camels-surface);
    text-decoration: none;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-button);
    font-weight: 600;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.cb-staffing__investor-ghost-btn:hover,
.cb-staffing__investor-ghost-btn:focus-visible {
    outline: none;
    background: var(--camels-accent);
    border-color: transparent;
    color: var(--camels-surface);
}

.cb-investor-block {
    padding: 20px;
}


.cb-staffing__investor-summary-card {
    padding: 24px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 5px 15px rgba(33, 46, 68, 0.06);
}

.cb-staffing__investor-summary-title {
    margin: 0 0 16px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
}

.cb-staffing__investor-summary-list {
    display: grid;
    gap: 12px;
}

.cb-staffing__investor-summary-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 18px;
    background: var(--camels-surface);
}

.cb-staffing__investor-summary-item i {
    width: 18px;
    margin-top: 2px;
    flex: 0 0 auto;
}

.cb-staffing__investor-summary-item strong {
    display: block;
    margin-bottom: 4px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-staffing__investor-summary-item span {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
}

.cb-staffing__investor-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.cb-staffing__investor-stat {
    padding: 18px 16px;
    border: 1px solid rgba(16, 20, 24, 0.06);
    border-radius: 22px;
    background: var(--camels-surface);
    box-shadow: 0 14px 34px rgba(16, 20, 24, 0.06);
}

.cb-staffing__investor-stat-label {
    margin: 0 0 10px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--camels-black);
}

.cb-staffing__investor-stat-value {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.2;
    font-weight: 800;
    color: var(--camels-black);
}

.cb-staffing__investor-block {
    padding: 30px;
}

.cb-staffing__investor-section-head {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 24px;
}

.cb-staffing__investor-section-head > div {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.cb-staffing__investor-section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-staffing__investor-section-title {
    margin: 0 0 8px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--camels-black);
    text-align: center;
}

.cb-staffing__investor-section-subtitle {
    max-width: 850px;
    margin: 0 auto;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.7;
    color: var(--camels-black);
    text-align: center;
}

.cb-staffing__investor-request-cta {
    display: flex;
    justify-content: center;
    padding: 16px 0 4px;
}

.cb-staffing__investor-actions--cta {
    justify-content: center;
}

.cb-staffing__investor-request-btn {
    min-width: 240px;
}

.cb-staffing__investor-catalog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.cb-staffing__investor-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
    padding: 24px;
    border: 1px solid rgba(16, 20, 24, 0.1);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 251, 0.95));
    box-shadow: 0 18px 38px rgba(16, 20, 24, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.cb-staffing__investor-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(16, 20, 24, 0.1);
    border-color: rgba(246, 90, 3, 0.18);
}

.cb-staffing__investor-card-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.cb-staffing__investor-card-icon,
.cb-staffing__investor-fact i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--camels-accent);
    background: var(--camels-surface);
    border: 1px solid rgba(246, 90, 3, 0.14);
}

.cb-staffing__investor-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    font-size: 20px;
    flex: 0 0 auto;
}

.cb-staffing__investor-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid rgba(246, 90, 3, 0.14);
    border-radius: 999px;
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cb-staffing__investor-card-title {
    margin: 0 0 8px;
    font-family: 'Onest', sans-serif;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: var(--camels-text);
}

.cb-staffing__investor-card-desc {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.65;
    color: var(--camels-black);
}

.cb-staffing__investor-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cb-staffing__investor-meta-item {
    padding: 14px;
    border: 1px solid rgba(16, 20, 24, 0.06);
    border-radius: 18px;
    background: var(--camels-surface);
}

.cb-staffing__investor-meta-item strong {
    display: block;
    margin-bottom: 6px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--camels-black);
}

.cb-staffing__investor-meta-item span {
    display: block;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.45;
    font-weight: 700;
    color: var(--camels-black);
}

.cb-staffing__investor-card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: auto;
    padding-top: 4px;
}

.cb-staffing__investor-card-stage {
    max-width: 60%;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.55;
    color: var(--camels-black);
}

.cb-staffing__investor-card-btn {
    min-width: 148px;
}

.cb-staffing__investor-facts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.cb-staffing__investor-fact {
    padding: 24px;
    border: 1px solid rgba(16, 20, 24, 0.1);
    border-radius: 26px;
    background: var(--camels-surface);
    box-shadow: 0 18px 38px rgba(16, 20, 24, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cb-staffing__investor-fact:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 52px rgba(16, 20, 24, 0.08);
}

.cb-staffing__investor-fact i {
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    border-radius: 16px;
    font-size: 20px;
}

.cb-staffing__investor-fact h3 {
    margin: 0 0 10px;
    font-family: 'Onest', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    color: var(--camels-text);
}

.cb-staffing__investor-fact p {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--camels-muted);
}

.cb-staffing__investor-form-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(320px, 0.68fr);
    gap: 22px;
    padding: 26px;
    border: 1px solid rgba(16, 20, 24, 0.1);
    border-radius: 30px;
    background: linear-gradient(180deg, #fff 0%, #f9fbfd 100%);
    box-shadow: 0 18px 42px rgba(16, 20, 24, 0.06);
}

.cb-staffing__investor-form-aside {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 26px;
    border-radius: 24px;
    background:
        linear-gradient(155deg, rgba(16, 20, 24, 0.96), rgba(25, 30, 38, 0.92)),
        linear-gradient(135deg, rgba(246, 90, 3, 0.14), transparent);
    color: var(--camels-surface);
    overflow: hidden;
}

.cb-staffing__investor-form-aside::before {
    content: '';
    position: absolute;
    right: -80px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(246, 90, 3, 0.32), transparent 70%);
}

.cb-staffing__investor-form-aside > * {
    position: relative;
    z-index: 1;
}

.cb-staffing__investor-form-aside h3 {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 28px;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.cb-staffing__investor-form-aside p {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.76);
}

.cb-staffing__investor-aside-list {
    display: grid;
    gap: 12px;
    margin-top: 10px;
}

.cb-staffing__investor-aside-list div {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.06);
}

.cb-staffing__investor-aside-list i {
    margin-top: 3px;
    flex: 0 0 auto;
}

.cb-staffing__investor-form-placeholder {
    display: grid;
    gap: 18px;
    align-content: start;
    padding: 24px;
    border: 1px solid rgba(16, 20, 24, 0.08);
    border-radius: 24px;
    background: var(--camels-surface);
}

.cb-staffing__investor-form-placeholder-head h3 {
    margin: 0 0 10px;
    font-family: 'Onest', sans-serif;
    font-size: 24px;
    line-height: 1.18;
    color: var(--camels-text);
}

.cb-staffing__investor-form-placeholder-head p,
.cb-staffing__investor-form-note {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: var(--camels-muted);
}

.cb-staffing__investor-form-plan {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cb-staffing__investor-form-chip {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid rgba(246, 90, 3, 0.14);
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

.cb-staffing__investor-actions--placeholder {
    margin-top: 6px;
}

.cb-staffing__investor-placeholder-btn[aria-disabled='true'] {
    opacity: 0.72;
    pointer-events: none;
}

.cb-staffing__investor-modal .cb-training-modal__overlay {
    background: rgba(7, 10, 14, 0.72);
    backdrop-filter: blur(10px);
}

.cb-staffing__investor-modal .cb-training-modal__close {
    top: 16px;
    right: 16px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    box-shadow: 0 16px 30px rgba(16, 20, 24, 0.16);
}

.cb-staffing__investor-modal .cb-training-modal__close:hover {
    background: var(--camels-surface);
    color: var(--camels-accent);
    border-color: rgba(246, 90, 3, 0.2);
}

.cb-staffing__investor-modal .cb-training-modal__layout {
    display: grid;
    grid-template-columns: minmax(340px, 0.86fr) minmax(0, 1.14fr);
    height: min(1200px, 92vh);
    min-height: min(780px, 92vh);
    overflow: hidden;
}

.cb-staffing__investor-modal .cb-training-modal__visual {
    flex: none;
    max-width: none;
    min-height: 0;
    padding: 32px;
    border-radius: 0;
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.34), transparent 30%),
        radial-gradient(circle at bottom left, rgba(255, 178, 125, 0.18), transparent 30%),
        linear-gradient(160deg, rgba(12, 16, 21, 0.98), rgba(27, 33, 42, 0.96));
    color: var(--camels-surface);
    justify-content: flex-start;
    gap: 22px;
}

.cb-staffing__investor-modal .cb-training-modal__visual::before {
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 34%);
}

.cb-staffing__investor-modal .cb-training-modal__visual::after {
    width: 320px;
    height: 320px;
    left: auto;
    right: -140px;
    bottom: -120px;
    transform: none;
    background: radial-gradient(circle, rgba(246, 90, 3, 0.26), transparent 68%);
}

.cb-staffing__investor-modal-heading,
.cb-staffing__investor-modal-highlights,
.cb-staffing__investor-modal-note,
.cb-staffing__investor-modal-foot {
    position: relative;
    z-index: 1;
}

.cb-staffing__investor-modal .cb-training-modal__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-bottom: 18px;
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-staffing__investor-modal .cb-training-modal__badge i {
    color: #ffb27d;
}

.cb-staffing__investor-modal .cb-training-modal__title {
    display: block;
    margin: 0 0 14px;
    padding: 0;
    background: transparent;
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: clamp(28px, 2.8vw, 42px);
    line-height: 1.04;
    letter-spacing: -0.03em;
}

.cb-staffing__investor-modal .cb-training-modal__subtitle {
    margin: 0;
    padding: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.78);
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

.cb-staffing__investor-modal .cb-training-modal__visual-list {
    display: grid;
    gap: 12px;
}

.cb-staffing__investor-modal .cb-training-modal__visual-list div,
.cb-staffing__investor-modal .cb-training-modal__visual-note,
.cb-staffing__investor-modal-foot {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(10px);
}

.cb-staffing__investor-modal .cb-training-modal__visual-list div {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 15px 16px;
    color: rgba(255, 255, 255, 0.84);
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.6;
}

.cb-staffing__investor-modal .cb-training-modal__visual-list i,
.cb-staffing__investor-modal .cb-training-modal__visual-note i {
    color: #ffb27d;
    flex: 0 0 auto;
    margin-top: 3px;
}

.cb-staffing__investor-modal .cb-training-modal__visual-note {
    display: flex;
    gap: 12px;
    padding: 16px;
    color: rgba(255, 255, 255, 0.88);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

.cb-staffing__investor-modal-foot {
    display: grid;
    gap: 6px;
    margin-top: auto;
    padding: 16px;
}

.cb-staffing__investor-modal-foot-label,
.cb-staffing__investor-modal-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-staffing__investor-modal-foot-text {
    color: rgba(255, 255, 255, 0.72);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    line-height: 1.6;
}

.cb-staffing__investor-modal .cb-training-modal__body {
    min-height: 0;
    height: 100%;
    padding: 32px;
    overflow-y: auto;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

.cb-staffing__investor-modal-inner {
    display: grid;
    gap: 22px;
}

.cb-staffing__investor-modal-overview {
    display: grid;
    gap: 16px;
    padding: 22px;
    border: 1px solid rgba(16, 20, 24, 0.08);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 252, 0.96));
    box-shadow: 0 16px 36px rgba(16, 20, 24, 0.06);
}

.cb-staffing__investor-modal-overview-head {
    display: grid;
    gap: 8px;
}

.cb-staffing__investor-modal-overview-text,
.cb-staffing__investor-modal-cta-copy p {
    margin: 0;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.cb-staffing__investor-modal .cb-training-modal__info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cb-staffing__investor-modal .cb-training-modal__info-card {
    padding: 18px;
    border: 1px solid rgba(16, 20, 24, 0.08);
    border-radius: 18px;
    background: var(--camels-surface);
    box-shadow: 0 10px 24px rgba(16, 20, 24, 0.04);
}

.cb-staffing__investor-modal .cb-training-modal__info-card strong {
    display: block;
    margin-bottom: 8px;
    color: var(--camels-muted);
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-staffing__investor-modal .cb-training-modal__info-card span {
    display: block;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;
}

.cb-staffing__investor-modal-sections {
    display: grid;
    gap: 16px;
}

.cb-staffing__investor-modal .cb-training-modal__block {
    padding: 22px;
    border: 1px solid rgba(16, 20, 24, 0.08);
    border-radius: 22px;
    background: var(--camels-surface);
    box-shadow: 0 14px 28px rgba(16, 20, 24, 0.05);
}

.cb-staffing__investor-modal-block-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.cb-staffing__investor-modal-block-index {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 800;
    flex: 0 0 auto;
}

.cb-staffing__investor-modal .cb-training-modal__block h3 {
    margin: 0;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: 21px;
    line-height: 1.2;
}

.cb-staffing__investor-modal .cb-training-modal__block p,
.cb-staffing__investor-modal .cb-training-modal__block li {
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

.cb-staffing__investor-modal .cb-training-modal__block ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding-left: 22px;
}

.cb-staffing__investor-modal .cb-training-modal__cta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border: 1px solid rgba(246, 90, 3, 0.12);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.08), rgba(255, 249, 245, 0.96));
}

.cb-staffing__investor-modal-cta-copy {
    display: grid;
    gap: 8px;
    max-width: 560px;
}

.cb-staffing__investor-modal-cta-btn {
    min-width: 200px;
    width: fit-content;
    white-space: nowrap;
    justify-content: center;
}

/* =============================================
   VACANCY PREVIEW SECTION
   ============================================= */

.cb-staffing__vacancy {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 40px;
    box-shadow: 0 5px 15px var(--camels-border);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(13vw - 20px), 180px);
    margin-left: calc(-.96 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-.95 * clamp(0px, calc(13vw - 20px), 180px));
}

.cb-staffing__vacancy-body {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 0 12px;
}

.cb-staffing__vacancy-image {
    flex-shrink: 0;
    width: 500px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background: var(--camels-black);
}

.cb-staffing__vacancy-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.35s ease, filter 0.35s ease, transform 0.35s ease;
}

.cb-staffing__vacancy-image::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.42);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='white' stroke-width='2'/%3E%3Cpath d='M17 17l3.5 3.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 11h6M11 8v6' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.3s ease, width 0.3s ease, height 0.3s ease, border-radius 0.3s ease, background-size 0.3s ease;
}

.cb-staffing__vacancy-image:hover img {
    filter: blur(1.5px);
    transform: scale(1.03);
    opacity: 0.88;
}

.cb-staffing__vacancy-image:hover::after {
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-size: 32px;
}

.cb-staffing__vacancy-zoom {
    position: absolute;
    left: 50%;
    bottom: 22%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 4;
}

.cb-staffing__vacancy-zoom i {
    display: none;
}

.cb-staffing__vacancy-zoom-text {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.cb-staffing__vacancy-image:hover .cb-staffing__vacancy-zoom {
    opacity: 1;
}

.cb-staffing__vacancy-info {
    display: flex;
    flex-direction: column;
    gap: 29px;
    padding: 20px;
    flex: 1;
}

.cb-staffing__vacancy-title {
    display: flex;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 700;
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: center;
    text-align: center;
    width: 100%;
}


.cb-staffing__vacancy-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cb-staffing__vacancy-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.cb-staffing__vacancy-item:hover {
    box-shadow: 0 3px 12px rgba(33, 46, 68, 0.08);
    transform: translateY(-1px);
}

.cb-staffing__vacancy-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: var(--camels-surface);
    border-radius: 6px;
    flex-shrink: 0;
}

.cb-staffing__vacancy-icon img {
    width: 20px;
    height: 20px;
}

/* =============================================
   BLOCK 2 — LAUNCH / ONLINE FACTORY
   ============================================= */

.cb-staffing__launch {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.cb-staffing__launch-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 26px;
    padding: 15px;
}

.cb-staffing__launch-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    color: var(--camels-black);
    margin: 0;
    text-align: center;
}

/* --- Cards grid --- */
.cb-staffing__launch-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.cb-staffing__launch-card {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.cb-staffing__launch-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
    transform: translateY(-2px);
}

.cb-training__cards .cb-training__card:hover,
.cb-training__cards .cb-training__card-live-wrap:hover,
.cb-training__cards-page .cb-training__card:hover,
.cb-training__cards-page .cb-training__card-live-wrap:hover {
    box-shadow: 0 4px 20px var(--camels-accent-shadow);
    
}

.cb-staffing__launch-card--accent {
    border-color: var(--camels-accent);
    background: linear-gradient(135deg, var(--camels-surface-warm) 0%, var(--camels-surface) 100%);
}

.cb-staffing__launch-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--camels-border-soft);
}

.cb-staffing__launch-card-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--camels-surface);
}

/* ======================================================
   Timeline (staffing launch cards)
   ====================================================== */
.cb-staffing__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0;
}

/* Vertical connector line */
.cb-staffing__timeline::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 0;
    height: var(--timeline-line-h, 0px);
    margin-top: var(--timeline-line-top, 0px);
    width: 3px;
    background: var(--camels-border-gray);
    z-index: 0;
    border-radius: 2px;
}

/* Single timeline step (marker + card) */
.cb-staffing__timeline-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    scroll-margin-top: var(--camels-process-header-offset, 104px);
}

/* Step marker circle */
.cb-staffing__timeline-marker {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 50%;
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--camels-surface);
    box-shadow: 0 4px 12px rgba(34, 52, 85, 0.25);
    margin-top: 16px;
    flex-shrink: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 2;
}

.cb-staffing__timeline-step:hover .cb-staffing__timeline-marker {
    transform: scale(1.08);
    box-shadow: 0 6px 18px rgba(34, 52, 85, 0.35);
}

/* Content area next to marker */
.cb-staffing__timeline-content {
    flex: 1;
    min-width: 0;
}

/* Hidden steps (3-6) */
.cb-staffing__timeline-step--hidden {
    display: none;
}

.cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible {
    display: flex;
}

/* Toggle button wrap */
.cb-staffing__timeline-toggle-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 66px;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}


.cb-staffing__timeline-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border: 2px solid var(--camels-accent);
    border-radius: 12px;
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.cb-staffing__timeline-toggle:hover {
    background: var(--camels-accent);
    color: var(--camels-surface);
    box-shadow: 0 4px 16px var(--camels-accent-shadow);
}

.cb-staffing__timeline-toggle i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.cb-staffing__timeline-toggle--expanded i {
    transform: rotate(180deg);
}

/* Smooth entrance for revealed steps */
.cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible {
    animation: staffingTimelineReveal 0.4s ease forwards;
}

@keyframes staffingTimelineReveal {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Staggered delay for each hidden step */
.cb-staffing__timeline-step--hidden:nth-child(5).cb-staffing__timeline-step--visible {
    animation-delay: 0s;
}
.cb-staffing__timeline-step--hidden:nth-child(6).cb-staffing__timeline-step--visible {
    animation-delay: 0.08s;
}
.cb-staffing__timeline-step--hidden:nth-child(7).cb-staffing__timeline-step--visible {
    animation-delay: 0.16s;
}
.cb-staffing__timeline-step--hidden:nth-child(8).cb-staffing__timeline-step--visible {
    animation-delay: 0.24s;
}

.cb-staffing__launch-card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
}

.cb-staffing__launch-card-desc {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.5;
    color: var(--camels-black);
    margin: 0;
}

/* --- Lists inside cards --- */
.cb-staffing__launch-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-staffing__launch-list li {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.5;
    color: var(--camels-text-strong);
    padding-left: 16px;
    position: relative;
}

.cb-staffing__launch-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--camels-dark-blue);
}

.cb-staffing__launch-list--check li::before {
    border-radius: 50%;
    color: var(--camels-surface);
    font-weight: 700;
    left: 0;
    top: 0.75em;
    display: flex;
    justify-content: center;
    position: absolute;
}

.cb-staffing__launch-list--compact {
    gap: 5px;
}

.cb-staffing__launch-list--compact li {
    font-size: var(--fs-description-alt);
    padding-left: 14px;
}

.cb-staffing__launch-list--compact li::before {
    top: 7px;
    width: 5px;
    height: 5px;
}

/* --- Launch table --- */
.cb-staffing__launch-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
}

.cb-staffing__launch-table th {
    text-align: left;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-accent);
    letter-spacing: 0.03em;
    padding: 6px 8px;
    border-bottom: 2px solid var(--camels-border-soft);
}

.cb-staffing__launch-table td {
    padding: 7px 8px;
    color: var(--camels-text-strong);
    border-bottom: 1px solid var(--camels-border-cell);
    line-height: 1.4;
    font-size: var(--fs-card-title);
}

.cb-staffing__launch-table td strong {
    color: var(--camels-black);
    font-weight: 700;
}

.cb-staffing__launch-table tbody tr:last-child td {
    border-bottom: none;
    background: rgba(246, 90, 3, 0.06);
    font-weight: 600;
    color: var(--camels-black);
}

/* --- Econ table (Figma-styled Card 3) --- */
.cb-staffing__econ-wrap {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: hidden;
}

.cb-staffing__econ-header {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cb-staffing__econ-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: normal;
    margin: 0;
}

.cb-staffing__econ-table {
    display: flex;
    flex-direction: column;
    margin-bottom: 1px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.cb-staffing__econ-row {
    display: flex;
    margin-bottom: -1px;
}

.cb-staffing__econ-cell {
    display: flex;
    align-items: center;
    padding: 20px 22px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-right: -1px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    line-height: normal;
    box-sizing: border-box;
}

.cb-staffing__econ-cell--label {
    width: 50%;
    flex-shrink: 0;
}

.cb-staffing__ras-cell--label {
    width: 40%;
    flex-shrink: 0;
}


.cb-staffing__ras-cell--formula{
    flex: 1 1 0;
    min-width: 42%;
    justify-content: flex-start;
}

.cb-staffing__ras-cell--sum {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
}

.cb-staffing__econ-cell--formula,
.cb-staffing__econ-cell--sum {
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
}

.cb-staffing__econ-cell--sum,
.cb-staffing__ras-cell--sum {
    justify-content: space-between;
}

.cb-staffing__econ-cell strong {
    font-weight: 700;
    color: var(--camels-text);
}

/* Header row gray background */
.cb-staffing__econ-row--head .cb-staffing__econ-cell {
    min-height: 60px;
    background: var(--camels-primary-5);
    font-weight: 500;
    color: var(--camels-text);
}

.cb-staffing__econ-row:not(.cb-staffing__econ-row--head) .cb-staffing__econ-cell {
    min-height: 80px;
}

/* Last row highlight */
.cb-staffing__econ-row--last .cb-staffing__econ-cell {
    background: var(--camels-surface);
}

.cb-staffing__econ-row--last .cb-staffing__econ-cell strong {
    color: var(--camels-text);
}

.cb-staffing__alarm-indicator {
    font-size: 24px;
    color: red;
    border-radius: 6px;
}

.cb-staffing__blicn-indicator {
    font-size: 24px;
    color: var(--camels-text);
    border-radius: 6px;
}

/* Yellow indicator square */
.cb-staffing__yellow-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #FFD700;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(255, 215, 0, 0.2);
}

/* Red indicator square */
.cb-staffing__red-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #FF3B30;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(255, 59, 48, 0.2);
}

/* Gray indicator square */
.cb-staffing__gray-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #C4C4C4;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(196, 196, 196, 0.2);
}

/* Orange indicator square */
.cb-staffing__orange-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #ff7723;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(251, 149, 26, 0.2);
}

.cb-staffing__black-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: var(--camels-black);
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.2);
}

.cb-staffing__orange-indicator2::before {
    content: '\f00c' !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: var(--camels-accent) !important;
    color: var(--camels-surface) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.cb-staffing__orange-indicator3::before {
    content: '\f00c' !important;
    font-family: 'Font Awesome 7 Free' !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    position: static !important;
    transform: none !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: var(--camels-text) !important;
    color: var(--camels-surface) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Green indicator square */
.cb-staffing__green-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #AFCD39;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(175, 205, 57, 0.2);
}

/* Blue indicator square */
.cb-staffing__blue-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #0263FF;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(88, 143, 218, 0.2);
}


.cb-staffing__purple-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: var(--camels-primary);
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(88, 143, 218, 0.2);
}

/* Gold indicator square */
.cb-staffing__gold-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #FFD700;    
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(255, 215, 0, 0.2);
}

.cb-staffing__darkyellow-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #FFC107;    
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(255, 193, 7, 0.2);
}

/* Purple indicator square */
.cb-staffing__purple-indicator {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    background: #8E30FF;
    border-radius: 6px;
    box-shadow: 0 10px 14px rgba(142, 48, 255, 0.2);
}

/* --- Game section (Card 5 — Кто что делает) --- */
.cb-staffing__game {
    border-radius: 20px;
    padding: 0px 20px 0px;
    overflow: hidden;
    background: var(--camels-surface-95);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 40px;
    box-shadow: 0 5px 15px var(--camels-border);
}

.cb-staffing__game-container {
    max-width: 100%;
}

.cb-staffing__game-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 0px;
}

.cb-staffing__game-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.2;
}

.cb-staffing__game-columns {
    display: flex;
    align-items: flex-start;
}

.cb-staffing__game-col {
    flex-basis: 44%;
    flex-shrink: 1;
    flex-grow: 0;
    position: relative;
}

.cb-staffing__game-col.cb-staffing__game-aim {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    min-height: 430px;
}

.cb-staffing__game-aim svg {
    position: absolute;
    z-index: 0;
    top: 7%;
    width: 100%;
    height: auto;
    transform: scale(1);
    transform: rotateX(
43deg);
}

.cb-staffing__game-aim svg path {
    opacity: 0;
}

.cb-staffing__game-aim svg path.animate-path {
    opacity: 1;
    stroke-dasharray: 700;
    stroke-dashoffset: 700;
    animation: game-draw 3s ease forwards;
}

@keyframes game-draw {
    to { stroke-dashoffset: 0; }
}

.cb-staffing__game-aim-img {
    position: relative;
    width: 80%;
    max-width: 80%;
    height: auto;
    margin-top: 90px;
    z-index: 1;
    display: inline;
}

.cb-staffing__game-aim-inner {
    position: relative;
    width: 100%;
    min-height: inherit;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.cb-staffing__game-bigtitle {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    color: var(--camels-surface);
    background: var(--camels-text);
    padding: 15px 40px 20px;
    justify-content: center;
    border-radius: 30px 30px 0 0;
    width: 100%;
    z-index: 2;
    position: relative;
    margin: 0;
    font-size: var(--fs-description-alt);
    align-items: center;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    top: 0px;
}

.cb-staffing__game-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cb-staffing__game-brand-mark,
.cb-staffing__game-brand-text {
    display: block;
    height: auto;
    flex-shrink: 0;
}

.cb-staffing__game-brand-mark {
    width: 80px;
}

.cb-staffing__game-brand-text {
    width: 175px;
}

.cb-staffing__game-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cb-staffing__game-title-text {
    min-width: 0;
}

.cb-staffing__game-spollers {
    display: grid;
    gap: 10px;
    background: var(--camels-bg);
    border-radius: 0 0 30px 30px;
    padding: 10px 10px 20px;
}

.cb-staffing__game-spoller-item {
    font-size: var(--fs-card-title);
}

.cb-staffing__game-spoller-item:last-child {
    border-bottom: none;
}

.cb-staffing__game-spoller-btn {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    background: var(--camels-bg);
    border: none;
    text-align: left;
    line-height: normal;
    position: relative;
    transition: color 0.2s;
}

.cb-staffing__game-spoller-btn::after {
    transform: translate(0, -50%) rotate(-40deg);
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-muted);
}

/* --- Zones (Card 5 split) --- */
.cb-staffing__launch-zones {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-staffing__launch-zone {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cb-staffing__launch-zone-label {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--camels-surface);
    width: fit-content;
}

.cb-staffing__launch-zone-label--orange {
    background: var(--camels-accent);
}

.cb-staffing__launch-zone-label--blue {
    background: var(--camels-black);
}

/* --- Scenarios Business Plan section (redesigned) --- */
.cb-staffing__scenarios {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 0;
    box-shadow: 0 8px 40px rgba(33, 46, 68, 0.08);
    overflow: hidden;
    position: relative;
}

/* Header */
.cb-staffing__scenarios-header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 36px 36px 0;
}

.cb-staffing__scenarios-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 50px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.10), rgba(246, 90, 3, 0.04));
    border: 1px solid rgba(246, 90, 3, 0.18);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.03em;
    width: fit-content;
}

.cb-staffing__scenarios-badge i {
    font-size: 14px;
}

.cb-staffing__scenarios-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 12px;
}


.cb-staffing__scenarios-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    color: var(--camels-black);
    margin: 0;
    text-align: center;
}

.cb-staffing__scenarios-title-table {
    margin: 0 auto;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    line-height: 1.3;
    text-align: center;
    margin-bottom: 12px;
}

.cb-staffing__scenarios-subtitle-table {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    color: var(--camels-black);
    margin: 0 auto;
    display: block;
    text-align: center;
}

/* === Input Parameters === */
.cb-staffing__scenarios-params {
    margin: 15px 36px 0;
    background: var(--camels-surface-tab);
    border: 1px solid var(--camels-border-soft);
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cb-staffing__scenarios-params-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--camels-text-strong);
}

.cb-staffing__scenarios-params-head i {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-size: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.cb-staffing__scenarios-params-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.cb-staffing__scenarios-param {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 16px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.cb-staffing__scenarios-param:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
    transform: translateY(-2px);
    border-color: var(--camels-accent);
}

.cb-staffing__scenarios-param-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    color: var(--camels-surface);
    font-size: 16px;
}

.cb-staffing__scenarios-param-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.cb-staffing__scenarios-param-value {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
}

.cb-staffing__scenarios-param-label {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin: 0;
}

.cb-staffing__scenarios-param-hint {
    position: static;
    flex-shrink: 0;
    cursor: help;
    color: var(--camels-black);
    font-size: 14px;
}

.cb-staffing__scenarios-param-hint i {
    transition: color 0.2s ease;
}

.cb-staffing__scenarios-param:hover .cb-staffing__scenarios-param-hint i,
.cb-staffing__scenarios-param:focus-within .cb-staffing__scenarios-param-hint i,
.cb-staffing__scenarios-param-hint:hover i {
    color: var(--camels-accent);
}

.cb-staffing__scenarios-param-tooltip {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    width: 240px;
    padding: 10px 14px;
    background: var(--camels-black);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 10;
    pointer-events: none;
}

.cb-staffing__scenarios-param-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--camels-black);
}

.cb-staffing__scenarios-param:hover .cb-staffing__scenarios-param-tooltip,
.cb-staffing__scenarios-param:focus-within .cb-staffing__scenarios-param-tooltip,
.cb-staffing__scenarios-param-hint:hover .cb-staffing__scenarios-param-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Revenue formula line */
.cb-staffing__scenarios-revenue-line {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 20px;
    width: fit-content;
    margin: 0 auto;
}

.cb-staffing__scenarios-revenue-formula {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-staffing__scenarios-formula-sep {
    color: var(--camels-black);
    font-weight: 400;
}

.cb-staffing__scenarios-formula-term {
    position: relative;
    cursor: help;
    transition: border-color 0.2s ease, color 0.2s ease;
    line-height: 1.4;
}

.cb-staffing__scenarios-formula-term span {
    color: var(--camels-black);
}

.cb-staffing__scenarios-formula-term:hover {
    color: var(--camels-accent);
    border-bottom-color: var(--camels-accent);
}

.cb-staffing__scenarios-formula-tooltip {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: 230px;
    padding: 9px 13px;
    background: var(--camels-black);
    color: #fff!important;
    font-family: 'Onest', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.55;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    opacity: 0;
    visibility: hidden;
    white-space: normal;
    text-align: center;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 999;
    pointer-events: none;
    letter-spacing: 0;
}

.cb-staffing__scenarios-formula-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--camels-black);
}

.cb-staffing__scenarios-formula-term:hover .cb-staffing__scenarios-formula-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.cb-staffing__scenarios-revenue-eq {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: var(--camels-black);
}

.cb-staffing__scenarios-revenue-total {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    color: var(--camels-black);
}

.cb-staffing__scenarios-revenue-total span {
    font-weight: 500;
    font-size: var(--fs-card-title);
}

/* === Overhead (details/accordion) === */
.cb-staffing__scenarios-details {
    margin: 0;
    border: 1px solid var(--camels-border-soft);
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}

.cb-staffing__scenarios-details:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-staffing__scenarios-details[open] {
    box-shadow: 0 4px 20px rgba(33, 46, 68, 0.06);
}

.cb-staffing__scenarios-details-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    cursor: pointer;
    background: var(--camels-surface-tab);
    transition: background 0.2s ease;
    list-style: none;
}

.cb-staffing__scenarios-details-toggle::-webkit-details-marker {
    display: none;
}

.cb-staffing__scenarios-details-toggle::marker {
    display: none;
    content: '';
}

.cb-staffing__scenarios-details-toggle:hover {
    background: var(--camels-surface);
}

.cb-staffing__scenarios-details-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-text-strong);
}

.cb-staffing__scenarios-details-left i {
    color: #03a5f6;
    font-size: 15px;
}

.cb-staffing__scenarios-details-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cb-staffing__scenarios-details-arrow {
    display: flex;
    align-items: center;
    color: var(--camels-muted);
    transition: transform 0.3s ease;
}

.cb-staffing__scenarios-details[open] .cb-staffing__scenarios-details-arrow {
    transform: rotate(180deg);
}

.cb-staffing__scenarios-details-body {
    padding: 20px;
    background: var(--camels-surface);
}

.cb-staffing__scenarios-overhead-grid {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cb-staffing__scenarios-overhead-row {
    display: table-row;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
}

.cb-staffing__scenarios-overhead-row + .cb-staffing__scenarios-overhead-row .cb-staffing__scenarios-overhead-label,
.cb-staffing__scenarios-overhead-row + .cb-staffing__scenarios-overhead-row .cb-staffing__scenarios-overhead-value {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenarios-overhead-label {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    color: var(--camels-black);
    font-weight: 500;
    background: var(--camels-surface);
    box-sizing: border-box;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    width: auto;
    line-height: 1.4;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
}

.cb-staffing__scenarios-overhead-value {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    font-weight: 500;
    color: var(--camels-black);
    background: var(--camels-surface);
    white-space: nowrap;
    text-align: right;
    box-sizing: border-box;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
}

.cb-staffing__scenarios-overhead-row--total .cb-staffing__scenarios-overhead-label,
.cb-staffing__scenarios-overhead-row--total .cb-staffing__scenarios-overhead-value {
    font-weight: 700;
    color: var(--camels-black);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* === Scenario Tabs === */
.cb-staffing__scenarios-tabs-strip {
    position: relative;
    z-index: 2;
    margin: 20px 20px 0;
}

.cb-staffing__scenarios-tabs {
    display: flex;
    gap: 10px;
    padding: 0;
    position: relative;
    flex-wrap: wrap;
}

.cb-staffing__scenario-tab {
    flex: 1;
    min-width: 160px;
    padding: 14px 18px;
    border-radius: 16px;
    border: 1.5px solid var(--camels-border-tab);
    background: var(--camels-surface);
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    cursor: pointer;
    transition: all 0.25s ease;
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    text-align: left;
}

.cb-staffing__scenario-tab .cb-staffing__scenario-tab-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 10px;
    background: var(--camels-surface-tab);
    font-size: 16px;
    color: var(--camels-muted);
    transition: all 0.25s ease;
    flex-shrink: 0;
}

.cb-staffing__scenario-tab-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.cb-staffing__scenario-tab-text strong {
    font-weight: 700;
    font-size: var(--fs-card-title);
    line-height: 1.2;
}

.cb-staffing__scenario-tab-text small {
    font-weight: 400;
    font-size: var(--fs-card-title);
    line-height: 1.2;
}

.cb-staffing__scenario-tab-stats {
    font-weight: 400;
    font-size: var(--fs-card-desc);
    line-height: 1.2;
    margin-top: 2px;
    white-space: normal;
    word-break: break-word;
}

.cb-staffing__scenario-tab-rec {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd821, #f6a903);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(246, 169, 3, 0.4);
    z-index: 1;
}

.cb-staffing__scenario-tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.03);
}

.cb-staffing__scenario-tab:hover .cb-staffing__scenario-tab-icon {
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
}

.cb-staffing__scenario-tab--active:hover .cb-staffing__scenario-tab-icon {
    background: rgba(255, 255, 255, 0.2);
    color: var(--camels-surface);
}

.cb-staffing__scenario-tab--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 6px 24px rgba(246, 90, 3, 0.28);
}

.cb-staffing__scenario-tab--active .cb-staffing__scenario-tab-icon {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.cb-staffing__scenario-tab--active .cb-staffing__scenario-tab-text small {
    opacity: 0.85;
}

.cb-staffing__scenario-tab--active:hover {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
}

.cb-staffing__scenario-tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 2;
    pointer-events: none;
}

.cb-staffing__scenario-tab--active .cb-staffing__scenario-tab-rec {
    background: none;
}

/* === Scenario Panels === */
.cb-staffing__scenario-panel {
    display: none;
}

.cb-staffing__scenario-panel--active {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px 36px;
    animation: scenarioPanelIn 0.35s ease-out;
}

.cb-staffing__scenarios--pointer-visible .cb-staffing__scenario-panel--active {
    margin-top: 40px;
}

.cb-staffing__scenarios:not(.cb-staffing__scenarios--pointer-visible) .cb-staffing__scenario-panel--active {
    margin-top: 0;
}

@keyframes scenarioPanelIn {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: none; }
}

/* Profit summary bar */
.cb-staffing__scenario-profit-bar {
    background: var(--camels-surface-tab);
    border-radius: 20px;
    padding: 14px 20px;
    border: 1px solid var(--camels-border-soft);
    width: 100%;
    margin: 0 auto;
}

.cb-staffing__scenario-profit-formula {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.cb-staffing__scenario-profit-col {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.cb-staffing__scenario-profit-col-label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    letter-spacing: 0.06em;
    color: var(--camels-black);
}

.cb-staffing__scenario-profit-col-val {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-staffing__scenario-profit-col-val--expense {
    font-size: var(--fs-description);
    font-weight: 800;
}

.cb-staffing__scenario-profit-col-val--green {
    font-weight: 800;
    font-size: var(--fs-description);
}

.cb-staffing__scenario-profit-col-val--green small,
.cb-staffing__scenario-profit-col-val--expense small {
    font-weight: 500;
    font-size: 14px;
    color: var(--camels-black);
}

.cb-staffing__scenario-profit-op {
    font-family: 'Onest', sans-serif;
    font-weight: 300;
    font-size: 35px;
    color: var(--camels-black);
}

/* Cost breakdown cards */
.cb-staffing__scenario-costs {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 16px;
}
.cb-staffing__scenario-costs--active {
    display: grid;
}

.cb-staffing__scenario-cost-card {
    position: relative;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 16px;
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
    transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.cb-staffing__scenario-cost-card:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
    transform: translateY(-2px);
    border-color: var(--camels-accent);
}

.cb-staffing__scenario-cost-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 18px;
}

.cb-staffing__scenario-cost-icon--pl,
.cb-staffing__scenario-cost-icon--de {
    background: var(--camels-surface-tab);
    border: 1px solid var(--camels-border-light);
}

.cb-staffing__scenario-cost-icon--overhead {
    background: linear-gradient(135deg, rgba(3, 165, 246, 0.10), rgba(3, 165, 246, 0.04));
    color: var(--camels-blue-info);
}

.cb-staffing__scenario-cost-icon--risk {
    background: linear-gradient(135deg, rgba(255, 216, 33, 0.12), rgba(255, 216, 33, 0.04));
    color: #d4a800;
}

.cb-staffing__scenario-cost-label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    letter-spacing: 0.04em;
}

.cb-staffing__scenario-cost-value {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-staffing__scenario-cost-card--clickable {
    cursor: pointer;
    transition: all 0.22s ease;
}

.cb-staffing__scenario-cost-card--clickable:hover {
    border-color: var(--camels-accent);
    transform: translateY(-2px);
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-staffing__scenario-cost-card--clickable::after {
    content: '\f078';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    color: var(--camels-muted-light);
    position: absolute;
    bottom: 8px;
    right: 10px;
    transition: color 0.22s ease;
}

.cb-staffing__scenario-cost-card--clickable:hover::after {
    color: var(--camels-accent);
}

/* Team details (collapsible) */
.cb-staffing__scenario-team-details {
    border: 1px solid var(--camels-border-soft);
    border-radius: 16px;
    overflow: hidden;
    transition: box-shadow 0.25s ease;
}

.cb-staffing__scenario-team-details:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
}


.cb-staffing__scenario-team-toggle-arrow i,
.cb-staffing__scenarios-details-arrow i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--camels-surface-tab, #eeedf5);
    color: var(--camels-muted-alt, #9097a1);
    flex-shrink: 0;
    font-size: 0.7rem;
    transition: transform 0.3s ease, background 0.2s ease, color 0.2s ease;
}


.cb-staffing__scenario-team-details:hover .cb-staffing__scenario-team-toggle-arrow i,
.cb-staffing__scenarios-details-toggle:hover .cb-staffing__scenarios-details-arrow i {
    background: var(--camels-accent);
    color: #fff;
}

.cb-staffing__scenario-team-details[open] {
    box-shadow: 0 4px 16px rgba(33, 46, 68, 0.06);
}

.cb-staffing__scenario-team-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    cursor: pointer;
    background: var(--camels-surface-tab);
    transition: background 0.2s ease;
    list-style: none;
}

.cb-staffing__scenario-team-toggle::-webkit-details-marker {
    display: none;
}

.cb-staffing__scenario-team-toggle::marker {
    display: none;
    content: '';
}

.cb-staffing__scenario-team-toggle:hover {
    background: var(--camels-surface);
}

.cb-staffing__scenario-team-toggle-left {   
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-text-strong);
}

.cb-staffing__scenario-team-toggle-left i {
    color: var(--camels-accent);
    font-size: 15px;
}

.cb-staffing__scenario-team-fte-count {
    color: var(--camels-black);
    white-space: nowrap;
}

.cb-staffing__scenario-team-toggle-arrow {
    display: flex;
    align-items: center;
    color: var(--camels-muted);
    transition: transform 0.3s ease;
}

.cb-staffing__scenario-team-details[open] .cb-staffing__scenario-team-toggle-arrow {
    transform: rotate(180deg);
}

.cb-staffing__scenario-team-body {
    padding: 20px;
    background: var(--camels-surface);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cb-staffing__scenario-team-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-staffing__scenario-team-section-head {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: var(--camels-text-strong);
    padding: 0 4px;
}

.cb-staffing__scenario-team-table {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cb-staffing__scenario-team-row {
    display: table-row;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
}

.cb-staffing__scenario-team-row + .cb-staffing__scenario-team-row .cb-staffing__scenario-team-cell {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenario-team-row--head {
    background: var(--camels-surface-tab);
}

.cb-staffing__scenario-team-row--head .cb-staffing__scenario-team-cell {
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    letter-spacing: 0.05em;
    padding: 20px 22px;
}

.cb-staffing__scenario-team-row--total .cb-staffing__scenario-team-cell {
    font-weight: 700;
    color: var(--camels-black);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenario-team-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    background: var(--camels-surface);
    box-sizing: border-box;
    line-height: 1.4;
}

.cb-staffing__scenario-team-cell--fte {
    text-align: center;
    font-weight: 700;
    color: var(--camels-accent);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenario-team-cell--cost {
    text-align: right;
    font-weight: 600;
    color: var(--camels-black);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenario-team-cell--load {
    color: var(--camels-black);
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenario-team-cell--gross {
    text-align: right;
    font-weight: 500;
    color: var(--camels-muted);
    white-space: nowrap;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

/* Investor split cards */
.cb-staffing__scenario-investor {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cb-staffing__scenario-investor-head {
    margin: 0 auto;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.3;
    text-align: center;
    margin-bottom: 12px;
}

.cb-staffing__scenario-investor-head i {
    color: var(--camels-accent);
    font-size: 16px;
}

.cb-staffing__scenario-investor-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 0 auto;
}

.cb-staffing__scenario-investor-card {
    border-radius: 20px;
    padding: 20px 24px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cb-staffing__scenario-investor-card:hover {
    transform: translateY(-3px);
}

.cb-staffing__scenario-investor-card--owner {
    background: linear-gradient(145deg, #1a2236, #2c3e5c);
    box-shadow: 0 6px 24px rgba(33, 46, 68, 0.25);
}

.cb-staffing__scenario-investor-card--owner:hover {
    box-shadow: 0 10px 36px rgba(33, 46, 68, 0.30);
}

.cb-staffing__scenario-investor-card--investor {
    background: var(--camels-border);
    box-shadow: 0 6px 24px rgb(129 120 116 / 25%);
}

.cb-staffing__scenario-investor-card--investor:hover {
    box-shadow: 0 10px 36px rgba(246, 90, 3, 0.30);
}

/* Row 1: avatar/icon + role label */
.cb-staffing__scenario-investor-identity {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Row 2: value + sub */
.cb-staffing__scenario-investor-amount {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.cb-staffing__scenario-investor-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    object-fit: cover;
    flex-shrink: 0;
}

.cb-staffing__scenario-investor-icon {
    width: 40px;
    height: 40px;
    display: flex!important;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--camels-black);
    flex-shrink: 0;
}

.cb-staffing__scenario-investor-role {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--camels-surface);
    letter-spacing: 0.06em;
}

.cb-staffing__scenario-investor-name-role {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: var(--camels-black);
    letter-spacing: 0.06em;
}

.cb-staffing__scenario-investor-name-value {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: clamp(1.25rem, 1rem + 0.8vw, 1.6rem);
    color: var(--camels-black);
}

.cb-staffing__scenario-investor-value {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: clamp(1.25rem, 1rem + 0.8vw, 1.6rem);
    color: var(--camels-surface);
}

.cb-staffing__scenario-investor-sub {
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: var(--camels-surface);
}

.cb-staffing__scenario-investor-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(3, 165, 246, 0.06);
    border: 1px solid rgba(3, 165, 246, 0.15);
    border-radius: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: var(--camels-black);
    margin: 30px auto 0;
    width: fit-content;
}

.cb-staffing__scenario-investor-note i {
    color: var(--camels-blue-info);
    font-size: 14px;
    margin-top: 2px;
    flex-shrink: 0;
}

/* Investor card formula derivation */
.cb-staffing__scenario-investor-formula {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    font-family: 'Onest', sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    flex-wrap: wrap;
}

.cb-staffing__scenario-investor-formula-item {
    font-weight: 700;
    color: var(--camels-surface);
}

.cb-staffing__scenario-investor-formula-op {
    color: var(--camels-surface);
    font-weight: 400;
}

.cb-staffing__scenario-investor-formula-eq {
    color: var(--camels-surface);
    font-weight: 400;
}

.cb-staffing__scenario-investor-formula-result {
    font-weight: 700;
    color: #fff;
}

.cb-staffing__scenario-investor-formula-hint {
    font-family: 'Onest', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: var(--camels-surface);
    line-height: 1.4;
}


.cb-staffing__scenarios-summary {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.cb-staffing__block-last {
    position: relative;
    z-index: 1;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(1.25rem, 5.5vw, 30px) var(--cb-staffing-wide-pad-x);
    margin-left: var(--cb-staffing-wide-bleed-x);
    margin-right: var(--cb-staffing-wide-bleed-x);
    padding-bottom: 20px;
    margin-top: 20px;
}

.cb-staffing__block-faq-page {
    position: relative;
    z-index: 1;
    background: var(--camels-surface);
    border-radius: 50px;
    padding: clamp(1.25rem, 5.5vw, 30px) clamp(1px, calc(13vw - 20px), 160px);
    margin-left: calc(-.95 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(-.95 * clamp(0px, calc(13vw - 20px), 180px));
    padding-bottom: 20px;
    margin-top: 20px;
}

.cb-staffing__heading-block {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.cb-staffing__scenarios-summary-head {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 15px;
    color: var(--camels-text-strong);
}

.cb-staffing__scenarios-summary-head i {
    color: var(--camels-accent);
    font-size: 16px;
}

.cb-staffing__scenarios-summary-table {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: visible;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Corner cells for border-radius clipping (replaces overflow:hidden) */
.cb-staffing__scenarios-summary-row:first-child .cb-staffing__scenarios-summary-cell:first-child {
    border-radius: 10px 0 0 0;
}
.cb-staffing__scenarios-summary-row:first-child .cb-staffing__scenarios-summary-cell:last-child {
    border-radius: 0 10px 0 0;
}
.cb-staffing__scenarios-summary-row:last-child .cb-staffing__scenarios-summary-cell:first-child {
    border-radius: 0 0 0 10px;
}
.cb-staffing__scenarios-summary-row:last-child .cb-staffing__scenarios-summary-cell:last-child {
    border-radius: 0 0 10px 0;
}

.cb-staffing__scenarios-summary-row {
    display: table-row;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    transition: background 0.2s ease;
}

.cb-staffing__scenarios-summary-row:not(.cb-staffing__scenarios-summary-row--head):hover .cb-staffing__scenarios-summary-cell {
    background: var(--camels-surface-tab);
}

.cb-staffing__scenarios-summary-row--head .cb-staffing__scenarios-summary-cell {
    background: var(--camels-surface-tab);
    font-weight: 600;
    color: var(--camels-dark);
    letter-spacing: 0.05em;
    font-size: var(--fs-card-title);
    gap: 5px;
    overflow: visible;
    position: relative;
    z-index: 1;
    padding: 20px 22px;
}

.cb-staffing__scenarios-summary-row--head .cb-staffing__scenarios-summary-cell:hover,
.cb-staffing__scenarios-summary-row--head .cb-staffing__scenarios-summary-cell:focus-within {
    z-index: 20;
}

.cb-staffing__scenarios-summary-row--rec .cb-staffing__scenarios-summary-cell:first-child {
    border-left: 3px solid var(--camels-accent);
}

.cb-staffing__scenarios-summary-row--rec .cb-staffing__scenarios-summary-cell {
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.03), rgba(246, 90, 3, 0.01));
}

.cb-staffing__scenarios-summary-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    color: var(--camels-text-strong);
    font-weight: 500;
    background: var(--camels-surface);
    box-sizing: border-box;
    line-height: 1.4;
}

.cb-staffing__scenarios-summary-row + .cb-staffing__scenarios-summary-row .cb-staffing__scenarios-summary-cell {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenarios-summary-cell--label {
    font-weight: 600;
    color: var(--camels-black);
    gap: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__scenarios-summary-cell--label i {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

.cb-staffing__scenarios-summary-cell--profit {
    font-weight: 700;
    color: var(--camels-green-profit);
}

.cb-staffing__scenarios-summary-cell--investor {
    font-weight: 600;
    color: var(--camels-accent);
}

.cb-staffing__scenarios-summary-rec-badge {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd821, #f6a903);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 2px 8px rgba(246, 169, 3, 0.4);
    z-index: 1;
}

.cb-staffing__scenarios-summary-rec-badge i {
    font-size: 10px;
    margin-top: -2px;
}

/* === Summary table header tooltips === */
.cb-staffing__scenarios-th-hint {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: help;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    transition: color 0.2s ease;
    position: relative;
}

.cb-staffing__scenarios-th-hint i {
    color: var(--camels-muted-light);
    font-size: 9px;
    flex-shrink: 0;
    transition: color 0.2s ease;
}

.cb-staffing__scenarios-th-hint:hover {
    color: var(--camels-accent);
}

.cb-staffing__scenarios-th-hint:focus-visible {
    outline: none;
    color: var(--camels-accent);
}

.cb-staffing__scenarios-th-hint:hover i {
    color: var(--camels-accent);
}

.cb-staffing__scenarios-th-hint:focus-visible i {
    color: var(--camels-accent);
}

.cb-staffing__scenarios-th-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    width: 220px;
    padding: 9px 13px;
    background: var(--camels-black);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.55;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 1000;
    pointer-events: none;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
}

.cb-staffing__scenarios-th-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--camels-black);
}

.cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* === CTA buttons === */
.cb-staffing__scenarios-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 10px 36px 8px;
    flex-wrap: wrap;
}

.cb-staffing__scenarios-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
}

/* === Disclaimer === */
.cb-staffing__scenarios-disclaimer {
    padding: 0 36px 28px;
}

.cb-staffing__scenarios-disclaimer p {
    font-family: 'Onest', sans-serif;
    font-size: 11px;
    line-height: 1.6;
    color: var(--camels-black);
    margin: 0;
    padding: 12px 16px;
    background: var(--camels-surface-tab);
    border-radius: 10px;
    border: 1px solid var(--camels-border-light);
}

/* --- Expense tables section (DE / BE / NL) --- */
.cb-staffing__expenses {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px var(--camels-border);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cb-staffing__expenses-header {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    justify-content: center;
}

.cb-staffing__expenses-icon {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 90, 3, 0.08);
    border: 1px solid rgba(246, 90, 3, 0.15);
    border-radius: 10px;
}

.cb-staffing__expenses-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description);
    color: var(--camels-black);
    margin: 0;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 12px;
}

.cb-staffing__expenses-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.55;
    color: var(--camels-black);
    margin: 0;
    text-align: center;
}

/* Country tabs */
.cb-staffing__expenses-tabs-strip {
    position: relative;
}

.cb-staffing__expenses-tabs {
    flex-basis: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 22px;
}

.cb-staffing__expenses-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    margin: 10px 0;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
}

.cb-staffing__expenses-tabs-strip .docs-click-pointer,
.cb-staffing__scenarios-tabs-strip .docs-click-pointer {
    right: auto;
    left: 50%;
    bottom: -50px;
    margin-top: 0;
    transform: translateX(-50%);
}

/* ========== DOCS CLICK POINTER - Block 7 Documents Mobile Indicator ========== */
/* Click pointer indicator for Documents tabs - modern tap/click gesture hint */

.docs-click-pointer {
    position: absolute;
    right: 46%;
    z-index: 999;
    display: flex;
    justify-content: center;
    margin-top: 55px;
    pointer-events: none;
}

.docs-click-pointer.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.docs-click-pointer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    animation: docsPointerBounce 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
    position: relative;
}

.docs-click-pointer-hand {
    color: #D4AF37;
    filter: drop-shadow(0 4px 12px rgba(212, 175, 55, 0.5))
            drop-shadow(0 0 20px rgba(212, 175, 55, 0.3));
    animation: docsHandPulse 1.2s ease-in-out infinite;
}

/* Text label */
.docs-click-pointer-text {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-light);
    margin-top: 0.5rem;
    white-space: nowrap;
}


.tc-click-pointer.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.tc-click-pointer-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    animation: tcPointerBounce 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
    position: relative;
}

.tc-click-pointer-hand {
    color: #D4AF37;
    filter: drop-shadow(0 4px 12px rgba(212, 175, 55, 0.5))
            drop-shadow(0 0 20px rgba(212, 175, 55, 0.3));
    animation: tcHandPulse 1.2s ease-in-out infinite;
}

/* Text label */
.tc-click-pointer-text {
    font-size: 0.85rem;
    font-weight: 500;
    color: #94A3B8;
    margin-top: 0.5rem;
    white-space: nowrap;
}

.tab-picker{
    display: inline-block;
    margin-top: 8px;
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.03em;
    white-space: nowrap;
    border: 2px solid var(--camels-black);
    border-radius: 8px!important;
    background: var(--camels-black);
    animation: borderPulse 3s 
ease-in-out infinite;
}

/* Pulse ring effect */
.tc-click-pointer-inner::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: tcPulseRing 1.5s ease-out infinite;
}

.tc-click-pointer-inner::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    border: 2px solid rgba(212, 175, 55, 0.4);
    border-radius: 50%;
    animation: tcPulseRingOuter 1.5s ease-out infinite 0.2s;
}

.fa-docs-click-pointer {
    font-size: var(--fs-description);
    color: var(--camels-accent);
}

/* Pulse ring effect */
.docs-click-pointer-inner::before {
    content: '';
    position: absolute;
    top: 16px;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translateX(-50%);
    background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: docsPulseRing 1.5s ease-out infinite;
}

.docs-click-pointer-inner::after {
    content: '';
    position: absolute;
    top: 16px;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    border: 2px solid rgba(212, 175, 55, 0.4);
    border-radius: 50%;
    animation: docsPulseRingOuter 1.5s ease-out infinite 0.2s;
}

@keyframes docsPointerBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes docsHandPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.9; }
}

@keyframes docsPulseRing {
    0% { transform: translateX(-50%) scale(0.5); opacity: 1; }
    100% { transform: translateX(-50%) scale(1.5); opacity: 0; }
}

@keyframes docsPulseRingOuter {
    0% { transform: translateX(-50%) scale(0.5); opacity: 0.8; }
    100% { transform: translateX(-50%) scale(1.8); opacity: 0; }
}
.cb-staffing__expenses-tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

.cb-staffing__expenses-tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.05);
    color: var(--camels-accent);
}

.cb-staffing__expenses-tab--active {
    background: var(--camels-accent);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 4px 16px rgba(33, 46, 68, 0.22);
}

.cb-staffing__expenses-tab--active:hover {
    background: var(--camels-accent);
    border-color: var(--camels-accent);
    color: var(--camels-surface);
    box-shadow: 0 4px 16px rgba(33, 46, 68, 0.22);
}

.cb-staffing__expenses-tab-flag {
    width: 28px;
    height: 21px;
    border-radius: 4px;
    object-fit: cover;
    flex-shrink: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

/* Panels */
.cb-staffing__expenses-panel {
    display: none;
}

.cb-staffing__expenses-panel--active {
    display: block;
}

.cb-staffing__expenses--pointer-visible .cb-staffing__expenses-panel--active {
    margin-top: 30px;
}

.cb-staffing__expenses:not(.cb-staffing__expenses--pointer-visible) .cb-staffing__expenses-panel--active {
    margin-top: 0;
}

/* Variants grid (PL / LT side by side) */
.cb-staffing__expenses-variants {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Variant card */
.cb-staffing__expense-variant {
    background: var(--camels-surface);
    border: 1.5px solid var(--camels-border-soft);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.cb-staffing__expense-variant:hover {
    box-shadow: 0px 5px 15px var(--camels-accent);
    transform: translateY(-2px);
}

/* Image overlay wrapper: containing block for name-wrap + results relative to image area */
.cb-staffing__expense-img-overlay {
    position: relative;
}

/* Variant head: flag + name + bill chip */
.cb-staffing__expense-variant-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cb-staffing__expense-variant-name-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    background: linear-gradient(90deg, rgb(9 14 22 / 85%) 10.87%, #000000c7 100%);
    border-radius: 14px;
    padding: 5px 10px;
    z-index: 2;
}

.cb-staffing__expense-variant-flag {
    width: 28px;
    height: 21px;
    border-radius: 4px;
    object-fit: cover;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

.cb-staffing__expense-variant-name {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-surface);
}

/* Div-based expense table rows */
.cb-staffing__expense-rows {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cb-staffing__expense-row {
    display: table-row;
}

.cb-staffing__expense-row + .cb-staffing__expense-row .cb-staffing__expense-cell {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__expense-row-head .cb-staffing__expense-cell {
    background: var(--camels-surface-tab);
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    letter-spacing: 0.05em;
    padding: 20px 22px;
}

.cb-staffing__expense-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 22px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
    color: var(--camels-black);
    background: var(--camels-surface);
    box-sizing: border-box;
}

.cb-staffing__expense-cell--label {
    width: auto;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-staffing__expense-cell--value {
    display: flex;
    white-space: nowrap;
    font-weight: 500;
    color: var(--camels-black);
    text-align: right;
    justify-content: space-between;
}

.cb-staffing__expense-cell--value span[class*="-indicator"] {
    vertical-align: middle;
    margin-left: 6px;
}

/* Total row — dark background */
.cb-staffing__expense-row-total .cb-staffing__expense-cell {
    color: var(--camels-black);
    font-weight: 700;
    font-size: var(--fs-card-title);
}

.cb-staffing__expense-row-total .cb-staffing__expense-cell--label {
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

/* Legacy table (keep for backwards compat) */
.cb-staffing__expense-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
}

.cb-staffing__expense-table th {
    text-align: left;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-accent);
    letter-spacing: 0.04em;
    padding: 5px 8px;
    border-bottom: 2px solid var(--camels-border-tab);
}

.cb-staffing__expense-table td {
    padding: 6px 8px;
    color: var(--camels-text-strong);
    border-bottom: 1px solid var(--camels-border-soft);
    line-height: 1.4;
}

.cb-staffing__expense-table-total td {
    border-bottom: none;
    background: rgba(33, 46, 68, 0.05);
    font-weight: 700;
    color: var(--camels-black);
    border-radius: 0 0 8px 8px;
}

/* Results block */
.cb-staffing__expense-results {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: max-content;
}

.cb-staffing__expense-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
}

.cb-staffing__expense-result--margin {
}

.cb-staffing__expense-result-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-surface);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: linear-gradient(90deg, rgb(9 14 22 / 85%) 10.87%, #000000c7 100%);
    border-radius: 14px;
}

.cb-staffing__expense-result-label svg {
    flex-shrink: 0;
}

.cb-staffing__expense-result-value {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    color: var(--camels-green-profit);
}

/* 50/50 split — colored cards */
.cb-staffing__expense-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.cb-staffing__expense-split-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 14px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cb-staffing__expense-split-item:hover {
    transform: translateY(-2px);
}


.cb-staffing__expense-split-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 14px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cb-staffing__expense-split-item:hover {
    transform: translateY(-2px);
}

.cb-staffing__expense-split-item--camels {
    border: 1px solid var(--camels-text);
}

.cb-staffing__expense-split-item--camels:hover {
    box-shadow: 0 8px 28px rgba(33, 46, 68, 0.38);
}

.cb-staffing__expense-split-item--agency {
    border: 1px solid var(--camels-accent);
}

.cb-staffing__expense-split-item--agency:hover {
    box-shadow: 0 8px 28px rgba(246, 90, 3, 0.38);
}

.cb-staffing__expense-split-label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-desc);
    color: var(--camels-surface);
    text-transform: uppercase;
    letter-spacing: 0.07em;
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-staffing__expense-split-label--camels {
    /* logo images inline */
}

.cb-staffing__expense-split-label--agency {
    /* avatar inline */
}

.cb-staffing__expense-split-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid rgba(255, 255, 255, 0.25);
    flex-shrink: 0;
    margin-right: 2px;
}

.cb-staffing__expense-split-logo {
    height: 13px;
    width: auto;
    flex-shrink: 0;
    opacity: 0.9;
}

.cb-staffing__expense-split-logo--mark {
    height: 20px;
    opacity: 1;
}

.cb-staffing__expense-split-value {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-card-title);
    color: var(--camels-surface);
    line-height: 1.2;
}

.cb-staffing__expense-split-value-number {
    color: var(--camels-accent);
}

.cb-staffing__expense-split-value-meta {
    color: var(--camels-surface);
}

/* Split-item tooltip (like cb-partner__calc-tooltip) */
.cb-staffing__expense-split-item {
    position: relative;
    cursor: pointer;
    text-align: center;
    background: linear-gradient(90deg, rgb(9 14 22 / 85%) 10.87%, #000000c7 100%);
}

.cb-staffing__expense-split-tooltip {
    position: absolute;
    bottom: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    width: 320px;
    padding: 16px 18px;
    background: var(--camels-black, #1a1a2e);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.55;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 9999;
    text-align: left;
    white-space: normal;
}

.cb-staffing__expense-split-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: var(--camels-black, #1a1a2e);
}

.cb-staffing__expense-split-item:hover .cb-staffing__expense-split-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Note */
.cb-staffing__expense-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    background: rgba(3, 165, 246, 0.06);
    border: 1px solid rgba(3, 165, 246, 0.18);
    border-radius: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 12.5px;
    line-height: 1.55;
    color: var(--camels-text-strong);
}

.cb-staffing__expense-note svg {
    flex-shrink: 0;
    margin-top: 2px;
}


/* Expenses responsive */
@media (max-width: 768px) {
    .cb-staffing__expenses-tabs {
        flex-direction: column;
    }
    .cb-staffing__expenses {
        padding: 18px;
        gap: 16px;
    }
    .cb-staffing__expense-cell--value {
        min-width: 140px;
    }
    .cb-staffing__expense-split-tooltip {
        width: 260px;
        padding: 12px 14px;
        font-size: 0.75rem;
    }
}

/* Expense variant entrance animation */
@keyframes expVariantIn {
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: none; }
}

.cb-staffing__expense-variant.expense-animate {
    animation: expVariantIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.cb-staffing__expense-variant.expense-animate:nth-child(2) {
    animation-delay: 0.1s;
}

/* --- Accordion (expandable block) --- */
.cb-staffing__accordion {
    background: var(--camels-surface);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(33, 46, 68, 0.04);
    overflow: hidden;
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.cb-staffing__accordion:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 4px 16px rgba(246, 90, 3, 0.08);
}

.cb-staffing__accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 24px;
    cursor: pointer;
    list-style: none;
    user-select: none;
    transition: background 0.2s ease;
}

.cb-staffing__accordion-toggle:hover {
    background: var(--camels-surface-tab);
}

.cb-staffing__accordion-toggle::-webkit-details-marker {
    display: none;
}

.cb-staffing__accordion-toggle::marker {
    display: none;
    content: '';
}

.cb-staffing__accordion-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
}

.cb-staffing__accordion-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--camels-surface-tab);
    color: var(--camels-muted-alt);
    flex-shrink: 0;
    transition: transform 0.3s ease, background 0.2s ease;
}

.cb-staffing__accordion[open] .cb-staffing__accordion-icon {
    transform: rotate(180deg);
    background: var(--camels-accent);
    color: var(--camels-surface);
}

.cb-staffing__accordion-body {
    padding: 0 24px 20px;
}

.cb-staffing__accordion-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-staffing__accordion-list li {
    position: relative;
    padding-left: 22px;
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--camels-black);
}

.cb-staffing__accordion-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--camels-accent);
}

/* =============================================
   FORM SECTION
   ============================================= */

.cb-staffing__form-section {
    position: relative;
    z-index: 2;
    max-width: 1480px;
    margin: 0 auto;
    background: var(--camels-black);
    border-radius: 60px;
    border: 10px solid var(--camels-border-light);
    border-top: none;
    padding: 20px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.cb-staffing__form-header {
    display: flex;
    align-items: center;
    gap: 40px;
}

.cb-staffing__form-title {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-heading);
    color: var(--camels-surface);
    margin: 0;
    white-space: nowrap;
}

.cb-staffing__form-line {
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}

/* Form card */
.cb-staffing__form-card {
    background: var(--camels-surface);
    border-radius: 30px;
    padding: 26px 30px 36px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

/* Step indicators */
.cb-staffing__form-steps {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 10px;
}

.cb-staffing__form-step {
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 55px;
    background: var(--camels-surface);
    padding: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
    min-width: 60px;
    min-height: 60px;
    justify-content: center;
}

.cb-staffing__form-step:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 2px 12px rgba(246, 90, 3, 0.15);
}

.cb-staffing__form-step-num {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: var(--camels-black);
    line-height: 1;
}

.cb-staffing__form-step-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: var(--camels-black);
    white-space: nowrap;
    display: none;
}

.cb-staffing__form-step--active {
    padding: 10px 24px 10px 10px;
}

.cb-staffing__form-step--active .cb-staffing__form-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: var(--camels-surface);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

.cb-staffing__form-step--active .cb-staffing__form-step-label {
    display: block;
}

.cb-staffing__form-step-line {
    width: 30px;
    height: 2px;
    background: rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

/* Form fields */
.cb-staffing__form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.cb-staffing__form-field {
    width: 383px;
    background: var(--camels-surface);
    border-radius: 12px;
    padding: 16px 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-staffing__form-label {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: var(--camels-black);
}

.cb-staffing__form-input {
    background: var(--camels-surface-input);
    border: 1px solid var(--camels-border-medium);
    border-radius: 12px;
    padding: 18px 16px;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: var(--camels-black);
    width: 100%;
    box-sizing: border-box;
}

.cb-staffing__form-input::placeholder {
    color: var(--camels-border-hover);
}

.cb-staffing__form-input--select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    cursor: pointer;
    color: var(--camels-black);
    transition: border-color 0.2s;
}

.cb-staffing__form-input--select:hover {
    border-color: var(--camels-muted-light);
}

.cb-staffing__form-input:focus {
    border-color: var(--camels-accent);
    outline: none;
}

/* Progress bar */
.cb-staffing__form-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    border: 1px solid var(--camels-border);
    border-radius: 20px;
    background: var(--camels-surface);
}

.cb-staffing__form-progress-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-staffing__form-progress-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: var(--camels-text-strong);
}

.cb-staffing__form-progress-bar {
    width: 272px;
    height: 8px;
    position: relative;
    margin-left: 8px;
}

.cb-staffing__form-progress-track {
    position: absolute;
    inset: 0;
    background: var(--camels-border-track);
    border-radius: 3px;
}

.cb-staffing__form-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: var(--camels-accent);
    border-radius: 3px;
}

.cb-staffing__form-progress-pct {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--camels-text-strong);
    align-self: flex-end;
}

.cb-staffing__form-actions {
    display: flex;
    gap: 11px;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
}


.d-sm {
    background: none;
    margin: inherit;
    padding: 10px;
}

.offers-vc-eu {
    width: 490px;
}


.investor-page-hero {
    height: 900px;
    padding: 0 0 90px;
}

/* =============================================
   RESPONSIVE — Staffing
   ============================================= */

@media (max-width: 1200px) {
    
    .cb-staffing__block-faq-page {
        border-radius: 0;
        padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(13vw - 20px), 30px);
        margin-left: calc(0.05 * clamp(0px, calc(13vw - 20px), 180px));
        margin-right: calc(0.05 * clamp(0px, calc(13vw - 20px), 180px));
    }
    
    .cb-staffing__panel-bg {
    left: -90px;
    width: 110.5%;
    }
    .cb-staffing__tabs-strip {
        overflow: visible;
        top: 30px;
    }

    .cb-staffing__tabs-row {
        flex-wrap: wrap;
        gap: 10px;
        padding: 0 24px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    
    .cb-staffing__title-block-one{
        --_pad-x: clamp(-2px, calc((min(91vw - 14px, 1624px) - 1280px) / 1), 165px);
        padding: 7.25rem 2rem 20px;
        margin-top: -110px;
    }

    .cb-staffing__hq-hiring {
        padding: 44px 48px 60px;
    }

    .cb-staffing__hq-howwork-card {
        padding: 34px 32px 40px;
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-title {
        font-size: clamp(24px, 2.4vw, 34px);
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-text {
        font-size: 16px;
    }

    .cb-staffing__hq-howwork-timeline {
        min-height: 334px;
    }

    .cb-staffing__hq-howwork-step--1 {
        left: 4%;
        width: 22%;
    }

    .cb-staffing__hq-howwork-step--2 {
        left: 31.5%;
        width: 22%;
    }

    .cb-staffing__hq-howwork-step--3 {
        left: 57%;
        width: 25%;
    }

    .cb-staffing__hq-howwork-step--4 {
        left: 37%;
        width: 24%;
    }

    .cb-staffing__hq-howwork-step--5 {
        left: 61%;
        width: 18%;
    }

    .cb-staffing__hq-howwork-step--6 {
        left: 81.5%;
        width: 16%;
    }

    .cb-staffing__hq-howwork-text {
        font-size: 13px;
    }

    .cb-staffing__offers-card {
        padding: 34px 32px 40px;
    }

    .cb-staffing__offers-header .cb-staffing__hq-hiring-title {
        font-size: clamp(24px, 2.4vw, 34px);
    }

    .cb-staffing__offers-layout {
        grid-template-columns: minmax(280px, 420px) 1px minmax(0, 1fr);
        gap: 0 32px;
    }

    .cb-staffing__offers-main {
        gap: 28px;
    }

    .cb-staffing__offers-tab-text {
        font-size: 15px;
    }

    .cb-staffing__offers-stat-divider {
        margin: 0 24px;
    }

    .cb-staffing__offers-services {
        gap: 24px;
    }

    .cb-staffing__hq-tl-row {
        margin-bottom: 28px;
    }

    .cb-staffing__hq-tl-title {
        font-size: 16px;
    }

    .cb-staffing__hq-tl-list li {
        font-size: 14px;
    }

    /* Hide brackets at 1200px — not enough space */
    .cb-staffing__tab--active .cb-staffing__tab-bracket {
        display: none;
    }

    /* Reset the relative offset that was shifting tabs left */
    .cb-staffing__tab-bracket--left,
    .cb-staffing__tab-body,
    .cb-staffing__tab-bracket--right {
        top: 0;
        left: 0;
        position: relative;
    }

    /* Active tab: full-width pill with accent styling */
    .cb-staffing__tab--active {
        width: 30%;
        margin-top: 0;
    }

    .cb-staffing__tab--active > .cb-staffing__tab-body {
        width: 100%;
        background: var(--camels-accent);
        border-radius: 14px;
        padding: 12px 20px;
        gap: 12px;
        height: auto;
        box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
    }

    .cb-staffing__tab--active .cb-staffing__tab-name {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.4);
        font-size: 14px;
    }

    .cb-staffing__tab--active .cb-staffing__tab-subtitle {
        color: rgba(255, 255, 255, 0.85);
        font-size: 13px;
    }

    .cb-staffing__tab--active .cb-staffing__tab-avatar {
        border: 2px solid rgba(255, 255, 255, 0.5);
    }

    /* Inactive tabs: side by side, allow text to wrap */
    .cb-staffing__tab:not(.cb-staffing__tab--active) {
        flex: 1 1 0;
        padding-top: 0;
        min-width: 0;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) + .cb-staffing__tab:not(.cb-staffing__tab--active) {
        margin-left: 0;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-body {
        padding: 10px 14px;
        border-radius: 14px;
        border: 2px solid var(--camels-border-medium);
        transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active):hover .cb-staffing__tab-body {
        border-color: var(--camels-accent);
        border-style: solid;
        background: rgba(246, 90, 3, 0.04);
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-name {
        white-space: normal;
        font-size: 14px;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-subtitle {
        white-space: normal;
        font-size: 12px;
        color: var(--camels-muted);
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-plus {
        width: 32px;
        height: 32px;
    }
    
    .cb-staffing__mass-card-body {
        flex-direction: column;
    }

    .cb-staffing__mass-card-image {
        width: 100%;
        height: auto;
        max-height: 350px;
    }

    .cb-staffing__form-section {
        padding: 30px 40px;
    }

    /* Steps section — proportional scale-down, keep 3-col grid */
    .cb-staffing__steps-body {
        padding: 0 20px 40px;
        grid-template-columns: minmax(0, 1fr) 80px minmax(0, 1fr);
    }

    .cb-staffing__steps-col--right {
        height: 220px;
    }

    .cb-staffing__step {
        gap: 8px;
    }

    .cb-staffing__step-num {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 17px;
    }

    .cb-staffing__step-title {
        font-size: 18px;
    }

    .cb-staffing__step-desc {
        font-size: 14px;
    }

    .cb-staffing__step-connector {
        width: 50px;
    }

    .cb-staffing__step-connector--curve {
        height: 28px;
    }

    .cb-staffing__steps-center {
        width: 80px;
        height: 230px;
        border-radius: 16px;
    }

    .cb-staffing__steps-center::before {
        left: 23px;
        width: 30px;
    }

    .cb-staffing__steps-photo {
        top: 85px;
        left: 14px;
        width: 52px;
        height: 145px;
    }

    /* Block 2 */
    .cb-staffing__launch-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .cb-staffing__launch-cards .cb-staffing__launch-card:last-child {
        grid-column: auto;
    }

    .cb-staffing__scenario-costs {
        grid-template-columns: repeat(2, 1fr);
    }
    .cb-staffing__scenario-costs--active {
        display: grid;
    }

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

    .cb-staffing__scenarios-summary-row {
        font-size: 12px;
    }

    .cb-staffing__scenarios-summary-row--head .cb-staffing__scenarios-summary-cell {
        font-size: 9.5px;
        padding: 14px 16px;
    }

    .cb-staffing__scenarios-summary-cell {
        padding: 14px 16px;
    }

    .cb-staffing__scenario-team-row {
        font-size: 12px;
    }

    /* Timeline */
    .cb-staffing__timeline {
        gap: 20px;
    }

    .cb-staffing__timeline-marker {
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 16px;
        margin-top: 14px;
    }

    .cb-staffing__timeline::before {
        left: 19px;
    }

    .cb-staffing__timeline-toggle-wrap {
        padding-left: 60px;
    }

    .cb-staffing__timeline-toggle-wrap::before {
        left: 19px;
    }
}

@media (max-width: 991px) {
    
    .investor-page-hero {
        height: 730px;
    }
    .cb-staffing__investor-hero-grid,
    .cb-staffing__investor-form-shell {
        grid-template-columns: 1fr;
    }

    .cb-staffing__investor-modal .cb-training-modal__container {
        max-height: 95vh;
        overflow-x: hidden;
        overflow-y: auto;
        --webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    .cb-staffing__investor-modal .cb-training-modal__layout {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        min-height: auto;
        overflow: visible;
    }

    .cb-staffing__investor-modal .cb-training-modal__visual {
        order: 2;
        position: static;
        top: auto;
    }

    .cb-staffing__investor-modal .cb-training-modal__body,
    .cb-staffing__investor-modal .cb-training-modal__form-side {
        order: 1;
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .cb-staffing__investor-modal .cb-training-modal__visual,
    .cb-staffing__investor-modal .cb-training-modal__body {
        padding: 28px;
    }

    .cb-staffing__investor-modal-foot {
        margin-top: 0;
    }

    .cb-staffing__investor-modal .cb-training-modal__cta-row {
        flex-direction: column;
        align-items: stretch;
    }

    .cb-staffing__investor-summary-card,
    .cb-staffing__investor-form-aside {
        min-height: auto;
    }

    .cb-staffing__investor-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-staffing__investor-catalog,
    .cb-staffing__investor-facts-grid,
    .cb-staffing__investor-meta {
        grid-template-columns: 1fr;
    }

    .cb-staffing__investor-card-stage {
        max-width: none;
    }

    .cb-staffing__expenses-variants {
        grid-template-columns: 1fr;
    }
    .cb-staffing__expense-split {
        flex-direction: row;
        display: flex;
    }

    .cb-staffing__title-block-two-page {
        padding: 20px 40px;
    }

    .cb-staffing__tabs-strip {
        overflow: visible;
        z-index: 6;
    }

    .cb-staffing__block-faq-page .cb-partner__faq-section-wrap > .cb-partner__faq-role-label {
        display: block;
        order: 1;
        margin-bottom: 0;
    }

    .cb-staffing__block-faq-page .cb-partner__faq-subtitle {
        order: 2;
        margin-top: 0;
    }

    .cb-staffing__block-faq-page .cb-partner__faq-role {
        order: 3;
        width: 100%;
        position: static;
    }

    .cb-staffing__block-faq-page .cb-partner__faq-role-meta {
        justify-content: flex-start;
    }

    .cb-staffing__block-faq-page .cb-partner__faq-content {
        order: 4;
        width: 100%;
    }

    .cb-staffing__desc-card {
        padding: 10px 0;
        gap: 10px;
    }
    .cb-staffing__tabs-row {
        flex-wrap: nowrap;
        position: relative;
        padding: 10px 40px 10px;
        margin: 11px 0 84px;
        justify-content: flex-start;
        align-items: stretch;
        gap: 12px;
        overflow-x: auto;
        overflow-y: visible;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        touch-action: pan-x;
        z-index: 2;
        cursor: grab;
    }

    .cb-staffing__tabs-row::-webkit-scrollbar {
        display: none;
    }

    .cb-staffing__tabs-row.is-dragging {
        cursor: grabbing;
        user-select: none;
    }

    .cb-staffing__tabs-row.is-dragging .cb-staffing__tab {
        pointer-events: none;
    }

    .cb-staffing__tab {
        position: relative;
        overflow: visible;
        flex: 0 0 auto;
        width: min(320px, calc(100vw - 64px));
        min-width: min(320px, calc(100vw - 64px));
        scroll-snap-align: center;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) {
        flex: 0 0 auto;
        min-width: min(320px, calc(100vw - 64px));
    }

    .cb-staffing__tab--active {
        z-index: 3;
        width: min(320px, calc(100vw - 64px));
    }

    .cb-staffing__tab-info {
        min-width: 0;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-body,
    .cb-staffing__tab--active .cb-staffing__tab-body {
        width: 100%;
        min-height: 84px;
        align-items: center;
    }

    .cb-staffing__tab--active::after {
        content: '';
        position: absolute;
        top: -7px;
        right: -7px;
        width: 22px;
        height: 22px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        z-index: 4;
        pointer-events: none;
    }

    .cb-staffing__swipe-pointer {
        display: flex;
        bottom: -42px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 7;
    }

    .cb-staffing__swipe-pointer-inner {
        gap: 8px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 10px 24px rgba(33, 46, 68, 0.16);
    }

    .cb-staffing__swipe-pointer svg {
        flex-shrink: 0;
    }

    .cb-staffing__swipe-pointer-text {
        font-size: 0.72rem;
        line-height: 1;
    }

    .cb-staffing__title-block-one {
        --_pad-x: clamp(-2px, calc((min(91vw - 14px, 1624px) - 1280px) / 1), 165px);
        padding: 11rem 2rem 20px;
        margin-top: -222px;
        border-radius: 0;
    }
    
    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-subtitle {
        font-weight: 400;
        font-size: var(--fs-card-title);
        color: var(--camels-black);
        line-height: 1.25;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        display: block;
        word-break: break-word;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-name,
    .cb-staffing__tab--active .cb-staffing__tab-name,
    .cb-staffing__tab--active .cb-staffing__tab-subtitle {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        display: block;
        word-break: break-word;
        line-height: 1.25;
    }
    .cb-staffing {
        width: 100%;
        max-width: 100%;
        overflow: visible;
        box-sizing: border-box;
    }
    

    .cb-training__cta  {
        height: 40px;
        padding: 10px 24px;
        font-size: var(--fs-card-title);
    }
    
    /* Steps section — Figma mobile: rocket left + all steps right */
    .cb-staffing__steps-section {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .cb-staffing__steps-header {
        height: auto;
        overflow: visible;
        background: var(--camels-text);
        border-radius: 20px 20px 0 0;
        padding: 24px 24px 0;
    }

    .cb-staffing__steps-bg {
        display: none;
    }

    .cb-staffing__steps-title {
        position: static;
        transform: none;
        display: block;
        font-family: 'Onest', sans-serif;
        font-weight: 600;
        font-size: 22px;
        color: var(--camels-surface);
        text-align: left;
        white-space: normal;
        padding-top: 0;
        text-transform: uppercase;
        line-height: normal;
    }

    .cb-staffing__steps-title-accent {
        color: var(--camels-accent);
        font-weight: 800;
    }

    .cb-staffing__steps-body {
        grid-template-columns: 60px 1fr;
        column-gap: 10px;
        row-gap: 0;
        padding: 16px 20px 24px;
        border-radius: 0 0 20px 20px;
        align-items: stretch;
    }

    .cb-staffing__steps-center {
        grid-column: 1;
        grid-row: 1 / 3;
        display: flex;
        width: 60px;
        height: 100%;
        min-height: 400px;
        border-radius: 20px;
        align-self: stretch;
    }

    .cb-staffing__steps-center::before {
        left: 21px;
        width: 18px;
        transform: rotateX(180deg);
    }

    .cb-staffing__steps-photo {
        top: 120px;
        left: 0;
        width: 60px;
        height: 178px;
    }

    .cb-staffing__steps-col {
        grid-column: 2;
        gap: 20px;
        padding-top: 0;
    }

    .cb-staffing__steps-col--left {
        align-items: flex-start;
        grid-row: 1;
    }

    .cb-staffing__steps-col--right {
        grid-row: 2;
        height: auto;
        align-self: auto;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .cb-staffing__step--right {
        justify-content: flex-start;
        text-align: left;
        flex-direction: row-reverse;
    }

    .cb-staffing__step-connector {
        display: none;
    }

    .cb-staffing__step-num {
        order: 0;
        width: 40px;
        height: 40px;
        min-width: 40px;
        font-size: 20px;
    }

    .cb-staffing__step-text {
        order: 0;
    }

    .cb-staffing__step-title {
        font-size: var(--fs-description-alt);
    }

    .cb-staffing__step-desc {
        font-size: var(--fs-card-title);
    }

    .cb-staffing__step {
        gap: 10px;
    }

    /* Game section responsive (991px) */
    .cb-staffing__game-aim-img {
        width: auto;
    }

    /* ── HQ Hiring block — 991px ── */
    .cb-staffing__hq-hiring {
        padding: 36px 24px 48px;
        overflow: visible;
    }

    .cb-staffing__hq-howwork-card {
        padding: 30px 24px 34px;
        border-radius: 28px;
    }

    .cb-staffing__hq-howwork-header {
        margin-bottom: 26px;
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-title {
        font-size: clamp(22px, 4.6vw, 30px);
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-text {
        margin-top: 10px;
        font-size: 15px;
    }

    .cb-staffing__hq-howwork-timeline {
        min-height: 0;
        padding-left: 44px;
    }

    .cb-staffing__hq-howwork-timeline::before {
        content: '';
        position: absolute;
        top: 14px;
        bottom: 14px;
        left: 14px;
        width: 2px;
        border-radius: 999px;
        background: var(--camels-accent);
    }

    .cb-staffing__hq-howwork-path {
        display: none;
    }

    .cb-staffing__hq-howwork-step {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
    }

    .cb-staffing__hq-howwork-step + .cb-staffing__hq-howwork-step {
        margin-top: 18px;
    }

    .cb-staffing__hq-howwork-marker {
        position: absolute;
        top: 0;
        left: -44px;
        margin: 0;
        width: 30px;
        height: 30px;
    }

    .cb-staffing__hq-howwork-text {
        font-size: 14px;
        max-width: 100%;
    }

    .cb-staffing__offers-card {
        padding: 30px 24px 34px;
        border-radius: 28px;
    }

    .cb-staffing__offers-header {
        margin-bottom: 24px;
    }

    .cb-staffing__offers-header .cb-staffing__hq-hiring-title {
        font-size: clamp(22px, 4.6vw, 30px);
    }

    .cb-staffing__offers-tabs {
        overflow-x: auto;
        margin-left: -4px;
        margin-right: -4px;
        scrollbar-width: none;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .cb-staffing__offers-tabs::-webkit-scrollbar {
        display: none;
    }

    .cb-staffing__offers-tab {
        flex: 0 0 auto;
        min-width: 220px;
    }

    .cb-staffing__offers-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .cb-staffing__offers-divider {
        display: none;
    }

    .cb-staffing__offers-main,
    .cb-staffing__offers-side {
        gap: 28px;
    }

    .cb-staffing__offers-services {
        flex-direction: column;
        gap: 16px;
    }

    /* Tree map: vertical linear layout */
    .cb-staffing__hq-map {
        height: auto;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding-left: 60px;
        position: relative;
    }

    .cb-staffing__hq-map-trunk {
        left: 42px;
        top: 0;
        bottom: 0;
    }

    .cb-staffing__hq-map-node {
        position: relative;
        width: 100%;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none;
        padding-left: 6px;
    }

    .cb-staffing__hq-map-node--right,
    .cb-staffing__hq-map-node--left {
        left: auto;
        right: auto;
    }

    .cb-staffing__hq-map-icon {
        position: absolute;
        left: -36px;
        top: -2px;
        width: 36px;
        height: 36px;
        font-size: 14px;
        margin-top: 0;
    }

    .cb-staffing__hq-map-line {
        display: none;
    }

    .cb-staffing__hq-map-title {
        margin: 0 0 6px;
        font-size: 17px;
    }

    .cb-staffing__hq-map-list li {
        font-size: 14px;
    }

    /* Timeline: single-column layout */
    .cb-staffing__hq-tl {
        padding: 0;
    }

    .cb-staffing__hq-tl::before {
        left: 38px;
    }

    .cb-staffing__hq-tl-row {
        grid-template-columns: 48px 1fr;
        margin-bottom: 24px;
    }

    .cb-staffing__hq-tl-node {
        grid-column: 1;
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card,
    .cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card {
        grid-column: 2;
        text-align: left;
        margin-left: 14px;
        margin-right: 0;
    }

    .cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card::after,
    .cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card::after {
        top: 15px;
        left: -24px;
        right: auto;
        width: 24px;
    }

    .cb-staffing__hq-tl-title {
        font-size: 16px;
    }

    .cb-staffing__hq-tl-text {
        font-size: 13px;
    }

    .cb-staffing__hq-tl-avatar {
        width: 140px;
        height: 80px;
        margin: 10px 0 28px 0;
        align-self: baseline;
    }

    .cb-staffing__hq-tl-avatar img {
        width: 120px;
    }

    .cb-staffing__hq-tl-row--info {
        margin-bottom: 28px;
        left: 15px;
    }

    .cb-staffing__hq-hiring-title {
        font-size: clamp(18px, 2.2vw, 24px);
    }

    .cb-staffing__hq-hiring-text {
        margin-top: 12px;
        font-size: var(--fs-card-title);
    }

    .cb-staffing__hq-hiring-visual {
        margin-top: 28px;
    }

}

@media (max-width: 768px) {
    .cb-staffing__investor-hero-shell,
    .cb-staffing__investor-card,
    .cb-staffing__investor-fact,
    .cb-staffing__investor-form-shell,
    .cb-staffing__investor-form-placeholder {
        border-radius: 24px;
    }

    .cb-staffing__investor-hero-shell,
    .cb-staffing__investor-form-shell {
        padding: 22px 18px;
    }

    .cb-staffing__investor-title {
        font-size: clamp(28px, 8vw, 42px);
    }

    .cb-staffing__investor-subtitle,
    .cb-staffing__investor-section-subtitle {
        font-size: 15px;
        line-height: 1.6;
    }

    .cb-staffing__investor-summary-card,
    .cb-staffing__investor-form-aside,
    .cb-staffing__investor-form-placeholder,
    .cb-staffing__investor-card,
    .cb-staffing__investor-fact {
        padding: 20px;
    }

    .cb-staffing__investor-stats {
        grid-template-columns: 1fr;
    }

    .cb-staffing__investor-card-bottom,
    .cb-staffing__investor-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cb-staffing__investor-card-btn,
    .cb-staffing__investor-ghost-btn,
    .cb-staffing__investor-actions .cb-partner__btn {
        width: 100%;
        justify-content: center;
    }

    .cb-staffing__investor-section {
        padding-top: 28px;
    }

    .cb-staffing__investor-section-head {
        margin-bottom: 20px;
    }

    .cb-staffing__investor-section-title,
    .cb-staffing__investor-form-placeholder-head h3,
    .cb-staffing__investor-form-aside h3 {
        font-size: clamp(24px, 7vw, 32px);
    }

    .cb-staffing__investor-card-title,
    .cb-staffing__investor-fact h3 {
        font-size: 21px;
    }

    .cb-staffing__investor-meta-item span,
    .cb-staffing__investor-card-desc,
    .cb-staffing__investor-fact p,
    .cb-staffing__investor-form-chip {
        font-size: 14px;
    }

    .cb-staffing__investor-modal .cb-training-modal__close {
        top: 12px;
        right: 12px;
        width: 40px;
        height: 40px;
    }

    .cb-staffing__investor-modal .cb-training-modal__visual,
    .cb-staffing__investor-modal .cb-training-modal__body,
    .cb-staffing__investor-modal-overview,
    .cb-staffing__investor-modal .cb-training-modal__block,
    .cb-staffing__investor-modal .cb-training-modal__cta-row,
    .cb-staffing__investor-modal .cb-training-modal__visual-list div,
    .cb-staffing__investor-modal .cb-training-modal__visual-note,
    .cb-staffing__investor-modal-foot {
        padding: 20px;
    }

    .cb-staffing__investor-modal .cb-training-modal__title {
        font-size: clamp(24px, 7vw, 32px);
    }

    .cb-staffing__investor-modal .cb-training-modal__subtitle,
    .cb-staffing__investor-modal-overview-text,
    .cb-staffing__investor-modal .cb-training-modal__block p,
    .cb-staffing__investor-modal .cb-training-modal__block li,
    .cb-staffing__investor-modal-cta-copy p {
        font-size: 14px;
        line-height: 1.65;
    }

    .cb-staffing__investor-modal .cb-training-modal__info-grid {
        grid-template-columns: 1fr;
    }

    .cb-staffing__investor-modal .cb-training-modal__info-card span,
    .cb-staffing__investor-modal .cb-training-modal__block h3 {
        font-size: 18px;
    }

    .cb-staffing__investor-modal-block-head {
        align-items: flex-start;
    }

    .cb-staffing__investor-modal-cta-btn {
        width: fit-content;
        margin: 0 auto;
        min-width: 0;
        justify-content: center;
    }

    .cb-staffing__block-faq-page {
        margin-top: 5px;
    }

    .cb-staffing__title-block-one {
        margin-top: -170px;
        border-radius: 0;
    }

    .cb-staffing__title-block-two {
        position: relative;
        z-index: 1;
        background: var(--camels-surface);
        border-radius: 0;
        padding: clamp(1.25rem, 5.5vw, 30px) clamp(0px, calc(14vw - 63px), 180px);
        margin-left: calc(0.01 * clamp(0px, calc(9vw - 20px), 180px));
        margin-right: calc(0.01 * clamp(0px, calc(9vw - 20px), 180px));
        padding-bottom: 20px;
        top: -15px;
    }

    .cb-staffing__title-block-two-page {
        position: relative;
        z-index: 1;
        background: var(--camels-surface);
        border-radius: 0;
        padding: clamp(.25rem, 5.5vw, 30px) clamp(0px, calc(14vw - 63px), 180px);
        margin-left: calc(0.01 * clamp(0px, calc(9vw - 20px), 180px));
        margin-right: calc(0.01 * clamp(0px, calc(9vw - 20px), 180px));
        padding-bottom: 20px;
        top: -15px;
    }

    .cb-staffing__hq-howwork-card {
        border-radius: 24px;
        padding: 26px 20px 30px;
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-title {
        font-size: clamp(20px, 6vw, 28px);
    }

    .cb-staffing__hq-howwork-header .cb-staffing__hq-hiring-text {
        font-size: 14px;
        line-height: 1.45;
    }

    .cb-staffing__hq-howwork-timeline {
        padding-left: 40px;
    }

    .cb-staffing__hq-howwork-marker {
        left: -40px;
        width: 28px;
        height: 28px;
        font-size: 13px;
    }

    .cb-staffing__hq-howwork-step + .cb-staffing__hq-howwork-step {
        margin-top: 16px;
    }

    .cb-staffing__hq-howwork-text {
        font-size: 13px;
        line-height: 1.5;
    }

    .cb-staffing__offers-card {
        border-radius: 24px;
        padding: 26px 20px 30px;
    }

    .cb-staffing__offers-tabs {
        margin-bottom: 24px;
        padding: 10px 0;
    }

    .cb-staffing__offers-tab {
        min-width: 210px;
        padding-right: 16px;
    }

    .cb-staffing__offers-tab-photo {
        width: 36px;
        height: 36px;
    }

    .cb-staffing__offers-tab-text,
    .cb-staffing__offers-description,
    .cb-staffing__offers-review-text,
    .cb-staffing__offers-bullet-text,
    .cb-staffing__offers-service-text {
        font-size: 14px;
    }

    .cb-staffing__offers-title {
        font-size: 21px;
    }

    .cb-staffing__offers-stats {
        flex-direction: column;
        gap: 16px;
    }

    .cb-staffing__offers-stat-divider {
        width: 100%;
        min-height: 1px;
        margin: 0;
    }

    .cb-staffing__offers-section-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .d-sm {
        display: block;
        background: var(--camels-surface);
    }

    .hd-sm {
        display: none;
    }

    /* --- Sticky tab strip --- */
    .cb-staffing__tabs-strip {
        position: relative;
        top: auto;
        z-index: 6;
        overflow: visible;
        margin-top: -57px;
        width: 100%;
        margin-left: 0;
        background: var(--camels-surface);
        padding: var(--cb-staffing-sticky-strip-padding-top) 0 var(--cb-staffing-sticky-strip-padding-bottom);
        margin-bottom: 10px;
    }

    .cb-staffing__tabs-strip::before {
        display: none;
    }

    .cb-staffing__tabs-strip--fixed,
    .cb-staffing__tabs-strip--absolute {
        width: 100%;
        margin-left: 0;
    }

    .cb-staffing__tabs-strip--fixed {
        position: relative;
        left: 0;
        right: 0;
    }

    .cb-staffing__tabs-strip--absolute {
        position: relative;
        left: 0;
        right: 0;
    }

    .cb-staffing__tabs-strip.is-stuck::before,
    .cb-staffing__expenses-tabs-strip.is-stuck::before,
    .cb-staffing__scenarios-tabs-strip.is-stuck::before {
        content: '';
        display: block;
        position: fixed;
        left: 0;
        top: var(--cb-staffing-sticky-top);
        width: 100vw;
        height: var(--cb-staffing-mobile-strip-h, 56px);
        pointer-events: none;
        z-index: -1;
    }

    /* --- Horizontal scrollable row --- */
    .cb-staffing__tabs-row {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        padding: 8px 10px;
        margin: 0;
        overflow-x: auto;
        overflow-y: visible;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
        position: relative;
        z-index: 1;
    }

    .cb-staffing__tabs-row::-webkit-scrollbar {
        display: none;
    }

    /* --- Base tab at 768px --- */
    .cb-staffing__tab {
        flex: 0 0 auto;
        width: min(280px, calc(100vw - 36px));
        min-width: min(280px, calc(100vw - 36px));
        margin: 0;
        display: flex;
        justify-content: center;
        scroll-snap-align: center;
        animation: none;
        transform: none;
        opacity: 1;
    }

    .cb-staffing__tab.is-switching,
    .cb-staffing__tab.is-dropping {
        animation: none;
        transform: none;
        opacity: 1;
    }

    /* --- Brackets hidden on mobile --- */
    .cb-staffing__tab--active .cb-staffing__tab-bracket,
    .cb-staffing__tab-bracket--left,
    .cb-staffing__tab-bracket--right {
        display: none !important;
    }

    /* --- Inactive tabs --- */
    .cb-staffing__tab:not(.cb-staffing__tab--active) {
        padding-top: 0;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) + .cb-staffing__tab:not(.cb-staffing__tab--active) {
        margin-left: 0;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-body {
        padding: 7px 12px;
        border-radius: 12px;
        border: 1.5px solid var(--camels-border-tab);
        background: var(--camels-surface);
        gap: 6px;
        width: 100%;
        min-height: 72px;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-info,
    .cb-staffing__tab--active .cb-staffing__tab-info {
        gap: 3px;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-name {
        font-size: 12px;
        font-weight: 600;
        white-space: normal;
        line-height: 1.25;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-subtitle {
        font-size: 10px;
        white-space: normal;
        color: var(--camels-muted);
        line-height: 1.2;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-avatar {
        width: 28px;
        height: 28px;
    }

    .cb-staffing__tab:not(.cb-staffing__tab--active) .cb-staffing__tab-plus {
        width: 24px;
        height: 24px;
    }

    /* --- Active tab pill --- */
    .cb-staffing__tab--active {
        margin-top: 0;
        position: relative;
    }

    .cb-staffing__tab--active .cb-staffing__tab-body {
        height: auto;
        padding: 7px 12px;
        background: var(--camels-accent);
        border-radius: 12px;
        gap: 6px;
        box-shadow: 0 4px 16px rgba(246, 90, 3, 0.22);
        width: 100%;
        min-height: 72px;
    }

    .cb-staffing__tab--active .cb-staffing__tab-name {
        color: #fff;
        border-color: rgba(255, 255, 255, 0.4);
        font-size: 12px;
        padding: 2px 5px;
        border-radius: 8px;
        line-height: 1.2;
    }

    .cb-staffing__tab--active .cb-staffing__tab-subtitle {
        color: rgba(255, 255, 255, 0.85);
        font-size: 10px;
        line-height: 1.2;
    }

    .cb-staffing__tab--active .cb-staffing__tab-avatar {
        width: 28px;
        height: 28px;
        border: 2px solid rgba(255, 255, 255, 0.5);
    }

    /* --- Green checkmark badge on active tab --- */
    .cb-staffing__tab--active::after {
        top: -7px;
        right: -7px;
        width: 20px;
        height: 20px;
        z-index: 3;
    }

    /* --- Docs-click-pointer for staffing tabs (mobile) --- */
    .cb-staffing__swipe-pointer {
        display: flex;
        bottom: -26px;
        z-index: 4;
    }

    .cb-staffing__swipe-pointer-inner {
        gap: 8px;
        padding: 6px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 10px 24px rgba(33, 46, 68, 0.16);
    }

    .cb-staffing__swipe-pointer svg {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }

    .cb-staffing__swipe-pointer-text {
        font-size: 0.72rem;
        line-height: 1;
    }

    /* Override overflow:hidden from 991px to allow sticky tabs */
    .cb-staffing {
        overflow: visible;
    }

    .cb-staffing__expenses,
    .cb-staffing__scenarios {
        overflow: visible;
    }

    .cb-staffing__inner {
        gap: 24px;
        padding-bottom: 40px;
    }

    .cb-staffing__important-cols {
        flex-direction: column;
    }

    .cb-staffing__form-section {
        padding: 20px 16px;
        border-radius: 30px;
        border-width: 5px;
    }

    .cb-staffing__form-card {
        padding: 16px;
        gap: 20px;
    }

    .cb-staffing__form-field {
        width: 100%;
    }

    .cb-staffing__form-progress {
        flex-direction: column;
        gap: 16px;
    }

    .cb-staffing__form-actions {
        flex-direction: column;
        width: 100%;
    }

    .cb-staffing__form-actions .cb-staffing__btn {
        width: 100%;
    }

    .cb-staffing__form-steps {
        gap: 5px;
    }

    .cb-staffing__form-step {
        min-width: 40px;
        min-height: 40px;
        padding: 6px;
    }

    .cb-staffing__form-step-num {
        font-size: 16px;
    }

    .cb-staffing__form-step-line {
        width: 15px;
    }

    .cb-staffing__steps-body {
        padding: 12px 14px 20px;
    }

    /* Block 2 */
    .cb-staffing__launch-cards {
        grid-template-columns: 1fr;
    }

    .cb-staffing__launch-cards .cb-staffing__launch-card:last-child {
        grid-column: auto;
    }

    .cb-staffing__scenario-costs {
        grid-template-columns: 1fr 1fr;
    }

    .cb-staffing__scenarios-tabs-strip {
        position: sticky;
        top: var(--cb-staffing-sticky-top);
        z-index: 110;
        margin: 0 0 16px;
        padding: 2px 0 12px;
        background: var(--camels-surface);
    }

    .cb-staffing__scenarios-tabs {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 10px;
        padding: 5px 12px 4px;
        margin: 0;
        overflow-x: auto;
        overflow-y: visible;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .cb-staffing__scenarios-tabs::-webkit-scrollbar {
        display: none;
    }

    .cb-staffing__scenario-tab {
        flex: 0 0 min(320px, calc(100vw - 48px));
        width: min(320px, calc(100vw - 48px));
        min-width: min(320px, calc(100vw - 48px));
        margin: 0;
        scroll-snap-align: center;
    }

    .cb-staffing__scenarios-header {
        padding: 24px 20px 0;
    }

    .cb-staffing__scenarios-params {
        margin: 0;
        padding: 16px;
    }

    .cb-staffing__scenarios-params-grid {
        grid-template-columns: 1fr;
    }

    .cb-staffing__scenarios-details {
        margin: 0;
    }

    .cb-staffing__scenario-panel--active {
        padding: 20px 0;
    }

    .cb-staffing__scenarios-summary {
        margin: 0 -10px;
        border-radius: 0;
    }
    .cb-staffing__content::before {
        border-radius: 0;
    }

    .cb-staffing__steps-section {
        padding: 30px;
        border-radius: 24px;
        margin-left: -10px;
        margin-right: -10px;
    }

    /* Scenarios summary — scroll on wrapper element around the display:table */
    .cb-staffing__scenarios-summary .cb-staffing__table-scroll {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-staffing__scenarios-summary .cb-staffing__table-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__scenarios-summary .cb-staffing__table-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__scenarios-summary .cb-staffing__table-scroll.start-scroll::before,
    .cb-staffing__scenarios-summary .cb-staffing__table-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-staffing__scenarios-summary-table {
        min-width: 700px;
    }

    .cb-staffing__scenarios-summary-row--head .cb-staffing__scenarios-summary-cell {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .cb-staffing__scenarios-th-tooltip {
        top: calc(100% + 8px);
        bottom: auto;
        transform: translateX(-50%) translateY(-4px);
    }

    .cb-staffing__scenarios-th-tooltip::after {
        top: auto;
        bottom: 100%;
        border-top-color: transparent;
        border-bottom-color: var(--camels-black);
    }

    .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip {
        transform: translateX(-50%) translateY(0);
    }

    .cb-staffing__scenarios-cta {
        padding: 0 0 8px;
        flex-direction: column;
    }

    .cb-staffing__scenarios-disclaimer {
        padding: 0 20px 20px;
    }

    .cb-staffing__scenario-profit-col-val {
        font-size: 17px;
    }

    .cb-staffing__scenario-profit-col-val--green {
        font-size: 22px;
    }

    .cb-staffing__scenario-investor-cards {
        grid-template-columns: 1fr;
    }

    .cb-staffing__scenario-team-row {
        font-size: 12px;
    }

    /* Scenario team table — scroll on wrapper element around the display:table */
    .cb-staffing__scenario-team-section .cb-staffing__table-scroll {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-staffing__scenario-team-section .cb-staffing__table-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__scenario-team-section .cb-staffing__table-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__scenario-team-section .cb-staffing__table-scroll.start-scroll::before,
    .cb-staffing__scenario-team-section .cb-staffing__table-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-staffing__scenario-team-table {
        min-width: 560px;
    }

    .cb-staffing__scenario-team-row--head .cb-staffing__scenario-team-cell {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .cb-staffing__expenses-variants {
        grid-template-columns: 1fr;
    }

    .cb-staffing__expenses {
        padding: 16px;
    }

    .cb-staffing__expenses-tabs-strip {
        position: sticky;
        top: var(--cb-staffing-sticky-top);
        z-index: 110;
        margin: 0 -16px 16px;
        padding: 2px 0 12px;
        background: var(--camels-surface);
    }

    .cb-staffing__expenses-tabs {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 8px;
        padding: 5px 12px 4px;
        margin: 0;
        overflow-x: auto;
        overflow-y: visible;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .cb-staffing__expenses-tabs::-webkit-scrollbar {
        display: none;
    }

    .cb-staffing__expenses-tab {
        flex: 0 0 auto;
        margin: 0;
        scroll-snap-align: center;
    }

    .cb-staffing__tabs-pointer {
        z-index: 4;
    }

    .cb-staffing__expenses-tabs-strip .docs-click-pointer,
    .cb-staffing__scenarios-tabs-strip .docs-click-pointer {
        display: flex;
        bottom: -70px;
    }

    /* Econ table responsive (768px) */
    .cb-staffing__econ-wrap {
        padding: 20px;
        gap: 20px;
    }


    /* Econ table — scroll on table element, not the wrapper */
    .cb-staffing__econ-table {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-staffing__econ-row {
        flex-direction: row;
        min-width: 680px;
    }

    .cb-staffing__econ-table::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__econ-table::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__econ-table.start-scroll::before,
    .cb-staffing__econ-table.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-staffing__econ-cell {
        min-height: auto;
        padding: 12px 16px;
        font-size: 14px;
    }

    .cb-staffing__econ-cell--label {
        width: 50%;
        flex-shrink: 0;
    }

    .cb-staffing__econ-row--head {
        display: flex;
        position: sticky;
        top: 0;
        z-index: 10;
        background: var(--camels-primary-5);
    }

    .cb-staffing__econ-row:not(.cb-staffing__econ-row--head) .cb-staffing__econ-cell {
        min-height: 60px;
    }

    /* Launch table responsive (768px) — horizontal scroll */
    .cb-staffing__launch-card:has(.cb-staffing__launch-table) {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-staffing__launch-card:has(.cb-staffing__launch-table)::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__launch-card:has(.cb-staffing__launch-table)::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__launch-card.start-scroll::before,
    .cb-staffing__launch-card.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-staffing__launch-table {
        min-width: 560px;
    }

    .cb-staffing__launch-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
        background: var(--camels-surface);
    }

    /* Expense variant — allow grid item to shrink below content for scroll */
    .cb-staffing__expense-variant {
        min-width: 0;
    }

    /* Expense table — scroll on wrapper element around the display:table */
    .cb-staffing__expense-variant .cb-staffing__table-scroll {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-staffing__expense-variant .cb-staffing__table-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__expense-variant .cb-staffing__table-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-staffing__expense-variant .cb-staffing__table-scroll.start-scroll::before,
    .cb-staffing__expense-variant .cb-staffing__table-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-staffing__expense-rows {
        min-width: 480px;
    }

    .cb-staffing__expense-table thead th,
    .cb-staffing__expense-row-head .cb-staffing__expense-cell {
        position: sticky;
        top: 0;
        z-index: 10;
        background: var(--camels-surface);
    }
    .offers-vc-eu {
        width: 100%
    }
    
    .cb-staffing__btn {
        height: 40px;
        padding: 10px 20px;
        font-size: var(--fs-card-title);
    }
    .cb-staffing__btn--secondary {
        border: 3px solid transparent;
    }
    .cb-staffing__steps-title {
        font-size: var(--fs-description);
        text-align: center;
        padding-bottom: 10px;
    }

    /* Game section responsive (768px) */
    .cb-staffing__game {
        padding: 30px 16px 40px;
        border-radius: 32px;
    }

    .cb-staffing__game-columns {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }

    .cb-staffing__game-col {
        flex-basis: 100%;
        width: 100%;
        min-width: 0;
    }

    .cb-staffing__game-col.cb-staffing__game-aim {
        flex-basis: auto;
        min-height: auto;
        order: 0;
        margin: -2px 0;
        padding: 0 8px;
    }

    .cb-staffing__game-aim-inner {
        min-height: 112px;
        align-items: center;
    }

    .cb-staffing__game-aim svg {
        display: none;
    }

    .cb-staffing__game-aim-inner::before,
    .cb-staffing__game-aim-inner::after {
        content: '';
        position: absolute;
        top: 50%;
        width: calc(50% - 54px);
        height: 2px;
        border-radius: 999px;
        transform: translateY(-50%);
    }

    .cb-staffing__game-aim-inner::before {
        left: 0;
        background: linear-gradient(90deg, rgba(32, 44, 66, 0.08) 0%, rgba(246, 90, 3, 0.72) 100%);
    }

    .cb-staffing__game-aim-inner::after {
        right: 0;
        background: linear-gradient(90deg, rgba(246, 90, 3, 0.72) 0%, rgba(255, 214, 68, 0.88) 100%);
    }

    .cb-staffing__game-aim-img {
        position: relative;
        left: auto;
        width: 88px;
        max-width: 88px;
        margin: 0 auto;
    }

    .cb-staffing__game-bigtitle {
        font-size: 22px;
        justify-content: flex-start;
        padding: 18px 18px 12px;
        border-radius: 24px 24px 0 0;
        gap: 10px;
    }

    .cb-staffing__game-brand {
        justify-content: flex-start;
        gap: 10px;
    }

    .cb-staffing__game-brand-mark {
        width: 58px;
    }

    .cb-staffing__game-brand-text {
        width: 140px;
        max-width: 100%;
    }

    .cb-staffing__game-spollers {
        padding: 18px 18px 20px;
        border-radius: 0 0 24px 24px;
    }

    .cb-staffing__game-spoller-btn {
        font-size: 15px;
        line-height: 1.45;
        padding: 10px 0 10px 18px;
    }

    .cb-staffing__game-spoller-btn::after {
        top: 18px;
    }

    .cb-staffing__game-title-icon.cb-staffing__card-icon {
        width: 36px;
        height: 36px;
    }

    .cb-staffing__game-title-text {
        flex: 1 1 180px;
    }

    .cb-staffing__game-title {
        margin-left: 50px;
    }

    /* Timeline responsive (768px) */
    .cb-staffing__timeline {
        gap: 16px;
    }

    .cb-staffing__timeline-step {
        gap: 14px;
    }

    .cb-staffing__timeline-marker {
        width: 36px;
        height: 36px;
        min-width: 36px;
        font-size: 15px;
        margin-top: 12px;
    }

    .cb-staffing__timeline::before {
        left: 17px;
        width: 2px;
    }

    .cb-staffing__timeline-toggle-wrap {
        padding-left: 50px;
    }

    .cb-staffing__timeline-toggle-wrap::before {
        left: 17px;
        width: 2px;
    }

    .cb-staffing__timeline-toggle {
        padding: 8px 18px;
        font-size: 14px;
    }
    .cb-staffing__vacancy-info {
        width: 100%;
        padding: 0;
    }
    .cb-staffing__vacancy-image {
        width: 100%;
    
    }
    .cb-staffing__vacancy-body {
        margin: 0 20px;
        flex-direction: column;
    
    }

    .cb-staffing__vacancy-body {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .cb-staffing__steps-section {
        padding: 24px 20px;
        border-radius: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    .investor-page-hero {
        height: 730px;
        
    }
}

@media (max-width: 480px) {
    .investor-page-hero {
        height: 730px;
    }
    .cb-team__hero-eyebrow {
        display: none;
    }

    .wpforms-page-prev,
    .wpforms-page-next,
    .wpforms-submit {
        height: 40px!important;
        padding: 10px 24px!important;
        font-size: var(--fs-card-title)!important;
    }

    .cb-staffing__tabs-row {
        padding: 10px;
        margin: 0;
    }
    .cb-partner__offers-card-img {
        aspect-ratio: 373 / 310;
    }
    .cb-staffing__scenarios-cta-btn {
        font-size: var(--fs-card-title);
    }
    .cb-staffing__game {
        padding: 24px 14px 28px;
        border-radius: 28px;
    }

    .cb-staffing__game-head {
        margin-top: -20px;
    }

    .cb-staffing__game-columns {
        gap: 16px;
    }

    .cb-staffing__game-col.cb-staffing__game-aim {
        padding: 0 4px;
    }

    .cb-staffing__game-aim-inner {
        min-height: 88px;
    }

    .cb-staffing__game-aim-inner::before,
    .cb-staffing__game-aim-inner::after {
        width: calc(50% - 44px);
    }

    .cb-staffing__game-aim-img {
        width: 72px;
        max-width: 72px;
    }

    .cb-staffing__game-bigtitle {
        font-size: 18px;
        padding: 16px 16px 12px;
    }

    .cb-staffing__game-brand-mark {
        width: 48px;
    }

    .cb-staffing__game-brand-text {
        width: 118px;
    }

    .cb-staffing__game-spollers {
        padding: 14px 14px 16px;
    }

    .cb-staffing__game-spoller-btn {
        font-size: 14px;
        line-height: 1.4;
    }

    .cb-staffing__game-title-icon.cb-staffing__card-icon {
        width: 32px;
        height: 32px;
    }
    
    .cb-staffing__expense-split {
        flex-direction: row;
        display: flex;
    }

    .cb-staffing__ras-cell--sum {
        min-width: 180px;
    }

    .cb-staffing__important-col-details {
        padding: 0 15px;
    }

    .cb-staffing__title-block-two {
        padding-bottom: 20px;
        border-radius: 0;
        padding: 30px 20px 20px;
        margin-bottom: 20px;
    }

    .cb-staffing__title-block-two-page {
        padding-bottom: 20px;
        border-radius: 0;
        padding: 30px 20px 20px;
        margin-bottom: 20px;
    }

    .cb-staffing {
        --cb-staffing-sticky-strip-padding-top: 5px;
    }

    .cb-staffing__title-block-one {
        margin-top: -32px;
        border-radius: 0;
        padding: 30px 20px 10px;
    }

    .cb-staffing__hq-hiring {
        padding: 30px 20px;
    }

    .cb-staffing__hq-howwork-card {
        padding: 22px 16px 26px;
        border-radius: 20px;
    }

    .cb-staffing__hq-howwork-timeline {
        padding-left: 38px;
    }

    .cb-staffing__hq-howwork-marker {
        left: -36px;
        width: 26px;
        height: 26px;
        font-size: 12px;
    }

    .cb-staffing__hq-howwork-text {
        font-size: 12px;
    }

    .cb-staffing__offers-card {
        padding: 22px 16px 26px;
        border-radius: 20px;
    }

    .cb-staffing__offers-tab {
        min-width: 180px;
        gap: 10px;
        padding: 9px 12px 9px 9px;
    }

    .cb-staffing__offers-tab-photo {
        width: 34px;
        height: 34px;
    }

    .cb-staffing__offers-title {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .cb-staffing__offers-description,
    .cb-staffing__offers-review-text,
    .cb-staffing__offers-bullet-text,
    .cb-staffing__offers-service-text,
    .cb-staffing__offers-review-author {
        font-size: 13px;
    }

    .cb-staffing__offers-review {
        padding: 16px;
        border-radius: 16px;
    }

    .cb-staffing__offers-stat-value {
        font-size: 20px;
    }

    .cb-staffing__offers-stat-label,
    .cb-staffing__offers-footnote {
        font-size: 13px;
    }

    .cb-staffing__hq-map {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-left: 22px;
        position: relative;
    }

    .cb-staffing__hq-map-trunk {
        left: 22px;
        top: 0;
        bottom: 0;
    }

    .cb-staffing__hq-map-node {
        position: relative;
        width: 100%;
        top: auto !important;
        left: 28px !important;
        right: auto !important;
        transform: none;
    }

    .cb-staffing__hq-map-icon {
        position: absolute;
        left: -44px;
        top: -4px;
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .cb-staffing__hq-map-line {
        display: none;
    }

    .cb-staffing__hq-map-title {
        margin: 0 0 6px;
        font-size: 16px;
    }

    .cb-staffing__hq-map-list li {
        font-size: 14px;
    }

    .cb-staffing__hq-hiring-visual {
        margin-top: 26px;
    }

    .cb-staffing__hq-tl {
        padding: 0;
    }

    .cb-staffing__hq-tl::before {
        left: 23px;
    }

    .cb-staffing__hq-tl-row {
        grid-template-columns: 44px 1fr;
        margin-bottom: 26px;
    }

    .cb-staffing__hq-tl-node {
        grid-column: 1;
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card,
    .cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card {
        grid-column: 2;
        text-align: left;
        padding-left: 14px;
        padding-right: 0;
    }

    .cb-staffing__hq-tl-row--left .cb-staffing__hq-tl-card::after,
    .cb-staffing__hq-tl-row--right .cb-staffing__hq-tl-card::after {
        top: 15px;
        left: -24px;
        right: auto;
        width: 18px;
    }

    .cb-staffing__hq-tl-title {
        font-size: 16px;
    }

    .cb-staffing__hq-tl-list li {
        font-size: 14px;
    }

    .cb-staffing__hq-tl-text {
        font-size: 13px;
    }

    .cb-staffing__hq-tl-avatar {
        width: 150px;
        height: 88px;
        margin: 10px 0 24px 0;
        align-self: baseline;
    }

    .cb-staffing__hq-tl-avatar img {
        width: 130px;
    }

    .cb-staffing__hq-tl-row--info {
        margin-bottom: 30px;
        left: 0;
    }

    .cb-staffing__hq-hiring-title {
        font-size: 24px;
    }

    .cb-staffing__hq-hiring-text {
        margin-top: 14px;
        font-size: 14px;
    }
    .cb-staffing__hero {
        height: clamp(260px, 60vw, 916px);
        border-radius: 0;
    }
    .cb-staffing__important {
        margin: 30px 0;
    }
    .cb-staffing__mass-item {
        gap: 10px;
        padding: 10px 15px;
    }
    .cb-staffing__mass-item-content--revshare,
    .cb-staffing__mass-item-content--deals {
        display: block !important;
        position: relative !important;
        padding-left: 34px !important;
    }
    .cb-staffing__mass-item-content--revshare::before,
    .cb-staffing__mass-item-content--deals::before {
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
    }
    .cb-staffing__cta-center {
        margin: 20px 0;
    }
    .cb-staffing__mass-card-header {
        padding-bottom: 10px;
    }
    .cb-staffing__mass-card {
        padding: 30px 20px 20px;
        gap: 20px;
    }

    /* Econ table responsive (480px) */
    .cb-staffing__econ-wrap {
        padding: 12px;
        gap: 12px;
    }

    .cb-staffing__econ-header {
        gap: 12px;
    }

    .cb-staffing__econ-title {
        font-size: var(--fs-description-alt);
        margin-left: 50px;
    }

    .cb-staffing__econ-cell {
        padding: 10px 12px;
        font-size: 13px;
    }
    .cb-staffing__steps-col {
        gap: 16px;
        padding-top: 0;
    }
    .cb-staffing__steps-bg {
        display: none;
    }
    .cb-staffing__step-connector {
        display: none;
    }

    .cb-staffing__steps-body {
        margin: 0;
        padding: 12px 16px 20px;
        column-gap: 10px;
    }

    .cb-staffing__steps-header {
        padding: 20px 20px 0;
    }

    .cb-staffing__steps-title {
        font-size: 22px;
    }

    .cb-staffing__inner {
        gap: 5px;
        padding-bottom: 40px;
    }
    
    .cb-staffing__scenario-costs {
        grid-template-columns: 1fr;
    }

    .cb-staffing__scenario-profit-formula {
        flex-direction: column;
        gap: 8px;
    }

    .cb-staffing__scenario-profit-op {
        font-size: 20px;
    }

    .cb-staffing__scenario-profit-col {
        padding: 6px 14px;
    }

    .cb-staffing__scenario-team-cell {
        padding: 12px 14px;
    }

    .cb-staffing__expense-variant-head {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Timeline responsive (480px) */
    .cb-staffing__timeline {
        gap: 12px;
    }

    .cb-staffing__timeline-step {
        gap: 10px;
    }

    .cb-staffing__timeline-marker {
        display: none;
    }

    .cb-staffing__timeline-step:not(.cb-staffing__timeline-step--hidden):has(.cb-staffing__mass-card-title) .cb-staffing__timeline-marker,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__mass-card-title) .cb-staffing__timeline-marker,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__econ-title) .cb-staffing__timeline-marker,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__game-title) .cb-staffing__timeline-marker {
        display: flex;
        position: absolute;
        top: 15px;
        left: 20px;
        width: 32px;
        height: 32px;
        min-width: 32px;
        margin-top: 0;
        z-index: 3;
    }

    .cb-staffing__timeline-step:not(.cb-staffing__timeline-step--hidden):has(.cb-staffing__mass-card-title) .cb-staffing__timeline-marker,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__mass-card-title) .cb-staffing__timeline-marker {
        display: flex;
        position: absolute;
        top: 27px;
        left: 20px;
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 13px;
        margin-top: 0;
        z-index: 3;
    }

    .cb-staffing__timeline-step:not(.cb-staffing__timeline-step--hidden):has(.cb-staffing__mass-card-title) .cb-staffing__timeline-content,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__mass-card-title) .cb-staffing__timeline-content {
        min-width: 0;
    }

    .cb-staffing__timeline-step:not(.cb-staffing__timeline-step--hidden):has(.cb-staffing__mass-card-title) .cb-staffing__mass-card,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__mass-card-title) .cb-staffing__mass-card {
        position: relative;
    }

    .cb-staffing__timeline-step:not(.cb-staffing__timeline-step--hidden):has(.cb-staffing__mass-card-title) .cb-staffing__mass-card-header,
    .cb-staffing__timeline-step--hidden.cb-staffing__timeline-step--visible:has(.cb-staffing__mass-card-title) .cb-staffing__mass-card-header {
        padding-left: 42px;
        min-height: 32px;
        flex-direction: column;
    }

    .cb-staffing__mass-card-header {
        align-items: start;
    }

    .cb-staffing__timeline::before {
        display: none;
    }

    .cb-staffing__timeline-toggle-wrap {
        padding-left: 40px;
    }

    .cb-staffing__timeline-toggle-wrap::before {
        left: 14px;
    }

    .cb-staffing__timeline-toggle {
        padding: 8px 16px;
        font-size: 13px;
        border-radius: 10px;
    }
}

/* ==========================================================================
   Mobile Card Slider — shared component
   ========================================================================== */

/* Wrapper — transparent on desktop */
.cb-slider-wrap {
    position: relative;
    margin: 0;
}

/* Buttons & dots hidden on desktop */
.cb-slider__btn,
.cb-slider__dots {
    display: none;
}

@media (max-width: 768px) {
    /* --- Constrain wrapper inside flex/grid parents --- */
    .cb-slider-wrap {
        overflow: visible;
        min-width: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

    /* --- Scroll container --- */
    .cb-slider-wrap > .cb-partner__tools-grid,
    .cb-slider-wrap > .cb-partner__demo-cards,
    .cb-slider-wrap > .cb-process__cabinet-cards,
    .cb-slider-wrap > .cb-staffing__launch-cards {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;        /* Firefox */
        scroll-behavior: smooth;
        margin: 0;
        gap: 16px;
        flex: 1;
        min-width: 0;
    }

    .cb-slider-wrap > .cb-partner__tools-grid::-webkit-scrollbar,
    .cb-slider-wrap > .cb-partner__demo-cards::-webkit-scrollbar,
    .cb-slider-wrap > .cb-process__cabinet-cards::-webkit-scrollbar,
    .cb-slider-wrap > .cb-staffing__launch-cards::-webkit-scrollbar {
        display: none;               /* Chrome / Safari */
    }

    /* --- Cards: one per view, centered --- */
    .cb-slider-wrap > .cb-partner__tools-grid > .cb-partner__tool-card,
    .cb-slider-wrap > .cb-partner__demo-cards > .cb-partner__demo-card,
    .cb-slider-wrap > .cb-process__cabinet-cards > .cb-process__cabinet-card,
    .cb-slider-wrap > .cb-staffing__launch-cards > .cb-staffing__launch-card {
        flex: 0 0 calc(100% - 0px);
        max-width: calc(100% - 0px);
        scroll-snap-align: center;
        margin: 0 auto;
    }

    /* --- Navigation buttons --- */
    .cb-slider__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        top: auto;
        transform: none;
        z-index: 5;
        width: 36px;
        height: 36px;
        min-width: 36px;
        border-radius: 25%;
        border: 1px solid var(--camels-border);
        background: var(--camels-text);
        box-shadow: 0 2px 10px rgb(0 0 0 / 13%);
        cursor: pointer;
        color: var(--camels-bg);
        font-size: 14px;
        transition: opacity 0.2s, box-shadow 0.2s;
    }

    .cb-slider__btn--prev {
        order: -1;
    }
    .cb-slider__btn--next {
        order: 1;
    }

    .cb-slider__btn:active {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

    .cb-slider__btn:disabled {
        opacity: 0.25;
        cursor: default;
        pointer-events: none;
    }

    /* --- Remove hover box-shadow for slider cards on mobile --- */
    .cb-process__cabinet-card:hover,
    .cb-partner__tool-card:hover,
    .cb-partner__demo-card:hover,
    .cb-staffing__launch-card:hover {
        box-shadow: none;
    }

    /* --- Dots indicator --- */
    .cb-slider__dots {
        display: flex;
        justify-content: center;
        gap: 6px;
        margin-top: 4px;
        width: 100%;
        order: 3;
    }

    .cb-slider__dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--camels-border);
        border: none;
        padding: 0;
        cursor: pointer;
        transition: background 0.2s, transform 0.2s;
    }

    .cb-slider__dot.is-active {
        background: var(--camels-accent);
    }
}

/* ================================================================
   Training Course Modal  (two-column layout: visual + form)
   ================================================================ */

.cb-training-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;

    /* Override WPForms CSS custom properties */
    --wpforms-button-background-color: var(--camels-accent);
    --wpforms-button-border-radius: 14px;
    --wpforms-button-border-style: none;
    --wpforms-button-border-size: 0;
    --wpforms-button-text-color: #ffffff;
    --wpforms-button-size-font-size: 15px;
    --wpforms-button-size-height: 52px;
    --wpforms-button-size-padding-h: 32px;
    --wpforms-button-size-margin-top: 8px;
    --wpforms-field-border-radius: 14px;
    --wpforms-field-border-style: solid;
    --wpforms-field-border-size: 1.5px;
    --wpforms-field-border-color: #e2e5eb;
    --wpforms-field-background-color: #f8f9fb;
    --wpforms-field-text-color: #222754;
    --wpforms-field-size-font-size: 14px;
    --wpforms-field-size-input-height: 50px;
    --wpforms-field-size-padding-h: 18px;
    --wpforms-label-color: #222754;
    --wpforms-label-size-font-size: 14px;
    --wpforms-label-error-color: var(--camels-accent);
    --wpforms-label-sublabel-color: #a0a4b8;
    --wpforms-container-padding: 0;
}

.cb-training-modal.is-open {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Overlay */
.cb-training-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

/* Container */
.cb-training-modal__container {
    position: relative;
    width: 94%;
    max-width: 1366px;
    max-height: 92vh;
    overflow: hidden;
    background: var(--camels-surface);
    border-radius: 24px;
    padding: 0;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(30px) scale(0.96);
    transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}

.cb-training-modal.is-open .cb-training-modal__container {
    transform: translateY(0) scale(1);
}

/* Close button */
.cb-training-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    border: 1px solid transparent;
    background: var(--camels-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--camels-surface);
    font-size: 18px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease;
    z-index: 99;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.cb-training-modal__close:hover {
    background: transparent;
    color: var(--camels-accent);
    transform: rotate(90deg);
    border: 1px solid var(--camels-accent);
}   

/* ---- Two-column layout ---- */
.cb-training-modal__layout {
    display: flex;
    min-height: 580px;
}

.wpforms-page-next,
#wpforms-submit-99 {
    max-width: fit-content;
    display: flex;
    align-items: center;
}

#wpforms-submit-141 {
    max-width: fit-content;
    display: flex;
    align-items: center;
}

div.wpforms-container-full .wpforms-field-file-upload input[type=file] {
    width: 100%!important;
    margin-top: 0.5rem;
}

#wpforms-99-field_7-container,
.wpforms-pagebreak-left {
    display: flex;
    justify-content: center;
}

/* Left visual side */
.cb-training-modal__visual {
    flex: 0 0 38%;
    max-width: 30%;
    background: linear-gradient(180deg,
        #ffffff 0%,
        #f8f4f0 12%,
        #e8d9c8 22%,
        #9A5A14 44%,
        #3d1800 52%,
        #1a0800 65%,
        #000000 80%);
    background-color: #000;
    background-size: auto;
    background-position: top;
    border-radius: 24px 0 0 24px;
    padding: 80px 20px 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.cb-training-modal__visual::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0.35) 0%,
        rgba(255, 255, 255, 0.08) 50%,
        transparent 100%);
    pointer-events: none;
    z-index: 0;
}

.cb-training-modal__visual::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 180%;
    height: 55%;
    background: radial-gradient(ellipse 50% 60% at 50% 20%,
        rgba(246, 90, 3, 0.35) 0%,
        rgba(200, 50, 0, 0.15) 40%,
        transparent 70%);
    pointer-events: none;
    z-index: 0;
}

/* Title */
.cb-training-modal__title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    color: var(--camels-surface);
    border-radius: 10px;
    background: #000000b3;
    padding: 10px 15px;
    justify-content: center;
    margin: 0 0 16px;
    display: flex;
    line-height: 1.15;
    letter-spacing: -0.02em;
    position: relative;
    z-index: 1;
}

.cb-training-modal__subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 400;
    color: var(--camels-surface);
    background: #000000b3;
    padding: 10px 15px;
    border-radius: 10px;
    line-height: 1.5;
    margin: 0 0 auto;
    position: relative;
    z-index: 1;
}

/* Image wrapper */
.cb-training-modal__img-wrap {
    margin-top: 200px;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.cb-training-modal__img {
    height: 100%;
    object-fit: cover;
    display: block;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 8px 24px rgba(246, 90, 3, 0.3));
}

/* ---- Rocket Fire / Launch effect ---- */
.cb-training-modal__fire {
    position: relative;
    z-index: 1;
    width: 100%;
    flex: 0 0 auto;
    min-height: 84px;
    margin-top: -100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}

.cb-training-modal__fire-asset {
    display: block;
    width: min(220px, 78%);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 8px 18px rgba(246, 90, 3, 0.18));
}

/* ---- CSS Rocket Exhaust Fire ---- */
.cb-fire-exhaust {
    position: relative;
    width: 180px;
    height: 200px;
    margin: 0 auto;
}

.cb-fire-exhaust__flame {
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 10% 50% 50% 50%;
    transform-origin: 50% 0;
}

.cb-fire-exhaust__flame--outer {
    width: 120px;
    height: 190px;
    margin-left: -60px;
    background: radial-gradient(ellipse at 50% 15%, #ff6b08 0%, #e04f00 30%, #b02a00 55%, rgba(120,20,0,0) 80%);
    filter: blur(10px);
    opacity: 0.55;
    animation: fireExhaustOuter 1.8s ease-in-out infinite;
}

.cb-fire-exhaust__flame--mid {
    width: 80px;
    height: 160px;
    margin-left: -40px;
    background: radial-gradient(ellipse at 50% 12%, #ffaa33 0%, #ff7700 35%, #f65a03 60%, rgba(200,50,0,0) 85%);
    filter: blur(5px);
    opacity: 0.8;
    animation: fireExhaustMid 1.2s ease-in-out infinite;
}

.cb-fire-exhaust__flame--core {
    width: 44px;
    height: 130px;
    margin-left: -22px;
    background: radial-gradient(ellipse at 50% 10%, #fff8e1 0%, #ffe082 25%, #ffcc33 50%, #ff9900 75%, rgba(255,120,0,0) 100%);
    filter: blur(2px);
    opacity: 0.95;
    animation: fireExhaustCore 0.7s ease-in-out infinite;
}

/* Small rising sparks */
.cb-fire-exhaust__spark {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffe082;
    filter: blur(1px);
    opacity: 0;
    animation: fireExhaustSpark 2s ease-out infinite;
}

.cb-fire-exhaust__spark--1 {
    left: 45%;
    top: 50%;
    animation-delay: 0s;
}

.cb-fire-exhaust__spark--2 {
    left: 55%;
    top: 45%;
    animation-delay: 0.6s;
}

.cb-fire-exhaust__spark--3 {
    left: 50%;
    top: 55%;
    animation-delay: 1.2s;
}

@keyframes fireExhaustOuter {
    0%, 100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0.55;
    }
    20% {
        transform: scaleX(1.08) scaleY(0.96);
        opacity: 0.5;
    }
    40% {
        transform: scaleX(0.92) scaleY(1.06);
        opacity: 0.6;
    }
    60% {
        transform: scaleX(1.05) scaleY(0.98);
        opacity: 0.48;
    }
    80% {
        transform: scaleX(0.95) scaleY(1.03);
        opacity: 0.58;
    }
}

@keyframes fireExhaustMid {
    0%, 100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0.8;
    }
    15% {
        transform: scaleX(0.88) scaleY(1.08);
        opacity: 0.75;
    }
    35% {
        transform: scaleX(1.1) scaleY(0.94);
        opacity: 0.85;
    }
    55% {
        transform: scaleX(0.94) scaleY(1.05);
        opacity: 0.78;
    }
    75% {
        transform: scaleX(1.06) scaleY(0.97);
        opacity: 0.82;
    }
}

@keyframes fireExhaustCore {
    0%, 100% {
        transform: scaleX(1) scaleY(1);
        opacity: 0.95;
    }
    25% {
        transform: scaleX(1.12) scaleY(0.94);
        opacity: 0.88;
    }
    50% {
        transform: scaleX(0.88) scaleY(1.08);
        opacity: 0.92;
    }
    75% {
        transform: scaleX(1.05) scaleY(0.96);
        opacity: 0.9;
    }
}

@keyframes fireExhaustSpark {
    0% {
        transform: translateY(0) scale(1);
        opacity: 0.9;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(80px) scale(0);
        opacity: 0;
    }
}

/* Right form side */
.cb-training-modal__form-side {
    flex: 1;
    padding: 40px 40px 36px;
    overflow-y: auto;
    max-height: 92vh;
}

/* Header — hidden in two-column mode */
.cb-training-modal__header {
    display: none;
}

/* Body */
.cb-training-modal__body {
    color: var(--camels-text);
}

/* Override WPForms form-level inline CSS vars */
.cb-training-modal .wpforms-form {
    --wpforms-label-size-font-size: 14px;
    --wpforms-label-size-line-height: 18px;
    --wpforms-field-size-font-size: 14px;
    --wpforms-field-size-input-height: 50px;
    --wpforms-field-size-padding-h: 18px;
    --wpforms-button-size-font-size: 15px;
    --wpforms-button-size-height: 52px;
}

/* ---- WPForms inside Training Modal ---- */

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field {
    margin-bottom: 0;
    padding: 6px 0;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-label {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: #374357;
    margin: 0 0 8px;
    letter-spacing: 0.01em;
}

.cb-training-modal .wpforms-container .wpforms-field-required {
    color: var(--camels-black);
    font-weight: 700;
}

/* Inputs */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input[type="text"],
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input[type="email"],
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input[type="tel"],
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input[type="url"],
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input[type="number"],
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field textarea,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select {
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: 14px;
    background: #f8f9fb;
    border: 1.5px solid #e2e5eb;
    border-radius: 14px;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input:hover,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field textarea:hover,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select:hover {
    border-color: #c5c9d4;
    background: #fff;
}

/* Focus state — accent border */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input:focus,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field textarea:focus,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select:focus {
    border-color: var(--camels-accent) !important;
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1) !important;
    background: #fff;
}

/* All fields need position:relative for badge positioning */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field {
    position: relative;
}

/* ---- Default state for required fields: red border + triangle badge ---- */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required input:not([type="hidden"]),
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required textarea,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required select {
    border-color: #ff1f00;
    color: #ff1f00;
    max-width: 98% !important;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.wpforms-field-select {
    --cb-modal-select-arrow-right: 20px;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field {
    --cb-field-warning-top: 20px;
    --cb-field-warning-right: 1px;
    --cb-field-indicator-top: 23px;
    --cb-field-indicator-right: 1px;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.wpforms-field-select::before {
    display: none;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.wpforms-field-select .cb-select-arrow {
    position: absolute;
    top: 50%;
    right: var(--cb-modal-select-arrow-right);
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: #697384;
    pointer-events: none;
    z-index: 1;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.wpforms-field-select .cb-select-arrow i {
    font-size: 12px;
    line-height: 1;
    transition: transform 0.22s ease;
    transform-origin: center;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.wpforms-field-select.cb-select-open .cb-select-arrow i {
    transform: rotate(180deg);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select.cb-searchable-select-native {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__trigger {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 14px 52px 14px 16px;
    border: 1.5px solid #e2e5eb;
    border-radius: 14px;
    background: #f8f9fb;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-select-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    color: #697384;
    pointer-events: none;
    z-index: 2;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-select-arrow i {
    font-size: 12px;
    line-height: 1;
    transition: transform 0.22s ease;
    transform-origin: center;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field.cb-select-open .cb-select-arrow i {
    transform: rotate(180deg);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__trigger:hover {
    border-color: #c5c9d4;
    background: #fff;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field.cb-select-open .cb-searchable-select__trigger {
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1);
    background: #fff;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field.cb-field-required .cb-searchable-select__trigger {
    border-color: #ff1f00;
    color: #ff1f00;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field.cb-field-valid .cb-searchable-select__trigger {
    border-color: #43bb5a;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__value {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    color: var(--camels-text);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__value-text,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__item-text {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__flag {
    flex: 0 0 22px;
    width: 22px;
    height: 16px;
    display: block;
    object-fit: cover;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(33, 46, 68, 0.08);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select:not(.is-filled) .cb-searchable-select__value {
    color: var(--camels-muted-light);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
    background: var(--camels-surface);
    box-shadow: 0 18px 32px rgba(33, 46, 68, 0.12);
    overflow: hidden;
    z-index: 8;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__search-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--camels-border-light);
    background: #fff;
}

.wpforms-page-prev {
    margin-top: 20px!important;
    background: transparent!important;
    border: 1px solid var(--camels-text)!important;
    color: var(--camels-text)!important;
}

.wpforms-page-prev:hover {
    background: var(--camels-text)!important;
    color: var(--camels-surface)!important;
    border: 1px solid var(--camels-text)!important;
}

.wpforms-page-next:hover {
    background: transparent!important;
    color: var(--camels-accent)!important;
    border: 1px solid var(--camels-accent)!important;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__search-wrap i {
    flex-shrink: 0;
    color: var(--camels-muted-light);
    font-size: 13px;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__search {
    width: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__list {
    max-height: 232px;
    padding: 6px;
    overflow-y: auto;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__item,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__empty {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    line-height: 1.35;
    text-align: left;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__item {
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__item:hover,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__item.is-active {
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-searchable-select-field .cb-searchable-select__empty {
    color: var(--camels-muted-light);
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--multiple .choices__item {
    font-size: var(--fs-card-title);
}


.choices__input--cloned {
    display: none!important;
}

/* Triangle warning badge on required empty fields */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required::after {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: var(--cb-field-warning-top);
    right: var(--cb-field-warning-right);
    width: 25px;
    height: 26px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

/* Dedicated required badge positioning for checkbox field #26 */
.cb-training-modal .wpforms-container .wpforms-form #wpforms-34-field_26-container.cb-field-required::after {
    top: 2px;
    right: -24px;
}

/* ---- Valid state: green border + checkmark badge ---- */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid input:not([type="hidden"]),
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid textarea,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid select {
    border-color: #36a236;
    background: #fff;
}

/* Green checkmark badge on valid fields */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: var(--cb-field-indicator-top);
    right: var(--cb-field-indicator-right);
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

/* Dedicated valid badge positioning for checkbox field #26 */
.cb-training-modal .wpforms-container .wpforms-form #wpforms-34-field_26-container.cb-field-valid::after {
    top: 2px;
    right: -24px;
    font-size: 8px;
    width: 18px;
    height: 18px;
}

/* Remove badge on non-required non-valid fields (neutral state) */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field:not(.cb-field-required):not(.cb-field-valid)::after {
    display: none;
}

/* WPForms error state — keep for submit validation */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field input.wpforms-error,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field textarea.wpforms-error,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select.wpforms-error {
    border-color: #ff1f00;
    box-shadow: 0 0 0 3px rgba(255, 31, 0, 0.12);
    background: #fffaf7;
}

/* Error message text */
.cb-training-modal .wpforms-container label.wpforms-error {
    color: #ff1f00;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.cb-training-modal .wpforms-container label.wpforms-error::before {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 10px;
}

/* Hide badge on layout wrapper fields (they're containers, not inputs) */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-layout::after,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-hidden::after {
    display: none !important;
}

/* Badge position adjustment for fields inside layout columns */
.cb-training-modal .wpforms-field-layout .wpforms-field {
    position: relative;
}

/* Placeholder */
.cb-training-modal .wpforms-container .wpforms-field input::placeholder,
.cb-training-modal .wpforms-container .wpforms-field textarea::placeholder {
    color: #a0a4b8;
    font-weight: 400;
}

.cb-training-modal.cb-staffing-form-modal--investor .wpforms-container .wpforms-field input::placeholder,
.cb-training-modal.cb-staffing-form-modal--investor .wpforms-container .wpforms-field textarea::placeholder,
.cb-training-modal.cb-staffing-form-modal--investor .cb-searchable-select__search::placeholder,
.cb-training-modal.cb-staffing-form-modal--investor .ivw-tz-select__search::placeholder {
    color: #000000;
}

/* Submit button */
.cb-training-modal .wpforms-container .wpforms-submit-container {
    margin-top: 12px;
    text-align: center;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-submit,
.cb-training-modal .wpforms-container .wpforms-form button[type="submit"] {
    width: auto;
    min-width: 200px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.02em;
    cursor: pointer;
    border-radius: 14px;
    border: 1px solid transparent;
    transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.15s ease;
    margin: 0 auto;
    display: block;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-submit.cb-submit-with-icon,
.cb-training-modal .wpforms-container .wpforms-form button[type="submit"].cb-submit-with-icon {
    display: inline-grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-width: 230px;
    width: auto !important;
    padding: 0 24px 0 0 !important;
    column-gap: 10px;
}

.cb-submit-with-icon__text {
    display: block;
    grid-column: 2;
    text-align: center;
    white-space: nowrap;
}

.cb-submit-with-icon__icon {
    display: inline-flex;
    grid-column: 3;
    justify-self: end;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-submit:hover,
.cb-training-modal .wpforms-container .wpforms-form button[type="submit"]:hover {
    background: var(--camels-white) !important;
    border: 1px solid var(--camels-accent);
    color: var(--camels-accent);
    box-shadow: 0 6px 24px var(--camels-accent-shadow);
    transform: translateY(-2px);
}

.cb-training-modal .wpforms-container .wpforms-form .wpforms-submit:active,
.cb-training-modal .wpforms-container .wpforms-form button[type="submit"]:active {
    transform: translateY(0);
}

/* Hidden field — hide completely */
.cb-training-modal .wpforms-container .wpforms-field-hidden {
    display: none !important;
}

#wpforms-34-field_26-container {
    width: fit-content;
}

/* File upload field styling */
.cb-training-modal .wpforms-container .wpforms-field-file-upload input[type="file"] {
    font-family: 'Onest', sans-serif;
    font-size: 13px;
}

.cb-training-modal #wpforms-34-field_6-container input[type="file"] {
    width: 100%;
    max-width: 100%;
    padding: 10px 12px !important;
    border: 1.5px solid var(--camels-border-light) !important;
    border-radius: 12px !important;
    background: var(--camels-surface-light) !important;
    color: var(--camels-text) !important;
    line-height: 1.3;
}

.cb-training-modal #wpforms-34-field_6-container input[type="file"]::file-selector-button,
.cb-training-modal #wpforms-34-field_6-container input[type="file"]::-webkit-file-upload-button {
    margin-right: 10px;
    padding: 8px 14px;
    border: 1px solid var(--camels-accent) !important;
    border-radius: 10px;
    background: var(--camels-accent) !important;
    color: var(--camels-surface) !important;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.cb-training-modal #wpforms-34-field_6-container input[type="file"]:hover::file-selector-button,
.cb-training-modal #wpforms-34-field_6-container input[type="file"]:hover::-webkit-file-upload-button {
    background: var(--camels-surface);
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}


.wpforms-recaptcha-container {
    display:none;
}

/* Select dropdown styling */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field select {
    appearance: none;
    -webkit-appearance: none;
    background-image: none;
    padding-right: 72px;
}

/* intl-tel-input phone field */
.cb-training-modal .iti {
    width: 100%;
}

.cb-training-modal .iti__selected-country {
    border-radius: 14px 0 0 14px;
}

/* Sub-labels */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-sublabel {
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    color: #a0a4b8;
}

/* Layout field rows spacing */
.cb-training-modal .wpforms-field-layout .wpforms-layout-row {
    gap: 16px;
}

/* Date/time fields */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-date-time input {
    border-radius: 14px;
}

/* Layout field description — hide stray overflow text */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-layout > .wpforms-field-label,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-layout > .wpforms-field-description {
    display: none !important;
}

#wpforms-141-field_14-container {
    display: none !important;
}

/* Hide native WPForms date-time field #10 (replaced by custom picker) */
#wpforms-34-field_10-container {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.cb-training-modal .cb-staffing-country-searchable-native,
.cb-training-modal .cb-staffing-investor-interview-native,
.cb-training-modal .cb-staffing-investor-timezone-native,
.cb-training-modal .cb-staffing-investor-amount-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.cb-training-modal .wpforms-container .wpforms-form .cb-staffing-investor-tariff-select[hidden] {
    display: none !important;
}

.cb-training-modal .wpforms-container .wpforms-form .cb-staffing-investor-timezone-field {
    position: relative;
}

.cb-training-modal .wpforms-container .wpforms-form .cb-staffing-investor-timezone-field .wpforms-field-label {
    display: block !important;
}

/* ===================================================================
   Country & Language Picker (clp-)
   =================================================================== */

/* Wrapper */
.clp-select {
    position: relative !important;
    width: 100% !important;
    margin-top: 4px !important;
}

/* Trigger button */
.clp-select__btn {
    width: 100% !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 9px 14px !important;
    border: 1px solid var(--camels-border-light) !important;
    border-radius: 14px !important;
    background: var(--camels-surface) !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.88rem !important;
    color: var(--camels-muted-light) !important;
    cursor: pointer !important;
    -webkit-transition: border-color 0.2s, box-shadow 0.2s !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    text-align: left !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
}

.clp-select--filled .clp-select__btn {
    color: var(--camels-text) !important;
}

.clp-select__btn:hover {
    border-color: var(--camels-accent) !important;
}

.clp-select.is-open .clp-select__btn {
    border-color: var(--camels-accent) !important;
    box-shadow: 0 0 0 2px var(--camels-accent-shadow) !important;
}

/* Value display */
.clp-select__value {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 10px !important;
    -webkit-flex: 1 !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.clp-select__placeholder {
    color: var(--camels-muted-light) !important;
}

/* Arrow icon */
.clp-select__arrow {
    font-size: 0.65rem !important;
    color: var(--camels-muted-light) !important;
    -webkit-transition: -webkit-transform 0.2s !important;
    transition: transform 0.2s !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}

.clp-select.is-open .clp-select__arrow {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

/* Dropdown panel */
.clp-select__dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    background: var(--camels-surface) !important;
    border: 1px solid var(--camels-border-light) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    display: none !important;
    z-index: 99999 !important;
    overflow: hidden !important;
}

.clp-select.is-open .clp-select__dropdown {
    display: block !important;
}

/* Search bar */
.clp-select__search-wrap {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 8px !important;
    height: 50px!important;
    padding: 10px 14px !important;
    border-bottom: 1px solid var(--camels-border-light) !important;
}

.clp-select__search-wrap i {
    color: var(--camels-muted-light) !important;
    font-size: 0.8rem !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}

.clp-select__search {
    border: none !important;
    outline: none !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.84rem !important;
    color: var(--camels-text) !important;
    background: transparent !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.clp-select__search::placeholder {
    color: var(--camels-muted-light) !important;
}

/* Options list */
.clp-select__list {
    max-height: 220px !important;
    overflow-y: auto !important;
    padding: 4px 0 !important;
    --webkit-overflow-scrolling: touch !important;
}

.clp-select__list::-webkit-scrollbar {
    width: 5px !important;
}

.clp-select__list::-webkit-scrollbar-thumb {
    background: var(--camels-border-medium) !important;
    border-radius: 3px !important;
}

/* Single option item */
.clp-select__item {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.82rem !important;
    color: var(--camels-text) !important;
    cursor: pointer !important;
    -webkit-transition: background 0.1s !important;
    transition: background 0.1s !important;
}

.clp-select__item:hover {
    background: var(--camels-surface-warm) !important;
}

.clp-select__item.is-active {
    background: rgba(246, 90, 3, 0.08) !important;
    color: var(--camels-accent) !important;
    font-weight: 600 !important;
}

.clp-select__item--empty {
    color: var(--camels-muted-light) !important;
    cursor: default !important;
    font-style: italic !important;
}

.clp-select__item--empty:hover {
    background: transparent !important;
}

/* Flag image */
.clp-select__flag {
    width: 24px !important;
    height: 16px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.08) !important;
}

/* Label text */
.clp-select__label {
    -webkit-flex: 1 !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Responsive — stack on mobile */
@media (max-width: 600px) {
    .clp-select__dropdown {
        max-width: 100% !important;
    }
    .clp-select__list {
        max-height: 180px !important;
    }
}

/* ── Multi-select mode ── */
.clp-select--multi .clp-select__btn {
    min-height: 42px !important;
    height: auto !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding: 4px 14px 4px 6px !important;
}

.clp-select--multi .clp-select__value {
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    gap: 0 !important;
    min-height: 32px !important;
    -webkit-align-items: center !important;
    align-items: center !important;
}

/* Pills wrapper */
.clp-select__pills {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    padding: 2px 0 !important;
}

/* Individual pill */
.clp-select__pill {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 6px 4px 10px !important;
    background: var(--camels-accent)!important;
    border: 1px solid var(--camels-accent)!important;
    border-radius: 2px !important;
    color: #ffffff !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    white-space: normal !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    cursor: pointer !important;
}

.clp-select__pill-label {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
}

.cb-training-direction-picker {
    position: relative;
}

.cb-training-direction-picker.cb-field-valid::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    margin-top: -45px;
    left: 46%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

#cb-training-direction-select {
    appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 12px 8px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238a919c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    padding-right: 36px !important;
    cursor: pointer;
}

/* Pill remove button */
.clp-select__pill-remove {
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    border: none !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 0.7rem !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 1 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    -webkit-transition: background 0.15s, color 0.15s !important;
    transition: background 0.15s, color 0.15s !important;
}

.clp-select__pill-remove:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* Checkbox icon in dropdown items */
.clp-select__check {
    font-size: 0.9rem !important;
    color: var(--camels-muted-light) !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
    width: 16px !important;
}

.clp-select__item.is-active .clp-select__check {
    color: var(--camels-accent) !important;
}

/* Multi-select placeholder inside value area */
.clp-select--multi .clp-select__placeholder {
    padding: 4px 6px !important;
}

/* Multi-select responsive */
@media (max-width: 600px) {
    .clp-select__pill {
        font-size: 0.7rem !important;
        padding: 3px 5px 3px 8px !important;
    }
}

/* ===================================================================
   Interview Picker Widget (ivw-)
   =================================================================== */

/* Isolation: prevent WPForms container styles from leaking into picker */
div.wpforms-container-full .wpforms-form .ivw-picker-wrap input[type="text"],
.wpforms-container .ivw-picker-wrap input[type="text"] {
    display: inline !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.82rem !important;
    color: var(--camels-text) !important;
}

div.wpforms-container-full .wpforms-form .ivw-picker-wrap button,
.wpforms-container .ivw-picker-wrap button {
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.ivw-picker-wrap {
    position: relative !important;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1.5px solid var(--camels-border-light) !important;
    background: var(--camels-surface) !important;
    transition: border-color 0.3s !important;
}

/* Required/invalid state: red border + triangle warning badge */
.ivw-picker-wrap.ivw-field-required {
    border-color: #ff1f00 !important;
}

.ivw-picker-wrap.ivw-field-required::after {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 25px;
    height: 26px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

/* Confirmed/valid state: green border + checkmark badge */
.ivw-picker-wrap.ivw-confirmed {
    border-color: #36a236 !important;
}

.ivw-picker-wrap.ivw-confirmed::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

.ivw-picker-label {
    padding: 14px 16px 0 !important;
    margin-bottom: 0 !important;
}

/* Picker layout: calendar | times */
.ivw-picker {
    display: -webkit-flex;
    display: flex;
    min-height: 380px!important;
    border-top: 1px solid var(--camels-border-light)!important;
    margin-top: 10px!important;
}

/* Calendar (left) side */
.ivw-calendar-side {
    -webkit-flex: 1 1 70%!important;
    flex: 1 1 70%!important;
    max-width: 75%!important;
    padding: 16px!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-flex-direction: column!important;
    flex-direction: column!important;
}

.ivw-calendar-title {
    font-family: 'Onest', sans-serif!important;
    font-size: 1.05rem!important;
    font-weight: 700!important;
    color: var(--camels-text)!important;
    margin-bottom: 14px!important;
}

/* Month navigation */
.ivw-month-nav {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important;
    gap: 1.25rem!important;
    margin-bottom: 10px!important;
}

.ivw-month-nav__label {
    font-family: 'Onest', sans-serif!important;
    font-size: 0.95rem!important;
    font-weight: 700!important;
    color: var(--camels-text)!important;
    min-width: 140px!important;
    text-align: center!important;
}

.ivw-month-nav__btn {
    background: none!important;
    border: none!important;
    padding: 4px!important;
    cursor: pointer!important;
    color: var(--camels-text)!important;
    font-size: 0.85rem!important;
    line-height: 1!important;
    border-radius: 50%!important;
    width: 30px!important;
    height: 30px!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important;
    -webkit-transition: background 0.15s, color 0.15s!important;
    transition: background 0.15s, color 0.15s!important;
}

.ivw-month-nav__btn:hover:not(:disabled) {
    background: var(--camels-accent)!important;
    color: #fff!important;
}

.ivw-month-nav__btn:disabled {
    opacity: 0.25!important;
    cursor: default!important;
}

/* Calendar grid */
.ivw-cal-grid {
    display: -ms-grid!important;
    display: grid!important;
    grid-template-columns: repeat(7, 1fr)!important;
    gap: 2px!important;
    text-align: center!important;
}

.ivw-cal-grid--header {
    margin-bottom: 4px !important;
}

.ivw-cal-grid--header span {
    font-family: 'Onest', sans-serif!important;
    font-size: 0.68rem!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    color: var(--camels-muted)!important;
    padding: 4px 0!important;
    letter-spacing: 0.5px!important;
}

/* Calendar day buttons */
.ivw-cal-day {
    width: 40px!important;
    height: 40px!important;
    margin: 0 auto!important;
    border: none!important;
    border-radius: 50%!important;
    background: none!important;
    font-family: 'Onest', sans-serif!important;
    font-size: 0.82rem!important;
    font-weight: 600!important;
    color: var(--camels-text)!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    -webkit-justify-content: center!important;
    justify-content: center!important;
    cursor: default !important;
    -webkit-transition: background 0.15s, color 0.15s, box-shadow 0.15s!important;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s!important;
    padding: 8px!important;
    line-height: 1!important;
}

.ivw-cal-day--blank {
    visibility: hidden !important;
}

.ivw-cal-day--disabled {
    color: var(--camels-text)!important;
    opacity: 0.3!important;
}

.ivw-cal-day--available {
    cursor: pointer!important;
    color: var(--camels-accent)!important;
    border: 1.5px solid var(--camels-accent)!important;
    font-weight: 700!important;
}

.ivw-cal-day--available:hover {
    background: var(--camels-accent)!important;
    color: #fff!important;
}

.ivw-cal-day--today {
    border: 2px solid var(--camels-text)!important;
}

.ivw-cal-day--selected {
    font-weight: 700!important;
    box-shadow: 0 2px 8px var(--camels-accent-shadow)!important;
    background: var(--camels-accent) !important;
    color: #fff !important;
    border-color: var(--camels-accent) !important;
}

/* ── Timezone row ── */
.ivw-tz-row {
    margin-top: auto !important;
    padding-top: 12px !important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: baseline!important;
    align-items: baseline;
    gap: 6px!important;
    font-family: 'Onest', sans-serif!important;
    font-size: var(--fs-card-title)!important;
    color: var(--camels-black);
    flex-wrap: wrap!important;
}

.ivw-tz-row > i {
    font-size: 0.9rem!important;
    color: var(--camels-muted-light)!important;
}

.ivw-tz-row__text {
    white-space: nowrap !important;
}

.ivw-tz-row__auto {
    font-size: var(--fs-card-title) !important;
    font-weight: 400 !important;
    color: var(--camels-muted-light) !important;
}

.ivw-tz-select__edit {
    font-size: 0.6rem !important;
    opacity: 0.5 !important;
    -webkit-transition: opacity 0.15s !important;
    transition: opacity 0.15s !important;
}

.ivw-tz-select__btn:hover .ivw-tz-select__edit {
    opacity: 1 !important;
}

/* Timezone searchable select */
.ivw-tz-select {
    position: relative !important;
    display: inline-block !important;
}

.ivw-tz-select__btn {
    background: none!important;
    border: 1px solid var(--camels-border-light)!important;
    border-radius: 8px!important;
    padding: 3px 8px!important;
    font-family: 'Onest', sans-serif!important;
    font-size: var(--fs-card-title);
    font-weight: 600!important;
    color: var(--camels-accent)!important;
    cursor: pointer!important;
    display: -webkit-inline-flex!important;
    display: inline-flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 5px!important;
    -webkit-transition: border-color 0.15s, background 0.15s!important;
    transition: border-color 0.15s, background 0.15s!important;
    white-space: nowrap!important;
}

.ivw-tz-select__btn:hover {
    border-color: var(--camels-accent)!important;
    background: var(--camels-surface-warm)!important;
}

.ivw-tz-select__arrow {
    font-size: 0.6rem !important;
    -webkit-transition: -webkit-transform 0.2s!important;
    transition: transform 0.2s!important;
}

.ivw-tz-select.is-open .ivw-tz-select__arrow {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.ivw-tz-select__dropdown {
    position: absolute !important;
    bottom: calc(100% + 6px) !important;
    left: 0 !important;
    min-width: 280px !important;
    max-width: 340px !important;
    background: var(--camels-surface) !important;
    border: 1px solid var(--camels-border-light) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    display: none !important;
    z-index: 100 !important;
    overflow: hidden !important;
}

.ivw-tz-select.is-open .ivw-tz-select__dropdown {
    display: block !important;
}

.ivw-tz-select__search-wrap {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid var(--camels-border-light) !important;
}

.ivw-tz-select__search-wrap i {
    color: var(--camels-muted-light) !important;
    font-size: 0.8rem !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}

.ivw-tz-select__search {
    border: none !important;
    outline: none !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.82rem !important;
    color: var(--camels-text) !important;
    background: transparent !important;
    width: 100% !important;
}

.ivw-tz-select__search::placeholder {
    color: var(--camels-muted-light) !important;
}

.ivw-tz-select__list {
    max-height: 200px !important;
    overflow-y: auto !important;
    padding: 4px 0 !important;
    --webkit-overflow-scrolling: touch !important;
}

.ivw-tz-select__list::-webkit-scrollbar {
    width: 5px !important;
}

.ivw-tz-select__list::-webkit-scrollbar-thumb {
    background: var(--camels-border-medium) !important;
    border-radius: 3px !important;
}

.ivw-tz-select__item {
    padding: 8px 14px!important;
    font-family: 'Onest', sans-serif!important;
    font-size: 0.78rem!important;
    color: var(--camels-text)!important;
    cursor: pointer!important;
    -webkit-transition: background 0.1s!important;
    transition: background 0.1s!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-justify-content: space-between!important;
    justify-content: space-between!important;
    gap: 8px!important;
}

.ivw-times-content {
    overflow: overlay!important;
}

.ivw-tz-select__item:hover {
    background: var(--camels-surface-warm) !important;
}

.ivw-tz-select__item.is-active {
    background: rgba(246, 90, 3, 0.08) !important;
    color: var(--camels-accent) !important;
    font-weight: 600 !important;
}

.ivw-tz-select__item-offset {
    color: var(--camels-muted-light) !important;
    font-size: 0.72rem !important;
    white-space: nowrap !important;
}

/* Field #17 visible timezone picker */
.ivw-tz-select--field {
    display: block !important;
    width: 100% !important;
}

.ivw-tz-select--field .ivw-tz-select__btn {
    width: 100% !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
    font-size: 0.86rem !important;
    color: var(--camels-text) !important;
    padding: 9px 12px !important;
}

.ivw-tz-select--field .ivw-tz-select__dropdown {
    top: calc(100% + 4px) !important;
    bottom: auto !important;
    min-width: 100% !important;
    max-width: 100% !important;
    z-index: 99999 !important;
}

/* Mobile: use fixed positioning to escape overflow-clipped modal container */
@media (max-width: 767px) {
    .cb-training-modal .ivw-tz-select--field .ivw-tz-select__dropdown {
        top: calc(100% + 4px) !important;
        position: fixed !important;
        left: 16px !important;
        right: 16px !important;
        min-width: auto !important;
        max-width: none !important;
        max-height: 50vh !important;
        overflow-y: auto !important;
        border-radius: 12px !important;
    }
}

/* ── Times (right) side ── */
.ivw-times-side {
    -webkit-flex: 0 0 30% !important;
    flex: 0 0 30% !important;
    border-left: 1px solid var(--camels-border-light) !important;
    padding: 16px 14px !important;
    overflow-y: auto !important;
    max-height: 380px !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    --webkit-overflow-scrolling: touch !important;
}

.ivw-times-placeholder {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -webkit-flex: 1 !important;
    flex: 1 !important;
    text-align: center !important;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif !important;
    font-size: 0.85rem !important;
    gap: 10px !important;
}

.ivw-times-placeholder i {
    font-size: 1.3rem !important;
    opacity: 0.3 !important;
}

.ivw-times-placeholder p {
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* Hint text above time slots */
.ivw-times-hint {
    font-family: 'Onest', sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: var(--camels-muted) !important;
    text-align: center !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.01em !important;
}

.ivw-times-hint .wpforms-field-required {
    color: var(--camels-accent) !important;
    font-weight: 700 !important;
}

/* Day label above time slots */
.ivw-times-day-label {
    font-family: 'Onest', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: var(--camels-text) !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

/* Time slots list */
.ivw-times-list {
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
    gap: 6px !important;
    overflow: hidden!important;
}

/* Time row */
.ivw-time-row {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 0!important;
    border-radius: 8px!important;
    overflow: hidden !important;
    -webkit-transition: 0.2s!important;
    transition: 0.2s!important;
    width: -webkit-fit-content!important;
    width: fit-content!important;
}

.ivw-time-row__label {
    padding: 10px 14px!important;
    border: 1.5px solid var(--camels-accent)!important;
    border-radius: 8px!important;
    background: transparent!important;
    color: var(--camels-accent)!important;
    font-family: 'Onest', sans-serif!important;
    font-size: 0.82rem!important;
    font-weight: 600!important;
    cursor: pointer!important;
    text-align: center!important;
    -webkit-transition: background 0.2s, border-radius 0.2s!important;
    transition: background 0.2s, border-radius 0.2s!important;
    white-space: nowrap!important;
}

.ivw-time-row__label:hover {
    background: rgba(246, 90, 3, 0.04)!important;
}

/* Confirm button */
.ivw-time-row__confirm {
    width: 0!important;
    padding: 10px 0!important;
    border: 1.5px solid var(--camels-accent)!important;
    border-left: none!important;
    border-radius: 0 8px 8px 0!important;
    background: var(--camels-accent)!important;
    color: #fff!important;
    font-family: 'Onest', sans-serif!important;
    font-size: 0.78rem!important;
    font-weight: 700!important;
    cursor: pointer!important;
    overflow: hidden!important;
    opacity: 0!important;
    -webkit-transition: width 0.25s, padding 0.25s, opacity 0.25s!important;
    transition: width 0.25s, padding 0.25s, opacity 0.25s!important;
    white-space: nowrap!important;
}

.ivw-time-row__confirm:hover {
    background: transparent!important;
    color: var(--camels-accent)!important;
}

/* Active state: time clicked -> confirm slides out */
.ivw-time-row--active .ivw-time-row__label {
    position: relative !important;
    border-radius: 8px 0 0 8px!important;
    border-right: none!important;
    background: #36a23626!important;
    color: #36a236!important;
    border-color: #36a236!important;
}

/* Green checkmark badge on the selected time label */
.ivw-time-row--active .ivw-time-row__label::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    top: 0px;
    right: -6px;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 999999;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

.ivw-time-row--active .ivw-time-row__confirm {
    width: auto !important;
    padding: 10px 14px !important;
    opacity: 1 !important;
    background: var(--camels-surface)!important;
    color: var(--camels-accent) !important;
}

.ivw-time-row--active .ivw-time-row__confirm:hover {
    background: var(--camels-accent) !important;
    color: #fff !important;
}

/* Triangle warning indicator on active (unconfirmed) time row */
.ivw-time-row--active {
    overflow: visible !important;
}

.ivw-time-row--active::after {
    content: '\f071';
    position: relative;
    top: -1px;
    right: 14px;
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 16px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    margin-left: 6px;
    flex-shrink: 0;
    pointer-events: none;
}

/* ── Confirmed banner ── */
.ivw-confirmed {
    padding: 0!important;
}

.ivw-confirmed__inner {
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 14px!important;
    padding: 16px 20px!important;
    background: linear-gradient(135deg, rgba(40, 199, 111, 0.06), rgba(40, 199, 111, 0.02))!important;
    border-top: 2px solid rgba(40, 199, 111, 0.2)!important;
    border-radius: 0 0 16px 16px!important;
}

.ivw-picker-wrap.ivw-confirmed .ivw-confirmed__inner {
    border-top: 0 !important;
    border-radius: 16px !important;
}

.ivw-confirmed__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(40, 199, 111, 0.12) !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    color: #28c76f !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}

.ivw-confirmed__info {
    -webkit-flex: 1 !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.ivw-confirmed__label {
    font-family: 'Onest', sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #28c76f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2px !important;
}

.ivw-confirmed__datetime {
    font-family: 'Onest', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: var(--camels-text) !important;
}

.ivw-confirmed__change {
    background: none !important;
    border: 1px solid var(--camels-muted) !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-family: 'Onest', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: var(--camels-text) !important;
    cursor: pointer !important;
    -webkit-transition: background 0.15s, border-color 0.15s, color 0.15s !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
    white-space: nowrap !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important;
}

.ivw-confirmed__change:hover {
    background: var(--camels-accent) !important;
    border-color: var(--camels-accent) !important;
    color: #fff !important;
}

/* ── Interview Picker Responsive ── */
@media (max-width: 640px) {
    .cb-training-modal .ivw-tz-select--field .ivw-tz-select__dropdown {
        top: calc(100% + -14px) !important;
    }
    div.wpforms-container-full .wpforms-field-file-upload input[type=file] {
        margin-top: 0.5rem;
    }
    .ivw-picker {
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
        min-height: auto !important;
    }
    .ivw-calendar-side {
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
        max-width: 100% !important;
        padding: 14px 12px !important;
    }
    .ivw-times-side {
        border-left: none !important;
        border-top: 1px solid var(--camels-border-light) !important;
        padding: 12px !important;
        -webkit-flex: 0 0 auto !important;
        flex: 0 0 auto !important;
    }
    .ivw-times-list {
        -webkit-flex-flow: row wrap !important;
        flex-flow: row wrap !important;
        gap: 6px !important;
        overflow: hidden!important;
    }
    .ivw-confirmed__inner {
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    .ivw-confirmed__change {
        width: 100% !important;
        text-align: center !important;
    }
    .ivw-tz-select__dropdown {
        min-width: 240px !important;
        right: 0 !important;
    }
}

/* Safari -webkit- fallbacks for fire effect */
.cb-fire-exhaust__flame--core,
.cb-fire-exhaust__flame--mid,
.cb-fire-exhaust__flame--outer {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.cb-fire-exhaust__flame--core {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.cb-fire-exhaust__flame--mid {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

.cb-fire-exhaust__flame--outer {
    filter: blur(8px);
    -webkit-filter: blur(8px);
}

.choices__inner:hover {
    border: 1px solid var(--camels-accent);
}

/* ---- Training Modal Responsive ---- */
@media (max-width: 900px) {
    .cb-training-modal .wpforms-container .wpforms-submit-container .wpforms-submit {
        margin: 0 auto;
        display: block;
    }
    .cb-training-modal__layout {
        flex-direction: column;
    }
    .cb-training-modal__visual {
        flex: none;
        max-width: 100%;
        border-radius: 24px 24px 0 0;
        padding: 30px 74px 10px 30px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        background: var(--camels-border-hover);
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .cb-training-modal__visual::after {
    background: none;
    }
    .cb-training-modal__fire {
        display: none;
    }
    .cb-training-modal__img-wrap {
        flex: 0 0 120px;
        width: 120px;
        height: 90px;
        margin-top: 0;
        aspect-ratio: auto;
        border-radius: 14px;
        display: none;
    }
    .cb-training-modal__title {
        font-size: 1.35rem;
        background: var(--camels-surface);
        color: var(--camels-black);
    }
    .cb-training-modal__subtitle {
        font-size: 0.82rem;
        color: var(--camels-black);
        background: var(--camels-surface);
    }
    .cb-training-modal__layout {
        min-height: auto;
    }
    .cb-training-modal__form-side {
        padding: 28px 24px 24px;
        height: auto;
        background: var(--camels-surface);
        overflow-y: visible;
        max-height: none;
    }
    .cb-training-modal__container {
        max-height: 95vh;
        overflow-y: auto;
        background: var(--camels-surface);
    }
}

@media (max-width: 600px) {
    .cb-staffing__investor-modal .cb-training-modal__container {
        overflow-x: hidden;
    }

    .cb-training-direction-picker.cb-field-valid::after {
        content: '\f00c';
        font-family: 'Font Awesome 7 Free';
        font-weight: 900;
        font-size: 9px;
        position: absolute;
        margin-top: -45px;
        left: 95%;
    }

    .cb-training-modal .wpforms-container .wpforms-form .wpforms-submit, .cb-training-modal .wpforms-container .wpforms-form button[type="submit"] {
        justify-content: center;
        height: 40px;
        font-size: var(--fs-description-alt);
        padding: 15px 15px 28px 15px;
    }

    .ivw-time-row--active::after {
        margin-top: -1px;
        margin-left: -9px;
        right: auto;
    }
    
    .cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid::after {
        right: var(--cb-field-indicator-right) !important;
    }
    .cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-required::after {
        right: var(--cb-field-warning-right) !important;
    }
    .cb-training-modal .wpforms-container .wpforms-form #wpforms-34-field_26-container.cb-field-required::after {
        top: 8px !important;
        right: -2px !important;
    }
    .cb-training-modal .wpforms-container .wpforms-form #wpforms-34-field_26-container.cb-field-valid::after {
        top: 8px !important;
        right: -2px !important;
    }
    .cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid input:not([type="hidden"]), .cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid textarea, .cb-training-modal .wpforms-container .wpforms-form .wpforms-field.cb-field-valid select {
        width: 98%;
    }

    #cb-training-direction-select {
        width: 98%;
    }

    .cb-training-modal__container {
        width: 97%;
        border-radius: 18px;
        height: auto;
        max-height: 95vh;
        overflow-y: auto;
        background: var(--camels-surface);
    }
    .cb-training-modal__visual {
        border-radius: 18px 18px 0 0;
        padding: 24px 20px 18px;
        gap: 16px;
        flex-direction: column;
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .cb-training-modal__img-wrap {
        flex: 0 0 80px;
        width: 80px;
        height: 60px;
        border-radius: 10px;
    }
    .cb-training-modal__title {
        font-size: 1.15rem;
        margin: 0;
    }
    .cb-training-modal__subtitle {
        font-size: 0.78rem;
        /* display: none; */
    }
    .cb-training-modal__form-side {
        padding: 20px 16px 50px;
    }
    .cb-training-modal .wpforms-container .wpforms-submit-container {
        text-align: center;
    }
    .cb-training-modal .wpforms-container .wpforms-form .wpforms-submit,
    .cb-training-modal .wpforms-container .wpforms-form button[type="submit"] {
        width: fit-content;
    }
    .cb-training-modal__close {
        position: sticky;
        top: 12px;
        width: 36px;
        height: 36px;
        font-size: 15px;
        margin-left: auto;
        margin-right: 12px;
        margin-bottom: -36px;
        z-index: 20;
    }
    /* Stack WPForms layout columns on mobile */
    .cb-training-modal .wpforms-field-layout .wpforms-layout-row {
        flex-direction: column;
        gap: 0;
    }
    .cb-training-modal .wpforms-field-layout .wpforms-layout-column {
        width: 100% !important;
        flex: none !important;
    }
}

/* ---- Custom checkbox styling for training modal ---- */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-checkbox ul li {
    display: flex !important;
    align-items: flex-start !important;
}

.cb-training-modal .wpforms-container input[type="checkbox"] {
    position: relative;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 2px solid #c8ccd4 !important;
    border-radius: 4px !important;
    background: #fff !important;
    cursor: pointer;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    flex-shrink: 0;
    transition: border-color 0.2s, background-color 0.2s;
}

.cb-training-modal .wpforms-container input[type="checkbox"]::before {
    display: none !important;
}

.cb-training-modal .wpforms-container input[type="checkbox"]::after {
    content: '' !important;
    position: absolute !important;
    display: none;
    left: 5px !important;
    top: 1px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
    background: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
}

.cb-training-modal .wpforms-container input[type="checkbox"]:checked {
    background: var(--camels-accent, #0070d9) !important;
    border-color: var(--camels-accent, #0070d9) !important;
}

.cb-training-modal .wpforms-container input[type="checkbox"]:checked::after {
    display: block !important;
}

.cb-training-modal .wpforms-container .wpforms-field-checkbox .wpforms-field-label-inline {
    padding-left: 10px;
}

/* Hide stray WPForms layout descriptions/overflow */
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-layout > .wpforms-field-description,
.cb-training-modal .wpforms-container .wpforms-form .wpforms-field-layout > .wpforms-field-sublabel {
    display: none !important;
}

/* ==========================================================================
   Partners System Page
   ========================================================================== */
.cb-partners-system__intro-grid {
    display: flex;
    gap: 22px;
    justify-content: center;
}

.cb-partners-system__surface,
.cb-partners-system__section {
    padding: 30px;
}

.cb-partners-system__surface--primary {
    padding: 0 32px;
}

.cb-partners-system__surface--secondary {
    display: grid;
    gap: 18px;
}

.cb-partners-system__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 8px 18px;
    border-radius: 999px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-black);
    font-size: 14px;
    font-weight: 500;
}

.cb-partners-system__eyebrow img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cb-partners-system__eyebrow--info {
    min-height: 38px;
    padding: 0 14px;
    border-color: rgba(3, 165, 246, 0.14);
    background: rgba(3, 165, 246, 0.08);
    color: #22648b;
}

.cb-partners-system__title,
.cb-partners-system__section-title {
    margin: 18px 0 0;
    font-size: var(--fs-description);
    line-height: 1.04;
    letter-spacing: -0.04em;
    color: var(--camels-black);
    text-align: center;
}

.cb-partners-system__count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    padding: 2px 10px;
    margin-left: 8px;
    font-size: 0.55em;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
    background: var(--camels-orange, #f65a03);
    border-radius: 20px;
    vertical-align: middle;
    letter-spacing: 0;
}

.cb-partners-system__lead,
.cb-partners-system__section-desc,
.cb-partners-system__surface-desc,
.cb-partners-system__cta-body p {
    margin: 14px 0 0;
    color: var(--camels-black);
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    text-align: center;
}

.cb-partners-system__note {
    margin: 18px auto 0;
    width: fit-content;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid var(--camels-border-light);
    background: rgba(3, 165, 246, 0.06);
    color: var(--camels-black);
    font-size: 14px;
}

.cb-partners-system__note-icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 165, 246, 0.12);
    color: var(--camels-blue-info);
}

.cb-partners-system__mini-list,
.cb-partners-system__cta-body ul {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    font-size: var(--fs-card-title);
}

.cb-partners-system__mini-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cb-partners-system__mini-list li,
.cb-partners-system__cta-body li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.cb-partners-system__mini-list li {
    min-height: 56px;
    padding: 12px 14px;
    border-radius: 16px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    box-shadow: 0 12px 30px rgba(17, 36, 61, 0.08);
    color: var(--camels-black);
    font-size: 14px;
}

.cb-partners-system__mini-dot,
.cb-partners-system__list-bullet {
    width: 22px;
    height: 22px;
    margin-top: 1px;
    flex-shrink: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-weight: 900;
}

.cb-partners-system__actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

.cb-partners-system__aside,
.cb-partners-system__stats-grid {
    display: grid;
    gap: 16px;
}

.cb-partners-system__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-partners-system__stats-grid--hero {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 28px auto 0;
    align-items: stretch;
    width: min(100%, 1280px);
}

.cb-partners-system__stat-card {
    padding: 18px 18px 16px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: linear-gradient(145deg, rgba(37, 41, 58, 0.96), rgba(34, 52, 85, 0.92));
    box-shadow: 0 14px 40px rgba(10, 18, 28, 0.18);
    color: #fff;
}

.cb-partners-system__stat-card strong {
    display: block;
    margin-bottom: 8px;
    font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.cb-partners-system__stat-card span {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.78);
}

.cb-partners-system__stat-card--hero {
    min-height: 104px;
    padding: 20px 24px 18px;
    background: linear-gradient(135deg, rgba(16, 26, 42, 0.94), rgba(22, 37, 62, 0.88));
    backdrop-filter: blur(10px);
    flex: 1 1 280px;
    max-width: 390px;
    width: 100%;
}

.cb-partners-system__stat-card--hero strong {
    margin-bottom: 10px;
    font-size: var(--fs-description);
}

.cb-partners-system__stat-card--hero span {
    display: block;
    max-width: 32ch;
    font-size: 1rem;
    line-height: 1.35;
}

.cb-partners-system__surface-head,
.cb-partners-system__section-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
}

.cb-partners-system__surface-title {
    margin: 0;
    font-size: var(--fs-description);
    line-height: 1.08;
    letter-spacing: -0.04em;
    color: var(--camels-black);
    text-align: center;
}

.cb-partners-system__chip,
.cb-partners-system__rating-badge,
.cb-partners-system__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

@keyframes cbPartnersStatusPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(65, 211, 28, 0.45);
    }

    70% {
        box-shadow: 0 0 0 7px rgba(65, 211, 28, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(65, 211, 28, 0);
    }
}

.cb-partners-system__chip {
    border: 1px solid var(--camels-border-light);
    background: #f7f9fc;
    color: var(--camels-black);
}

.cb-partners-system__people-grid,
.cb-partners-system__cta-grid {
    display: grid;
    gap: 12px;
}

.cb-partners-system__people-grid {
    grid-template-columns: repeat(4, 1fr);
}

.cb-partners-system__people-slider {
    position: relative;
}

.cb-partners-system__people-slide {
    display: contents;
}

.cb-partners-system__people-nav {
    display: none;
}

.cb-partners-system__person-card {
    display: flex;
    gap: 12px;
    align-items: center;
    min-height: 86px;
    padding: 14px;
    border-radius: 20px;
    border: 1px solid var(--camels-border-light);
    background: #f9fbff;
    width: 270px;
}

.cb-partners-system__avatar {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    background: linear-gradient(135deg, #dbeafe, #fff0e3);
    box-shadow: 0 10px 20px rgba(16, 37, 68, 0.1);
    color: #24406e;
    font-size: 18px;
    font-weight: 800;
    overflow: hidden;
}

.cb-partners-system__avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.cb-partners-system__person-name {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: var(--camels-text);
}

.cb-partners-system__person-role {
    margin: 4px 0 0;
    color: var(--camels-black);
    font-size: 13px;
}

.cb-partners-system__person-status {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--camels-border-light);
    color: var(--camels-black);
    font-size: 12px;
}

.cb-partners-system__status-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cb-partners-system__status-dot--online {
    background: var(--camels-green-bright);
    box-shadow: 0 0 0 6px rgba(65, 211, 28, 0.14);
}

.cb-partners-system__status-dot--pause {
    background: var(--camels-yellow);
    box-shadow: 0 0 0 6px rgba(251, 187, 129, 0.16);
}

.cb-partners-system__status-dot--offline {
    background: #c9d4e2;
}

.cb-partners-system__chips-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cb-partners-system__chips-row--top {
    justify-content: flex-end;
}

.cb-partners-system__toolbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 16px;
}

.cb-partners-system__tab-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
}

.cb-start-steps__tabs .docs-click-pointer,
.cb-partners-system__tab-group .docs-click-pointer {
    display: none;
}

.cb-partners-system__filter {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.96));
    color: var(--camels-text-strong);
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.01em;
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(17, 36, 61, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
    overflow: visible;
}

.cb-partners-system__filter::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    background: rgba(115, 111, 251, 0.32);
    box-shadow: 0 0 0 6px rgba(115, 111, 251, 0.08);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.cb-partners-system__filter:hover,
.cb-partners-system__filter.is-active {
    transform: translateY(-1px);
}

.cb-partners-system__filter:hover {
    border-color: rgba(246, 90, 3, 0.2);
    background: linear-gradient(180deg, rgba(255, 249, 245, 0.98), rgba(255, 255, 255, 0.98));
    color: var(--camels-accent);
    box-shadow: 0 14px 28px rgba(246, 90, 3, 0.12);
}

.cb-partners-system__filter:hover::before {
    background: rgba(246, 90, 3, 0.76);
    box-shadow: 0 0 0 6px rgba(246, 90, 3, 0.12);
    transform: scale(1.08);
}

.cb-partners-system__filter.is-active {
    border-color: transparent;
    background: linear-gradient(135deg, var(--camels-accent), var(--camels-accent-hover));
    color: var(--camels-surface);
    box-shadow: 0 16px 30px rgba(246, 90, 3, 0.22);
}

.cb-partners-system__filter.is-active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 2;
    pointer-events: none;
}

.cb-partners-system__filter.is-active::before {
    background: var(--camels-surface);
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.16);
}

.cb-partners-system__filter:focus-visible {
    outline: none;
    border-color: rgba(246, 90, 3, 0.3);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.14), 0 16px 30px rgba(17, 36, 61, 0.1);
}

.cb-partners-system__table-wrap {
    overflow: auto;
    border: 1px solid var(--camels-border-light);
    border-radius: 24px;
    background: #fbfdff;
}

.cb-partners-system__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.cb-partners-system__pagination-btn {
    min-width: 44px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid var(--camels-border-light);
    border-radius: 999px;
    background: var(--camels-surface);
    color: var(--camels-text);
    font: inherit;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.cb-partners-system__pagination-btn--arrow {
    padding: 0;
    font-size: 22px;
}

.cb-partners-system__pagination-btn:hover,
.cb-partners-system__pagination-btn:focus-visible {
    border-color: rgba(246, 90, 3, 0.35);
    box-shadow: 0 12px 24px rgba(17, 36, 61, 0.12);
    transform: translateY(-1px);
    outline: none;
}

.cb-partners-system__pagination-btn.is-active {
    background: var(--camels-accent);
    border-color: var(--camels-accent);
    color: var(--camels-surface);
    box-shadow: 0 14px 28px rgba(246, 90, 3, 0.2);
}

.cb-partners-system__pagination-btn:disabled {
    cursor: default;
    opacity: 0.45;
    transform: none;
    box-shadow: none;
}

.cb-partners-system__pagination-btn:disabled:hover,
.cb-partners-system__pagination-btn:disabled:focus-visible {
    border-color: var(--camels-border-light);
    background: var(--camels-surface);
    color: var(--camels-text);
}

.cb-partners-system__table {
    width: 100%;
    min-width: 1120px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 14px;
}

.cb-partners-system__table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eef4fb;
    color: var(--camels-black);
    text-align: left;
    padding: 14px 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-bottom: 1px solid var(--camels-border-light);
    white-space: nowrap;
}

.cb-partners-system__table thead th:hover,
.cb-partners-system__table thead th:focus-within {
    z-index: 20;
}

.cb-partners-system__table thead .cb-staffing__scenarios-th-tooltip {
    top: calc(100% + 10px);
    bottom: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    width: min(220px, calc(100vw - 48px));
}

.cb-partners-system__table thead .cb-staffing__scenarios-th-tooltip::after {
    top: auto;
    bottom: 100%;
    border: 6px solid transparent;
    border-bottom-color: var(--camels-black);
    border-top-color: transparent;
}

.cb-partners-system__table thead .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead .cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip {
    transform: translateX(-50%) translateY(0);
}

.cb-partners-system__table thead th:first-child .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-child(2) .cb-staffing__scenarios-th-tooltip {
    left: 0;
    transform: translateX(0) translateY(-4px);
}

.cb-partners-system__table thead th:first-child .cb-staffing__scenarios-th-tooltip::after,
.cb-partners-system__table thead th:nth-child(2) .cb-staffing__scenarios-th-tooltip::after {
    left: 24px;
    transform: none;
}

.cb-partners-system__table thead th:first-child .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:first-child .cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-child(2) .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-child(2) .cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip {
    transform: translateX(0) translateY(0);
}

.cb-partners-system__table thead th:nth-last-child(1) .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-last-child(2) .cb-staffing__scenarios-th-tooltip {
    left: auto;
    right: 0;
    transform: translateX(0) translateY(-4px);
}

.cb-partners-system__table thead th:nth-last-child(1) .cb-staffing__scenarios-th-tooltip::after,
.cb-partners-system__table thead th:nth-last-child(2) .cb-staffing__scenarios-th-tooltip::after {
    left: auto;
    right: 24px;
    transform: none;
}

.cb-partners-system__table thead th:nth-last-child(1) .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-last-child(1) .cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-last-child(2) .cb-staffing__scenarios-th-hint:hover .cb-staffing__scenarios-th-tooltip,
.cb-partners-system__table thead th:nth-last-child(2) .cb-staffing__scenarios-th-hint:focus-visible .cb-staffing__scenarios-th-tooltip {
    transform: translateX(0) translateY(0);
}

.cb-partners-system__table tbody td {
    position: relative;
    padding: 14px 12px;
    border-bottom: 1px solid var(--camels-border-light);
    background: var(--camels-surface);
    vertical-align: middle;
}

.cb-partners-system__table tbody td:hover,
.cb-partners-system__table tbody td:focus-within {
    z-index: 10;
}

.cb-partners-system__table tbody tr:hover td {
    background: #fbfdff;
}

.cb-partners-system__table tbody tr:last-child td {
    border-bottom: none;
}

.cb-partners-system__partner-cell {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cb-partners-system__partner-meta strong,
.cb-partners-system__drawer-info strong {
    display: block;
    font-size: 15px;
    color: var(--camels-text);
}

.cb-partners-system__pill--hr {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-partners-system__pill--web {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-partners-system__pill--hr::before,
.cb-partners-system__pill--web::before {
    content: '';
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.cb-partners-system__pill--hr::before {
    background-color: var(--camels-green-bright);
    -webkit-mask-image: url('/wp-content/themes/camels/assets/images/partner-program/role-icon-hr.svg');
    mask-image: url('/wp-content/themes/camels/assets/images/partner-program/role-icon-hr.svg');
}

.cb-partners-system__pill--web::before {
    background-color: var(--camels-blue-info);
    -webkit-mask-image: url('/wp-content/themes/camels/assets/images/partner-program/role-icon-web.svg');
    mask-image: url('/wp-content/themes/camels/assets/images/partner-program/role-icon-web.svg');
}

.cb-partners-system__pill--online {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-partners-system__pill--pause {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-partners-system__pill--offline {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-partners-system__pill--online::before,
.cb-partners-system__pill--pause::before,
.cb-partners-system__pill--offline::before {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
}

.cb-partners-system__pill--online::before {
    background: var(--camels-green-bright);
    box-shadow: 0 0 0 4px rgba(65, 211, 28, 0.18);
    animation: cbPartnersStatusPulse 1.8s ease-in-out infinite;
}

.cb-partners-system__pill--pause::before {
    background: var(--camels-yellow);
    box-shadow: 0 0 0 4px rgba(255, 216, 33, 0.18);
}

.cb-partners-system__pill--offline::before {
    background: #ff5c5c;
    box-shadow: 0 0 0 4px rgba(255, 92, 92, 0.16);
}

.cb-partners-system__numeric,
.cb-partners-system__rating-score {
    font-size: 15px;
    font-weight: 500;
    color: var(--camels-black);
}

.cb-partners-system__sub,
.cb-partners-system__earnings span,
.cb-partners-system__drawer-info small,
.cb-partners-system__table-note {
    color: var(--camels-black);
    font-size: var(--fs-card-title);
}

.cb-partners-system__earnings {
    display: grid;
    gap: 4px;
    min-width: 150px;
    position: relative;
    isolation: isolate;
}

.cb-partners-system__earnings-meta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    isolation: isolate;
    z-index: 1;
}

.cb-partners-system__earnings-hint {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: var(--camels-accent);
    cursor: help;
    transition: color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.cb-partners-system__earnings-hint:hover,
.cb-partners-system__earnings-hint:focus-visible {
    color: var(--camels-accent-hover);
    transform: translateY(-1px);
    outline: none;
}

.cb-partners-system__earnings-hint i {
    font-size: 14px;
}

.cb-partners-system__earnings-tooltip {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    display: none;
    width: min(240px, calc(100vw - 48px));
    padding: 9px 13px;
    background: var(--camels-black);
    color: var(--camels-surface)!important;
    font-family: 'Onest', sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.55;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
    z-index: 1000;
    pointer-events: none;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
    isolation: isolate;
}

.cb-partners-system__earnings-tooltip::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-bottom-color: var(--camels-black);
}

.cb-partners-system__earnings-hint:hover .cb-partners-system__earnings-tooltip,
.cb-partners-system__earnings-hint:focus-visible .cb-partners-system__earnings-tooltip {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.cb-partners-system__rating {
    display: grid;
    gap: 6px;
    min-width: 170px;
}

.cb-partners-system__rating-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

.cb-partners-system__rating-bar {
    height: 8px;
    border-radius: 999px;
    background: #edf2f8;
    overflow: hidden;
}

.cb-partners-system__rating-bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--camels-accent), var(--camels-blue-info));
}

.cb-partners-system__rating-badge--leader {
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
}

.cb-partners-system__rating-badge--top {
    background: rgba(37, 99, 235, 0.10);
    color: var(--camels-blue-info);
}

.cb-partners-system__rating-badge--growth {
    background: rgba(201, 212, 226, 0.34);
    color: var(--camels-black);
}

.cb-open-btn.cb-partners-system__open-btn {
    min-height: 40px;
    padding: 0 14px;
    border: none;
    border-radius: 12px;
    background: #fff4ee;
    color: var(--camels-accent);
    cursor: pointer;
    font-weight: 900;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.cb-open-btn.cb-partners-system__open-btn:hover {
    transform: translateY(-1px);
    background: rgba(246, 90, 3, 0.12);
    box-shadow: 0 10px 24px rgba(246, 90, 3, 0.14);
}

.cb-partners-system__table-note {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
}

.cb-partners-system__empty-cell {
    padding: 24px 16px !important;
    text-align: center;
    color: var(--camels-muted);
}

.cb-partners-system__cta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 24px;
}

.cb-partners-system__cta-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--camels-border-light);
    border-radius: 28px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 24px 60px rgba(17, 36, 61, 0.1);
}

.cb-partners-system__cta-media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0d1730;
}

.cb-partners-system__cta-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-partners-system__cta-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--camels-text);
    font-size: 12px;
    font-weight: 800;
}

.cb-partners-system__cta-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
    padding: 22px;
}

.cb-partners-system__cta-body h3 {
    margin: 0 auto;
    font-size: var(--fs-description-alt);
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: var(--camels-text);
}

.cb-partners-system__list-text {
    font-size: var(--fs-card-title);
}

.cb-partners-system__drawer-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(6, 17, 29, 0.42);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.24s ease;
    z-index: 55;
}

.cb-partners-system__drawer-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
}

.cb-partners-system__drawer {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(460px, 100%);
    transform: translateX(100%);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(16px);
    box-shadow: -16px 0 60px rgba(17, 36, 61, 0.16);
    z-index: 60;
    transition: transform 0.28s ease;
    display: flex;
    flex-direction: column;
}

.cb-partners-system__drawer.is-open {
    transform: translateX(0);
}

.cb-partners-system__drawer-head {
    padding: 20px 22px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid var(--camels-border-light);
}

.cb-partners-system__drawer-title {
    margin: 10px 0 0;
    font-size: 28px;
    line-height: 1.04;
    letter-spacing: -0.04em;
    color: var(--camels-text);
}

.cb-partners-system__drawer-close {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: var(--camels-accent);
    color: var(--camels-surface);
    cursor: pointer;
    font-size: 18px;
}

.cb-partners-system__drawer-close:hover {
    background: var(--camels-surface);
    color: var(--camels-accent);
    border: 1px solid var(--camels-accent);
}

.cb-partners-system__drawer-body {
    padding: 22px;
    overflow: auto;
}

.cb-partners-system__drawer-card {
    overflow: hidden;
    border: 1px solid var(--camels-border-light);
    border-radius: 26px;
    background: var(--camels-surface);
}

.cb-partners-system__drawer-preview {
    aspect-ratio: 16 / 9;
    background: #0c1527;
}

.cb-partners-system__drawer-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cb-partners-system__drawer-summary {
    display: grid;
    gap: 14px;
    padding: 18px;
}

.cb-partners-system__drawer-person {
    display: flex;
    gap: 12px;
    align-items: center;
}

.cb-partners-system__drawer-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cb-partners-system__drawer-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cb-partners-system__drawer-info {
    padding: 14px;
    border: 1px solid var(--camels-border-light);
    border-radius: 18px;
    background: #f9fbff;
}

.cb-partners-system__drawer-info--wide {
    grid-column: 1 / -1;
}

.cb-partners-system__drawer-text {
    padding: 0 18px 20px;
    color: var(--camels-text-strong);
    font-size: 14px;
    line-height: 1.6;
}

.cb-partners-system__drawer-text strong {
    display: block;
    margin-bottom: 8px;
    color: var(--camels-text);
}

.cb-partners-system__drawer-text p {
    margin: 0;
}


@media (max-width: 1279px) {
    .cb-partners-system__intro-grid,
    .cb-partners-system__cta-grid {
        grid-template-columns: 1fr;
    }

    .cb-partners-system__chips-row--top {
        justify-content: flex-start;
    }
}

@media (max-width: 991px) {
    .cb-partners_hero {
        height: 600px;
    }
    .cb-partners-system__surface,
    .cb-partners-system__section,
    .cb-partners-system__surface--primary {
        padding: 24px 20px;
        border-radius: 24px;
    }

    .cb-partners-system__stats-grid.cb-partners-system__stats-grid--hero {
        gap: 14px;
        margin-top: 24px;
    }

    .cb-partners-system__stat-card--hero {
        flex-basis: calc(50% - 7px);
        max-width: none;
    }

    .cb-partners-system__stats-grid,
    .cb-partners-system__people-grid,
    .cb-partners-system__drawer-grid,
    .cb-partners-system__surface-head,
    .cb-partners-system__section-top {
        grid-template-columns: repeat(1, 1fr);
    }

    .cb-partners-system__toolbar {
        align-items: flex-start;
    }

    .cb-partners-system__tab-group {
        width: 100%;
    }

    .cb-partners-system__filter {
        flex: 1 1 calc(50% - 10px);
        min-height: 46px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .cb-partners_hero {
        height: 600px;
    }

    .cb-partners-system__mini-list,
    .cb-partners-system__stats-grid,
    .cb-partners-system__cta-grid,
    .cb-partners-system__drawer-grid {
        grid-template-columns: 1fr;
    }

    .cb-partners-system__people-slider {
        overflow: hidden;
    }

    .cb-partners-system__people-grid {
        display: flex;
        gap: 0;
        align-items: stretch;
        transition: transform 0.35s ease;
        will-change: transform;
        touch-action: pan-y;
    }

    .cb-partners-system__people-slide {
        min-width: 100%;
        flex: 0 0 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cb-partners-system__person-card {
        width: 100%;
        min-width: 0;
    }

    .cb-partners-system__people-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-top: 16px;
    }

    .cb-partners-system__people-dots {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .cb-partners-system__people-dot,
    .cb-partners-system__people-arrow {
        border: 0;
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .cb-partners-system__people-dot {
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 999px;
        background: rgba(36, 64, 110, 0.18);
    }

    .cb-partners-system__people-dot.is-active {
        background: var(--camels-accent);
        transform: scale(1.15);
    }

    .cb-partners-system__people-arrow {
        width: 40px;
        height: 40px;
        padding: 0;
        border-radius: 50%;
        background: #eef4fb;
        color: #24406e;
        font-size: 24px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 0 0 1px rgba(36, 64, 110, 0.08);
    }

    .cb-partners-system__people-arrow:active,
    .cb-partners-system__people-dot:active {
        transform: scale(0.96);
    }

    .cb-partners-system__actions {
        flex-direction: column;
    }

    .cb-partners-system__stats-grid.cb-partners-system__stats-grid--hero {
        margin-top: 22px;
        gap: 12px;
    }

    .cb-partners-system__stat-card--hero {
        flex-basis: 100%;
        min-height: auto;
        padding: 18px 20px 16px;
        text-align: center;
    }

    .cb-partners-system__stat-card--hero span {
        max-width: none;
    }

    .cb-partners-system__tab-group {
        gap: 8px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: calc(100% + 8px);
        margin-right: -8px;
        padding: 10px 8px 15px 0;
        overflow-x: auto;
        overflow-y: visible;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .cb-partners-system__tab-group.cb-partners-system__tab-group--with-pointer {
        padding: 10px 8px 80px 0;
    }

    .cb-partners-system__tab-group .docs-click-pointer {
        display: flex;
        right: auto;
        left: 38%;
        bottom: 4px;
        margin-top: 0;
        transform: translateX(-50%);
        z-index: 4;
    }

    .cb-partners-system__tab-group::-webkit-scrollbar {
        display: none;
    }

    .cb-partners-system__filter {
        flex: 0 0 auto;
        width: auto;
        min-width: max-content;
        justify-content: center;
        padding: 0 16px;
        white-space: nowrap;
        scroll-snap-align: center;
    }

    .cb-partners-system__table-wrap {
        overflow-x: auto;
        overflow-y: clip;
        position: relative;
        --webkit-overflow-scrolling: touch;
    }

    .cb-partners-system__table-wrap::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-partners-system__table-wrap::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-partners-system__table-wrap.start-scroll::before,
    .cb-partners-system__table-wrap.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-partners-system__btn-secondary,
    .cb-partners-system__actions .cb-partner__btn,
    .cb-partners-system__cta-body .cb-partner__btn {
        width: fit-content;
        margin: 0 auto;
    }

    .cb-partners-system__drawer {
        inset: auto 0 0 0;
        width: 100%;
        max-height: 96%;
        border-radius: 26px 26px 0 0;
        transform: translateY(100%);
    }

    .cb-partners-system__drawer.is-open {
        transform: translateY(0);
    }
}

@media (max-width: 480px) {
    #partnerTabs {
        display: none;
    }
    .cb-partners_hero {
        height: 600px;
    }
    .cb-partners-system__surface,
    .cb-partners-system__section,
    .cb-partners-system__surface--primary {
        padding: 20px 16px;
    }

    .cb-partners-system__title,
    .cb-partners-system__section-title,
    .cb-partners-system__cta-body h3,
    .cb-partners-system__drawer-title {
        font-size: 1.75rem;
    }

    .cb-partners-system__eyebrow {
        width: 100%;
        justify-content: flex-start;
    }
}

/* ==========================================================================
   Policy Page — «Политика конфиденциальности»
   ========================================================================== */

/* Breadcrumb */
.cb-policy-breadcrumb {
    background: var(--camels-bg);
    padding: clamp(14px, 1.5vw, 20px) 0 clamp(8px, 0.7vw, 10px);
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 600;
}

.cb-policy-breadcrumb__container {
    max-width: 1374px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cb-policy-breadcrumb__nav a {
    color: var(--camels-accent);
    text-decoration: none;
    transition: opacity 0.2s;
}

.cb-policy-breadcrumb__nav a:hover {
    opacity: 0.8;
}

.cb-policy-breadcrumb__sep {
    color: var(--camels-muted);
    margin: 0 2px;
}

.cb-policy-breadcrumb__current {
    color: var(--camels-muted);
}

.cb-policy-breadcrumb__back {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--camels-muted);
    text-decoration: none;
    font-size: clamp(13px, 1.1vw, 16px);
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s;
    white-space: nowrap;
}

.cb-policy-breadcrumb__back:hover {
    color: var(--camels-accent);
}

.cb-policy-breadcrumb__back svg {
    flex-shrink: 0;
}

/* Main Policy Section */
.cb-policy {
    position: relative;
    background-image: url('../images/policy.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: clamp(40px, 8vw, 130px) 0 clamp(60px, 12vw, 200px);
    margin-bottom: -30px;
    min-height: clamp(500px, 65vh, 700px);
}

.cb-policy__container {
    max-width: 1374px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

/* Emblem / Logo centered at top of scroll */
.cb-policy__emblem {
    position: absolute;
    top: calc(-1 * clamp(60px, 7.5vw, 115px));
    left: 50%;
    transform: translateX(-50%);
    width: clamp(120px, 14vw, 220px);
    height: clamp(120px, 14vw, 220px);
    z-index: 2;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, #1a2540 0%, #0e1729 100%);
    border-radius: 50%;
    border: clamp(2px, 0.2vw, 3px) solid var(--camels-accent-warm);
    box-shadow: 0 4px 24px rgba(246, 120, 3, 0.35), 0 0 60px rgba(246, 120, 3, 0.12);
}

.cb-policy__emblem img {
    width: 58%;
    height: 58%;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(246, 120, 3, 0.4));
}

/* Scroll Area — the papyrus-like card */
.cb-policy__scroll-area {
    position: relative;
    background-image: url(../images/bg-papirus.webp);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    padding: clamp(20px, 5vw, 80px) clamp(8px, 6.5vw, 100px);
    max-width: min(1203px, 94%);
    margin: 0 auto;
}

/* Inner scrollable container */
.cb-policy__inner {
    background: rgba(255, 249, 240, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.19);
    border-radius: clamp(10px, 1.5vw, 20px);
    padding: clamp(16px, 2vw, 26px) clamp(14px, 2.2vw, 30px) clamp(16px, 2vw, 26px) clamp(12px, 1.5vw, 21px);
    height: clamp(300px, 50vh, 524px);
    overflow-y: auto;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: var(--camels-accent-warm) #e1e1e1;
}

/* WebKit custom scrollbar */
.cb-policy__inner::-webkit-scrollbar {
    width: 10px;
}

.cb-policy__inner::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 10px;
}

.cb-policy__inner::-webkit-scrollbar-thumb {
    background-color: var(--camels-accent-warm);
    border-radius: 10px;
    border: 2px solid #e1e1e1;
}

/* Title */
.cb-policy__title {
    text-align: center;
    font-size: clamp(22px, 3vw, 40px);
    font-weight: 800;
    color: var(--camels-text);
    margin: 0 0 clamp(12px, 1.5vw, 20px);
    line-height: 1.2;
}

/* Text content */
.cb-policy__text {
    text-align: center;
    font-size: clamp(13px, 1.1vw, 1.2rem);
    line-height: 1.6;
    color: var(--camels-black);
}

.cb-policy__text p {
    margin: 0 0 clamp(10px, 1.2vw, 16px);
}

.cb-policy__text ol,
.cb-policy__text ul {
    text-align: left;
    margin: 0 0 clamp(10px, 1.2vw, 16px);
    padding-left: clamp(16px, 1.8vw, 24px);
}

.cb-policy__text li {
    margin-bottom: 10px;
}

.cb-policy__text li ul,
.cb-policy__text li ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cb-policy__text a {
    color: var(--camels-accent);
    text-decoration: underline;
    transition: opacity 0.2s;
}

.cb-policy__text a:hover {
    opacity: 0.8;
}

.cb-policy__text strong {
    font-weight: 700;
}

.cb-policy__text em {
    font-style: italic;
}

/* Custom Scrollbar (fallback for Firefox/JS-based) */
.cb-policy__scrollbar-track {
    display: none; /* We use native scrollbar styling above */
}

/* ── Policy Page Responsive ────────────────────────────── */

@media (max-width: 767px) {
    .cb-policy__emblem {
        display: none;
    }

    .cb-policy__scroll-area {
        padding: clamp(50px, 5vw, 80px) clamp(8px, 6.5vw, 100px);
    }
}

/* ==========================================================================
   Analytics Page
   ========================================================================== */

.cb-analytics {
    position: relative;
}

.cb-analytics .investor-page-hero {
    height: auto;
    min-height: 840px;
    padding: 0 0 88px;
}

.cb-analytics .cb-partner__hero-card-page {
    max-width: 880px;
}

.cb-analytics__section[id],
.cb-analytics__region-card[id] {
    scroll-margin-top: 124px;
    margin-top: 26px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid var(--camels-surface);
    background: var(--camels-surface);
}

.cb-analytics__section-label {
    background: var(--camels-surface);
    border-color: var(--camels-border-light);
    color: var(--camels-muted);
}

.cb-analytics__section-label--dark {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--camels-surface);
}

.cb-analytics__hero-note {
    margin-top: 20px;
    padding: 18px 20px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(255, 255, 255, 0.52);
    color: var(--camels-black);
    font-size: 16px;
    line-height: 1.6;
}

.cb-analytics__hero-bullets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cb-analytics__hero-bullet strong {
    color: var(--camels-accent);
}

.cb-analytics__hero-bullet {
    min-height: 100%;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(10, 25, 53, 0.54);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--camels-surface);
    font-size: 14px;
    line-height: 1.55;
}

.cb-analytics__hero-actions {
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 28px;
}

.cb-analytics__toc {
    position: relative;
    z-index: 12;
}

.cb-analytics__toc .toc-toggle-container {
    position: fixed;
    left: 28px;
    bottom: 28px;
    z-index: 32;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px 14px 20px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 20px 46px rgba(19, 36, 66, 0.18);
    backdrop-filter: blur(16px);
    color: var(--camels-text);
    cursor: pointer;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
}

.cb-analytics__toc .toc-toggle-container:hover,
.cb-analytics__toc .toc-toggle-container:focus-visible,
.cb-analytics__toc .toc-toggle-container.active {
    border-color: rgba(246, 90, 3, 0.34);
    background: rgba(255, 249, 245, 0.98);
    box-shadow: 0 24px 56px rgba(19, 36, 66, 0.22);
    transform: translateY(-2px);
    outline: none;
}

.cb-analytics__toc .toc-toggle-label {
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
}

.cb-analytics__toc .toc-toggle-icon {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.cb-analytics__toc .toc-toggle-icon span {
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: var(--camels-accent);
}

.cb-analytics__toc .toc-overlay {
    position: fixed;
    inset: 0;
    z-index: 29;
    background: rgba(16, 24, 39, 0.34);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.24s ease;
}

.cb-analytics__toc .toc-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.cb-analytics__toc .toc-sidebar {
    position: fixed;
    top: 104px;
    left: 24px;
    z-index: 31;
    display: grid;
    gap: 18px;
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100vh - 136px);
    padding: 24px;
    overflow-y: auto;
    border: 1px solid rgba(246, 90, 3, 0.16);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    box-shadow: 0 28px 64px rgba(19, 36, 66, 0.22);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(16px) translateX(14px);
    transition: opacity 0.26s ease, transform 0.26s ease, visibility 0.26s ease;
}

.cb-analytics__toc .toc-sidebar.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) translateX(0);
}

.cb-analytics__toc .toc-sidebar-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cb-analytics__toc .toc-sidebar-kicker {
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-analytics__toc .toc-sidebar-title {
    margin-top: 6px;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.cb-analytics__toc .toc-sidebar-text {
    margin: 0;
    max-width: 28ch;
    color: var(--camels-muted);
    font-size: 14px;
    line-height: 1.6;
}

.cb-analytics__toc .toc-close-btn {
    position: relative;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid var(--camels-border-light);
    border-radius: 50%;
    background: var(--camels-surface);
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.cb-analytics__toc .toc-close-btn:hover,
.cb-analytics__toc .toc-close-btn:focus-visible {
    border-color: rgba(246, 90, 3, 0.34);
    background: rgba(246, 90, 3, 0.06);
    transform: translateY(-1px);
    outline: none;
}

.cb-analytics__toc .toc-close-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    border-radius: 999px;
    background: var(--camels-text);
}

.cb-analytics__toc .toc-close-btn span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.cb-analytics__toc .toc-close-btn span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.cb-analytics__toc .toc-sidebar-list {
    display: grid;
    gap: 10px;
}

.cb-analytics__toc .toc-sidebar-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--camels-border-light);
    border-radius: 18px;
    background: var(--camels-surface);
    color: var(--camels-text) !important;
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.cb-analytics__toc .toc-sidebar-list a::after {
    content: '';
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}

.cb-analytics__toc .toc-sidebar-list a:hover,
.cb-analytics__toc .toc-sidebar-list a:focus-visible {
    border-color: rgba(246, 90, 3, 0.34);
    background: rgba(246, 90, 3, 0.05);
    color: var(--camels-accent) !important;
    transform: translateX(2px);
    outline: none;
}

.cb-analytics__hero-cta--secondary {
    background: rgba(255, 255, 255, 0.12);
    color: var(--camels-surface);
    border: 1px solid rgba(255, 255, 255, 0.26);
    box-shadow: none;
}

.cb-analytics__hero-cta--secondary:hover {
    background: rgba(255, 255, 255, 0.18);
    color: var(--camels-surface);
}

.cb-analytics__section {
    position: relative;
    z-index: 1;
}

.cb-analytics__section + .cb-analytics__section {
    margin-top: 26px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid var(--camels-surface);
    background: var(--camels-surface);
}

.cb-analytics__stats-grid,
.cb-analytics__audience-grid,
.cb-analytics__route-grid,
.cb-analytics__fit-grid,
.cb-analytics__charts-grid,
.cb-analytics__cta-grid,
.cb-analytics__mini-grid {
    display: grid;
    gap: 16px;
}

.cb-analytics__stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cb-analytics__stat-card {
    position: relative;
    overflow: hidden;
    min-height: 152px;
    padding: 22px;
    border-radius: 24px;
    background: linear-gradient(180deg, #0e2145, #132b5d);
    box-shadow: 0 24px 50px rgba(18, 35, 66, 0.12);
    color: var(--camels-black);
    border: 1px solid var(--camels-accent);
}

.cb-analytics__stat-card::after {
    content: "";
    position: absolute;
    inset: auto -30px -30px auto;
    width: 110px;
    height: 110px;
    background: radial-gradient(circle, rgba(255, 255, 255, .18), transparent 60%);
    border-radius: 50%;
}

.cb-analytics__stat-card strong,
.cb-analytics__metric-card strong,
.cb-analytics__mini-card strong {
    display: block;
    font-family: 'Onest', sans-serif;
    letter-spacing: -0.04em;
}

.cb-analytics__stat-card strong {
    margin-bottom: 10px;
    font-size: var(--fs-description);
    line-height: 1;
    font-weight: 800;
    color: var(--camels-surface);
}

.cb-analytics__stat-card span {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 21ch;
    color: var(--camels-surface);
    font-size: var(--fs-card-title);
    line-height: 1.55;
}

.cb-analytics__route-panel,
.cb-analytics__method-box,
.cb-analytics__cta-panel,
.cb-analytics__sources {
    padding: 30px;
    border-radius: 30px;
    border: 1px solid var(--camels-border-light);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.96));
    box-shadow: 0 24px 56px rgba(16, 37, 77, 0.06);
}

.cb-analytics__section-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.cb-analytics__section-intro--light {
    margin-bottom: 18px;
}

.cb-analytics__section-intro--dark {
    margin-bottom: 0;
}

.cb-analytics__section-title,
.cb-analytics__region-head h3,
.cb-analytics__chart-card h4,
.cb-analytics__cta-card h3,
.cb-analytics__audience-card h3,
.cb-analytics__method-item h3 {
    margin: 0;
    font-family: 'Onest', sans-serif;
    color: var(--camels-black);
    letter-spacing: -0.04em;
}

.cb-analytics__section-title {
    margin-top: 14px;
    font-size: var(--fs-description);
    line-height: 0.98;
}

.cb-analytics__section-title--dark,
.cb-analytics__section-text--dark {
    color: var(--camels-surface);
}


.cb-analytics__section-text,
.cb-analytics__region-head p,
.cb-analytics__chart-card p,
.cb-analytics__audience-card p,
.cb-analytics__metric-card p,
.cb-analytics__method-item p,
.cb-analytics__fit-card span,
.cb-analytics__mini-card span,
.cb-analytics__cta-card p,
.cb-analytics__cta-card li,
.cb-analytics__source-note,
.cb-analytics__sources span {
    margin: 0;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    line-height: 1.65;
}

.cb-analytics__fit-card span {
    font-size: var(--fs-card-desc);
}

.cb-analytics__section-text--dark {
    color: rgba(255, 255, 255, 0.82);
}

.cb-analytics__route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cb-analytics__route-chip,
.cb-analytics__metric-card,
.cb-analytics__audience-card,
.cb-analytics__fit-card,
.cb-analytics__chart-card,
.cb-analytics__mini-card,
.cb-analytics__cta-card {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 24px;
}

.cb-analytics__route-chip {
    padding: 18px;
    background: linear-gradient(180deg, rgba(20, 34, 63, 0.06), rgba(255, 255, 255, 0.98));
}

.cb-analytics__route-chip small,
.cb-analytics__fit-card small,
.cb-analytics__source-note,
.cb-analytics__tag {
    display: block;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-analytics__route-chip small,
.cb-analytics__fit-card small,
.cb-analytics__source-note {
    margin-bottom: 8px;
    color: var(--camels-black);
}

.cb-analytics__route-chip strong,
.cb-analytics__fit-card strong {
    display: block;
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.4;
}

.cb-analytics__audience-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 24px;
}

.cb-analytics__audience-card,
.cb-analytics__metric-card,
.cb-analytics__chart-card,
.cb-analytics__cta-card,
.cb-analytics__fit-card,
.cb-analytics__mini-card {
    padding: 22px;
}

.cb-analytics__tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(115, 111, 251, 0.08);
    border: 1px solid rgba(115, 111, 251, 0.15);
    color: #4f53b8;
}

.cb-analytics__audience-card h3 {
    margin-top: 14px;
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 1.02;
}

.cb-analytics__quick-nav {
    display: flex;
    gap: 8px;
    margin-bottom: 22px;
    flex-wrap: wrap;
    position: relative;
}

.cb-analytics__quick-nav .docs-click-pointer {
    right: auto;
    left: 50%;
    bottom: 8px;
    margin-top: 0;
    transform: translateX(-50%);
}

.cb-analytics__quick-nav--pointer-visible {
    padding-bottom: 78px;
    transition: padding 0.4s ease;
}

.cb-analytics__quick-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 50px;
    border: 1px solid var(--camels-border-light);
    background: var(--camels-surface);
    color: var(--camels-black) !important;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 500;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.cb-analytics__quick-nav-link:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent) !important;
}

.cb-analytics__quick-nav-link.is-active {
    background: var(--camels-accent-hover);
    color: var(--camels-bg) !important;
    border-color: var(--camels-accent);
}

.cb-analytics__quick-nav-link.is-active:hover {
    background: var(--camels-accent-hover);
    color: var(--camels-bg) !important;
    border-color: var(--camels-accent);
}

.cb-analytics__quick-nav-link.is-active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

.cb-analytics__method-grid {
    display: flex;
    gap: 20px;
}

.cb-analytics__method-box {
    display: grid;
    gap: 30px;
    background: url(../images/analytics/method-box-bg.webp) top / cover no-repeat;
    color: var(--camels-surface);
}

.cb-analytics__method-box .cb-analytics__method-item h3,
.cb-analytics__method-box .cb-analytics__method-item p {
    color: rgba(255, 255, 255, 0.92);
}

.cb-analytics__method-box .cb-analytics__method-number {
    background: var(--camels-surface);
    border-color: var(--camels-accent);
}

.cb-analytics__method-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 14px;
    align-items: flex-start;
}

.cb-analytics__method-number {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: var(--camels-surface);
    border: 2px solid var(--camels-accent);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 800;
}

.cb-analytics__method-item h3 {
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 1.35;
}

.cb-analytics__metric-stack {
    display: grid;
    gap: 16px;
}

.cb-analytics__metric-card strong {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.08;
}

.cb-analytics__regions-list {
    display: grid;
    gap: 24px;
}

.cb-analytics__region-card {
    padding: 30px;
    border-radius: 32px;
    border: 1px solid rgba(211, 221, 236, 0.98);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 250, 252, 0.96));
    box-shadow: 0 24px 56px rgba(16, 37, 77, 0.06);
}

.cb-analytics__region-head {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 24px;
}

.cb-analytics__region-kicker {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    border: 1px solid rgba(246, 90, 3, 0.16);
    color: #7a4c1b;
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-analytics__region-head h3 {
    margin-bottom: 12px;
    font-size: var(--fs-description);
    line-height: 0.98;
}

.cb-analytics__fit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cb-analytics__fit-card strong {
    margin-bottom: 8px;
    font-size: 18px;
}

.cb-analytics__charts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-analytics__chart-card h4 {
    margin-bottom: 8px;
    font-size: var(--fs-description-alt);
    line-height: 1.02;
}

.cb-analytics__chart-card p {
    margin-bottom: 16px;
}

.cb-analytics__hbar {
    display: grid;
    gap: 14px;
}

.cb-analytics__hbar-row {
    display: grid;
    gap: 8px;
}

.cb-analytics__hbar-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.cb-analytics__hbar-head span,
.cb-analytics__hbar-head strong {
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

.cb-analytics__hbar-head strong {
    white-space: nowrap;
}

.cb-analytics__hbar-track {
    height: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf3fb;
}

.cb-analytics__hbar-fill {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--camels-accent), #ffb56b);
}

.cb-analytics__hbar-fill--accent {
    background: linear-gradient(90deg, var(--camels-accent), #ffb56b);
}

.cb-analytics__hbar-fill--blue {
    background: linear-gradient(90deg, #2a57af, #6b92e8);
}

.cb-analytics__hbar-fill--green {
    background: linear-gradient(90deg, #179c4c, #48cd79);
}

.cb-analytics__hbar-fill--navy {
    background: linear-gradient(90deg, #0f2144, #355ea8);
}

.cb-analytics__mini-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 16px;
}

.cb-analytics__mini-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-analytics__mini-card {
    background: var(--camels-surface-light);
}

.cb-analytics__mini-card strong {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.08;
}

.cb-analytics__source-note {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px dashed var(--camels-border-light);
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.6;
}

.cb-analytics__matrix-wrap {
    padding: 30px;
    border-radius: 34px;
    background: linear-gradient(180deg, #1f3156 0%, #1a2948 100%);
    box-shadow: 0 28px 64px rgba(16, 37, 77, 0.12);
}

.cb-analytics__matrix-table-wrap {
    margin-top: 22px;
    overflow-x: auto;
}

.cb-analytics__matrix-table {
    width: 100%;
    min-width: 780px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
}

.cb-analytics__matrix-table th,
.cb-analytics__matrix-table td {
    padding: 18px 16px;
    text-align: left;
}

.cb-analytics__matrix-table th {
    background: rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-analytics__matrix-table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
    vertical-align: top;
}

.cb-analytics__matrix-table tbody tr:last-child td {
    border-bottom: none;
}

.cb-analytics__score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    padding: 8px 12px;
    border-radius: 999px;
    font-family: 'Onest', sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.cb-analytics__score--high {
    background: rgba(67, 187, 90, 0.18);
    color: #adf4bc;
}

.cb-analytics__score--mid {
    background: rgba(255, 216, 33, 0.14);
    color: #ffe59e;
}

.cb-analytics__score--low {
    background: rgba(239, 68, 68, 0.16);
    color: #ff8f8f;
}

.cb-analytics__cta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 22px;
}

.cb-analytics__cta-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cb-analytics__cta-card ul {
    margin: 0 0 20px;
    padding-left: 18px;
}

.cb-analytics__cta-card h3 {
    margin-bottom: 10px;
    font-size: var(--fs-description-alt);
}

.cb-analytics__cta-card p {
    margin-bottom: 16px;
}

.cb-analytics__cta-card .cb-partner__hero-cta {
    width: fit-content;
    justify-content: center;
    display: flex;
    margin: 0 auto;
}

.cb-analytics__sources {
    display: grid;
    gap: 8px;
}

.cb-analytics__sources-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cb-analytics__sources-list li {
    position: relative;
    padding-left: 18px;
}

.cb-analytics__sources-list li::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--camels-accent);
}

.cb-analytics__sources strong {
    color: var(--camels-black);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description);
    font-weight: 800;
    text-align: center;
}

@media (max-width: 1200px) {
    .cb-analytics .investor-page-hero {
        min-height: 780px;
    }

    .cb-analytics__toc .toc-sidebar {
        top: 90px;
    }

    .cb-analytics__hero-bullets,
    .cb-analytics__stats-grid,
    .cb-analytics__audience-grid,
    .cb-analytics__route-grid,
    .cb-analytics__fit-grid,
    .cb-analytics__cta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-analytics__method-grid,
    .cb-analytics__region-head,
    .cb-analytics__charts-grid,
    .cb-analytics__section-intro {
        grid-template-columns: 1fr;
    }

    .cb-analytics__section-intro {
        display: grid;
        align-items: start;
    }

    .cb-analytics__section-text {
        max-width: none;
    }
}

@media (max-width: 991px) {
    .cb-analytics .investor-page-hero {
        min-height: 700px;
        padding-bottom: 70px;
    }

    .cb-analytics__toc .toc-toggle-container {
        left: 20px;
        bottom: 20px;
    }

    .cb-analytics__toc .toc-sidebar {
        top: auto;
        left: 20px;
        bottom: 92px;
        max-height: min(520px, calc(100vh - 132px));
    }

    .cb-analytics__route-grid,
    .cb-analytics__charts-grid,
    .cb-analytics__mini-grid,
    .cb-analytics__mini-grid--two,
    .cb-analytics__fit-grid,
    .cb-analytics__cta-grid,
    .cb-analytics__stats-grid,
    .cb-analytics__audience-grid {
        grid-template-columns: 1fr;
    }

    .cb-analytics__route-panel,
    .cb-analytics__method-box,
    .cb-analytics__cta-panel,
    .cb-analytics__sources,
    .cb-analytics__region-card,
    .cb-analytics__matrix-wrap {
        padding: 24px;
        border-radius: 26px;
    }

    .cb-analytics__matrix-table {
        min-width: 680px;
    }

    .cb-analytics__quick-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 2px 0 4px;
        margin-bottom: 10px;
    }

    .cb-analytics__quick-nav--pointer-visible {
        padding-bottom: 78px;
    }

    .cb-analytics__quick-nav::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767px) {
    .cb-analytics__section-intro {
        padding: 20px;
    }

    .cb-analytics__matrix-table-wrap {
        overflow: visible;
        position: relative;
    }

    .cb-analytics__matrix-table-wrap::before {
        display: none;
    }

    .cb-analytics__matrix-table-wrap::after {
        display: none;
    }

    .cb-analytics__matrix-table-wrap.start-scroll::before,
    .cb-analytics__matrix-table-wrap.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-analytics .investor-page-hero {
        min-height: auto;
        padding-bottom: 54px;
    }

    .cb-analytics .cb-partner__hero-card-page {
        max-width: none;
    }

    .cb-analytics__hero-note,
    .cb-analytics__hero-bullet,
    .cb-analytics__route-panel,
    .cb-analytics__method-box,
    .cb-analytics__cta-panel,
    .cb-analytics__sources,
    .cb-analytics__region-card,
    .cb-analytics__matrix-wrap,
    .cb-analytics__audience-card,
    .cb-analytics__metric-card,
    .cb-analytics__chart-card,
    .cb-analytics__cta-card,
    .cb-analytics__fit-card,
    .cb-analytics__mini-card,
    .cb-analytics__stat-card {
        padding: 20px;
        border-radius: 0;
    }

    .cb-analytics__hero-bullets {
        grid-template-columns: 1fr;
    }

    .cb-analytics__toc .toc-toggle-container {
        left: 16px;
        bottom: calc(88px + env(safe-area-inset-bottom, 0px));
        gap: 12px;
        padding: 13px 16px 13px 18px;
    }

    .cb-analytics__toc .toc-toggle-label {
        font-size: 14px;
    }

    .cb-analytics__toc .toc-sidebar {
        left: 16px;
        bottom: 84px;
        width: calc(100vw - 32px);
        padding: 20px;
        border-radius: 24px;
    }

    .cb-analytics__toc .toc-sidebar-title {
        font-size: 24px;
    }

    .cb-analytics__toc .toc-sidebar-list a {
        padding: 13px 15px;
    }

    .cb-analytics__matrix-table {
        min-width: 0;
        border: none;
        background: transparent;
    }

    .cb-analytics__matrix-table thead {
        display: none;
    }

    .cb-analytics__matrix-table,
    .cb-analytics__matrix-table tbody,
    .cb-analytics__matrix-table tr,
    .cb-analytics__matrix-table td {
        display: block;
        width: 100%;
    }

    .cb-analytics__matrix-table tbody {
        display: grid;
        gap: 14px;
    }

    .cb-analytics__matrix-table tr {
        padding: 18px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.04);
    }

    .cb-analytics__matrix-table td {
        padding: 0;
        border: none;
    }

    .cb-analytics__matrix-table td + td {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .cb-analytics__matrix-table td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 7px;
        color: rgba(255, 255, 255, 0.62);
        font-family: 'Onest', sans-serif;
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .cb-analytics__quick-nav-link {
        margin: 6px 0;
        padding: 10px 18px;
    }

    .cb-analytics__matrix-table td:first-child strong {
        color: var(--camels-surface);
        font-family: 'Onest', sans-serif;
        font-size: 19px;
        line-height: 1.2;
    }

    .cb-analytics__score {
        min-width: 0;
        width: fit-content;
    }

    .cb-analytics__hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cb-analytics__hero-actions .cb-partner__hero-cta {
        width: 100%;
        justify-content: center;
    }

    .cb-analytics__section-title {
        font-size: clamp(26px, 8vw, 36px);
    }

    .cb-analytics__audience-card h3,
    .cb-analytics__chart-card h4,
    .cb-analytics__cta-card h3 {
        font-size: 24px;
    }

    .cb-analytics__region-head h3 {
        font-size: 30px;
    }

    .cb-analytics__method-item {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .cb-analytics__method-number {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }
}

/* ==========================================================================
   LEGAL IMMIGRATION PARTNERS — scoped styles
   ========================================================================== */

#legal-immigration-partners .cb-partner__hero-v2 {
    height: auto;
    min-height: 720px;
    padding: 120px 0 60px;
    align-items: flex-end;
    overflow: visible;
}

#legal-immigration-partners .cb-partner__hero-card-page {
    max-width: 780px;
}

#legal-immigration-partners .cb-analytics__hero-bullets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#legal-immigration-partners .cb-analytics__hero-bullet {
    min-height: 100%;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(10, 25, 53, 0.54);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--camels-surface);
    font-size: 14px;
    line-height: 1.55;
}

.cb-legal__trust-line {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    margin: 20px 0;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.cb-legal__cta-wrap {
    gap: 15px;
    flex-wrap: wrap;
}

.cb-legal__cta--outline {
    background: transparent !important;
    border-color: var(--camels-surface) !important;
    color: var(--camels-surface) !important;
}

.cb-legal__cta--outline:hover {
    background: var(--camels-surface) !important;
    color: var(--camels-accent) !important;
    border-color: var(--camels-surface) !important;
}

/* ---- Legal Immigration Responsive ---- */

@media (max-width: 1279px) {
    #legal-immigration-partners .cb-partner__hero-card-page {
        max-width: 700px;
    }
}

@media (max-width: 991px) {
    #legal-immigration-partners .cb-partner__hero-v2 {
        min-height: 0;
        padding: 80px 0 50px;
    }
    #legal-immigration-partners .cb-partner__hero-card-page {
        max-width: 100%;
    }
    #legal-immigration-partners .cb-analytics__hero-bullets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #legal-immigration-partners .cb-partner__hero-title {
        font-size: clamp(22px, 4vw, 30px);
    }
    #legal-immigration-partners .cb-partner__hero-desc {
        font-size: clamp(14px, 1.8vw, 16px);
    }
    #legal-immigration-partners .cb-partner__hero-cta {
        min-width: 0;
        font-size: 15px;
        height: auto;
        min-height: 46px;
    }
}

@media (max-width: 767px) {
    #legal-immigration-partners .cb-partner__hero-v2 {
        min-height: 0;
        padding: 70px 0 40px;
    }
    #legal-immigration-partners .cb-partner__hero-card-page {
        padding: 24px 20px 28px;
        border-radius: 14px;
    }
    #legal-immigration-partners .cb-partner__hero-title {
        font-size: clamp(20px, 5vw, 26px);
        margin-bottom: 12px;
    }
    #legal-immigration-partners .cb-partner__hero-desc {
        font-size: 14px;
        margin-bottom: 16px;
    }
    #legal-immigration-partners .cb-analytics__hero-bullets {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    #legal-immigration-partners .cb-analytics__hero-bullet {
        padding: 14px 16px;
        border-radius: 14px;
        font-size: 13px;
    }
    .cb-legal__trust-line {
        font-size: 13px;
        margin: 16px 0;
    }
    #legal-immigration-partners .cb-legal__cta-wrap {
        flex-direction: column;
        gap: 10px;
    }
    #legal-immigration-partners .cb-partner__hero-cta {
        width: 100%;
        min-height: 46px;
        font-size: 14px;
        padding: 10px 20px;
    }
}

@media (max-width: 480px) {
    #legal-immigration-partners .cb-partner__hero-v2 {
        min-height: 0;
        padding: 60px 0 30px;
    }
    #legal-immigration-partners .cb-partner__hero-container {
        padding: 0 12px;
    }
    #legal-immigration-partners .cb-partner__hero-card-page {
        padding: 20px 16px 24px;
        border-radius: 12px;
    }
    #legal-immigration-partners .cb-partner__hero-title {
        font-size: clamp(18px, 5.5vw, 22px);
        margin-bottom: 10px;
    }
    #legal-immigration-partners .cb-partner__hero-desc {
        font-size: 13px;
        margin-bottom: 12px;
    }
    #legal-immigration-partners .cb-analytics__hero-bullet {
        padding: 12px 14px;
        border-radius: 12px;
        font-size: 12.5px;
    }
    .cb-legal__trust-line {
        font-size: 12px;
        margin: 12px 0;
    }
    #legal-immigration-partners .cb-partner__hero-cta {
        min-height: 44px;
        font-size: 13px;
        border-radius: 6px;
    }
}

@media (max-width: 360px) {
    #legal-immigration-partners .cb-partner__hero-v2 {
        min-height: 0;
        padding: 50px 0 24px;
    }
    #legal-immigration-partners .cb-partner__hero-card-page {
        padding: 16px 14px 20px;
        border-radius: 10px;
    }
    #legal-immigration-partners .cb-partner__hero-title {
        font-size: 17px;
    }
    #legal-immigration-partners .cb-partner__hero-desc {
        font-size: 12px;
    }
    #legal-immigration-partners .cb-analytics__hero-bullet {
        font-size: 12px;
        padding: 10px 12px;
    }
    #legal-immigration-partners .cb-partner__hero-cta {
        min-height: 42px;
        font-size: 12px;
    }
}

/* ==========================================================================
   LEGAL IMMIGRATION — Block 02: «Цена ошибки»
   ========================================================================== */

.cb-legal-mistakes {
    position: relative;
    z-index: 1;
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 15px;
}

.cb-legal-mistakes__inner {
    background: var(--camels-surface);
    border-radius: clamp(24px, 3vw, 50px);
    padding: clamp(32px, 5vw, 30px) clamp(20px, 4vw, 60px);
    margin-left: calc(0 * clamp(0px, calc(13vw - 20px), 180px));
    margin-right: calc(0 * clamp(0px, calc(13vw - 20px), 180px));
}

.cb-legal-mistakes__title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-description);
    color: var(--camels-black);
    text-align: center;
    margin: 0 auto clamp(28px, 3.5vw, 48px);
    line-height: 1.25;
}

.cb-legal-mistakes__title strong {
    color: var(--camels-accent);
    font-weight: 600;
}

/* ---- Card grid: 2×2 ---- */

.cb-legal-mistakes__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(16px, 2vw, 24px);
    margin: 0 auto clamp(28px, 3vw, 44px);
}

.cb-legal-mistakes__card {
    background: var(--camels-bg);
    border: 1px solid var(--camels-border-light);
    border-radius: clamp(16px, 1.6vw, 24px);
    padding: clamp(20px, 2.5vw, 32px);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.cb-legal-mistakes__card:hover {
    border-color: var(--camels-accent);
    box-shadow: 0 6px 24px rgba(246, 90, 3, 0.12);
    transform: translateY(-3px);
}

.cb-legal-mistakes__card-header {
    display: flex;
    align-items: flex-start;
    gap: clamp(10px, 1.2vw, 16px);
    margin-bottom: clamp(10px, 1.2vw, 16px);
}

.cb-legal-mistakes__card-num {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(32px, 3vw, 42px);
    height: clamp(32px, 3vw, 42px);
    border-radius: 12px;
    border: 1px solid var(--camels-accent);
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-size: clamp(14px, 1.4vw, 18px);
    line-height: 1;
}

.cb-legal-mistakes__card-title {
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: clamp(0.9rem, 0.8rem + 0.4vw, 1.15rem);
    color: var(--camels-text);
    margin: 0;
    line-height: 1.35;
}

.cb-legal-mistakes__card-body {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.6;
    color: var(--camels-muted);
}

.cb-legal-mistakes__card-body p {
    margin: 0 0 6px;
    color: var(--camels-black);
}

.cb-legal-mistakes__card-body p:last-child {
    margin-bottom: 0;
    color: var(--camels-black);
}

.cb-legal-mistakes__card-body strong {
    color: var(--camels-black);
    font-weight: 600;
}

/* ---- Conclusion callout ---- */

.cb-legal-mistakes__conclusion {
    display: flex;
    align-items: flex-start;
    gap: clamp(14px, 1.5vw, 20px);
    max-width: 1100px;
    margin: 0 auto;
    background: linear-gradient(135deg, #fff5ed 0%, #fff9f5 100%);
    border: 1px solid rgba(246, 90, 3, 0.18);
    border-radius: clamp(14px, 1.4vw, 20px);
    padding: clamp(18px, 2.2vw, 28px) clamp(20px, 2.5vw, 32px);
}

.cb-legal-mistakes__conclusion p {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.6;
    color: var(--camels-black);
}

.cb-legal-mistakes__conclusion strong {
    font-weight: 600;
}

/* ---- Block 02 Responsive ---- */

@media (max-width: 991px) {
    .cb-legal-mistakes__inner {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .cb-legal-mistakes__grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-mistakes__title {
        font-size: clamp(1.15rem, 0.85rem + 1.5vw, 1.5rem);
    }

    .cb-legal-mistakes__conclusion {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .cb-legal-mistakes {
        padding: 0 8px;
    }

    .cb-legal-mistakes__inner {
        padding: 24px 16px;
        border-radius: 20px;
    }

    .cb-legal-mistakes__card {
        padding: 18px 14px;
        border-radius: 14px;
    }

    .cb-legal-mistakes__card-num {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 13px;
    }

    .cb-legal-mistakes__conclusion {
        padding: 16px 14px;
        border-radius: 14px;
    }
}

@media (max-width: 360px) {
    .cb-legal-mistakes__inner {
        padding: 20px 14px;
        border-radius: 16px;
    }

    .cb-legal-mistakes__card-title {
        font-size: 0.85rem;
    }
}

/* ==================================================================
   LEGAL IMMIGRATION — Block 03: «Экономика: Калькулятор»
   ================================================================== */

.cb-legal-calc {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.cb-legal-calc__inner {
    position: relative;
    overflow: clip;
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.12), transparent 28%),
        radial-gradient(circle at left 22%, rgba(67, 187, 90, 0.08), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #fff8f3 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    border-radius: 32px;
    box-shadow: 0 28px 80px rgba(33, 46, 68, 0.1);
    margin-top: 20px;
    padding: clamp(32px, 5vw, 30px) clamp(20px, 4vw, 60px);
    margin-left: calc(-1 * min(clamp(0px, calc(13vw - 20px), 180px), calc(50vw - 50%)));
    margin-right: calc(-1 * min(clamp(0px, calc(13vw - 20px), 180px), calc(50vw - 50%)));
}

.cb-legal-calc__inner::before,
.cb-legal-calc__inner::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.cb-legal-calc__inner::before {
    width: 260px;
    height: 260px;
    right: -100px;
    top: -120px;
    background: rgba(246, 90, 3, 0.08);
}

.cb-legal-calc__inner::after {
    width: 180px;
    height: 180px;
    left: -70px;
    bottom: 50px;
    background: rgba(67, 187, 90, 0.08);
}

.cb-legal-calc__hero,
.cb-legal-calc__dashboard {
    position: relative;
    z-index: 1;
}

.cb-legal-calc__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
    gap: clamp(28px, 4vw, 54px);
    align-items: center;
    margin-bottom: clamp(28px, 3.6vw, 46px);
}

.cb-legal-calc__hero-copy {
    max-width: 760px;
}

.cb-legal-calc__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-border);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 18px;
}

.cb-legal-calc__title {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-description);
    line-height: 1.14;
    color: var(--camels-black);
    margin: 0 0 18px;
}

.cb-legal-calc__title strong {
    color: var(--camels-accent);
}

.cb-legal-calc__lead {
    max-width: 700px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-description-alt);
    line-height: 1.68;
    color: var(--camels-black);
    margin: 0 0 24px;
}

.cb-legal-calc__chips {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    max-width: 940px;
}

.cb-legal-calc__chip {
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(33, 46, 68, 0.06);
    backdrop-filter: blur(8px);
}

.cb-legal-calc__chip strong,
.cb-legal-calc__chip span {
    display: block;
    font-family: 'Onest', sans-serif;
}

.cb-legal-calc__chip strong {
    font-size: clamp(1rem, 0.82rem + 0.7vw, 1.3rem);
    font-weight: 800;
    color: var(--camels-text);
    margin-bottom: 6px;
}

.cb-legal-calc__chip span {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--camels-black);
}

.cb-legal-calc__visual {
    position: relative;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb-legal-calc__visual-glow {
    position: absolute;
    inset: 12% 12% auto;
    height: 72%;
    border-radius: 32px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.16), rgba(34, 52, 85, 0.08));
    filter: blur(12px);
}

.cb-legal-calc__visual-frame {
    position: relative;
    z-index: 1;
    padding: 18px;
    border-radius: 30px;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.92), rgba(255, 245, 237, 0.88));
    border: 1px solid rgba(246, 90, 3, 0.14);
    box-shadow: 0 26px 60px rgba(33, 46, 68, 0.14);
}

.cb-legal-calc__visual-frame img {
    display: block;
    width: 100%;
    max-width: 520px;
    border-radius: 22px;
}

.cb-legal-calc__visual-note {
    position: absolute;
    left: 0;
    bottom: 18px;
    z-index: 2;
    max-width: 260px;
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(34, 52, 85, 0.92);
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.18);
}

.cb-legal-calc__visual-note-label,
.cb-legal-calc__visual-note strong {
    display: block;
    font-family: 'Onest', sans-serif;
}

.cb-legal-calc__visual-note-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.72);
    margin-bottom: 8px;
}

.cb-legal-calc__result-breakdown {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: baseline;
}

.cb-legal-calc__visual-note strong {
    font-size: 0.95rem;
    line-height: 1.45;
    color: #fff;
}

.cb-legal-calc__dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 24px;
    align-items: start;
}

.cb-legal-calc__panel {
    border-radius: 26px;
    padding: clamp(22px, 2.5vw, 34px);
    box-shadow: 0 16px 40px rgba(33, 46, 68, 0.08);
    min-width: 0;
}

.cb-legal-calc__panel--controls {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(33, 46, 68, 0.08);
    backdrop-filter: blur(8px);
}

.cb-legal-calc__panel--summary {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%);
    color: var(--camels-text);
    border: 1px solid rgba(246, 90, 3, 0.1);
}

.cb-legal-calc__group {
    margin-bottom: clamp(20px, 2.4vw, 20px);
    max-width: 100%;
    border: 1px solid var(--camels-border);
    padding: 10px;
    border-radius: 10px;
}

.cb-legal-calc__group-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.cb-legal-calc__group-head > .cb-legal-calc__label {
    margin-bottom: 0;
    flex: 1 1 auto;
    min-width: 0;
}

.cb-legal-calc__label {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: clamp(0.88rem, 0.8rem + 0.25vw, 1rem);
    color: var(--camels-text);
    margin-bottom: 12px;
}

.cb-legal-calc__funnel-percent {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-desc);
    font-weight: 800;
    color: var(--camels-accent);
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid var(--camels-accent);
    background: var(--camels-surface);
}

.cb-legal-calc__label strong {
    color: var(--camels-black);
    font-weight: 700;
}

.cb-legal-calc__label-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
}

.cb-legal-calc__costs-card {
    padding: 18px 20px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 248, 242, 0.96) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 14px 34px rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__costs-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--camels-black);
    margin-bottom: 14px;
}

.cb-legal-calc__costs-list {
    display: grid;
    gap: 10px;
}

.cb-legal-calc__costs-item,
.cb-legal-calc__costs-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.cb-legal-calc__costs-item {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(33, 46, 68, 0.08);
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    color: var(--camels-black);
}

.cb-legal-calc__costs-item strong,
.cb-legal-calc__costs-total strong {
    font-weight: 700;
    color: var(--camels-black);
}

.cb-legal-calc__costs-input {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    border-radius: 14px;
    background: var(--camels-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.cb-legal-calc__costs-input:focus-within {
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1);
    background: rgba(255, 249, 245, 0.92);
}

.cb-legal-calc__costs-currency {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--camels-accent);
    line-height: 1;
}

.cb-legal-calc__costs-value {
    outline: none;
    border-bottom: none;
    padding: 0;
    min-width: 34px;
    display: inline-block;
    text-align: right;
    cursor: text;
    transition: color 0.2s ease, background 0.2s ease;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    color: var(--camels-black);
}
.cb-legal-calc__costs-value:focus {
    background: transparent;
    border-radius: 0;
}

.cb-legal-calc__costs-total {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(246, 90, 3, 0.18);
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--camels-accent);
}

.cb-legal-calc__costs-total strong {
    color: var(--camels-accent);
}

.cb-legal-calc__value-bounce {
    animation: cbLegalCalcValueBounce 0.45s ease-out;
    color: var(--camels-accent);
}

.cb-legal-calc__label-info {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    z-index: 1;
}

.cb-legal-calc__label-info:hover,
.cb-legal-calc__label-info:focus-within {
    z-index: 24;
}

.cb-legal-calc__label-text {
    display: inline;
}

.cb-legal-calc__check-edit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: 4px;
    padding: 0;
    border: 1px solid rgba(246, 90, 3, 0.18);
    border-radius: 8px;
    background: rgba(246, 90, 3, 0.07);
    color: var(--camels-accent);
    font-size: 11px;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    vertical-align: middle;
}

.cb-legal-calc__check-edit-btn:hover,
.cb-legal-calc__check-edit-btn:focus-visible {
    background: rgba(246, 90, 3, 0.14);
    border-color: rgba(246, 90, 3, 0.32);
    color: var(--camels-accent-hover, #e04e00);
}

.cb-legal-calc__check-edit-btn:focus-visible {
    outline: 2px solid rgba(246, 90, 3, 0.3);
    outline-offset: 2px;
}

.cb-legal-calc__label-text--modal-trigger {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: rgba(246, 90, 3, 0.26);
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.cb-legal-calc__label-info--modal .cb-legal-calc__label-hint {
    cursor: pointer;
}

.cb-legal-calc__label-text--modal-trigger:hover,
.cb-legal-calc__label-text--modal-trigger:focus-visible,
.cb-legal-calc__label-info--modal:hover .cb-legal-calc__label-text--modal-trigger,
.cb-legal-calc__label-info--modal:focus-within .cb-legal-calc__label-text--modal-trigger {
    color: var(--camels-accent);
    text-decoration-color: rgba(246, 90, 3, 0.72);
}

.cb-legal-calc__label-text--modal-trigger:focus-visible {
    outline: 2px solid rgba(246, 90, 3, 0.3);
    outline-offset: 4px;
    border-radius: 8px;
}

.cb-legal-calc__label-text--with-indicator {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cb-legal-calc__label-text--profit {
    align-items: flex-start;
}

.cb-legal-calc__label-text-stack {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.cb-legal-calc__label-text-main {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cb-legal-calc__label-text-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cb-legal-calc__label-text-secondary .cb-legal-calc__switch {
    margin-left: 0;
}

.cb-legal-calc__label-text--with-indicator > span:last-child {
    flex: 1 1 auto;
}

.cb-legal-calc__switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 10px;
    cursor: pointer;
    flex: 0 0 auto;
}

.cb-legal-calc__switch-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cb-legal-calc__switch-track {
    position: relative;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: rgba(33, 46, 68, 0.18);
    transition: background 0.2s ease;
}

.cb-legal-calc__switch-track::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 10px rgba(19, 27, 42, 0.18);
    transition: transform 0.2s ease;
}

.cb-legal-calc__switch-input:checked + .cb-legal-calc__switch-track {
    background: var(--camels-accent);
}

.cb-legal-calc__switch-input:checked + .cb-legal-calc__switch-track::before {
    transform: translateX(18px);
}

.cb-legal-calc__switch-input:focus-visible + .cb-legal-calc__switch-track {
    outline: 2px solid rgba(246, 90, 3, 0.3);
    outline-offset: 2px;
}

.cb-legal-calc__switch-text {
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    color: var(--camels-text-muted);
    white-space: nowrap;
}

.cb-legal-calc__label-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-black);
    cursor: help;
    flex: 0 0 auto;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.cb-legal-calc__label-hint:hover,
.cb-legal-calc__label-info:focus-within .cb-legal-calc__label-hint,
.cb-legal-calc__label-info:hover .cb-legal-calc__label-hint {
    background: rgba(246, 90, 3, 0.18);
    color: #c94a00;
    transform: translateY(-1px);
}

.cb-legal-calc__label-hint:focus-visible {
    outline: 2px solid rgba(246, 90, 3, 0.3);
    outline-offset: 2px;
}

.cb-legal-calc__label-tooltip {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    width: min(340px, calc(100vw - 48px));
    padding: 14px 16px;
    border-radius: 16px;
    background: #1f2430;
    color: #fff;
    box-shadow: 0 18px 44px rgba(19, 27, 42, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    pointer-events: none;
    z-index: 12;
}

.cb-legal-calc__share-summary-line strong {
    color: var(--camels-accent);
}

.cb-legal-calc__label-tooltip::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: 7px solid transparent;
    border-top-color: #1f2430;
}

.cb-legal-calc__label-info:hover .cb-legal-calc__label-tooltip,
.cb-legal-calc__label-info:focus-within .cb-legal-calc__label-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.cb-legal-calc__label-tooltip-title,
.cb-legal-calc__label-tooltip-line {
    display: block;
}

.cb-legal-calc__result-rows {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
}

.cb-legal-calc__label-tooltip-line ul {
    padding-inline-start: 1em;
    margin-block-start: .5em;
    margin-block-end: .5em;
}


.cb-legal-calc__label-tooltip-line li {
    margin-left: 15px;
}

.cb-legal-calc__label-tooltip-title {
    margin-bottom: 8px;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.cb-legal-calc__label-tooltip-line {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.cb-legal-calc__label-tooltip-line + .cb-legal-calc__label-tooltip-line {
    margin-top: 4px;
}

.cb-legal-calc__share-summary {
    margin-top: 14px;
    max-width: 680px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 245, 0.92) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__share-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__share-summary-head strong {
    color: var(--camels-accent);
    font-size: 0.95rem;
    font-weight: 800;
    white-space: nowrap;
}

.cb-legal-calc__share-summary-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-legal-calc__share-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__share-summary-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-text);
}

.cb-legal-calc__share-summary-value {
    flex: 0 0 auto;
    font-family: 'Onest', sans-serif;
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--camels-text);
    white-space: nowrap;
}

.cb-legal-calc__share-summary-value--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__deal-note {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #faf6f2 100%);
    border: 1px dashed rgba(246, 90, 3, 0.28);
    font-family: 'Onest', sans-serif;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--camels-text);
}

.cb-legal-calc__deal-note strong {
    color: var(--camels-black);
}

.cb-legal-calc__choice-note {
    margin-top: 10px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(33, 46, 68, 0.04);
    border: 1px solid rgba(33, 46, 68, 0.08);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--camels-text);
}

.cb-legal-calc__choice-note strong {
    color: var(--camels-text);
    font-weight: 800;
}

.cb-legal-calc__tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#legalCalcDealTabs[hidden] {
    display: none !important;
}

#legalCalcDealNote[hidden] {
    display: none !important;
}

.cb-legal-calc__tab {
    padding: 12px 20px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    background: #fff;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.8rem, 0.74rem + 0.25vw, 0.95rem);
    cursor: pointer;
    position: relative;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.cb-legal-calc__notab {
    padding: 12px 20px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    background: #fff;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.8rem, 0.74rem + 0.25vw, 0.95rem);
    cursor: pointer;
    position: relative;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.cb-legal-calc__time-badge--scenario {
    display: block;
    margin-top: 10px;
    padding: 0;
}

.cb-legal-calc__notab--scenario {
    width: fit-content;
    min-height: 62px;
    padding: 12px 16px 12px 68px;
    border-radius: 16px;
    border: 1px solid var(--camels-border-light);
    background: var(--camels-surface);
    box-shadow: 0 10px 24px rgba(19, 27, 42, 0.06);
    text-align: left;
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    font-weight: 500;
    line-height: 1.35;
}

.cb-legal-calc__notab--scenario::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    transform: translateY(-50%);
    background: linear-gradient(to bottom, var(--camels-dark-blue), var(--camels-dark-blue-deep));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.cb-legal-calc__notab--scenario:hover {
    transform: translateY(-2px);
    border-color: var(--camels-accent);
    box-shadow: 0px 5px 15px var(--camels-accent-shadow);
}

.cb-legal-calc__notab--scenario:focus-visible {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__notab--scenario-hours::after,
.cb-legal-calc__notab--scenario-rate::after {
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1;
}

.cb-legal-calc__notab--scenario-hours::after {
    content: '\f017';
    font-family: 'Font Awesome 7 Free';
}

.cb-legal-calc__notab--scenario-rate::after {
    content: '\f51e';
    font-family: 'Font Awesome 7 Free';
}

/* ── Scenario switcher ── */
.cb-legal-calc__scenario-group {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__scenario-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cb-legal-calc__tab--scenario {
    flex: 1 1 0;
    min-width: 120px;
    justify-content: center;
    text-align: center;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s, transform 0.15s;
}

#legalCalcDeptManagersNeeded:after {
    content: '\f508';
    font-family: 'Font Awesome 7 Free';
    margin-left: 10px;
}

#legalCalcDeptDeals:after {
    content: '\f2b5';
    font-family: 'Font Awesome 7 Free';
    color: var(--camels-accent);
    margin-left: 10px;
}

.cb-legal-calc__tab--custom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    text-align: left;
}

.cb-legal-calc__tab-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.cb-legal-calc__tab--has-tooltip {
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    overflow: visible;
}

.cb-legal-calc__tab--has-tooltip:hover,
.cb-legal-calc__tab--has-tooltip:focus-within,
.cb-legal-calc__tab--has-tooltip.is-tooltip-open {
    z-index: 120;
}

.cb-legal-calc--tooltip-open .cb-legal-calc__inner,
.cb-legal-calc--tooltip-open .cb-legal-calc__section-body-inner {
    overflow: visible;
}

.cb-legal-calc__tab-hint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-black);
    font-size: 0.72rem;
    flex: 0 0 22px;
    margin-top: 2px;
    transition: background 0.2s ease, color 0.2s ease;
}

.cb-legal-calc__tab:hover .cb-legal-calc__tab-hint,
.cb-legal-calc__tab:focus-visible .cb-legal-calc__tab-hint,
.cb-legal-calc__tab.is-tooltip-open .cb-legal-calc__tab-hint {
    background: rgba(246, 90, 3, 0.2);
    color: #c94a00;
}

.cb-legal-calc__group-header {
    display: flex;
    align-items: baseline;
}

.cb-legal-calc__group-repeat {
    margin-bottom: clamp(20px, 2.4vw, 20px);
    max-width: 100%;
    border: 1px solid var(--camels-border);
    padding: 10px;
    border-radius: 10px;
}

.cb-legal-calc__tab-tooltip {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 0;
    width: min(340px, calc(100vw - 48px));
    padding: 14px 16px 14px;
    padding-right: 44px;
    border-radius: 16px;
    background: #1f2430;
    color: #fff;
    box-shadow: 0 18px 44px rgba(19, 27, 42, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    pointer-events: none;
    z-index: 99;
    scroll-margin-top: 110px;
}

.cb-legal-calc__tab-tooltip::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 100%;
    border: 7px solid transparent;
    border-top-color: #1f2430;
}

.cb-legal-calc__tab--has-tooltip:hover .cb-legal-calc__tab-tooltip,
.cb-legal-calc__tab--has-tooltip:focus-visible .cb-legal-calc__tab-tooltip,
.cb-legal-calc__tab--has-tooltip.is-tooltip-open .cb-legal-calc__tab-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.cb-legal-calc__tab-tooltip-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.cb-legal-calc__tab-tooltip-close:hover,
.cb-legal-calc__tab-tooltip-close:focus-visible {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    transform: scale(1.04);
}

.cb-legal-calc__tab-tooltip-close:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.26);
    outline-offset: 2px;
}

.cb-legal-calc__tab-tooltip-title,
.cb-legal-calc__tab-tooltip-line {
    display: block;
}

.cb-legal-calc__tab-tooltip-title {
    margin-bottom: 8px;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.45;
}

.cb-legal-calc__tab-tooltip-line {
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.5;
}

.cb-legal-calc__tab-tooltip-line + .cb-legal-calc__tab-tooltip-line {
    margin-top: 4px;
}

.cb-legal-calc__tab-title {
    display: block;
}

.cb-legal-calc__tab-title--quality {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cb-legal-calc__tab-meta {
    display: block;
    font-weight: 600;
    line-height: 1.35;
    color: var(--camels-muted);
}

.cb-legal-calc__tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.05);
    transform: translateY(-1px);
}

.cb-legal-calc__tab:disabled {
    cursor: not-allowed;
    opacity: 0.42;
    background: rgba(33, 46, 68, 0.04);
    color: rgba(33, 46, 68, 0.45);
    border-color: rgba(33, 46, 68, 0.08);
    box-shadow: none;
}

.cb-legal-calc__tab:disabled:hover {
    transform: none;
    background: rgba(33, 46, 68, 0.04);
    border-color: rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__tab--active {
    background: var(--camels-surface);
    border: 1px solid var(--camels-accent);
    color: var(--camels-black);
    box-shadow: 0 12px 24px rgba(246, 90, 3, 0.28);
}

.cb-legal-calc__tab--active::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2336a236'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    z-index: 1;
    pointer-events: none;
}

.cb-legal-calc__tab--active:hover {
    background: var(--camels-surface);
    border: 1px solid var(--camels-accent);
    color: var(--camels-black);
    transform: none;
}

.cb-legal-calc__tab--active .cb-legal-calc__tab-meta {
    color: var(--camels-text);
}

.cb-legal-calc__tab--quality {
    min-width: 190px;
}

.cb-legal-calc__quality-icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    font-size: 0.95rem;
    position: relative;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* Эффект блика при наведении на таб */
.cb-legal-calc__quality-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-25deg);
    transition: left 0.5s ease;
}

.cb-legal-calc__tab:hover .cb-legal-calc__quality-icon::after {
    left: 200%;
}


/* Бронза (Базовое) */
.cb-legal-calc__quality-icon--basic {
    background: linear-gradient(135deg, #fff1e5 0%, #e8bc9e 50%, #d48246 100%);
    color: #8c4c1a;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(212, 130, 70, 0.3), inset 0 0 0 1px rgba(204, 155, 117, 0.5), 0 2px 4px rgba(212, 130, 70, 0.15);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

.cb-legal-calc__tab--active .cb-legal-calc__quality-icon--basic {
    background: linear-gradient(135deg, #fff6ee 0%, #efc7ab 50%, #de8c50 100%);
    color: #733c10;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(222, 140, 80, 0.4), inset 0 0 0 1px rgba(217, 169, 133, 0.7), 0 4px 10px rgba(212, 130, 70, 0.35);
}

/* Серебро (Сбалансированное) */
.cb-legal-calc__quality-icon--balanced {
    background: linear-gradient(135deg, #fdfdfe 0%, #e2e5e9 50%, #c4c9d1 100%);
    color: #5c6370;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(180, 186, 196, 0.5), 0 2px 4px rgba(33, 46, 68, 0.06);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
}

/* Золото (Премиум) */
.cb-legal-calc__quality-icon--premium {
    background: linear-gradient(135deg, #fff7d6 0%, #ffdf59 50%, #f5ac00 100%);
    color: #945f00;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.9), inset 0 -1px 2px rgba(245, 172, 0, 0.3), inset 0 0 0 1px rgba(236, 201, 91, 0.5), 0 2px 4px rgba(245, 172, 0, 0.15);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

/* Активное состояние */
.cb-legal-calc__tab--active .cb-legal-calc__quality-icon {
    transform: scale(1.08);
}

.cb-legal-calc__tab--active .cb-legal-calc__quality-icon--balanced {
    background: linear-gradient(135deg, #ffffff 0%, #d8dce2 50%, #b0b7c2 100%);
    color: #404856;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(160, 168, 180, 0.7), 0 4px 8px rgba(33, 46, 68, 0.12);
}

.cb-legal-calc__tab--active .cb-legal-calc__quality-icon--premium {
    background: linear-gradient(135deg, #fffbef 0%, #ffdb40 50%, #ed9e00 100%);
    color: #7d4e00;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 1), inset 0 -1px 2px rgba(237, 158, 0, 0.4), inset 0 0 0 1px rgba(223, 179, 49, 0.7), 0 4px 10px rgba(245, 172, 0, 0.35);
}

.cb-legal-calc__budget-modal {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.cb-legal-calc__budget-modal[hidden] {
    display: none !important;
}

.cb-legal-calc__budget-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(19, 27, 42, 0.52);
    backdrop-filter: blur(6px);
}

.cb-legal-calc__budget-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(100%, 520px);
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff 0%, #fff7f1 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 24px 80px rgba(19, 27, 42, 0.26);
}

.cb-legal-calc__budget-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: var(--camels-accent);
    color: var(--camels-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.cb-legal-calc__budget-modal-close:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
    background: var(--camels-surface);
    transform: translateY(-1px);
}

.cb-legal-calc__budget-modal-kicker {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    width: fit-content;
}

.cb-legal-calc__budget-modal-title {
    margin: 0 0 10px;
    width: 90%;
    font-family: 'Onest', sans-serif;
    font-size: clamp(1.4rem, 1.1rem + 0.7vw, 2rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--camels-text);
}

.cb-legal-calc__budget-modal-text {
    margin: 0 0 18px;
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--camels-muted);
}

.cb-legal-calc__budget-modal-note {
    margin: 0 0 18px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(246, 90, 3, 0.08);
    border: 1px solid rgba(246, 90, 3, 0.12);
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.55;
    color: var(--camels-text);
}

.cb-legal-calc__budget-modal-label {
    display: block;
    margin-bottom: 8px;
    font-family: 'Onest', sans-serif;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__budget-modal-input-wrap {
    position: relative;
}

.cb-legal-calc__budget-modal-currency {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: var(--camels-accent);
}

.cb-legal-calc__budget-modal-input {
    width: 100%;
    height: 60px;
    padding: 0 18px 0 40px;
    border-radius: 16px;
    border: 1px solid rgba(33, 46, 68, 0.12);
    background: rgba(255, 255, 255, 0.95);
    font-family: 'Onest', sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--camels-text);
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.cb-legal-calc__budget-modal-input:focus {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__budget-modal-error {
    margin: 10px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: #bf2f2f;
}

.cb-legal-calc__budget-modal-actions {
    display: flex;
    gap: 12px;
    margin-top: 22px;
}

.cb-legal-calc__budget-modal-action {
    flex: 1;
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid transparent;
    font-family: 'Onest', sans-serif;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease;
}

.cb-legal-calc__budget-modal-action:hover {
    transform: translateY(-1px);
}

.cb-legal-calc__budget-modal-action--secondary {
    border-color: rgba(33, 46, 68, 0.12);
    background: rgba(255, 255, 255, 0.92);
    color: var(--camels-text);
}

.cb-legal-calc__budget-modal-action--secondary:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
}

.cb-legal-calc__budget-modal-action--primary {
    background: var(--camels-accent);
    color: #fff;
    box-shadow: 0 16px 28px rgba(246, 90, 3, 0.22);
}

.cb-legal-calc__budget-modal-action--primary:hover {
    background: var(--camels-accent-hover);
}

#legalCalcBudgetModal .cb-legal-calc__budget-modal-dialog,
#legalCalcLaunchExpensesModal .cb-legal-calc__budget-modal-dialog {
    width: min(100%, 640px);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.cb-legal-calc__budget-modal-body {
    margin-bottom: 0;
}

.cb-legal-calc__budget-modal-footer {
    padding-top: 18px;
}

.cb-legal-calc__budget-modal-actions--triple {
    flex-direction: row;
}

.cb-legal-calc__info-modal .cb-legal-calc__budget-modal-dialog {
    width: min(100%, 720px);
    max-height: min(92vh, 860px);
    overflow-y: auto;
}

.cb-legal-calc__info-modal-list {
    margin: 0;
    padding-left: 22px;
    display: grid;
    gap: 8px;
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--camels-text);
}

.cb-legal-calc__info-modal-list--compact {
    gap: 6px;
}

.cb-legal-calc__info-modal-list li::marker {
    color: var(--camels-accent);
}

.cb-legal-calc__info-modal-note {
    margin: 14px 0 0;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(246, 90, 3, 0.08);
    border: 1px solid rgba(246, 90, 3, 0.12);
    font-family: 'Onest', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.55;
    color: var(--camels-text);
}

.cb-legal-calc__info-modal-section {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__info-modal-section-title {
    margin: 0 0 10px;
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--camels-text);
}

.cb-legal-calc__info-modal-math {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.12) 0%, rgba(255, 255, 255, 0.96) 100%);
    border: 1px solid rgba(246, 90, 3, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    font-family: 'Onest', sans-serif;
    font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.35rem);
    font-weight: 800;
    line-height: 1.3;
    color: var(--camels-text);
    text-align: center;
}

/* ── Deal Expenses v2 modal ── */
#legalCalcDealExpensesModal .cb-legal-calc__budget-modal-dialog {
    width: min(100%, 640px);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

.cb-legal-calc__de-body {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: 4px;
    margin-bottom: 8px;
}

.cb-legal-calc__de-group {
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 16px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}

.cb-legal-calc__de-group-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    cursor: pointer;
    user-select: none;
    transition: background 0.2s ease;
}

.cb-legal-calc__de-group-header:hover {
    background: rgba(246, 90, 3, 0.03);
}

.cb-legal-calc__de-group-header[aria-expanded="true"] {
    border-bottom: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__de-group-title {
    flex: 1 1 auto;
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--camels-text);
    line-height: 1.3;
}

.cb-legal-calc__de-group-badge {
    flex: 0 0 auto;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    font-family: 'Onest', sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--camels-accent);
    white-space: nowrap;
}

.cb-legal-calc__de-group-toggle {
    flex: 0 0 auto;
    margin-left: 0;
}

.cb-legal-calc__de-group-body {
    padding: 12px 16px 16px;
}

.cb-legal-calc__de-group-body[hidden] {
    display: none;
}

.cb-legal-calc__de-row {
    flex-wrap: nowrap;
}

.cb-legal-calc__de-row-label {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.35;
    min-width: 0;
}

.cb-legal-calc__de-row-label .cb-legal-calc__label-hint {
    flex: 0 0 auto;
}

/* Custom rows */
.cb-legal-calc__de-custom-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
}

.cb-legal-calc__de-custom-name {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px 12px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    border-radius: 12px;
    background: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--camels-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cb-legal-calc__de-custom-name::placeholder {
    color: var(--camels-muted-light);
}

.cb-legal-calc__de-custom-name:focus {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 3px rgba(246, 90, 3, 0.1);
}

.cb-legal-calc__de-remove-row {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 10px;
    background: transparent;
    color: var(--camels-muted-light);
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.cb-legal-calc__de-remove-row:hover {
    color: #bf2f2f;
    border-color: rgba(191, 47, 47, 0.2);
    background: rgba(191, 47, 47, 0.05);
}

.cb-legal-calc__de-add-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 8px 16px;
    border: 1px dashed rgba(246, 90, 3, 0.3);
    border-radius: 12px;
    background: transparent;
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.cb-legal-calc__de-add-row:hover {
    background: rgba(246, 90, 3, 0.05);
    border-color: var(--camels-accent);
}

/* Footer with total + actions */
.cb-legal-calc__de-footer {
    flex: 0 0 auto;
    padding: 16px 0 28px;
    border-top: 1px solid rgba(246, 90, 3, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff7f1 100%);
}

.cb-legal-calc__de-total {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.cb-legal-calc__de-total-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--camels-muted);
}

.cb-legal-calc__de-total-value {
    font-family: 'Onest', sans-serif;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--camels-accent);
}

.cb-legal-calc__de-total-meta {
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--camels-muted-light);
}

/* Reset (danger) button variant */
.cb-legal-calc__budget-modal-action--danger {
    border-color: rgba(191, 47, 47, 0.35);
    background: transparent;
    color: #bf2f2f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.cb-legal-calc__budget-modal-action--danger:hover {
    border-color: #bf2f2f;
    background: rgba(191, 47, 47, 0.06);
    color: #a02020;
}

/* Hint tooltip floating (position:fixed, positioned by JS) */
.cb-legal-calc__de-hint-tooltip {
    position: fixed;
    width: min(300px, calc(100vw - 32px));
    padding: 11px 15px;
    border-radius: 13px;
    background: #1f2430;
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.5;
    z-index: 99999;
    pointer-events: none;
    box-shadow: 0 8px 28px rgba(19, 27, 42, 0.28);
    transform: translate(-50%, calc(-100% - 10px));
    transition: opacity 0.15s ease;
}

.cb-legal-calc__de-hint-tooltip[hidden] {
    display: none;
}

.cb-legal-calc__de-hint-tooltip::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: #1f2430;
}

@media (max-width: 600px) {
    #legalCalcBudgetModal .cb-legal-calc__budget-modal-dialog,
    #legalCalcDealExpensesModal .cb-legal-calc__budget-modal-dialog {
        max-height: 100vh;
        height: 90vh;
        border-radius: 20px;
        padding: 20px 16px 0;
    }

    #legalCalcLaunchExpensesModal .cb-legal-calc__budget-modal-dialog {
        max-height: 100vh;
        height: 90vh;
        border-radius: 20px;
        padding: 20px 16px 0;
    }

    .cb-legal-calc__de-group-header {
        padding: 12px 12px;
    }

    .cb-legal-calc__de-group-body {
        padding: 10px 12px 14px;
    }

    .cb-legal-calc__de-row-label {
        font-size: 0.82rem;
    }

    .cb-legal-calc__de-custom-row {
        flex-wrap: wrap;
    }

    .cb-legal-calc__de-custom-name {
        flex: 1 1 100%;
    }

    .cb-legal-calc__de-footer {
        padding-bottom: 20px;
    }

    .cb-legal-calc__budget-modal-actions--triple {
        flex-direction: column;
    }
}

@keyframes cbLegalCalcValueBounce {
    0% {
        opacity: 0.45;
    }
    100% {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cb-legal-calc__value-bounce {
        animation: none;
    }
}

.cb-legal-calc__slider-wrap {
    position: relative;
    padding: 56px 16px 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #faf6f2 100%);
    border: 1px solid rgba(33, 46, 68, 0.08);
    --thumb-left: 50%;
}

.cb-legal-calc__slider-wrap::before {
    content: attr(data-display);
    position: absolute;
    top: 16px;
    left: var(--thumb-left);
    transform: translateX(-50%);
    padding: 7px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(246, 90, 3, 0.24);
    box-shadow: 0 10px 24px rgba(33, 46, 68, 0.1);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1;
}

.cb-legal-calc__slider-wrap::after {
    content: '';
    position: absolute;
    top: 42px;
    left: var(--thumb-left);
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #fff;
    border-right: 1px solid rgba(246, 90, 3, 0.24);
    border-bottom: 1px solid rgba(246, 90, 3, 0.24);
    transform: rotate(45deg);
    pointer-events: none;
    z-index: 1;
}

.cb-legal-calc__range {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: linear-gradient(
        to right,
        var(--camels-accent) 0%,
        var(--camels-accent) var(--fill, 50%),
        rgba(33, 46, 68, 0.12) var(--fill, 50%),
        rgba(33, 46, 68, 0.12) 100%
    );
    outline: none;
    cursor: pointer;
}

.cb-legal-calc__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--camels-accent);
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(246, 90, 3, 0.32);
    cursor: pointer;
}

.cb-legal-calc__range::-moz-range-thumb {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--camels-accent);
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(246, 90, 3, 0.32);
    cursor: pointer;
}

.cb-legal-calc__range-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.77rem;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    color: var(--camels-black);
    margin-top: 10px;
}

.cb-legal-calc__summary-head {
    margin-bottom: 20px;
}

.cb-legal-calc__summary-kicker {
    display: inline-block;
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-legal-calc__summary-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: clamp(1.15rem, 0.95rem + 0.6vw, 1.55rem);
    line-height: 1.25;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__summary-desc {
    margin: 10px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--camels-black);
}

.cb-legal-calc__results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0 0 18px;
}

.cb-legal-calc__result-card {
    border-radius: 22px;
    padding: clamp(20px, 2.2vw, 28px);
    text-align: left;
}

.cb-legal-calc__result-card--break {
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.08);
    box-shadow: 0 12px 28px rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__result-card--profit {
    background: rgba(34, 52, 85, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.cb-legal-calc__result-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.cb-legal-calc__result-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.cb-legal-calc__result-pill--soft strong {
    color: #fff;
}

.cb-legal-calc__result-label {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 600;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    margin-bottom: 12px;
}

.cb-legal-calc__result-value {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
    line-height: 1.1;
}

.cb-legal-calc__result-sub {
    display: block;
    font-family: 'Onest', sans-serif;
    font-weight: 500;
    font-size: var(--fs-card-title);
    color: var(--camels-black);
}

.cb-legal-calc__result-card--profit .cb-legal-calc__result-label,
.cb-legal-calc__result-card--profit .cb-legal-calc__result-value,
.cb-legal-calc__result-card--profit .cb-legal-calc__result-sub {
    color: #fff;
}

.cb-legal-calc__result-label-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.cb-legal-calc__result-label-wrap .cb-legal-calc__result-label {
    margin-bottom: 0;
}

.cb-legal-calc__summary-inline-help {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.cb-legal-calc__summary-help {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0;
}

@media (min-width: 768px) {
    .cb-legal-calc__summary-help--left .cb-legal-calc__label-tooltip {
        left: -14px;
        right: auto;
        bottom: calc(100% + 10px);
        transform: translateY(8px);
    }

    .cb-legal-calc__summary-help--left .cb-legal-calc__label-tooltip::after {
        left: 18px;
        right: auto;
        transform: none;
    }

    .cb-legal-calc__summary-help--right .cb-legal-calc__label-tooltip {
        left: auto;
        right: -14px;
        bottom: calc(100% + 10px);
        transform: translateY(8px);
        flex-direction: column;
        width: 250px;
    }

    .cb-legal-calc__summary-help--right .cb-legal-calc__label-tooltip::after {
        left: auto;
        right: 18px;
        transform: none;
    }

    .cb-legal-calc__summary-help--left:hover .cb-legal-calc__label-tooltip,
    .cb-legal-calc__summary-help--left:focus-within .cb-legal-calc__label-tooltip,
    .cb-legal-calc__summary-help--right:hover .cb-legal-calc__label-tooltip,
    .cb-legal-calc__summary-help--right:focus-within .cb-legal-calc__label-tooltip {
        transform: translateY(0);
    }
}

.cb-legal-calc__result-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.cb-legal-calc__result-footer-item {
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.cb-legal-calc__result-footer-item--wide {
    grid-column: 1 / -1;
}

.cb-legal-calc__result-footer-item > span {
    display: flex;
    margin-bottom: 6px;
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--camels-surface);
}

.cb-legal-calc__result-footer-item strong {
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    line-height: 1.1;
    color: #fff;
}

.cb-legal-calc__result-footer-item .cb-legal-calc__result-footer-note {
    display: block;
    margin: 2px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--camels-surface);
}

.cb-legal-calc__result-footer-total {
    display: block;
    margin: 6px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
}

.cb-legal-calc__summary-section {
    margin: 18px 0;
}

.cb-legal-calc__summary-section-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--camels-text);
}

.cb-legal-calc__summary-section-head i {
    color: var(--camels-accent);
}

.cb-legal-calc__summary-section-note {
    display: block;
    margin: -2px 0 12px 28px;
    font-family: 'Onest', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--camels-muted);
}

.cb-legal-calc__summary-section-note strong {
    color: var(--camels-text);
}

.cb-legal-calc__summary-grid {
    display: grid;
    gap: 12px;
}

.cb-legal-calc__summary-grid--finance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-legal-calc__summary-grid--resources {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-legal-calc__summary-tile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(33, 46, 68, 0.08);
    box-shadow: 0 12px 28px rgba(33, 46, 68, 0.05);
}

.cb-legal-calc__summary-tile--accent {
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.1) 0%, rgba(255, 255, 255, 0.98) 100%);
    border-color: rgba(246, 90, 3, 0.16);
}

.cb-legal-calc__summary-tile--compact {
    padding: 16px;
}

.cb-legal-calc__summary-tile-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-muted);
}

.cb-legal-calc__summary-tile-value {
    font-family: 'Onest', sans-serif;
    font-size: clamp(1rem, 0.88rem + 0.34vw, 1.28rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--camels-text);
    word-break: break-word;
}

.cb-legal-calc__summary-tile--accent .cb-legal-calc__summary-tile-value {
    color: var(--camels-accent);
}

.cb-legal-calc__summary-tile-note {
    font-family: 'Onest', sans-serif;
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--camels-black);
}

.cb-legal-calc__metrics {
    display: grid;
    gap: 12px;
    margin-bottom: 18px;
}

.cb-legal-calc__metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(33, 46, 68, 0.08);
    margin: 10px 0;
}

.cb-legal-calc__metric-label,
.cb-legal-calc__metric-value {
    font-family: 'Onest', sans-serif;
}

.cb-legal-calc__metric-label {
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--camels-black);
}

.cb-legal-calc__metric-value {
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--camels-text);
    text-align: right;
}

.cb-legal-calc__story {
    padding: 18px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
    border: 1px solid rgba(246, 90, 3, 0.1);
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    line-height: 1.65;
    margin-bottom: 18px;
}

.cb-legal-calc__story strong {
    color: var(--camels-accent);
}

.cb-legal-calc__share-box {
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 250, 245, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 14px 28px rgba(22, 35, 57, 0.05);
}

.cb-legal-calc__share-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.cb-legal-calc__share-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--camels-text);
}

.cb-legal-calc__share-note {
    max-width: 220px;
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--camels-muted);
    text-align: right;
}

.cb-legal-calc__share-control {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.cb-legal-calc__share-input {
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--camels-text);
    outline: none;
}

.cb-legal-calc__share-input:focus {
    border-color: rgba(246, 90, 3, 0.28);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.1);
}

.cb-legal-calc__share-copy {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(246, 90, 3, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.cb-legal-calc__share-copy-text {
    display: none;
}

.cb-legal-calc__share-copy:hover,
.cb-legal-calc__share-copy:focus-visible {
    transform: translateY(-1px);
    filter: brightness(1.04);
    box-shadow: 0 16px 32px rgba(246, 90, 3, 0.28);
}

.cb-legal-calc__share-copy:focus-visible {
    outline: 2px solid rgba(246, 90, 3, 0.26);
    outline-offset: 3px;
}

.cb-legal-calc__share-copy i {
    font-size: 1rem;
}

.cb-legal-calc__share-copy::after {
    content: attr(data-tip);
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(22, 35, 57, 0.96);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(4px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.cb-legal-calc__share-copy:hover::after,
.cb-legal-calc__share-copy:focus-visible::after,
.cb-legal-calc__share-copy.is-copied::after {
    opacity: 1;
    transform: translateY(0);
}

.cb-legal-calc__table-wrap {
    margin-top: 15px;
    overflow-x: auto;
    --webkit-overflow-scrolling: touch;
}

.cb-legal-calc__table-scroll {
    width: 100%;
}

.cb-legal-calc__table-title {
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: var(--fs-card-title);
    color: var(--camels-text);
    margin: 0 0 12px;
}

.cb-legal-calc__table-title i {
    color: var(--camels-accent);
    margin-right: 6px;
}

.cb-legal-calc__table-title span {
    font-weight: 400;
    color: var(--camels-black);
    font-size: 0.85em;
}

.cb-legal-calc__table-summary {
    margin-top: 0;
}

.cb-legal-calc__table {
    width: 100%;
    min-width: 560px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 18px;
    overflow: hidden;
    font-family: 'Onest', sans-serif;
    background: #fff;
    box-shadow: 0 14px 32px rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__table thead th:nth-child(even) {
    text-align:end;
}

.cb-legal-calc__table thead th {
    background: #f9f5f1;
    padding: 14px 16px;
    font-weight: 700;
    font-size: clamp(0.75rem, 0.7rem + 0.2vw, 0.875rem);
    color: var(--camels-text);
    text-align: left;
    border-bottom: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(33, 46, 68, 0.08);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-legal-calc__table tbody tr:nth-child(even) td {
    background: #fffdfa;
}

.cb-legal-calc__table tbody tr:last-child td {
    border-bottom: none;
}

.cb-legal-calc__table tbody td:nth-child(2) {
    color: var(--camels-black);
    font-weight: 500;
}

.cb-legal-calc__table tbody td:last-child {
    color: var(--camels-accent);
    text-align: end;
}

.cb-legal-calc__cta-wrap {
    margin-bottom: 18px;
}

.cb-legal-calc__cta {
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    justify-content: center;
    margin: 0 auto;
    background: linear-gradient(135deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.9rem, 0.82rem + 0.3vw, 1.05rem);
    padding: 16px 28px;
    border-radius: 18px;
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
    box-shadow: 0 16px 34px rgba(246, 90, 3, 0.28);
    text-align: center;
}

.cb-legal-calc__cta:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 18px 38px rgba(246, 90, 3, 0.34);
}

.cb-legal-calc__conclusion {
    display: flex;
    align-items: flex-start;
    gap: clamp(14px, 1.6vw, 20px);
    background: linear-gradient(180deg, #fff 0%, #fffaf5 100%);
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 20px;
    padding: clamp(18px, 2vw, 28px);
}

.cb-legal-calc__conclusion-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--camels-green) 0%, #63cf77 100%);
    color: #fff;
    font-size: 18px;
}

.cb-legal-calc__conclusion-text p {
    font-family: 'Onest', sans-serif;
    font-size: clamp(0.86rem, 0.8rem + 0.2vw, 0.96rem);
    color: var(--camels-text);
    line-height: 1.6;
    margin: 0 0 8px;
}

.cb-legal-calc__conclusion-text p:last-child {
    margin-bottom: 0;
}

.cb-legal-calc__conclusion-text strong {
    color: var(--camels-text);
}

/* ── Section headers (Block B / C / D) ── */
.cb-legal-calc__section-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: clamp(24px, 3vw, 36px) 0 0;
    padding: 16px 18px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.06) 0%, rgba(34, 52, 85, 0.04) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
}

/* Toggle variant */
.cb-legal-calc__section-header--toggle {
    cursor: pointer;
    user-select: none;
    transition: background 0.22s ease, border-color 0.22s ease;
}
.cb-legal-calc__section-header--toggle:hover {
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.10) 0%, rgba(34, 52, 85, 0.06) 100%);
    border-color: rgba(246, 90, 3, 0.22);
}
.cb-legal-calc__section-header--toggle[aria-expanded="true"] {
    margin-bottom: clamp(16px, 2vw, 24px);
}

/* Chevron arrow */
.cb-legal-calc__section-chevron {
    flex-shrink: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
    font-size: 14px;
    transition: transform 0.3s ease, background 0.22s ease;
}
.cb-legal-calc__section-header--toggle[aria-expanded="true"] .cb-legal-calc__section-chevron {
    transform: rotate(180deg);
}
.cb-legal-calc__section-header--toggle:hover .cb-legal-calc__section-chevron {
    background: rgba(246, 90, 3, 0.14);
}

/* Section body — collapsible content */

/* ── Unit-economy sub-tabs ── */
.cb-legal-calc__unit-tabs-shell {
    margin-bottom: clamp(16px, 2vw, 24px);
}

.cb-legal-calc__unit-tabs-title {
    margin: 0 0 12px;
    font-size: clamp(1rem, 0.92rem + 0.28vw, 1.18rem);
    line-height: 1.2;
    text-align: center;
}

.cb-legal-calc__unit-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    will-change: transform;
}
.cb-legal-calc__unit-tabs-anchor {
    display: block;
    width: 100%;
    height: 0;
    pointer-events: none;
}
.cb-legal-calc__unit-tabs-shell--sticky-active {
    margin: 0;
    padding: 10px 12px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 34px rgba(33, 46, 68, 0.12);
}
.cb-legal-calc__unit-tabs-shell--sticky-stuck {
    box-shadow: 0 22px 42px rgba(33, 46, 68, 0.16);
}
.cb-legal-calc__unit-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    border-radius: 12px;
    border: 1.5px solid rgba(33, 46, 68, 0.10);
    background: #fff;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.78rem, 0.72rem + 0.22vw, 0.9rem);
    cursor: pointer;
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease;
    white-space: nowrap;
    position: relative;
}
.cb-legal-calc__unit-tab i {
    font-size: 0.85em;
    opacity: 0.65;
    transition: opacity 0.22s ease;
}
.cb-legal-calc__unit-tab:hover {
    border-color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.04);
}
.cb-legal-calc__unit-tab--active {
    background: var(--camels-accent);
    color: #fff;
    border-color: var(--camels-accent);
    box-shadow: 0 2px 8px rgba(246, 90, 3, 0.18);
}
.cb-legal-calc__unit-tab--active::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
    top: -5px;
    right: -5px;
    pointer-events: none;
    z-index: 1;
}
.cb-legal-calc__unit-tab--active i {
    opacity: 1;
}
.cb-legal-calc__unit-tab--active:hover {
    background: var(--camels-accent);
    color: #fff;
    border-color: var(--camels-accent);
}

.cb-legal-calc__infra-module {
    margin: 12px 0 24px;
    padding: clamp(20px, 2vw, 28px);
    border-radius: 28px;
    border: 1px solid rgba(246, 90, 3, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 243, 0.94) 100%);
    box-shadow: 0 18px 44px rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__infra-head {
    margin-bottom: 18px;
}

.cb-legal-calc__infra-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.10);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.cb-legal-calc__infra-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-size: clamp(1.15rem, 1.02rem + 0.4vw, 1.4rem);
    font-weight: 800;
    line-height: 1.2;
    color: var(--camels-text);
}

.cb-legal-calc__infra-desc {
    margin: 10px 0 0;
    max-width: 860px;
    font-family: 'Onest', sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.6;
    color: var(--camels-muted);
}

.cb-legal-calc__infra-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cb-legal-calc__infra-group {
    margin: 0;
}

.cb-legal-calc__infra-group--full {
    grid-column: 1 / -1;
}

.cb-legal-calc__infra-tariff-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.cb-legal-calc__infra-tariff {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    min-height: 168px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(33, 46, 68, 0.10);
    background: #fff;
    box-shadow: 0 12px 28px rgba(33, 46, 68, 0.05);
    text-align: left;
    cursor: pointer;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.cb-legal-calc__infra-tariff:hover {
    transform: translateY(-2px);
    border-color: rgba(246, 90, 3, 0.35);
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.09);
}

.cb-legal-calc__infra-tariff--active {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-legal-calc__infra-tariff--active::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
    top: -5px;
    right: -5px;
    pointer-events: none;
    z-index: 1;
}

.cb-legal-calc__infra-tariff-topline {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-bottom: 2px;
}

.cb-legal-calc__infra-tariff-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 20px rgba(33, 46, 68, 0.10);
}

.cb-legal-calc__infra-tariff-icon::before {
    content: '';
    position: absolute;
    inset: 7px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.45);
}

.cb-legal-calc__infra-tariff-icon i {
    position: relative;
    z-index: 1;
    font-size: 1.18rem;
}

.cb-legal-calc__infra-tariff-icon--start {
    background: linear-gradient(180deg, #f8e4d3 0%, #efc198 100%);
    color: #8f4b1e;
}

.cb-legal-calc__infra-tariff-icon--comfort {
    background: linear-gradient(180deg, #edf1f7 0%, #d7dee9 100%);
    color: #64738a;
}

.cb-legal-calc__infra-tariff-icon--all-inclusive {
    background: linear-gradient(180deg, #fff0b1 0%, #ffd65f 100%);
    color: #9c6a00;
}

.cb-legal-calc__infra-tariff-active-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
    box-shadow: inset 0 0 0 1px rgba(246, 90, 3, 0.12);
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.22s ease, transform 0.22s ease, background 0.22s ease;
}

.cb-legal-calc__infra-tariff--active .cb-legal-calc__infra-tariff-active-mark {
    opacity: 1;
    transform: scale(1);
    background: var(--camels-green);
    color: #fff;
    box-shadow: 0 10px 20px rgba(246, 90, 3, 0.24);
}

.cb-legal-calc__infra-tariff--active .cb-legal-calc__infra-tariff-icon {
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 14px 28px rgba(33, 46, 68, 0.14);
}

.cb-legal-calc__infra-tariff-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    min-width: 98px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(33, 46, 68, 0.08);
    color: var(--camels-text-strong);
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.cb-legal-calc__infra-tariff--active .cb-legal-calc__infra-tariff-badge {
    background: var(--camels-accent);
    color: #fff;
}

.cb-legal-calc__infra-tariff-title {
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    color: var(--camels-text);
}

.cb-legal-calc__infra-tariff-desc {
    font-family: 'Onest', sans-serif;
    font-size: 0.86rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--camels-muted);
}

@media (max-width: 1080px) {
    .cb-legal-calc__infra-tariff-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .cb-legal-calc__infra-tariff-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__infra-tariff {
        min-height: 0;
    }

    .cb-legal-calc__infra-tariff-icon {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }
}

.cb-legal-calc__infra-select-wrap {
    position: relative;
}

.cb-legal-calc__infra-option-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.cb-legal-calc__infra-option-grid .cb-legal-calc__tab {
    width: 100%;
    padding: 16px 18px;
}

.cb-legal-calc__infra-option-grid .cb-legal-calc__tab-copy {
    gap: 6px;
}

.cb-legal-calc__infra-option-grid .cb-legal-calc__tab-title {
    line-height: 1.4;
}

.cb-legal-calc__infra-option-grid .cb-legal-calc__tab-meta {
    font-size: 0.8rem;
}

.cb-legal-calc__infra-select-wrap > i {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: rgba(33, 46, 68, 0.45);
    font-size: 0.84rem;
    pointer-events: none;
}

.cb-legal-calc__infra-select {
    width: 100%;
    min-height: 56px;
    padding: 14px 44px 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(33, 46, 68, 0.12);
    background: #fff;
    color: var(--camels-text);
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.45;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.cb-legal-calc__infra-select:focus {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__infra-field-meta {
    margin-top: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--camels-muted);
}

.cb-legal-calc__infra-field-meta--split {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 14px;
}

/* ── Per-card tariff buttons ── */
.cb-legal-calc__infra-card-tariff {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    padding: 12px 14px;
    border: 2px solid rgba(33, 46, 68, 0.10);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
    text-align: left;
    font-family: 'Onest', sans-serif;
}
.cb-legal-calc__infra-card-tariff:hover {
    border-color: rgba(246, 90, 3, 0.3);
    background: rgba(246, 90, 3, 0.03);
}
.cb-legal-calc__infra-card-tariff--active {
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-legal-calc__infra-card-tariff--active::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
    top: -5px;
    right: -5px;
    pointer-events: none;
    z-index: 1;
}

.cb-legal-calc__infra-card-tariff-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    border: var(--camels-accent) 1px solid;
    color: var(--camels-black);
    margin: 0 auto;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.cb-legal-calc__infra-card-tariff-label {
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-heading);
    line-height: 1.35;
}
.cb-legal-calc__infra-card-tariff-meta {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--camels-black);
}
.cb-legal-calc__infra-card-tariff-time {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--camels-muted);
    opacity: 0.7;
}
.cb-legal-calc__infra-card-tariff-time i {
    margin-right: 3px;
    font-size: 0.68rem;
}

/* ── Split meta with tooltip panels ── */
.cb-legal-calc__infra-meta-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}
.cb-legal-calc__infra-meta-price {
    display: flex;
    align-items: baseline;
    gap: 5px;
}
.cb-legal-calc__infra-meta-amount {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
}
.cb-legal-calc__infra-meta-period {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--camels-black);
}
.cb-legal-calc__infra-meta-hint-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 0;
    border: none;
    background: none;
    cursor: pointer;
    font-family: 'Onest', sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--camels-black);
    transition: opacity 0.2s;
}
.cb-legal-calc__infra-meta-hint-btn:hover {
    opacity: 0.75;
}
.cb-legal-calc__infra-meta-hint-btn i {
    font-size: 0.82rem;
}
.cb-legal-calc__infra-meta-hint-btn[aria-expanded="true"] {
    opacity: 0.6;
}
.cb-legal-calc__infra-meta-tooltip-panel {
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(33, 46, 68, 0.04);
    border: 1px solid rgba(33, 46, 68, 0.08);
    animation: infraMetaFadeIn 0.2s ease;
}
@keyframes infraMetaFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.cb-legal-calc__infra-meta-tooltip-title {
    display: block;
    margin-bottom: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--camels-heading);
}
.cb-legal-calc__infra-meta-tooltip-note {
    margin-bottom: 8px;
    font-size: 0.74rem;
    font-weight: 500;
    color: var(--camels-muted);
    line-height: 1.45;
    font-style: italic;
}
.cb-legal-calc__infra-includes-list {
    margin: 0;
    padding: 0 0 0 16px;
    list-style: disc;
}
.cb-legal-calc__infra-includes-list li {
    font-size: 0.76rem;
    font-weight: 500;
    color: var(--camels-heading);
    line-height: 1.55;
    padding: 1px 0;
}
.cb-legal-calc__infra-meta-empty {
    color: var(--camels-muted);
}

/* ── Ad budget buttons ── */
.cb-legal-calc__infra-option-grid--ad {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.cb-legal-calc__infra-ad-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    position: relative;
    padding: 10px 16px;
    border: 2px solid rgba(33, 46, 68, 0.10);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
    font-family: 'Onest', sans-serif;
}
.cb-legal-calc__infra-ad-btn:hover {
    border-color: rgba(246, 90, 3, 0.3);
    background: rgba(246, 90, 3, 0.03);
}
.cb-legal-calc__infra-ad-btn--active {
    border-color: var(--camels-accent);
    box-shadow: 0px 5px 15px var(--camels-accent);
}

.cb-legal-calc__infra-ad-btn--active::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
    top: -5px;
    right: -5px;
    pointer-events: none;
    z-index: 1;
}
.cb-legal-calc__infra-ad-btn-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-heading);
}
.cb-legal-calc__infra-ad-btn-price {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--camels-accent);
}

/* ── Ad budget custom input ── */
.cb-legal-calc__infra-ad-custom {
    margin-top: 10px;
}
.cb-legal-calc__budget-input-row {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cb-legal-calc__budget-input-currency {
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--camels-accent);
}
.cb-legal-calc__budget-input {
    width: 180px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 2px solid rgba(33, 46, 68, 0.12);
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.8);
    transition: border-color 0.2s, box-shadow 0.2s;
}
.cb-legal-calc__budget-input:focus {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__infra-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.cb-legal-calc__infra-summary-grid .cb-legal-calc__funnel-result {
    margin-top: 0;
    height: 100%;
}

.cb-legal-calc__infra-summary-head {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cb-legal-calc__infra-summary-head i {
    color: var(--camels-accent);
    font-size: 0.95em;
}

.cb-legal-calc__infra-total-row {
    border-color: rgba(246, 90, 3, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 247, 241, 0.92) 100%);
}

.cb-legal-calc__infra-total-row strong {
    color: var(--camels-accent);
}

#legalCalcWmAffiliateTotal {
    flex-direction: row;
    display: flex;
    width: max-content;
    gap: 5px;
    align-items: baseline;
}

@media (max-width: 600px) {
    .cb-legal-calc__infra-field-meta--split {
        flex-direction: row;
    }
    .cb-legal-calc__infra-option-grid--ad {
        flex-direction: column;
    }
    .cb-legal-calc__infra-card-tariff {
        min-height: 0;
    }
    .cb-legal-calc__unit-tabs-shell {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
        margin-bottom: 14px;
        padding: 0 10px;
    }
    .cb-legal-calc__unit-tabs-title {
        margin-bottom: 8px;
        text-align: center;
    }
    .cb-legal-calc__unit-tabs {
        gap: 6px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        padding-top: 5px;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        --webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        touch-action: pan-x;
        padding-inline: 0;
        scroll-behavior: smooth;
    }
    .cb-legal-calc__unit-tabs::-webkit-scrollbar {
        display: none;
    }
    .cb-legal-calc__unit-tabs-shell--sticky-active {
        width: 100vw;
        max-width: 100vw;
        left: 0;
        margin: 0;
        padding: 8px 12px 10px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        box-shadow: 0 10px 28px rgba(33, 46, 68, 0.10);
    }
    .cb-legal-calc__unit-tabs-shell--sticky-active .cb-legal-calc__unit-tabs-title {
        margin-bottom: 6px;
    }
    .cb-legal-calc__unit-tab {
        flex: 0 0 auto;
        padding: 7px 12px;
        font-size: 0.78rem;
        border-radius: 10px;
    }

    .cb-legal-calc__infra-module {
        padding: 18px 14px;
        border-radius: 22px;
    }

    .cb-legal-calc__infra-grid,
    .cb-legal-calc__infra-tariff-grid,
    .cb-legal-calc__infra-option-grid {
        flex-direction: column;
    }

    .cb-legal-calc__infra-summary-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__infra-tariff {
        min-height: 0;
    }

    .cb-legal-calc__infra-select {
        font-size: 0.9rem;
    }
}

/* /── Unit-economy sub-tabs ── */

.cb-legal-calc__section-body {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease, opacity 0.3s ease;
    opacity: 1;
}
.cb-legal-calc__section-body--collapsed {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}
.cb-legal-calc__section-body-inner {
    overflow: hidden;
    min-height: 0;
    min-width: 0;
}
.cb-legal-calc__section-body:not(.cb-legal-calc__section-body--collapsed) .cb-legal-calc__section-body-inner {
    overflow: visible;
}

.cb-legal-calc__section-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--camels-accent);
    background: var(--camels-surface);
    color: var(--camels-accent);
    font-size: 16px;
}

.cb-legal-calc__section-header-text {
    min-width: 0;
}

.cb-legal-calc__section-title {
    margin: 0;
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    font-size: clamp(0.95rem, 0.85rem + 0.3vw, 1.15rem);
    color: var(--camels-text);
    line-height: 1.3;
}

.cb-legal-calc__section-desc {
    margin: 4px 0 0;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--camels-muted);
    line-height: 1.45;
}

/* ── Number input (leads) ── */
.cb-legal-calc__number-input-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cb-legal-calc__number-input {
    width: 140px;
    height: 50px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.12);
    background: #fff;
    font-family: 'Onest', sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--camels-text);
    text-align: center;
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.cb-legal-calc__number-input:focus {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__number-input-suffix {
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--camels-muted);
}

.cb-legal-calc__number-input-prefix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    color: var(--camels-muted);
    font-size: 0.95rem;
}

.cb-legal-calc__country-select {
    position: relative;
    width: min(100%, 360px);
}

.cb-legal-calc__country-layout {
    display: flex;
    align-items: stretch;
    gap: 18px;
    flex-wrap: wrap;
}

.cb-legal-calc__country-layout > .cb-legal-calc__country-select {
    flex: 1 1 320px;
}

.cb-legal-calc__group-head--country {
    align-items: flex-start;
    gap: 14px;
    flex-wrap: wrap;
}

.cb-legal-calc__group-head--country > .cb-legal-calc__label {
    flex: 1 1 260px;
}

.cb-legal-calc__country-rate {
    margin-left: auto;
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    gap: 5px;
    padding: 10px 14px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 245, 0.92) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: 0 12px 28px rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__country-rate-value {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.2;
    color: var(--camels-accent);
    white-space: nowrap;
}

.cb-legal-calc__country-rate-meta {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-meta);
    font-weight: 600;
    line-height: 1.35;
    color: var(--camels-black);
    white-space: nowrap;
}

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

.cb-legal-calc__country-trigger {
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 1px solid rgba(33, 46, 68, 0.12);
    border-radius: 16px;
    background: #fff;
    color: var(--camels-text);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.cb-legal-calc__country-trigger:hover {
    border-color: rgba(246, 90, 3, 0.34);
    transform: translateY(-1px);
}

.cb-legal-calc__country-trigger:focus-visible {
    outline: none;
    border-color: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__country-value {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    font-family: 'Onest', sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.3;
}

.cb-legal-calc__country-value .cb-flag,
.cb-legal-calc__country-option .cb-flag {
    width: 28px;
    height: 20px;
    border-radius: 4px;
}

.cb-legal-calc__country-value-text {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cb-legal-calc__country-value-label,
.cb-legal-calc__country-option-label {
    min-width: 0;
}

.cb-legal-calc__country-value-tax {
    font-family: 'Onest', sans-serif;
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--camels-muted);
    white-space: nowrap;
}

.cb-legal-calc__country-option-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cb-legal-calc__country-option-meta {
    font-family: 'Onest', sans-serif;
    font-size: 0.73rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--camels-muted);
}

.cb-legal-calc__country-chevron {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
    transition: transform 0.22s ease, background 0.22s ease;
}

.cb-legal-calc__country-select.is-open .cb-legal-calc__country-chevron {
    transform: rotate(180deg);
    background: rgba(246, 90, 3, 0.14);
}

.cb-legal-calc__country-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 15;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 22px 48px rgba(19, 27, 42, 0.16);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.cb-legal-calc__country-select.is-open .cb-legal-calc__country-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.cb-legal-calc__country-option {
    width: 100%;
    padding: 12px 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--camels-text);
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    font-family: 'Onest', sans-serif;
    font-size: 0.94rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.22s ease, color 0.22s ease;
}

.cb-legal-calc__country-option:hover,
.cb-legal-calc__country-option:focus-visible {
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-text);
    outline: none;
}

.cb-legal-calc__country-option:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(246, 90, 3, 0.24);
}

.cb-legal-calc__country-option.is-selected {
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.14) 0%, rgba(246, 120, 3, 0.08) 100%);
    color: var(--camels-black);
}

.cb-legal-calc__country-summary-scroll {
    flex: 1 1 360px;
    min-width: min(100%, 360px);
    overflow-x: auto;
    overflow-y: clip;
    position: relative;
    --webkit-overflow-scrolling: touch;
    border-radius: 18px;
    box-shadow: 0 20px 44px rgba(19, 27, 42, 0.08);
}

.cb-legal-calc__country-summary-scroll::before {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    z-index: 2;
}

.cb-legal-calc__country-summary-table {
    min-width: 360px;
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 18px;
    overflow: visible;
    border: 1px solid var(--camels-border);
}

.cb-legal-calc__country-summary-row {
    display: table-row;
    font-family: 'Onest', sans-serif;
    transition: background 0.2s ease;
}

.cb-legal-calc__country-summary-row:hover .cb-legal-calc__country-summary-label,
.cb-legal-calc__country-summary-row:hover .cb-legal-calc__country-summary-value {
    background: var(--camels-surface-tab);
}

.cb-legal-calc__country-summary-row:first-child .cb-legal-calc__country-summary-label {
    border-radius: 18px 0 0 0;
}

.cb-legal-calc__country-summary-row:first-child .cb-legal-calc__country-summary-value {
    border-radius: 0 18px 0 0;
}

.cb-legal-calc__country-summary-row:last-child .cb-legal-calc__country-summary-label {
    border-radius: 0 0 0 18px;
}

.cb-legal-calc__country-summary-row:last-child .cb-legal-calc__country-summary-value {
    border-radius: 0 0 18px 0;
}

.cb-legal-calc__country-summary-row + .cb-legal-calc__country-summary-row .cb-legal-calc__country-summary-label,
.cb-legal-calc__country-summary-row + .cb-legal-calc__country-summary-row .cb-legal-calc__country-summary-value {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-legal-calc__country-summary-label,
.cb-legal-calc__country-summary-value {
    display: table-cell;
    vertical-align: middle;
    padding: 18px 20px;
    background: var(--camels-surface);
}

.cb-legal-calc__country-summary-label {
    width: 60%;
    font-family: 'Onest', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--camels-black);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.cb-legal-calc__country-summary-value {
    text-align: right;
    font-family: 'Onest', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-accent);
    white-space: nowrap;
}

@media (max-width: 767px) {
    .cb-legal-calc__country-layout {
        gap: 14px;
    }

    .cb-legal-calc__country-layout > .cb-legal-calc__country-select,
    .cb-legal-calc__country-summary-scroll {
        flex-basis: 100%;
        min-width: 0;
    }

    .cb-legal-calc__country-summary-table {
        min-width: 300px;
    }

    .cb-legal-calc__country-summary-label,
    .cb-legal-calc__country-summary-value {
        padding: 15px 16px;
    }

    .cb-legal-calc__country-summary-label {
        font-size: 0.84rem;
    }

    .cb-legal-calc__country-summary-value {
        font-size: 0.88rem;
    }

    .cb-legal-calc__country-value-text {
        align-items: flex-start;
    }
}

#legalCalcLanguagesPickerMount .clp-select__btn {
    min-height: 50px !important;
    border-radius: 16px !important;
    position: relative !important;
    padding-right: 20px !important;
}

#legalCalcLanguagesPickerMount .clp-select__btn::after {
    content: '\f071';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top: -10px;
    right: -5px;
    width: 25px;
    height: 26px;
    color: #ff1f00;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
}

#legalCalcLanguagesPickerMount .clp-select--filled .clp-select__btn::after {
    content: '\f00c';
    font-family: 'Font Awesome 7 Free';
    font-weight: 900;
    font-size: 9px;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #36a236;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0, 112, 217, 0.15);
}

#legalCalcLanguagesPickerMount .clp-select__dropdown {
    border-radius: 18px !important;
}

#legalCalcLanguagesPickerMount .clp-select__item {
    justify-content: space-between !important;
}

#legalCalcLanguagesPickerMount .clp-select__label {
    flex: 1 1 auto !important;
}

#legalCalcLanguagesPickerMount .clp-select__pill--primary {
    background: rgba(246, 90, 3, 0.12);
    border-color: rgba(246, 90, 3, 0.18);
}

#legalCalcLanguagesPickerMount .clp-select__pill-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
    font-family: 'Onest', sans-serif;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.cb-legal-calc__language-option-price {
    flex: 0 0 auto;
    margin-left: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    color: var(--camels-accent);
    white-space: nowrap;
}

.cb-legal-calc__language-option-price--zero {
    color: var(--camels-muted-light);
}

.cb-legal-calc__language-hint {
    margin-top: 10px;
    max-width: 680px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.55;
    color: var(--camels-black);
}

.cb-legal-calc__language-summary {
    margin-top: 14px;
    max-width: 100%;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 245, 0.92) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__language-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__language-summary-head strong {
    color: var(--camels-accent);
    font-size: 0.95rem;
    font-weight: 800;
    white-space: nowrap;
}

.cb-legal-calc__language-summary-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-legal-calc__language-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__language-summary-label {
    display: flex;
    gap: 5px;
    align-items: baseline;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-legal-calc__group-hours {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.cb-legal-calc__group-hours > .cb-legal-calc__group {
    flex: 1 1 240px;
    min-width: 0;
    width: auto;
    margin-bottom: 0;
}

.cb-legal-calc__group--hours-summary {
    flex-basis: 280px;
}

.cb-legal-calc__group--hours-wide {
    flex: 1.9 1 420px;
}

.cb-legal-calc__group--hours-narrow {
    flex: 1 1 280px;
}

@media (max-width: 1100px) {
    .cb-legal-calc__group--hours-summary {
        flex-basis: 100%;
    }

    .cb-legal-calc__group--hours-wide,
    .cb-legal-calc__group--hours-narrow {
        flex-basis: calc(50% - 5px);
    }
}

@media (max-width: 767px) {
    .cb-legal-calc__group-hours > .cb-legal-calc__group,
    .cb-legal-calc__group--hours-summary,
    .cb-legal-calc__group--hours-wide,
    .cb-legal-calc__group--hours-narrow {
        flex-basis: 100%;
        width: 100%;
    }
}

.cb-legal-calc__language-summary-meta {
    display: block;
    margin-top: 2px;
    font-size: var(--fs-card-title);
    font-weight: 500;
    color: var(--camels-black);
}

.cb-legal-calc__language-summary-price {
    flex: 0 0 auto;
    font-family: 'Onest', sans-serif;
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--camels-accent);
    white-space: nowrap;
}

.cb-legal-calc__language-summary-price--zero {
    color: var(--camels-text);
}

.cb-legal-calc__language-summary-empty,
.cb-legal-calc__language-summary-note {
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--camels-black);
}

.cb-legal-calc__language-summary-note {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__salary-summary {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 18px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(67, 187, 90, 0.10), rgba(67, 187, 90, 0.04));
    border: 1px solid rgba(67, 187, 90, 0.25);
    border-radius: 14px;
}

.cb-legal-calc__salary-summary-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--camels-surface);
    border: 1px solid var(--camels-green);
    color: var(--camels-green);
    font-size: 1rem;
}

.cb-legal-calc__salary-summary-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    flex: 1 1 auto;
}

.cb-legal-calc__salary-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.cb-legal-calc__salary-summary-head-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cb-legal-calc__salary-summary-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Onest', sans-serif;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--camels-blue-info);
}

.cb-legal-calc__salary-summary-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--camels-green);
}

.cb-legal-calc__salary-summary-subtitle {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.4;
}

.cb-legal-calc__salary-summary-tax {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 999px;
    background: var(--camels-surface);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1;
    border: 1px solid var(--camels-green);
    color: var(--camels-green);
    white-space: nowrap;
}

.cb-legal-calc__salary-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.cb-legal-calc__salary-summary-item {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.68);
    border: 1px solid rgba(67, 187, 90, 0.12);
}

.cb-legal-calc__salary-summary-label {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 600;
    line-height: 1.4;
    color: var(--camels-black);
}

.cb-legal-calc__salary-summary-value {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 800;
    line-height: 1.2;
    color: var(--camels-green);
    white-space: nowrap;
    text-align: right;
}

.cb-legal-calc__salary-summary-value--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary-note {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
    color: var(--camels-black);
}

.cb-legal-calc__salary-summary-note strong {
    color: var(--camels-green);
}

.cb-legal-calc__salary-summary--benefits {
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.10), rgba(246, 120, 3, 0.05));
    border-color: rgba(246, 90, 3, 0.22);
}

.cb-legal-calc__salary-summary--benefits .cb-legal-calc__salary-summary-icon {
    background: var(--camels-surface);
    border: 1px solid var(--camels-accent);
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary--benefits .cb-legal-calc__salary-summary-title,
.cb-legal-calc__salary-summary--benefits .cb-legal-calc__salary-summary-value {
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary--benefits .cb-legal-calc__salary-summary-tax {
    background: var(--camels-surface);
    border: 1px solid var(--camels-accent);
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary--benefits .cb-legal-calc__salary-summary-item {
    border-color: rgba(246, 90, 3, 0.14);
}

.cb-legal-calc__salary-summary-item--wide {
    grid-column: 1 / -1;
}

.cb-legal-calc__salary-summary-item--stacked {
    align-items: flex-start;
    flex-direction: row;
}

.cb-legal-calc__salary-summary-item--stacked .cb-legal-calc__salary-summary-value {
    text-align: left;
    white-space: normal;
}

.cb-legal-calc__salary-summary--department {
    display: block;
    margin-top: 14px;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 245, 0.92) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
    box-shadow: none;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-icon {
    display: none;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-title {
    color: var(--camels-black);
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.35;
    text-transform: none;
    letter-spacing: 0;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-head {
    align-items: flex-start;
    margin-bottom: 12px;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-head-copy {
    gap: 4px;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-eyebrow {
    font-size: 0.72rem;
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-subtitle {
    margin-bottom: 12px;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--camels-muted);
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-tax {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--camels-accent);
    font-size: var(--fs-card-title);
    font-weight: 800;
}

.cb-legal-calc__salary-summary-panels {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
}

.cb-legal-calc__salary-summary-panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
}

.cb-legal-calc__salary-summary-section-title {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-legal-calc__salary-summary-panel-grid {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-item {
    align-items: center;
    justify-content: space-between;
    min-height: 0;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.06);
    background: #fff;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-panel--client .cb-legal-calc__salary-summary-item {
    border-color: rgba(33, 46, 68, 0.06);
    background: #fff;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-label {
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-size: var(--fs-card-title);
    font-weight: 400;
    line-height: 1.35;
    color: var(--camels-black);
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-value {
    flex: 0 0 auto;
    font-size: var(--fs-card-title);
    font-weight: 800;
    color: var(--camels-black);
    white-space: nowrap;
    text-align: right;
}

.cb-legal-calc__funnel-result-value--with-icon > [data-calc-output="amDeptHireLeadTime"],
.cb-legal-calc__funnel-result-value--with-icon > [data-calc-output="amDeptHireLeadTime"] + i,
#legalCalcAmManagersNeeded,
#legalCalcAmManagersNeeded + i,
#legalCalcAmDeptManagersNeeded,
#legalCalcAmDeptManagersNeeded + i {
    color: var(--camels-black) !important;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-value--regular {
    font-weight: 400;
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-value--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-note {
    color: var(--camels-black);
}

.cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-note strong {
    color: var(--camels-accent);
}

@media (max-width: 680px) {
    .cb-legal-calc__salary-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .cb-legal-calc__salary-summary-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__salary-summary-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__salary-summary-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__salary-summary-value {
        text-align: left;
        white-space: normal;
    }

    .cb-legal-calc__salary-summary-item--wide {
        grid-column: auto;
    }

    .cb-legal-calc__salary-summary-panels {
        gap: 10px;
        overflow-x: auto;
        overflow-y: clip;
        --webkit-overflow-scrolling: touch;
    }

    .cb-legal-calc__salary-summary-panel {
        min-width: 260px;
    }

    .cb-legal-calc__salary-summary-panel-grid {
        grid-template-columns: none;
    }

    .cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-item {
        flex-direction: row;
        align-items: center;
        text-align: center;
        gap: 4px;
        padding: 6px 8px;
    }

    .cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-label {
        display: block;
        text-align: left;
    }

    .cb-legal-calc__salary-summary--department .cb-legal-calc__salary-summary-value {
        text-align: center;
    }
}

/* ── Key metrics row (Оборот / Сделки / Конверсия) ── */
.cb-legal-calc__key-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 18px 0;
}

.cb-legal-calc__key-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px 8px;
    border-radius: 14px;
    background: rgba(33, 46, 68, 0.03);
    border: 1px solid rgba(33, 46, 68, 0.06);
    text-align: center;
}

.cb-legal-calc__key-metric-value {
    font-family: 'Onest', sans-serif;
    font-size: clamp(0.95rem, 0.85rem + 0.3vw, 1.15rem);
    font-weight: 800;
    color: var(--camels-text);
    line-height: 1.2;
}

.cb-legal-calc__key-metric-value--green {
    color: var(--camels-green);
}

.cb-legal-calc__key-metric-value--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__key-metric-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--camels-muted);
    line-height: 1.25;
}

.cb-legal-calc__key-metric-note {
    display: block;
    margin-top: 8px;
    font-family: 'Onest', sans-serif;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--camels-muted);
}

.cb-legal-calc__key-metric-note strong {
    font-weight: 800;
    color: var(--camels-text);
}

/* ── "Что для этого нужно" ── */
.cb-legal-calc__needs {
    margin-bottom: 18px;
    padding: 16px;
    border-radius: 16px;
    background: rgba(246, 90, 3, 0.04);
    border: 1px solid rgba(246, 90, 3, 0.1);
}

.cb-legal-calc__needs-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-accent);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cb-legal-calc__needs-title i {
    font-size: 0.78rem;
}

.cb-legal-calc__needs-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cb-legal-calc__needs-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__needs-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    font-size: 13px;
}

.cb-legal-calc__needs-data {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.cb-legal-calc__needs-data strong {
    font-family: 'Onest', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: var(--camels-text);
    line-height: 1.2;
}

.cb-legal-calc__needs-data span {
    font-family: 'Onest', sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--camels-muted);
}

/* ── Goal card ── */
.cb-legal-calc__goal-card {
    margin-bottom: 16px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(67, 187, 90, 0.18);
}

.cb-legal-calc__goal-card-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(67, 187, 90, 0.1) 0%, rgba(67, 187, 90, 0.04) 100%);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-green);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cb-legal-calc__goal-card-head i {
    font-size: 0.78rem;
}

.cb-legal-calc__goal-card-body {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.cb-legal-calc__goal-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-top: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__goal-item span {
    font-family: 'Onest', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--camels-muted);
}

.cb-legal-calc__goal-item strong {
    font-family: 'Onest', sans-serif;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--camels-text);
}

.cb-legal-calc__goal-card--economic {
    border-color: rgba(246, 90, 3, 0.14);
}

.cb-legal-calc__goal-card--economic .cb-legal-calc__goal-card-head {
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.1) 0%, rgba(246, 120, 3, 0.04) 100%);
    color: var(--camels-accent);
}

.cb-legal-calc__summary-section-note--goal {
    margin: 14px 16px 1rem;
}

.cb-legal-calc__goal-card--economic .cb-legal-calc__goal-card-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cb-legal-calc__goal-card--economic .cb-legal-calc__goal-item {
    min-height: 88px;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding: 16px;
}

.cb-legal-calc__goal-card--economic .cb-legal-calc__goal-item strong {
    font-size: 1.02rem;
}

.cb-legal-calc__goal-card--spoiler {
    margin-bottom: 0;
}

.cb-legal-calc__goal-card--spoiler .cb-legal-calc__goal-item:nth-child(-n + 2) {
    border-top: 0;
}

.cb-legal-calc__goal-card--launch-timings {
    border-color: rgba(33, 46, 68, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 248, 250, 0.92) 100%);
}

.cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item {
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item-copy {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

.cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.88rem;
    line-height: 1.35;
    font-weight: 600;
    color: var(--camels-text-strong);
}

.cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item strong.cb-legal-calc__goal-item-value {
    flex: 0 0 auto;
    white-space: nowrap;
    font-family: 'Onest', sans-serif;
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--camels-text);
}

@media (max-width: 767px) {
    .cb-legal-calc__result-footer,
    .cb-legal-calc__summary-grid--finance,
    .cb-legal-calc__summary-grid--resources,
    .cb-legal-calc__goal-card--economic .cb-legal-calc__goal-card-body {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__summary-tile,
    .cb-legal-calc__goal-card--economic .cb-legal-calc__goal-item {
        padding: 14px;
    }

    .cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item {
        gap: 12px;
    }

    .cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item-copy {
        gap: 10px;
        align-items: flex-start;
    }

    .cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item-label {
        font-size: 0.84rem;
    }

    .cb-legal-calc__goal-card--launch-timings .cb-legal-calc__goal-item strong.cb-legal-calc__goal-item-value {
        font-size: 0.86rem;
    }

    .cb-legal-calc__summary-section-note,
    .cb-legal-calc__summary-section-note--goal {
        margin-left: 0;
        margin-right: 0;
    }

    .cb-legal-calc__result-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__share-head {
        flex-direction: column;
    }

    .cb-legal-calc__share-note {
        max-width: none;
        text-align: left;
    }

    .cb-legal-calc__share-control {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__share-copy {
        width: 100%;
        justify-content: center;
        gap: 8px;
    }

    .cb-legal-calc__share-copy-text {
        display: inline;
        font-family: 'Onest', sans-serif;
        font-size: 0.88rem;
        font-weight: 700;
        line-height: 1;
    }

    .cb-legal-calc__share-copy::after {
        right: 50%;
        transform: translate(50%, 4px);
    }

    .cb-legal-calc__share-copy:hover::after,
    .cb-legal-calc__share-copy:focus-visible::after,
    .cb-legal-calc__share-copy.is-copied::after {
        transform: translate(50%, 0);
    }
}

/* ── Details spoiler (Подробная разбивка) ── */
.cb-legal-calc__details-spoiler {
    margin-bottom: 16px;
}

.cb-legal-calc__details-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.1);
    background: rgba(33, 46, 68, 0.03);
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-text);
    cursor: pointer;
    transition: background 0.22s ease, border-color 0.22s ease;
}

.cb-legal-calc__details-toggle:hover {
    background: rgba(33, 46, 68, 0.06);
    border-color: rgba(33, 46, 68, 0.16);
}

.cb-legal-calc__details-toggle i {
    font-size: 0.75rem;
    color: var(--camels-muted);
    transition: transform 0.3s ease;
}

.cb-legal-calc__details-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.cb-legal-calc__details-body {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease, opacity 0.3s ease;
    opacity: 1;
}

.cb-legal-calc__details-body--collapsed {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}

.cb-legal-calc__details-inner {
    overflow: hidden;
    min-height: 0;
    padding-top: 12px;
}

.cb-legal-calc__details-body--collapsed .cb-legal-calc__details-inner {
    padding-top: 0;
}

/* ── Results section dividers ── */
.cb-legal-calc__res-section {
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__res-section:last-of-type {
    border-bottom: 0;
    margin-bottom: 14px;
    padding-bottom: 0;
}

.cb-legal-calc__res-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-accent);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cb-legal-calc__res-section-title i {
    font-size: 0.78rem;
}

/* ── Funnel results ── */
.cb-legal-calc__funnel {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 12px;
}

.cb-legal-calc__funnel-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 14px;
    border-left: 3px solid rgba(33, 46, 68, 0.12);
    transition: border-color 0.2s ease;
}

.cb-legal-calc__funnel-step:first-child {
    border-left-color: var(--camels-accent);
}

.cb-legal-calc__funnel-step--deal {
    border-left-color: var(--camels-green) !important;
    background: rgba(67, 187, 90, 0.06);
    border-radius: 0 12px 12px 0;
}

.cb-legal-calc__funnel-step-label {
    font-family: 'Onest', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.35;
}

.cb-legal-calc__funnel-step-value {
    font-family: 'Onest', sans-serif;
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--camels-text);
    white-space: nowrap;
}

.cb-legal-calc__funnel-step--deal .cb-legal-calc__funnel-step-value {
    color: var(--camels-green);
}

/* ── Funnel info badges (yellow) ── */
.cb-legal-calc__funnel-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 14px;
    background: rgba(255, 193, 7, 0.12);
    border: 1px solid rgba(255, 193, 7, 0.30);
    border-radius: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.4;
}

.cb-legal-calc__funnel-badge i {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: #d4a017;
    opacity: 0.8;
}

.cb-legal-calc__funnel-badge strong {
    font-weight: 800;
    color: var(--camels-accent);
}

/* ── Funnel final result card ── */
.cb-legal-calc__funnel-result {
    margin-top: 14px;
    max-width: 100%;
    padding: 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 249, 245, 0.92) 100%);
    border: 1px solid rgba(246, 90, 3, 0.12);
}

.cb-legal-calc__funnel-result-scroll {
    position: relative;
}

.cb-legal-calc__funnel-result-scroll-inner {
    min-width: 100%;
}

.cb-legal-calc__funnel-result-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 700;
    color: var(--camels-black);
}

.cb-legal-calc__funnel-result-head strong {
    color: var(--camels-accent);
    font-size: var(--fs-card-title);
    font-weight: 800;
    white-space: nowrap;
}

.cb-legal-calc__funnel-result-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-legal-calc__funnel-result-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.06);
}

.cb-legal-calc__funnel-result-label {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.35;
    color: var(--camels-black);
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.cb-legal-calc__funnel-result-meta {
    display: inline-flex;
    margin-top: 2px;
    font-size: var(--fs-card-title);
    font-weight: 500;
    color: var(--camels-black);
}

.cb-legal-calc__funnel-result-meta strong {
    font-weight: 500;
    color: var(--camels-black);
    border: 1px solid var(--camels-black);
    padding: 0 5px;
    border-radius: 10px;
}

.cb-legal-calc__funnel-result-value {
    flex: 0 0 auto;
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 800;
    color: var(--camels-black);
    white-space: nowrap;
}

.cb-legal-calc__funnel-result-value-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.cb-legal-calc__funnel-result-formula {
    font-family: 'Onest', sans-serif;
    font-size: 0.78rem;
    line-height: 1.4;
    color: var(--camels-muted);
    text-align: right;
}

.cb-legal-calc__funnel-result-value--regular {
    font-weight: 400;
}

.cb-legal-calc__funnel-result-value--with-icon {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cb-legal-calc__funnel-result-number {
    font-weight: 800;
}

.cb-legal-calc__funnel-result-number--black {
    color: var(--camels-black);
}

.cb-legal-calc__funnel-result-number--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__funnel-result-unit {
    font-weight: 500;
    color: var(--camels-black);
}

.cb-legal-calc__funnel-result-value--muted {
    color: var(--camels-text);
}

.cb-legal-calc__funnel-result-note {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__funnel-result--salary {
    margin-top: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 255, 249, 0.96) 100%);
    border-color: rgba(67, 187, 90, 0.18);
}

.cb-legal-calc__funnel-result--salary .cb-legal-calc__funnel-result-head strong {
    color: var(--camels-green);
}

.cb-legal-calc__funnel-result--salary .cb-legal-calc__funnel-result-value--accent {
    color: var(--camels-accent);
}

.cb-legal-calc__funnel-result-row--stacked {
    align-items: flex-start;
}

.cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-value {
    white-space: normal;
    text-align: right;
}

.cb-legal-calc__funnel-result-row--details {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.cb-legal-calc__funnel-result-row--details .cb-legal-calc__funnel-result-label,
.cb-legal-calc__funnel-result-row--details .cb-legal-calc__funnel-result-value {
    width: 100%;
    white-space: normal;
    text-align: left;
}

.cb-legal-calc__funnel-result-note--salary {
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    line-height: 1.4;
    color: var(--camels-black);
}

.cb-legal-calc__funnel-capacity {
    display: grid;
    gap: 8px;
}

.cb-legal-calc__funnel-capacity-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(33, 46, 68, 0.06);
    font-family: 'Onest', sans-serif;
    font-size: var(--fs-card-title);
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.45;
}

.cb-legal-calc__funnel-capacity-item::before {
    content: '';
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--camels-accent);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.08);
}

.cb-legal-calc__funnel-capacity-item strong {
    font-weight: 800;
    color: var(--camels-accent);
}

/* ── Accent metric variant ── */
.cb-legal-calc__metric--accent {
    background: rgba(246, 90, 3, 0.06);
    border-color: rgba(246, 90, 3, 0.14);
}

.cb-legal-calc__metric--accent .cb-legal-calc__metric-value {
    color: var(--camels-accent);
}

/* ── Time info badges (blue) ── */
.cb-legal-calc__time-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-family: 'Onest', sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--camels-text);
    line-height: 1.4;
}

.cb-legal-calc__time-badge i {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: #3b82f6;
    opacity: 0.7;
}

.cb-legal-calc__time-badge strong {
    font-weight: 800;
    color: #2563eb;
}

/* ── Webmaster calculator ── */
.cb-legal-calc__wm-warning {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #fff8eb;
    border: 1px solid #fbbf24;
    border-radius: 10px;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 500;
    margin-top: 10px;
}

.cb-legal-calc__wm-warning i {
    font-size: 1rem;
    color: #f59e0b;
    flex-shrink: 0;
}

.cb-legal-calc__wm-warning[hidden] {
    display: none;
}

.cb-legal-calc__wm-mix-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 16px 0 14px;
}

.cb-legal-calc__wm-mix-intro {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    margin-top: 10px;
    border-radius: 20px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    background:
        radial-gradient(circle at top right, rgba(246, 120, 3, 0.14), transparent 34%),
        linear-gradient(135deg, rgba(255, 249, 245, 0.92), rgba(255, 255, 255, 0.98));
}

.cb-legal-calc__wm-mix-intro-copy {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cb-legal-calc__wm-mix-intro-title {
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__wm-mix-intro-text {
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-mix-intro-note {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    border: 1px solid rgba(246, 90, 3, 0.12);
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--camels-accent);
    text-align: center;
}

.cb-legal-calc__wm-mix-validation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    background: rgba(255, 255, 255, 0.88);
}

.cb-legal-calc__wm-mix-validation-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__wm-mix-validation-value {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.cb-legal-calc__wm-mix-validation-note {
    font-size: 0.82rem;
    font-weight: 600;
}

.cb-legal-calc__wm-mix-validation.is-valid {
    border-color: rgba(67, 187, 90, 0.24);
    background: rgba(235, 250, 231, 0.92);
}

.cb-legal-calc__wm-mix-validation.is-valid .cb-legal-calc__wm-mix-validation-value,
.cb-legal-calc__wm-mix-validation.is-valid .cb-legal-calc__wm-mix-validation-note {
    color: #1f8a39;
}

.cb-legal-calc__wm-mix-validation.is-invalid {
    border-color: rgba(239, 68, 68, 0.24);
    background: rgba(254, 242, 242, 0.96);
}

.cb-legal-calc__wm-mix-validation.is-invalid .cb-legal-calc__wm-mix-validation-value,
.cb-legal-calc__wm-mix-validation.is-invalid .cb-legal-calc__wm-mix-validation-note {
    color: #c62828;
}

.cb-legal-calc__wm-mix-card {
    --wm-mix-accent: var(--camels-accent);
    --wm-mix-soft: rgba(246, 90, 3, 0.1);
    --wm-mix-outline: rgba(246, 90, 3, 0.14);
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 10px;
    border-radius: 24px;
    border: 1px solid var(--wm-mix-outline);
    background:
        linear-gradient(180deg, var(--wm-mix-soft) 0%, rgba(255, 255, 255, 0.98) 36%, #fff 100%);
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.06);
    overflow: hidden;
}

.cb-legal-calc__wm-mix-card::before {
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--wm-mix-accent), rgba(255, 255, 255, 0));
}

.cb-legal-calc__wm-mix-card--strong {
    --wm-mix-accent: var(--camels-accent);
    --wm-mix-soft: rgba(246, 90, 3, 0.1);
    --wm-mix-outline: rgba(246, 90, 3, 0.16);
}

.cb-legal-calc__wm-mix-card--average {
    --wm-mix-accent: var(--camels-blue-info);
    --wm-mix-soft: rgba(3, 165, 246, 0.1);
    --wm-mix-outline: rgba(3, 165, 246, 0.16);
}

.cb-legal-calc__wm-mix-card--weak {
    --wm-mix-accent: var(--camels-primary-80);
    --wm-mix-soft: rgba(77, 88, 105, 0.08);
    --wm-mix-outline: rgba(77, 88, 105, 0.14);
}

.cb-legal-calc__wm-mix-card-head {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cb-legal-calc__wm-mix-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.cb-legal-calc__wm-mix-label {
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--camels-text);
    letter-spacing: -0.02em;
}

.cb-legal-calc__wm-mix-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--wm-mix-outline);
    color: var(--wm-mix-accent);
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cb-legal-calc__wm-mix-caption {
    margin: 0;
    min-height: 64px;
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-mix-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__wm-mix-field-label {
    font-size: 0.78rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-mix-share-note {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.45;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-mix-share-note.is-valid {
    color: #1f8a39;
}

.cb-legal-calc__wm-mix-share-note.is-invalid {
    color: #c62828;
}

.cb-legal-calc__wm-mix-card .cb-legal-calc__number-input--sm {
    width: 100%;
    min-width: 0;
    height: 54px;
    padding: 0 14px;
    border-radius: 14px;
    border-color: rgba(33, 46, 68, 0.12);
    background: var(--camels-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 800;
    text-align: left;
}

.cb-legal-calc__number-input-wrap--wm {
    width: 100%;
    min-height: 54px;
    gap: 10px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(33, 46, 68, 0.12);
    background: var(--camels-surface);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.cb-legal-calc__number-input-wrap--wm:focus-within {
    border-color: var(--wm-mix-accent);
    box-shadow: 0 0 0 4px var(--wm-mix-soft);
}

.cb-legal-calc__wm-mix-card .cb-legal-calc__number-input-wrap--wm .cb-legal-calc__number-input--sm {
    height: 52px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.cb-legal-calc__wm-mix-card .cb-legal-calc__number-input-wrap--wm .cb-legal-calc__number-input--sm:focus {
    box-shadow: none;
}

.cb-legal-calc__wm-mix-card .cb-legal-calc__number-input-wrap--wm .cb-legal-calc__number-input-suffix {
    font-size: 0.94rem;
    font-weight: 800;
}

.cb-legal-calc__wm-mix-card .cb-legal-calc__number-input--sm:focus {
    border-color: var(--wm-mix-accent);
    box-shadow: 0 0 0 4px var(--wm-mix-soft);
}

.cb-legal-calc__wm-ramp-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
}

.cb-legal-calc__wm-bench-breakdown {
    margin-top: 12px;
    margin-bottom: 16px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    background: rgba(255, 255, 255, 0.88);
}

.cb-legal-calc__wm-bench-breakdown-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}

.cb-legal-calc__wm-bench-breakdown-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    border-radius: 14px;
    background: var(--camels-surface);
    border: 1px solid rgba(33, 46, 68, 0.08);
}

.cb-legal-calc__wm-bench-breakdown-label {
    font-size: 0.76rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-bench-breakdown-value {
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 800;
    color: var(--camels-text);
}

.cb-legal-calc__wm-bench-breakdown-note {
    margin: 12px 0 0;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--camels-muted);
}

.cb-legal-calc__wm-ramp-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cb-legal-calc__wm-ramp-row span:first-child {
    min-width: 90px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--camels-text);
}

.cb-legal-calc__wm-capacity-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 10px 0;
}

.cb-legal-calc__wm-capacity-row {
    border: 1px solid var(--camels-border);
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.cb-legal-calc__wm-capacity-row .cb-legal-calc__funnel-badge {
    flex: 0 0 100%;
    margin-top: 2px;
}

.cb-legal-calc__wm-capacity-row label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--camels-muted);
    min-width: 110px;
}

@media (max-width: 1180px) {
    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-card--weak {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-card--weak {
        grid-column: auto;
    }

    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-card {
        padding: 16px;
        border-radius: 20px;
    }

    #legalCalcWmPoolAdvanced .cb-legal-calc__wm-mix-caption {
        min-height: 0;
    }
}

@media (max-width: 900px) {
    .cb-legal-calc__wm-capacity-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .cb-legal-calc__wm-capacity-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cb-legal-calc__wm-capacity-row {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .cb-legal-calc__wm-capacity-row label {
        min-width: 0;
        display: block;
    }

    .cb-legal-calc__label-info {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cb-legal-calc__label-text {
        display: inline-flex;
        align-items: flex-start;
        flex-wrap: wrap;
        line-height: 1.45;
    }

    .cb-legal-calc__label-text i {
        flex-shrink: 0;
        margin-top: 0.12em;
    }
}

.cb-legal-calc__wm-compare-note {
    font-size: 0.78rem;
    font-style: italic;
    color: var(--camels-muted);
    margin-top: 6px;
}

.cb-legal-calc__wm-compare-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 16px;
}

.cb-legal-calc__wm-compare-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.cb-legal-calc__wm-compare-list li {
    position: relative;
    padding-left: 14px;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--camels-text);
}

.cb-legal-calc__wm-compare-list li::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--camels-accent);
}

.cb-legal-calc__wm-summary {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 2px solid var(--camels-border-light);
}

.cb-legal-calc__wm-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.cb-legal-calc__wm-summary-card {
    background: var(--camels-surface-light);
    border: 1px solid var(--camels-border-light);
    border-radius: 14px;
    padding: 16px;
}

.cb-legal-calc__wm-summary-card-title {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--camels-text);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cb-legal-calc__wm-summary-card-title i {
    color: var(--camels-accent);
    font-size: 0.9rem;
}

.cb-legal-calc__wm-summary-card-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    font-size: 0.78rem;
}

.cb-legal-calc__wm-summary-card-row strong {
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__wm-summary-card-row--stacked {
    display: block;
}

.cb-legal-calc__wm-summary-card-row--stacked strong {
    display: block;
    margin-top: 6px;
    line-height: 1.45;
}

.cb-legal-calc__wm-summary-card-row span:last-child {
    font-weight: 700;
    color: var(--camels-text);
}

.cb-legal-calc__tabs--inline {
    display: inline-flex;
    gap: 4px;
    flex-wrap: wrap;
}

.cb-legal-calc__tabs--inline .cb-legal-calc__tab {
    padding: 5px 10px;
    font-size: 0.72rem;
    min-width: auto;
}

.cb-legal-calc__number-input--sm {
    width: 72px;
    padding: 5px 8px;
    font-size: 0.82rem;
    border: 1.5px solid var(--camels-border-tab);
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    font-family: 'Onest', sans-serif;
    background: var(--camels-surface-input);
    color: var(--camels-text);
    outline: none;
    transition: border-color 0.2s;
}

.cb-legal-calc__number-input--sm:focus {
    border-color: var(--camels-accent);
}

@media (max-width: 991px) {
    .cb-legal-calc__wm-mix-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-legal-calc__wm-mix-card--weak {
        grid-column: 1 / -1;
    }

    .cb-legal-calc__wm-mix-intro {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .cb-legal-calc__wm-summary-grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-calc__wm-compare-grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-calc__wm-mix-grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-calc__wm-mix-card--weak {
        grid-column: auto;
    }

    .cb-legal-calc__wm-mix-caption {
        min-height: 0;
    }

    .cb-legal-calc__wm-capacity-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .cb-legal-calc__wm-mix-intro {
        padding: 14px;
        border-radius: 18px;
    }

    
    .cb-legal-calc__funnel-result-list {
        width: fit-content;
    }

    .cb-legal-calc__wm-mix-intro-note {
        width: 100%;
    }

    .cb-legal-calc__wm-mix-card {
        padding: 16px;
        border-radius: 20px;
    }

    .cb-legal-calc__wm-mix-title-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__wm-mix-field {
        padding: 12px;
        border-radius: 16px;
    }
}

/* ── Time final result card ── */

/* ── Sticky summary on desktop ── */
@media (min-width: 992px) {
    .cb-legal-calc__panel--summary {
        position: sticky;
        top: 70px;
        max-height: calc(100vh - 40px);
        overflow-y: auto;
    }
}

@media (max-width: 991px) {
    .cb-legal-calc__inner {
        margin: 0;
        border-radius: 24px;
    }

    .cb-legal-calc__hero,
    .cb-legal-calc__dashboard {
        grid-template-columns: 1fr;
    }

    .cb-legal-calc__hero-copy {
        max-width: none;
    }

    .cb-legal-calc__visual {
        min-height: 320px;
    }

    .cb-legal-calc__visual-note {
        left: 18px;
    }

    .cb-legal-calc__panel {
        overflow: visible;
    }

    .cb-legal-calc__table-wrap {
        max-width: 100%;
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    .cb-legal-calc__inner {
        border-radius: 20px;
        overflow: hidden;
    }

    .cb-legal-calc__title {
        font-size: clamp(1.3rem, 1rem + 1.2vw, 1.75rem);
    }

    .cb-legal-calc__chips,
    .cb-legal-calc__results {
        grid-template-columns: 1fr;
    }

    .cb-legal-calc__visual {
        min-height: auto;
    }

    .cb-legal-calc__panel {
        max-width: 100%;
        --cb-legal-calc-mobile-edge-offset: 10px;
    }

    .cb-legal-calc__mobile-edge {
        width: calc(100% + (var(--cb-legal-calc-mobile-edge-offset) * 2));
        max-width: none;
        margin-left: calc(var(--cb-legal-calc-mobile-edge-offset) * -1);
        margin-right: calc(var(--cb-legal-calc-mobile-edge-offset) * -1);
        box-sizing: border-box;
    }

    .cb-legal-calc__funnel-result.cb-legal-calc__mobile-edge,
    .cb-legal-calc__table-wrap.cb-legal-calc__mobile-edge {
        padding-left: var(--cb-legal-calc-mobile-edge-offset);
        padding-right: var(--cb-legal-calc-mobile-edge-offset);
    }

    .cb-legal-calc__table {
        min-width: 420px;
    }

    .cb-legal-calc__table-wrap {
        max-width: 100%;
        overflow: visible;
    }

    .cb-legal-calc__funnel-result-scroll,
    .cb-legal-calc__table-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: clip;
        --webkit-overflow-scrolling: touch;
        position: relative;
    }

    .cb-legal-calc__funnel-result-scroll::before,
    .cb-legal-calc__table-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-legal-calc__funnel-result-scroll::after,
    .cb-legal-calc__table-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .cb-legal-calc__funnel-result-scroll.start-scroll::before,
    .cb-legal-calc__funnel-result-scroll.start-scroll::after,
    .cb-legal-calc__table-scroll.start-scroll::before,
    .cb-legal-calc__table-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-legal-calc__funnel-result-scroll-inner--compare {
        min-width: 560px;
    }

    .cb-legal-calc__conclusion {
        flex-direction: column;
    }

    .cb-legal-calc__metric {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__metric-value {
        text-align: left;
    }

    .cb-legal-calc__table thead th,
    .cb-legal-calc__table tbody td {
        padding: 10px 12px;
        font-size: 0.8rem;
    }

    .cb-legal-calc__cta {
        width: 100%;
    }

    .cb-legal-calc__story {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .cb-legal-calc__conclusion-text {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .cb-legal-calc__budget-modal {
        padding: 18px;
    }

    .cb-legal-calc__budget-modal-dialog {
        padding: 24px 18px 18px;
        border-radius: 22px;
    }

    .cb-legal-calc__budget-modal-actions {
        flex-direction: column;
    }

    .cb-legal-calc__tab-tooltip {
        left: 0;
        right: auto;
        width: min(320px, calc(100vw - 32px));
    }

    .cb-legal-calc__funnel-result-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: clip;
        --webkit-overflow-scrolling: touch;
        position: relative;
    }

    .cb-legal-calc__funnel-result-scroll::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
    }

    .cb-legal-calc__funnel-result-scroll::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
    }

    .cb-legal-calc__funnel-result-scroll.start-scroll::before,
    .cb-legal-calc__funnel-result-scroll.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }

    .cb-legal-calc__funnel-result--manager-config,
    .cb-legal-calc__funnel-result--time-stats {
        width: max-content;
        min-width: 540px;
        max-width: none;
        margin-top: 0;
    }

    .cb-legal-calc__funnel-result-scroll > .cb-legal-calc__salary-summary--department {
        width: max-content;
        min-width: 540px;
        max-width: none;
    }

    #legalCalcWmLaunchResult,
    #legalCalcWmMonthlyResult,
    #legalCalcWmOfferResult {
        width: max-content;
        min-width: 440px;
        max-width: none;
        margin-top: 0;
    }

    /* --- Scrollable funnel-result blocks (without explicit scroll wrapper) --- */
    .cb-legal-calc__funnel-result {
        overflow-x: auto;
        overflow-y: clip;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    .cb-legal-calc__funnel-result::before {
        content: '';
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 100%;
        background: linear-gradient(to left, var(--camels-surface), rgba(255, 255, 255, 0));
        z-index: 5;
        transition: opacity 0.3s ease;
        opacity: 0;
    }

    .cb-legal-calc__funnel-result::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 6;
        width: 38px;
        height: 38px;
        transform: translate(0, -50%);
        background-image: url('../images/staffing/touch.svg');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        animation: cbTableSwipe 1s linear infinite;
        transition: opacity 0.3s ease;
        pointer-events: none;
        opacity: 0;
    }

    .cb-legal-calc__funnel-result.has-overflow::before,
    .cb-legal-calc__funnel-result.has-overflow::after {
        opacity: 1;
    }

    .cb-legal-calc__funnel-result.has-overflow.start-scroll::before,
    .cb-legal-calc__funnel-result.has-overflow.start-scroll::after {
        opacity: 0;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    .cb-legal-calc__group-header {
        flex-direction: column;
        margin-bottom: 1rem;
    }
    .cb-legal-calc__language-summary-row {
        flex-direction: column;
    }
    .cb-legal-calc__inner {
        padding: 18px 0;
        border-radius: 0;
        margin-top: 1rem;
    }

    .cb-legal-calc__eyebrow {
        font-size: 0.74rem;
        padding: 8px 12px;
    }

    .cb-legal-calc__visual-frame {
        padding: 10px;
        border-radius: 22px;
    }

    .cb-legal-calc__visual-note {
        position: static;
        max-width: none;
        margin-top: 14px;
    }

    .cb-legal-calc__panel {
        padding: 18px 10px;
        border-radius: 0;
    }

    .cb-legal-calc__tab {
        padding: 9px 12px;
        font-size: 0.78rem;
    }

    .cb-legal-calc__slider-wrap {
        padding: 52px 12px 10px;
    }

    .cb-legal-calc__share-summary {
        padding: 12px;
    }

    .cb-legal-calc__share-summary-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .cb-legal-calc__share-summary-row {
        align-items: flex-start;
        flex-direction: row;
    }

    .cb-legal-calc__group-hours {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-calc__group {
        width: 100%!important;
    }

    .cb-legal-calc__country-summary-table {
        min-width: auto;
    }

    .cb-legal-calc__share-summary-value {
        white-space: normal;
    }

    .cb-legal-calc__table {
        min-width: 360px;
    }

    .cb-legal-calc__table thead th,
    .cb-legal-calc__table tbody td {
        padding: 8px 10px;
        font-size: 0.75rem;
    }

    .cb-legal-calc__cta {
        width: 100%;
        padding: 14px 18px;
        font-size: 0.88rem;
    }

    .cb-legal-calc__summary-title {
        font-size: clamp(1rem, 0.85rem + 0.5vw, 1.25rem);
    }

    .cb-legal-calc__section-header {
        padding: 12px 14px;
        gap: 10px;
    }

    .cb-legal-calc__section-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 14px;
    }

    .cb-legal-calc__section-title {
        font-size: 0.92rem;
    }

    .cb-legal-calc__section-desc {
        font-size: 0.78rem;
    }

    .cb-legal-calc__number-input {
        width: 110px;
        height: 44px;
        font-size: 1rem;
    }

    .cb-legal-calc__funnel-step {
        padding: 7px 10px;
    }

    .cb-legal-calc__funnel-step-label {
        font-size: 0.75rem;
    }

    .cb-legal-calc__funnel-step-value {
        font-size: 0.85rem;
    }

    .cb-legal-calc__funnel-badge {
        padding: 8px 10px;
        font-size: 0.76rem;
        gap: 6px;
    }

    .cb-legal-calc__funnel-result {
        padding: 12px 14px;
        gap: 10px;
    }

    .cb-legal-calc__funnel-result-icon {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .cb-legal-calc__funnel-result-text {
        font-size: 0.82rem;
    }

    .cb-legal-calc__funnel-capacity-item {
        padding: 8px 10px;
        font-size: 0.76rem;
    }

    .cb-legal-calc__time-badge {
        padding: 8px 10px;
        font-size: 0.76rem;
        gap: 6px;
    }

    .cb-legal-calc__label {
        font-size: 0.85rem;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    .cb-legal-calc__group-head {
        gap: 10px;
    }

    .cb-legal-calc__country-rate {
        margin-left: 0;
        align-items: flex-start;
    }

    .cb-legal-calc__funnel-percent {
        padding: 3px 7px;
        font-size: 0.76rem;
        display: inline-flex;
        width: fit-content;
    }

    .cb-legal-calc__label-info {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .cb-legal-calc__label-text--profit {
        width: 100%;
    }

    .cb-legal-calc__label-text--stacked-mobile {
        width: 100%;
    }

    .cb-legal-calc__label-text--profit .cb-staffing__green-indicator {
        margin-top: 2px;
    }

    .cb-legal-calc__label-text--stacked-mobile .cb-staffing__orange-indicator {
        margin-top: 2px;
    }

    .cb-legal-calc__label-text--profit .cb-legal-calc__label-text-stack,
    .cb-legal-calc__label-text--stacked-mobile .cb-legal-calc__label-text-stack {
        width: calc(100% - 26px);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .cb-legal-calc__label-text--profit .cb-legal-calc__label-text-secondary,
    .cb-legal-calc__label-text--stacked-mobile .cb-legal-calc__label-text-secondary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .cb-legal-calc__label-tooltip {
        position: absolute;
        left: 0;
        bottom: calc(100% + 12px);
        width: 200px;
        transform: none;
        box-shadow: 0 12px 28px rgba(19, 27, 42, 0.18);
        z-index: 32;
    }

    .cb-legal-calc__label-tooltip::after {
        display: none;
    }

    .cb-legal-calc__label-info:hover .cb-legal-calc__label-tooltip,
    .cb-legal-calc__label-info:focus-within .cb-legal-calc__label-tooltip {
        transform: none;
    }

    .cb-legal-calc__table-title {
        font-size: 0.82rem;
    }

    .cb-legal-calc__table-title span {
        display: block;
        margin-top: 4px;
    }

    .cb-legal-calc__tab-meta {
        
    }

    .cb-legal-calc__tab--has-tooltip {
        width: 100%;
        gap: 10px;
    }

    .cb-legal-calc__tab-copy {
        flex: 1 1 auto;
    }

    .cb-legal-calc__tab-tooltip {
        width: 100%;
        max-width: none;
    }

    .cb-legal-calc__tab-tooltip::before {
        left: 18px;
    }

    .cb-legal-calc__tab-tooltip-close {
        top: 8px;
        right: 8px;
    }

    .cb-legal-calc__budget-modal {
        padding: 12px;
    }

    .cb-legal-calc__budget-modal-dialog {
        padding: 22px 14px 14px;
        border-radius: 20px;
    }

    .cb-legal-calc__budget-modal-close {
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
    }

    .cb-legal-calc__budget-modal-text {
        font-size: 0.88rem;
    }

    .cb-legal-calc__budget-modal-input {
        height: 54px;
        font-size: 0.98rem;
    }

    .cb-legal-calc__budget-modal-action {
        min-height: 48px;
    }

    .cb-legal-calc__funnel-result-head {
        justify-content: center;
        text-align: center;
    }

    .cb-legal-calc__funnel-result-row {
        flex-direction: row;
        align-items: center;
        text-align: center;
        gap: 4px;
        padding: 6px 4px;
    }

    .cb-legal-calc__funnel-result-row--stacked {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 8px;
    }

    .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-label,
    .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-value {
        width: 100%;
        text-align: left;
    }

    /* Keep desktop row layout inside scroll-wrapped wm-launch block */
    #legalCalcWmLaunchResult .cb-legal-calc__funnel-result-row--stacked {
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
    }

    #legalCalcWmLaunchResult .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-label,
    #legalCalcWmLaunchResult .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-value,
    #legalCalcWmLaunchResult .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-value-wrap {
        width: auto;
        text-align: right;
    }

    #legalCalcWmLaunchResult .cb-legal-calc__funnel-result-row--stacked .cb-legal-calc__funnel-result-value-wrap {
        flex-shrink: 0;
    }

    .cb-legal-calc__funnel-result-label {
        display: block;
        text-align: left;
        font-size: var(--fs-card-title);
        white-space: nowrap;
    }

    .cb-legal-calc__funnel-result-meta {
        display: inline;
        margin-top: 0;
        font-size: 0.68rem;
    }

    .cb-legal-calc__funnel-result-value {
        white-space: nowrap;
        font-size: var(--fs-card-title);
    }

    .cb-legal-calc__funnel-result {
        padding: 8px 4px;
    }

    .cb-legal-calc__funnel-capacity-item {
        text-align: center;
        justify-content: center;
        font-size: 0.72rem;
    }

    .cb-legal-calc__funnel-capacity-item span {
        text-align: center;
    }

    .cb-legal-calc__config-manager {
        flex-direction: row;
        align-items: stretch;
    }
}

@media (max-width: 360px) {
    .cb-legal-calc__inner {
        padding: 18px 10px;
        border-radius: 16px;
    }

    .cb-legal-calc__panel {
        --cb-legal-calc-mobile-edge-offset: 12px;
    }

    .cb-legal-calc__tab {
        padding: 7px 10px;
        font-size: 0.75rem;
    }

    .cb-legal-calc__title {
        font-size: 1.2rem;
    }

    .cb-legal-calc__lead {
        font-size: 0.88rem;
    }

    .cb-legal-calc__story {
        padding: 14px 12px;
        font-size: 0.88rem;
    }

    .cb-legal-calc__panel {
        padding: 16px 12px;
    }

    .cb-legal-calc__table {
        min-width: 300px;
    }

    .cb-legal-calc__table thead th,
    .cb-legal-calc__table tbody td {
        padding: 7px 8px;
        font-size: 0.72rem;
    }

    .cb-legal-calc__result-card {
        padding: 16px;
    }

    .cb-legal-calc__conclusion {
        padding: 14px 12px;
    }

    .cb-legal-calc__conclusion-text p {
        font-size: 0.82rem;
    }

    .cb-legal-calc__cta {
        padding: 12px 14px;
        font-size: 0.82rem;
        border-radius: 14px;
    }

    .cb-legal-calc__metric {
        padding: 12px 14px;
    }

    .cb-legal-calc__range-labels {
        font-size: 0.72rem;
    }

    .cb-legal-calc__section-header {
        padding: 10px 12px;
        border-radius: 14px;
    }

    .cb-legal-calc__number-input {
        width: 100px;
        height: 40px;
        font-size: 0.92rem;
    }
}

/* -------------------------------------------------------------------------- */
/* LEGAL: SALES MACHINE (Block 04)
/* -------------------------------------------------------------------------- */
.cb-legal-machine {
    padding: 100px 20px;
    background: var(--camels-bg);
    position: relative;
    overflow: hidden;
}
.cb-legal-machine::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('../images/legal-immigration-partners/sales-machine-funnel.png');
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    pointer-events: none;
    z-index: 0;
}
.cb-legal-machine__inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.cb-legal-machine__header {
    text-align: center;
    margin-bottom: 64px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.cb-legal-machine__title {
    font-size: var(--fs-description);
    color: var(--camels-black);
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}
.cb-legal-machine__title span {
    color: var(--camels-accent);
    font-weight: 700;
}

.cb-legal-machine__title-span {
    color: var(--camels-accent);
    font-weight: 700;
    font-size: var(--fs-description);
}

.cb-legal-machine__title-span i {
    font-size: 0.7em;
    vertical-align: middle;
    margin: 0 12px;
    opacity: 0.6;
}

/* 4 Steps Grid */
.cb-legal-machine__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 64px;
}
.cb-legal-machine__step {
    background: var(--camels-surface);
    border-radius: 24px;
    padding: 32px 24px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid var(--camels-border-light);
    transition: transform 0.3s ease;
    overflow: hidden;
}
.cb-legal-machine__step:hover {
    transform: translateY(-5px);
}
.cb-legal-machine__step-num {
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 48px;
    font-weight: 900;
    color: var(--camels-accent-shadow);
    line-height: 1;
    z-index: 1;
}
.cb-legal-machine__step-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: var(--camels-surface-warm);
    color: var(--camels-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}
.cb-legal-machine__step-content {
    position: relative;
    z-index: 2;
}
.cb-legal-machine__step-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: var(--camels-text-strong);
    margin: 0 0 12px 0;
    line-height: 1.3;
}
.cb-legal-machine__step-content p {
    font-size: 15px;
    color: var(--camels-muted);
    line-height: 1.5;
    margin: 0;
}

/* Division of roles */
.cb-legal-machine__roles {
    background: var(--camels-dark-card);
    border-radius: 32px;
    padding: 64px;
    color: #fff;
    text-align: center;
}
.cb-legal-machine__roles-title {
    font-size: 32px;
    font-weight: 800;
    margin: 0 0 12px 0;
    color: #fff;
}
.cb-legal-machine__roles-subtitle {
    font-size: 18px;
    color: rgba(255,255,255,0.7);
    margin: 0 0 48px 0;
}
.cb-legal-machine__roles-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}
.cb-legal-machine__role-box {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 24px;
    padding: 40px;
    width: 400px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cb-legal-machine__role-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: var(--camels-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.cb-legal-machine__role-box h4 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 16px 0;
    color: #fff;
}
.cb-legal-machine__role-box p {
    font-size: 16px;
    color: rgba(255,255,255,0.8);
    line-height: 1.5;
    margin: 0;
}
.cb-legal-machine__role-divider {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--camels-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    flex-shrink: 0;
}

@media (max-width: 1200px) {
    .cb-legal-machine__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 991px) {
    .cb-legal-machine__roles-grid {
        flex-direction: column;
    }
    .cb-legal-machine__role-box {
        width: 100%;
        max-width: 400px;
        min-height: auto;
    }
    .cb-legal-machine__roles {
        padding: 40px 24px;
    }
}
@media (max-width: 768px) {
    .cb-legal-machine {
        padding: 60px 16px;
    }
    .cb-legal-machine__grid {
        grid-template-columns: 1fr;
    }
    .cb-legal-machine__title {
        font-size: 28px;
    }
    .cb-legal-machine__roles-title {
        font-size: 24px;
    }
}


/* ==========================================================================
   BLOCK 05 - Legal System / Staffing
========================================================================== */

.cb-legal-system {
    padding: 100px 24px;
    background: var(--camels-surface);
    position: relative;
    overflow: hidden;
}

.cb-legal-system__inner {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.cb-legal-system__header {
    text-align: center;
    margin: 0 auto 64px;
}

.cb-legal-system__title {
    font-size: var(--fs-description);
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    color: var(--camels-text);
    margin-bottom: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.cb-legal-system__title span {
    color: var(--camels-accent);
}

.cb-legal-system__subtitle {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.5;
}

.cb-legal-system__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: start;
}

.cb-legal-system__timeline-title {
    font-size: 28px;
    font-weight: 800;
    color: var(--camels-text);
    margin-bottom: 32px;
}

.cb-legal-system__timeline-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Timeline Vertical Line */
.cb-legal-system__timeline-wrap::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 30px;
    bottom: 30px;
    width: 2px;
    background: var(--camels-border-gray);
    z-index: 1;
}

.cb-legal-system__timeline-item {
    position: relative;
    display: flex;
    gap: 24px;
    z-index: 2;
}

.cb-legal-system__timeline-icon {
    width: 56px;
    height: 56px;
    background: var(--camels-surface);
    border: 2px solid var(--camels-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--camels-accent);
    flex-shrink: 0;
    box-shadow: 0 4px 12px var(--camels-accent-shadow);
    position: relative;
}

.cb-legal-system__timeline-item--premium .cb-legal-system__timeline-icon {
    border-color: var(--camels-yellow);
    color: var(--camels-yellow);
    box-shadow: 0 4px 12px rgba(255, 216, 33, 0.3);
}

.cb-legal-system__timeline-text {
    padding-top: 8px;
}

.cb-legal-system__timeline-text h4 {
    font-size: 20px;
    font-weight: 700;
    color: var(--camels-black);
    margin-bottom: 12px;
    margin-block-start: 0;
}

.cb-legal-system__timeline-text p {
    font-size: 16px;
    color: var(--camels-black);
    line-height: 1.5;
}

.cb-legal-system__visual {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.cb-legal-system__visual-image {
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(33, 46, 68, 0.1);
    border: 1px solid var(--camels-border-light);
    background: var(--camels-surface-light);
}

.cb-legal-system__visual-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.cb-legal-system__visual-note {
    background: var(--camels-surface-green);
    border: 1px solid rgba(67, 187, 90, 0.2);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    margin-top: auto;
}

.cb-legal-system__visual-note-icon {
    font-size: 24px;
    color: var(--camels-green);
    flex-shrink: 0;
    padding-top: 2px;
}

.cb-legal-system__visual-note p {
    font-size: 18px;
    color: var(--camels-text-strong);
    line-height: 1.5;
    font-weight: 600;
}

/* ==========================================================================
   Responsive: cb-legal-system
========================================================================== */

@media (max-width: 991px) {
    .cb-legal-system {
        padding: 80px 20px;
    }
    .cb-legal-system__content {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .cb-legal-system__visual {
        position: static;
        order: -1;
    }
}

@media (max-width: 767px) {
    .cb-legal-system {
        padding: 60px 16px;
    }
    .cb-legal-system__header {
        margin-bottom: 40px;
    }
    .cb-legal-system__timeline-wrap::before {
        left: 23px;
    }
    .cb-legal-system__timeline-icon {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
    .cb-legal-system__timeline-text h4 {
        font-size: 18px;
    }
    .cb-legal-system__timeline-text p {
        font-size: 15px;
    }
    .cb-legal-system__visual-note p {
        font-size: 16px;
    }
}

/* ==========================================================================
   BLOCK 05 — Legal Plans / Условия подключения
   ========================================================================== */

.cb-legal-plans {
    padding: 50px 20px;
    background: var(--camels-bg);
    position: relative;
    overflow: hidden;
}

.cb-legal-plans__inner {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* Header */
.cb-legal-plans__header {
    text-align: center;
    margin: 0 auto 64px;
    max-width: 900px;
}

.cb-legal-plans__title {
    font-size: var(--fs-description);
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    color: var(--camels-text);
    margin-bottom: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.cb-legal-plans__title span {
    color: var(--camels-accent);
}

.cb-legal-plans__subtitle {
    font-size: var(--fs-description-alt);
    color: var(--camels-black);
    line-height: 1.5;
}

/* Pricing Grid — 3 cards */
.cb-legal-plans__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 64px;
    align-items: stretch;
}

.cb-legal-plans__card {
    background: var(--camels-surface);
    border: 1px solid var(--camels-border-light);
    border-radius: 24px;
    padding: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.cb-legal-plans__card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.cb-legal-plans__card--popular {
    border-color: var(--camels-accent);
    position: relative;
}

.cb-legal-plans__card--popular::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--camels-accent);
    z-index: 2;
}

.cb-legal-plans__card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 40px 30px;
}

/* Card Head */
.cb-legal-plans__card-head {
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--camels-border-light);
}

.cb-legal-plans__plan-name {
    font-size: 22px;
    font-weight: 800;
    color: var(--camels-accent);
    margin: 0 0 8px 0;
    letter-spacing: 0.02em;
}

.cb-legal-plans__plan-for {
    font-size: 15px;
    color: var(--camels-muted);
    margin: 0;
    line-height: 1.4;
}

/* Metrics (Доля + Paushal) */
.cb-legal-plans__card-metrics {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.cb-legal-plans__metric {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background: var(--camels-surface-warm, rgba(246, 90, 3, 0.04));
    border-radius: 12px;
}

.cb-legal-plans__metric-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--camels-muted);
}

.cb-legal-plans__metric-value {
    font-size: 18px;
    font-weight: 800;
    color: var(--camels-text-strong);
}

/* Card Body — list */
.cb-legal-plans__card-body {
    flex: 1;
    margin-bottom: 24px;
}

.cb-legal-plans__list-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--camels-text-strong);
    margin: 0 0 16px 0;
}

.cb-legal-plans__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cb-legal-plans__list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 15px;
    color: var(--camels-black);
    line-height: 1.5;
}

.cb-legal-plans__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23f65a03'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Card Result */
.cb-legal-plans__card-result {
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid var(--camels-border-light);
}

.cb-legal-plans__card-result p {
    font-size: 15px;
    color: var(--camels-black);
    line-height: 1.5;
    margin: 0;
    background: var(--camels-surface-green, rgba(67, 187, 90, 0.08));
    padding: 14px 16px;
    border-radius: 12px;
}

.cb-legal-plans__card-result p strong {
    color: var(--camels-green, #2ecc71);
}

/* Contract Guarantees */
.cb-legal-plans__contract {
    background: var(--camels-dark-card);
    border-radius: 32px;
    padding: 40px;
    color: #fff;
}

.cb-legal-plans__contract-title {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px 0;
    text-align: center;
}

.cb-legal-plans__contract-subtitle {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 48px 0;
    text-align: center;
    line-height: 1.5;
}

.cb-legal-plans__contract-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.cb-legal-plans__contract-item {
    display: flex;
    flex: 0 0 calc(49% - 10px);
    gap: 20px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 28px;
}

.cb-legal-plans__contract-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(246, 90, 3, 0.15);
    color: var(--camels-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.cb-legal-plans__contract-text h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px 0;
}

.cb-legal-plans__contract-text p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
}

/* CTA Buttons */
.cb-legal-plans__cta-wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cb-legal-plans__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Onest', sans-serif;
    font-weight: 700;
    font-size: clamp(0.9rem, 0.82rem + 0.3vw, 1.05rem);
    padding: 16px 32px;
    border-radius: 18px;
    text-decoration: none;
    transition: transform 0.22s ease, box-shadow 0.22s ease, filter 0.22s ease;
    text-align: center;
    cursor: pointer;
}

.cb-legal-plans__cta--primary {
    background: linear-gradient(135deg, var(--camels-accent) 0%, var(--camels-accent-warm) 100%);
    color: #fff;
    box-shadow: 0 16px 34px rgba(246, 90, 3, 0.28);
}

.cb-legal-plans__cta--primary:hover {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 18px 38px rgba(246, 90, 3, 0.34);
}

.cb-legal-plans__cta--outline {
    background: transparent;
    color: var(--camels-text-strong);
    border: 2px solid var(--camels-border-gray, rgba(33, 46, 68, 0.15));
}

.cb-legal-plans__cta--outline:hover {
    border-color: var(--camels-accent);
    color: var(--camels-accent);
    transform: translateY(-1px);
}

/* ==========================================================================
   Responsive: cb-legal-plans
   ========================================================================== */

@media (max-width: 1200px) {
    .cb-legal-plans__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .cb-legal-plans {
        padding: 80px 20px;
    }
    .cb-legal-plans__grid {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .cb-legal-plans__contract {
        padding: 40px 24px;
    }
}

@media (max-width: 767px) {
    .cb-legal-plans {
        padding: 60px 16px;
    }
    .cb-legal-plans__header {
        margin-bottom: 40px;
    }
    .cb-legal-plans__card-inner {
        padding: 30px 20px;
    }
    .cb-legal-plans__contract-title {
        font-size: 22px;
    }
    .cb-legal-plans__cta-wrap {
        flex-direction: column;
        align-items: center;
    }
    .cb-legal-plans__cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .cb-legal-plans__contract-item {
        flex: 0 0 100%;
    }
}

/* ==========================================================================
   BLOCK: LEGAL PRICING (06. Ежемесячная абонентская оплата)
   ========================================================================== */
.cb-legal-pricing {
    padding: 50px 0;
    background-color: var(--camels-dark-blue-deep);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    z-index: 1;
}

.cb-legal-pricing::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(34, 52, 85, 0.85) 0%, rgba(37, 41, 58, 0.95) 100%);
    z-index: -1;
}

.cb-legal-pricing__inner {
    max-width: none;
    margin: 0 auto;
    padding: 0 clamp(20px, 2vw, 40px);
    position: relative;
    z-index: 2;
}

.cb-legal-pricing__header {
    text-align: center;
    margin-bottom: 60px;
}

.cb-legal-pricing__title {
    font-size: var(--fs-description);
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 15px;
    text-transform: uppercase;
}

.cb-legal-pricing__subtitle {
    font-size: var(--fs-description-alt);
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.cb-legal-pricing__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 1.4vw, 30px);
    align-items: stretch;
}

.cb-legal-pricing__card {
    background: rgba(37, 41, 58, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.cb-legal-pricing__card:hover {
    border-color: var(--camels-accent);
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(246, 90, 3, 0.15);
}

/* Add an active/popular highlight to the center card if needed */
.cb-legal-pricing__card--popular {
    background: rgba(44, 62, 92, 0.8);
    border-color: rgba(246, 90, 3, 0.5);
    position: relative;
    overflow: hidden;
}
.cb-legal-pricing__card--popular::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--camels-accent);
}

.cb-legal-pricing__card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cb-legal-pricing__plan-name {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    color: var(--camels-accent);
    margin-bottom: 25px;
    letter-spacing: 0.05em;
}

.cb-legal-pricing__label-center {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}

.cb-legal-pricing__desc-center {
    font-size: var(--fs-card-desc);
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 1.5;
    margin-bottom: 25px;
}

.cb-legal-pricing__mt {
    margin-top: 25px;
}

.cb-legal-pricing__mt-auto {
    margin-top: auto;
    padding-top: 25px;
}

.cb-legal-pricing__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cb-legal-pricing__list li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: var(--fs-card-desc);
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.cb-legal-pricing__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23f65a03'/%3E%3Cpath d='M6 10.5l2.5 2.5 5.5-5.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

.cb-legal-pricing__list li strong {
    color: #fff;
    font-weight: 600;
}

.cb-legal-pricing__meta {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.82em;
    font-weight: 500;
}

.cb-legal-pricing__profit {
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px !important;
}

.cb-legal-pricing__profit strong {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    color: var(--camels-green-bright) !important;
}

.cb-legal-pricing__profit strong.cb-legal-pricing__profit-value--negative {
    color: #ffb4b4 !important;
}

.cb-legal-pricing__resume p {
    font-size: var(--fs-card-desc);
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    line-height: 1.5;
    margin: 0;
    background: rgba(255, 255, 255, 0.05);
    padding: 15px;
    border-radius: 12px;
}

.cb-legal-pricing__contract {
    margin-top: 60px;
    background: rgba(37, 41, 58, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 40px;
    text-align: center;
}

.cb-legal-pricing__contract-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 25px 0;
    letter-spacing: 0.05em;
}

.cb-legal-pricing__contract-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.cb-legal-pricing__contract-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
}

.cb-legal-pricing__contract-list i {
    color: var(--camels-accent);
}

/* ==========================================================================
   BLOCK 10 — Тарифы (cb-legal-tariffs)
   ========================================================================== */
.cb-legal-tariffs {
    position: relative;
    padding: 96px 0;
    background:
        radial-gradient(circle at top left, rgba(246, 90, 3, 0.22), transparent 28%),
        radial-gradient(circle at right 20%, rgba(115, 111, 251, 0.18), transparent 24%),
        linear-gradient(135deg, rgba(34, 52, 85, 0.94) 0%, rgba(37, 41, 58, 0.97) 100%),
        url('../images/legal-immigration-partners/tariffs-bg.png') center/cover no-repeat;
    color: #fff;
    overflow: hidden;
}

.cb-legal-tariffs__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(18, 26, 44, 0.12) 0%, rgba(18, 26, 44, 0.42) 100%);
    pointer-events: none;
}

.cb-legal-tariffs__inner {
    position: relative;
    z-index: 1;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.cb-legal-tariffs__header {
    max-width: 900px;
    margin: 0 auto 44px;
    text-align: center;
}

.cb-legal-tariffs__eyebrow {
    margin: 0 0 14px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.66);
}

.cb-legal-tariffs__title {
    margin: 0;
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #fff;
}

.cb-legal-tariffs__subtitle {
    margin: 18px auto 0;
    font-size: var(--fs-description-alt);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.76);
}

.cb-legal-tariffs__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.cb-legal-tariffs__card {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-height: 100%;
    padding: 28px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.08) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(16px);
}

.cb-legal-tariffs__card--featured {
    border-color: rgba(246, 90, 3, 0.55);
    box-shadow: 0 28px 64px rgba(246, 90, 3, 0.22);
    transform: translateY(-8px);
}

.cb-legal-tariffs__card-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cb-legal-tariffs__badge {
    display: inline-flex;
    align-self: flex-start;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.76);
}

.cb-legal-tariffs__card-title {
    margin: 0;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 800;
    color: #fff;
}

.cb-legal-tariffs__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}

.cb-legal-tariffs__stat {
    margin: 0;
    padding: 16px 18px;
    border-radius: 20px;
    background: rgba(11, 19, 34, 0.26);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cb-legal-tariffs__stat--full {
    grid-column: 1 / -1;
}

.cb-legal-tariffs__stat dt {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.58);
}

.cb-legal-tariffs__stat dd {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
    color: #fff;
}

.cb-legal-tariffs__section {
    padding-top: 2px;
}

.cb-legal-tariffs__section--note {
    margin-top: auto;
    padding: 18px 20px;
    border-radius: 22px;
    background: rgba(7, 14, 25, 0.26);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.cb-legal-tariffs__section-title {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.62);
}

.cb-legal-tariffs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.cb-legal-tariffs__list li {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}

.cb-legal-tariffs__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--camels-accent) 0%, #ffd2bd 100%);
    box-shadow: 0 0 0 4px rgba(246, 90, 3, 0.16);
}

.cb-legal-tariffs__note {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.84);
}

.cb-legal-tariffs__compare {
    margin-top: 30px;
    padding: 28px;
    border-radius: 28px;
    background: rgba(5, 12, 23, 0.32);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(16px);
}

.cb-legal-tariffs__compare-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 20px;
}

.cb-legal-tariffs__compare-label {
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.56);
}

.cb-legal-tariffs__compare-title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.14;
    color: #fff;
}

.cb-legal-tariffs__compare-copy {
    max-width: 340px;
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.72);
}

.cb-legal-tariffs__table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cb-legal-tariffs__table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.cb-legal-tariffs__table th,
.cb-legal-tariffs__table td {
    padding: 18px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
    vertical-align: top;
}

.cb-legal-tariffs__table thead th {
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.cb-legal-tariffs__table thead th:first-child {
    border-top-left-radius: 18px;
}

.cb-legal-tariffs__table thead th:last-child {
    border-top-right-radius: 18px;
}

.cb-legal-tariffs__table tbody th {
    font-size: 14px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.76);
    white-space: nowrap;
}

.cb-legal-tariffs__table tbody td {
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}

.cb-legal-tariffs__cta-wrap {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

.cb-legal-tariffs__cta {
    min-width: 320px;
    justify-content: center;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1360px) {
    .cb-legal-pricing__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cb-legal-tariffs__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .cb-legal-pricing {
        padding: 60px 0;
    }
    
    .cb-legal-pricing__grid {
        grid-template-columns: 1fr;
    }
    
    .cb-legal-pricing__contract-list {
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }

    .cb-legal-tariffs {
        padding: 76px 0;
    }

    .cb-legal-tariffs__compare-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .cb-legal-tariffs__compare-copy {
        max-width: none;
    }
}

@media (max-width: 767px) {
    .cb-legal-pricing__header {
        margin-bottom: 40px;
    }

    .cb-legal-pricing__inner {
        padding: 0 16px;
    }
    
    .cb-legal-pricing__card {
        padding: 30px 20px;
    }
    
    .cb-legal-pricing__contract {
        padding: 30px 20px;
    }

    .cb-legal-calc__slider-wrap::after {
        top: 39px;
    }

    .cb-legal-tariffs {
        padding: 64px 0;
    }

    .cb-legal-tariffs__inner {
        padding: 0 16px;
    }

    .cb-legal-tariffs__header {
        margin-bottom: 34px;
    }

    .cb-legal-tariffs__grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-tariffs__card {
        padding: 22px;
        border-radius: 24px;
    }

    .cb-legal-tariffs__card--featured {
        transform: none;
    }

    .cb-legal-tariffs__card-title {
        font-size: 24px;
    }

    .cb-legal-tariffs__stats {
        grid-template-columns: 1fr;
    }

    .cb-legal-tariffs__stat--full {
        grid-column: auto;
    }

    .cb-legal-tariffs__compare {
        margin-top: 22px;
        padding: 20px;
        border-radius: 24px;
    }

    .cb-legal-tariffs__compare-title {
        font-size: 22px;
    }

    .cb-legal-tariffs__table th,
    .cb-legal-tariffs__table td {
        padding: 15px 16px;
    }

    .cb-legal-tariffs__cta {
        width: 100%;
        min-width: 0;
    }
}


/* ==========================================================================
   BLOCK 06 — Безопасность и ROI (cb-legal-roi)
   ========================================================================== */

.cb-legal-roi {
    padding: 100px 20px;
    background-color: var(--camels-dark-blue-deep);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    z-index: 1;
}

.cb-legal-roi__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(34, 52, 85, 0.88) 0%, rgba(37, 41, 58, 0.98) 100%);
    z-index: -1;
}

.cb-legal-roi__inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.cb-legal-roi__header {
    text-align: center;
    margin-bottom: 64px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.cb-legal-roi__title {
    font-size: var(--fs-description);
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 24px 0;
    color: #fff;
    letter-spacing: -0.02em;
}

.cb-legal-roi__title span {
    color: var(--camels-accent);
}

.cb-legal-roi__subtitle {
    font-size: var(--fs-description-alt);
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
}

.cb-legal-roi__subtitle strong {
    color: #fff;
    font-weight: 700;
    background: rgba(246, 90, 3, 0.15);
    padding: 4px 12px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(246, 90, 3, 0.3);
}

.cb-legal-roi__grid-title {
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
    letter-spacing: 0.02em;
}

.cb-legal-roi__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch;
}

.cb-legal-roi__card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    backdrop-filter: blur(12px);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.cb-legal-roi__card:hover {
    border-color: rgba(246, 90, 3, 0.5);
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(246, 90, 3, 0.15);
}

.cb-legal-roi__card-icon {
    width: 72px;
    height: 72px;
    background: rgba(246, 90, 3, 0.15);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--camels-accent);
    margin-bottom: 24px;
    box-shadow: inset 0 0 0 1px rgba(246, 90, 3, 0.3);
}

.cb-legal-roi__card-content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 16px 0;
}

.cb-legal-roi__card-content p {
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

/* ==========================================================================
   Responsive: cb-legal-roi
   ========================================================================== */

@media (max-width: 1024px) {
    .cb-legal-roi__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .cb-legal-roi {
        padding: 60px 16px;
    }
    .cb-legal-roi__header {
        margin-bottom: 48px;
    }
    .cb-legal-roi__title {
        font-size: 28px;
    }
    .cb-legal-roi__subtitle {
        font-size: 16px;
    }
    .cb-legal-roi__grid {
        grid-template-columns: 1fr;
    }
    .cb-legal-roi__card {
        padding: 30px 20px;
    }
    .cb-legal-roi__card-icon {
        width: 64px;
        height: 64px;
        font-size: 28px;
    }
    .cb-legal-roi__grid-title {
        font-size: 20px;
    }
}


/* ==========================================================================
   BLOCK 09 — Экономика и прозрачная математика (cb-legal-kpi)
   ========================================================================== */

.cb-legal-kpi {
    --cb-legal-kpi-sticky-top: 69px;
    --cb-legal-kpi-sticky-secondary-top: 129px;
    padding: 104px 20px;
    background:
        radial-gradient(circle at top left, rgba(246, 90, 3, 0.14) 0%, rgba(246, 90, 3, 0) 34%),
        linear-gradient(180deg, #fff8f2 0%, #f6f6f6 100%);
    position: relative;
    overflow: visible;
}

.cb-legal-kpi::before,
.cb-legal-kpi::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.cb-legal-kpi::before {
    top: -120px;
    right: -40px;
    width: 340px;
    height: 340px;
    background: rgba(246, 90, 3, 0.08);
    filter: blur(20px);
}

.cb-legal-kpi::after {
    left: -120px;
    bottom: -160px;
    width: 400px;
    height: 400px;
    background: rgba(115, 111, 251, 0.08);
    filter: blur(32px);
}

.cb-legal-kpi__inner {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.cb-legal-kpi__header {
    text-align: center;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
}

.cb-legal-kpi__eyebrow {
    display: inline-flex;
    align-items: center;
    margin: 0 0 18px;
    padding: 9px 16px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--camels-accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cb-legal-kpi__title {
    font-size: clamp(2.2rem, 1.7rem + 1.6vw, 3.4rem);
    font-family: 'Onest', sans-serif;
    font-weight: 800;
    line-height: 1.08;
    margin: 0 0 20px;
    color: var(--camels-text-strong);
    letter-spacing: -0.02em;
}

.cb-legal-kpi__title span {
    color: var(--camels-accent);
}

.cb-legal-kpi__subtitle {
    font-size: clamp(1.05rem, 0.98rem + 0.18vw, 1.2rem);
    color: var(--camels-text);
    line-height: 1.5;
    margin: 0 0 20px;
}

.cb-legal-kpi__benefits {
    display: flex;
    flex-direction: row;
    gap: 14px 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cb-legal-kpi__benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--camels-text-strong);
    text-align: left;
    box-shadow: 0 18px 40px rgba(33, 46, 68, 0.06);
}

.cb-legal-kpi__benefit-item i {
    margin-top: 2px;
    color: var(--camels-accent);
    font-size: 18px;
}

.cb-legal-kpi__benefit-item span {
    font-size: 16px;
    line-height: 1.55;
}

.cb-legal-kpi__section-title {
    font-size: clamp(1.6rem, 1.35rem + 0.65vw, 2rem);
    font-weight: 800;
    margin: 0;
    color: var(--camels-text-strong);
    text-align: left;
}

.cb-legal-kpi__panel {
    padding: 32px;
    border: 1px solid rgba(33, 46, 68, 0.08);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 28px 70px rgba(33, 46, 68, 0.08);
    backdrop-filter: blur(10px);
}

.cb-legal-kpi__tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.cb-legal-kpi__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, #212e44 0%, #324767 100%);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-align: center;
    box-shadow: 0 18px 36px rgba(33, 46, 68, 0.18);
}

.cb-legal-kpi__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.cb-legal-kpi__panel-copy {
    display: grid;
    gap: 10px;
}

.cb-legal-kpi__panel-label {
    margin: 0;
    color: var(--camels-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-legal-kpi__services {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 560px;
}

.cb-legal-kpi__service-pill {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(246, 90, 3, 0.12);
    border-radius: 999px;
    background: #fff8f2;
    color: var(--camels-text-strong);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.cb-legal-kpi__table-wrap {
    margin-top: 6px;
    position: relative;
}

.cb-legal-kpi__table-wrap--collapsed .cb-legal-kpi__matrix-row--extra {
    display: none;
}

.cb-legal-kpi__actions {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.cb-legal-kpi__sticky-head {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 40;
    pointer-events: none;
}

.cb-legal-kpi__sticky-head[hidden] {
    display: none !important;
}

.cb-legal-kpi__sticky-head .cb-legal-kpi__matrix-row {
    display: grid;
    min-width: 0;
}

.cb-legal-kpi__expand-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 22px;
    border: 1px solid rgba(246, 90, 3, 0.28);
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.08);
    color: var(--camels-accent);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.cb-legal-kpi__expand-btn[hidden],
.cb-legal-kpi__actions[hidden] {
    display: none !important;
}

.cb-legal-kpi__expand-btn:hover {
    background: rgba(246, 90, 3, 0.14);
    border-color: rgba(246, 90, 3, 0.45);
}

.cb-legal-kpi__matrix-table.cb-staffing__econ-table {
    --cb-legal-kpi-country-col: minmax(164px, 1.45fr);
    --cb-legal-kpi-metric-col: minmax(74px, 1fr);
    margin-bottom: 0;
    border-color: rgba(33, 46, 68, 0.12);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(246, 248, 250, 0.96) 0%, #ffffff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
    overflow: visible;
    width: 100%;
}

.cb-legal-kpi__matrix-row {
    display: grid;
    grid-template-columns: var(--cb-legal-kpi-country-col) repeat(12, var(--cb-legal-kpi-metric-col));
    min-width: 0;
}

.cb-legal-kpi__matrix-table .cb-staffing__econ-cell {
    padding: 16px 14px;
    font-size: 15px;
    color: var(--camels-text-strong);
    justify-content: center;
    background: rgba(255, 255, 255, 0.92);
    font-variant-numeric: tabular-nums;
    min-width: 0;
    width: 100%;
}

.cb-legal-kpi__matrix-cell--country {
    justify-content: flex-start;
    text-align: left;
}

.cb-legal-kpi__matrix-cell--group {
    grid-column: span 3;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cb-legal-kpi__matrix-cell--metric-head {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cb-legal-kpi__matrix-cell--country-value {
    font-weight: 800;
}

.cb-legal-kpi__matrix-cell--placeholder {
    color: transparent;
}

.cb-legal-kpi__matrix-row--head-primary .cb-staffing__econ-cell {
    min-height: 60px;
    background: var(--camels-primary-5);
}

.cb-legal-kpi__matrix-row--head-secondary .cb-staffing__econ-cell {
    min-height: 56px;
    background: #eef2f6;
}

.cb-legal-kpi__matrix-row--head-primary .cb-staffing__econ-cell,
.cb-legal-kpi__matrix-row--head-secondary .cb-staffing__econ-cell {
    position: sticky;
    box-shadow: 0 1px 0 rgba(33, 46, 68, 0.08);
}

.cb-legal-kpi__matrix-row--head-primary .cb-staffing__econ-cell {
    top: var(--cb-legal-kpi-sticky-top);
    z-index: 20;
}

.cb-legal-kpi__matrix-row--head-secondary .cb-staffing__econ-cell {
    top: var(--cb-legal-kpi-sticky-secondary-top);
    z-index: 19;
}

.cb-legal-kpi__matrix-row--head-primary .cb-legal-kpi__matrix-cell--group,
.cb-legal-kpi__matrix-row--head-secondary .cb-legal-kpi__matrix-cell--metric-head {
    justify-content: center;
    text-align: center;
}

.cb-legal-kpi__matrix-row:not(.cb-legal-kpi__matrix-row--head-primary):not(.cb-legal-kpi__matrix-row--head-secondary):nth-child(even) .cb-staffing__econ-cell {
    background: #f9fbfc;
}

.cb-legal-kpi__matrix-row:not(.cb-legal-kpi__matrix-row--head-primary):not(.cb-legal-kpi__matrix-row--head-secondary):hover .cb-staffing__econ-cell {
    background: #fff4eb;
}

/* ==========================================================================
   Responsive: cb-legal-kpi
   ========================================================================== */

@media (max-width: 1200px) {
    .cb-legal-kpi__panel-head {
        flex-direction: column;
    }

    .cb-legal-kpi__services {
        justify-content: flex-start;
        max-width: none;
    }
}

@media (max-width: 991px) {
    .cb-legal-kpi {
        padding: 88px 20px;
    }

    .cb-legal-kpi__benefits {
        flex-direction: column;
    }

    .cb-legal-kpi__panel {
        padding: 24px;
    }

    .cb-legal-kpi__matrix-table.cb-staffing__econ-table {
        --cb-legal-kpi-country-col: minmax(156px, 1.35fr);
        --cb-legal-kpi-metric-col: minmax(70px, 1fr);
    }

    .cb-legal-kpi__matrix-table .cb-staffing__econ-cell {
        padding: 14px 12px;
        font-size: 14px;
    }

    .cb-legal-kpi__matrix-cell--group {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .cb-legal-kpi {
        padding: 72px 16px;
    }

    .cb-legal-kpi__header {
        margin-bottom: 40px;
    }

    .cb-legal-kpi__eyebrow {
        font-size: 12px;
        letter-spacing: 0.04em;
    }

    .cb-legal-kpi__title {
        font-size: 32px;
    }

    .cb-legal-kpi__subtitle {
        font-size: 16px;
    }

    .cb-legal-kpi__benefit-item {
        padding: 14px 16px;
    }

    .cb-legal-kpi__section-title {
        font-size: 22px;
    }

    .cb-legal-kpi__panel {
        padding: 20px;
        border-radius: 24px;
    }

    .cb-legal-kpi__tab {
        width: 100%;
        padding: 12px 16px;
        font-size: 13px;
    }

    .cb-legal-kpi__services {
        gap: 8px;
    }

    .cb-legal-kpi__service-pill {
        min-height: 34px;
        padding: 7px 12px;
        font-size: 13px;
    }

    .cb-legal-kpi__table-wrap {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .cb-legal-kpi__sticky-head {
        display: none !important;
    }

    .cb-legal-kpi__actions {
        margin-top: 14px;
    }

    .cb-legal-kpi__expand-btn {
        width: 100%;
        min-height: 44px;
        font-size: 14px;
    }

    .cb-legal-kpi__matrix-table.cb-staffing__econ-table {
        --cb-legal-kpi-country-col: 152px;
        --cb-legal-kpi-metric-col: 82px;
        border-radius: 18px;
    }

    .cb-legal-kpi__matrix-row {
        min-width: 1136px;
    }

    .cb-legal-kpi__matrix-table .cb-staffing__econ-cell {
        padding: 12px 10px;
        font-size: 13px;
    }

    .cb-legal-kpi__matrix-cell--group {
        font-size: 12px;
        letter-spacing: 0.03em;
    }

    .cb-legal-kpi__matrix-cell--metric-head {
        font-size: 12px;
    }

    .cb-legal-kpi__matrix-row--head-primary .cb-staffing__econ-cell,
    .cb-legal-kpi__matrix-row--head-secondary .cb-staffing__econ-cell {
        position: relative;
        top: auto;
        box-shadow: none;
    }
}

/* Block 12. Сеть партнёров-производителей */
.cb-legal-network {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 16%, rgba(246, 90, 3, 0.1) 0%, transparent 24%),
        radial-gradient(circle at 88% 18%, rgba(67, 89, 126, 0.08) 0%, transparent 28%),
        linear-gradient(180deg, #fff8f2 0%, #fbfbfc 44%, #f4f6f9 100%);
}

.cb-legal-network__bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(67, 89, 126, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(67, 89, 126, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
    pointer-events: none;
}

.cb-legal-network__inner {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.cb-legal-network__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 36px;
}

.cb-legal-network__eyebrow,
.cb-legal-booster__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 12px 30px rgba(33, 46, 68, 0.06);
    color: var(--camels-accent);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}

.cb-legal-network__title,
.cb-legal-booster__title {
    margin: 0;
    color: var(--camels-text);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.cb-legal-network__title span {
    color: var(--camels-accent);
}

.cb-legal-network__lead,
.cb-legal-booster__lead {
    margin: 18px 0 0;
    max-width: 640px;
    color: var(--camels-muted);
    font-size: 17px;
    line-height: 1.65;
}

.cb-legal-network__highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.cb-legal-network__highlight {
    min-height: 110px;
    padding: 18px 20px;
    border-radius: 24px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.58));
    box-shadow: 0 18px 40px rgba(33, 46, 68, 0.08);
}

.cb-legal-network__highlight span {
    display: block;
    margin-bottom: 10px;
    color: var(--camels-muted-alt);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.cb-legal-network__highlight strong {
    display: block;
    color: var(--camels-text);
    font-size: 18px;
    line-height: 1.45;
}

.cb-legal-network__steps-shell {
    margin-bottom: 28px;
    padding: 30px;
    border-radius: 30px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.72));
    box-shadow: 0 24px 50px rgba(33, 46, 68, 0.08);
}

.cb-legal-network__subtitle,
.cb-legal-booster__subtitle {
    margin: 0 0 20px;
    color: var(--camels-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
}

.cb-legal-network__steps-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.cb-legal-network__step {
    position: relative;
    min-height: 180px;
    padding: 24px 22px;
    border-radius: 24px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(249, 250, 252, 0.78));
}

.cb-legal-network__step-number {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--camels-accent), var(--camels-accent-warm));
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    box-shadow: 0 16px 24px rgba(246, 90, 3, 0.18);
    margin-bottom: 18px;
}

.cb-legal-network__step-text {
    margin: 0;
    color: var(--camels-text);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.cb-legal-network__panel-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    gap: 24px;
}

.cb-legal-network__rules-card,
.cb-legal-network__map-card,
.cb-legal-booster__card,
.cb-legal-booster__info-box {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72));
    box-shadow: 0 24px 50px rgba(33, 46, 68, 0.08);
}

.cb-legal-network__rules-card {
    padding: 28px;
}

.cb-legal-network__rules-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 14px;
}

.cb-legal-network__rule {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(67, 89, 126, 0.1);
}

.cb-legal-network__rule-icon {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 16px;
}

.cb-legal-network__rule--negative .cb-legal-network__rule-icon {
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
}

.cb-legal-network__rule--positive .cb-legal-network__rule-icon,
.cb-legal-network__rule--shield .cb-legal-network__rule-icon {
    background: rgba(67, 89, 126, 0.08);
    color: var(--camels-text-strong);
}

.cb-legal-network__rule-text {
    color: var(--camels-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.cb-legal-network__map-card {
    padding: 30px 28px;
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.12) 0%, transparent 34%),
        linear-gradient(180deg, rgba(255, 249, 245, 0.96), rgba(255, 255, 255, 0.82));
}

.cb-legal-network__map-badge {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.1);
    color: var(--camels-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.cb-legal-network__map-icon {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--camels-accent), var(--camels-accent-warm));
    color: #fff;
    font-size: 28px;
    box-shadow: 0 20px 32px rgba(246, 90, 3, 0.18);
    margin-bottom: 18px;
}

.cb-legal-network__map-card h3 {
    margin: 0 0 12px;
    color: var(--camels-text);
    font-size: 26px;
    line-height: 1.2;
}

.cb-legal-network__map-card p {
    margin: 0 0 18px;
    color: var(--camels-muted);
    font-size: 16px;
    line-height: 1.65;
}

.cb-legal-network__map-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cb-legal-network__map-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(67, 89, 126, 0.08);
    color: var(--camels-text-strong);
    font-size: 13px;
    font-weight: 700;
}

/* Block 14. Partner Booster */
.cb-legal-booster {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(246, 90, 3, 0.08) 0%, transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(67, 89, 126, 0.08) 0%, transparent 26%),
        linear-gradient(180deg, #f7f8fb 0%, #f2f4f7 100%);
}

.cb-legal-booster__bg-glow {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 88% 18%, rgba(246, 90, 3, 0.1) 0%, transparent 24%),
        radial-gradient(circle at 18% 78%, rgba(67, 89, 126, 0.06) 0%, transparent 24%);
}

.cb-legal-booster__inner {
    position: relative;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.cb-legal-booster__hero {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 36px;
}

.cb-legal-booster__hero-note {
    padding: 22px 24px;
    border-radius: 26px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.7));
    box-shadow: 0 18px 40px rgba(33, 46, 68, 0.08);
}

.cb-legal-booster__hero-note span {
    display: block;
    margin-bottom: 10px;
    color: var(--camels-accent);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.cb-legal-booster__hero-note strong {
    display: block;
    color: var(--camels-text);
    font-size: 18px;
    line-height: 1.5;
}

.cb-legal-booster__modes {
    margin-bottom: 28px;
}

.cb-legal-booster__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cb-legal-booster__card {
    padding: 26px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.cb-legal-booster__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 30px 66px rgba(33, 46, 68, 0.12);
}

.cb-legal-booster__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--camels-accent), var(--camels-accent-warm));
}

.cb-legal-booster__card--pro {
    border-color: rgba(246, 90, 3, 0.16);
    background: linear-gradient(180deg, rgba(255, 249, 245, 0.94), rgba(255, 255, 255, 0.74));
}

.cb-legal-booster__pro-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(246, 90, 3, 0.12);
    color: var(--camels-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.cb-legal-booster__card-meta {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(67, 89, 126, 0.08);
    color: var(--camels-text-strong);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.cb-legal-booster__card-title {
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--camels-text);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.cb-legal-booster__card-title i {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(246, 90, 3, 0.14), rgba(246, 120, 3, 0.08));
    color: var(--camels-accent);
    font-size: 20px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.cb-legal-booster__card-desc {
    margin: 0;
    color: var(--camels-muted);
    font-size: 16px;
    line-height: 1.65;
}

.cb-legal-booster__info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.cb-legal-booster__info-box {
    padding: 28px;
}

.cb-legal-booster__info-box h4 {
    margin: 0 0 16px;
    color: var(--camels-text);
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
}

.cb-legal-booster__info-box p {
    margin: 0 0 16px;
    color: var(--camels-muted);
    font-size: 16px;
    line-height: 1.65;
}

.cb-legal-booster__activation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 12px;
}

.cb-legal-booster__activation li {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    color: var(--camels-text);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.cb-legal-booster__activation li i {
    color: var(--camels-accent);
    margin-top: 3px;
}

.cb-legal-booster__or-text {
    margin: 14px 0;
    text-align: center;
    color: var(--camels-muted-alt);
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.cb-legal-booster__cost-table {
    margin-top: 18px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(67, 89, 126, 0.1);
    background: rgba(255, 255, 255, 0.8);
}

.cb-legal-booster__cost-row,
.cb-legal-booster__cost-footer {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
}

.cb-legal-booster__cost-row {
    border-bottom: 1px solid rgba(67, 89, 126, 0.08);
}

.cb-legal-booster__cost-footer {
    background: rgba(246, 90, 3, 0.06);
}

.cb-legal-booster__cost-task {
    color: var(--camels-text);
    font-size: 16px;
    line-height: 1.5;
}

.cb-legal-booster__cost-time {
    color: var(--camels-text-strong);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}

/* Block 15. FAQ */
.cb-legal-faq { background: #fff; padding: 80px 0; }
.cb-legal-faq__inner { max-width: 900px; margin: 0 auto; }
.cb-legal-faq__eyebrow { font-size: 14px; text-transform: uppercase; color: var(--cb-legal-color-accent, #1a237e); font-weight: 700; margin-bottom: 10px; text-align: center; }
.cb-legal-faq__title { font-size: 36px; margin-bottom: 60px; font-weight: 800; text-align: center; line-height: 1.2; }
.cb-legal-faq__accordion { border-top: 1px solid #eaecf0; }
.cb-legal-faq__item { border-bottom: 1px solid #eaecf0; }
.cb-legal-faq__question { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 25px 0; background: transparent; border: none; font-size: 18px; font-weight: 700; color: #111827; text-align: left; cursor: pointer; transition: color 0.3s ease; }
.cb-legal-faq__question:hover { color: var(--cb-legal-color-accent, #1a237e); }
.cb-legal-faq__question i { font-size: 14px; transition: transform 0.3s ease; color: #9ca3af; }
.cb-legal-faq__item--active .cb-legal-faq__question i { transform: rotate(180deg); color: var(--cb-legal-color-accent, #1a237e); }
.cb-legal-faq__answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; padding: 0; color: #4b5563; font-size: 16px; line-height: 1.6; }
.cb-legal-faq__item--active .cb-legal-faq__answer { max-height: 800px; padding: 0 0 25px 0; }
.cb-legal-faq__answer ul { margin: 10px 0; padding-left: 20px; }
.cb-legal-faq__answer li { margin-bottom: 8px; }
.cb-legal-faq__answer p { margin-bottom: 15px; }
.cb-legal-faq__answer p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .cb-legal-network__hero,
    .cb-legal-booster__hero,
    .cb-legal-network__panel-grid,
    .cb-legal-booster__info-grid,
    .cb-legal-booster__cards {
        grid-template-columns: 1fr;
    }

    .cb-legal-network__steps-grid {
        grid-template-columns: 1fr 1fr;
    }

    .cb-legal-network__title,
    .cb-legal-booster__title,
    .cb-legal-faq__title {
        font-size: 28px;
    }

    .cb-legal-network__steps-shell,
    .cb-legal-network__rules-card,
    .cb-legal-network__map-card,
    .cb-legal-booster__card,
    .cb-legal-booster__info-box {
        padding: 22px;
        border-radius: 24px;
    }

    .cb-legal-booster__card-title {
        font-size: 24px;
    }

    .cb-legal-booster__info-box h4,
    .cb-legal-network__map-card h3 {
        font-size: 22px;
    }

    .cb-legal-faq__question { font-size: 16px; padding: 20px 0; }
}

@media (max-width: 576px) {
    .cb-legal-network,
    .cb-legal-booster {
        padding: 80px 0;
    }

    .cb-legal-network__inner,
    .cb-legal-booster__inner {
        padding: 0 16px;
    }

    .cb-legal-network__steps-grid {
        grid-template-columns: 1fr;
    }

    .cb-legal-network__step {
        min-height: 0;
    }

    .cb-legal-network__highlight strong,
    .cb-legal-booster__hero-note strong,
    .cb-legal-booster__cost-row,
    .cb-legal-booster__cost-footer {
        font-size: 15px;
    }

    .cb-legal-booster__cost-row,
    .cb-legal-booster__cost-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ========================================================================= */
/* LEGAL IMMIGRATION PARTNERS - NEW BLOCKS (17, 20, 16)                      */
/* Added per user request with unique backgrounds and professional UI/UX     */
/* ========================================================================= */

:root {
  --cb-legal-primary: #0f172a;
  --cb-legal-primary-hover: #1e293b;
  --cb-legal-accent: #2563eb;
  --cb-legal-accent-hover: #1d4ed8;
  --cb-legal-text: #334155;
  --cb-legal-text-light: #64748b;
  --cb-legal-bg-light: #f8fafc;
  --cb-legal-bg-white: #ffffff;
  --cb-legal-border: #e2e8f0;
  --cb-legal-radius: 12px;
  --cb-legal-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --cb-legal-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.cb-legal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 600;
  border-radius: var(--cb-legal-radius);
  text-decoration: none;
  transition: all 0.3s ease;
  line-height: 1.4;
  cursor: pointer;
  border: none;
}

.cb-legal-btn--primary {
  background: var(--cb-legal-accent);
  color: #fff;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}
.cb-legal-btn--primary:hover {
  background: var(--cb-legal-accent-hover);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.4);
}

.cb-legal-btn--secondary {
  background: transparent;
  color: var(--cb-legal-primary);
  border: 1px solid var(--cb-legal-border);
}
.cb-legal-btn--secondary:hover {
  background: var(--cb-legal-bg-light);
  color: var(--cb-legal-primary);
  border-color: #cbd5e1;
}

.cb-legal-btn--glow {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: 0 0 15px rgba(255,255,255,0.1);
}
.cb-legal-btn--glow:hover {
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 25px rgba(255,255,255,0.2);
  color: #fff;
}

/* --- Block 17: Scenarios --- */
.cb-legal-scenarios {
    position: relative;
    padding: 104px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(246, 90, 3, 0.12) 0%, transparent 24%),
    radial-gradient(circle at 92% 18%, rgba(246, 90, 3, 0.05) 0%, transparent 28%),
    linear-gradient(180deg, #fff9f5 0%, #fcfbf8 42%, #f7f5f1 100%);
}

.cb-legal-scenarios__bg-pattern {
  position: absolute;
    inset: 0;
  background-image:
        linear-gradient(rgba(67, 89, 126, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(67, 89, 126, 0.05) 1px, transparent 1px);
    background-size: 56px 56px;
  z-index: 0;
    pointer-events: none;
}
.cb-legal-scenarios__bg-pattern::after {
  content: '';
    position: absolute;
    inset: 0;
  background:
        radial-gradient(circle at 0% 0%, rgba(246, 90, 3, 0.1) 0%, transparent 32%),
                radial-gradient(circle at 100% 100%, rgba(246, 90, 3, 0.06) 0%, transparent 30%);
    pointer-events: none;
}

.cb-legal-scenarios__inner {
  position: relative;
  z-index: 1;
    max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.cb-legal-scenarios__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(246, 90, 3, 0.18);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 30px rgba(33, 46, 68, 0.06);
    font-size: 13px;
  font-weight: 700;
    color: var(--camels-accent);
  text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}

.cb-legal-scenarios__headline {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 40px;
}

.cb-legal-scenarios__intro {
    max-width: 760px;
}

.cb-legal-scenarios__title {
    margin: 0;
    font-size: clamp(34px, 4vw, 52px);
  font-weight: 800;
    color: var(--camels-text);
    line-height: 1.04;
    letter-spacing: -0.03em;
    text-wrap: balance;
}
.cb-legal-scenarios__title span {
    color: var(--camels-accent);
}

.cb-legal-scenarios__lead {
    margin: 18px 0 0;
    max-width: 640px;
    font-size: 17px;
    line-height: 1.65;
    color: var(--camels-muted);
}

.cb-legal-scenarios__summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.cb-legal-scenarios__summary-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 146px;
    padding: 18px 18px 20px;
    border-radius: 24px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.56));
    box-shadow: 0 18px 40px rgba(33, 46, 68, 0.08);
}

.cb-legal-scenarios__summary-item span {
    color: rgba(246, 90, 3, 0.38);
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
}

.cb-legal-scenarios__summary-item strong {
    color: var(--camels-text);
    font-size: 16px;
    line-height: 1.45;
}

.cb-legal-scenarios__layout {
  display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
  gap: 32px;
  align-items: start;
}

.cb-legal-scenarios__cards {
    display: grid;
  gap: 24px;
}

.cb-legal-scenarios__card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 26px;
    border: 1px solid rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72));
    box-shadow: 0 24px 50px rgba(33, 46, 68, 0.09);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cb-legal-scenarios__card:hover {
  transform: translateY(-4px);
    box-shadow: 0 30px 66px rgba(33, 46, 68, 0.13);
}

.cb-legal-scenarios__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
}

.cb-legal-scenarios__card--burn::before {
    background: linear-gradient(90deg, #f65a03 0%, #f67803 100%);
}

.cb-legal-scenarios__card--dialogue::before {
    background: linear-gradient(90deg, #f65a03 0%, #f67803 100%);
}

.cb-legal-scenarios__card--compliance::before {
    background: linear-gradient(90deg, #f65a03 0%, #f67803 100%);
}

.cb-legal-scenarios__card-top {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 18px;
}

.cb-legal-scenarios__card-index,
.cb-legal-scenarios__card-tag {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.cb-legal-scenarios__card-index {
    color: var(--camels-accent);
    background: rgba(246, 90, 3, 0.1);
}

.cb-legal-scenarios__card-tag {
    color: var(--camels-text-strong);
    background: rgba(67, 89, 126, 0.08);
}

.cb-legal-scenarios__card-head {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    margin-bottom: 22px;
}

.cb-legal-scenarios__card-icon {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.cb-legal-scenarios__card--burn .cb-legal-scenarios__card-icon {
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.14), rgba(246, 120, 3, 0.1));
    color: var(--camels-accent);
}

.cb-legal-scenarios__card--dialogue .cb-legal-scenarios__card-icon {
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.14), rgba(246, 120, 3, 0.1));
    color: var(--camels-accent);
}

.cb-legal-scenarios__card--compliance .cb-legal-scenarios__card-icon {
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.14), rgba(246, 120, 3, 0.1));
    color: var(--camels-accent);
}

.cb-legal-scenarios__card-head h3 {
    margin: 0;
    color: var(--camels-text);
    font-size: 28px;
  font-weight: 700;
    line-height: 1.24;
}

.cb-legal-scenarios__card-sections {
    display: grid;
    gap: 14px;
}

.cb-legal-scenarios__case-section {
    padding: 16px 18px;
    border-radius: 20px;
    border: 1px solid transparent;
}

.cb-legal-scenarios__case-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: var(--camels-text);
    font-size: 14px;
    font-weight: 700;
}

.cb-legal-scenarios__case-section p {
    margin: 0;
    color: var(--camels-text-strong);
    font-size: 15px;
    line-height: 1.65;
}

.cb-legal-scenarios__case-section.problem {
    border-color: rgba(246, 90, 3, 0.12);
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.08), rgba(246, 90, 3, 0.03));
}
.cb-legal-scenarios__case-section.problem .cb-legal-scenarios__case-label {
    color: #c2410c;
}

.cb-legal-scenarios__case-section.fact {
    border-color: rgba(67, 89, 126, 0.12);
    background: linear-gradient(180deg, rgba(67, 89, 126, 0.045), rgba(255, 255, 255, 0.78));
}
.cb-legal-scenarios__case-section.fact .cb-legal-scenarios__case-label {
    color: var(--camels-text-strong);
}

.cb-legal-scenarios__case-section.solution {
    border-color: rgba(246, 90, 3, 0.12);
    background: linear-gradient(180deg, rgba(246, 90, 3, 0.06), rgba(255, 255, 255, 0.72));
}
.cb-legal-scenarios__case-section.solution .cb-legal-scenarios__case-label {
    color: var(--camels-accent);
}

.cb-legal-scenarios__case-section.solution em {
  display: block;
    margin-top: 10px;
  font-size: 14px;
        color: #9a3412;
    font-style: normal;
    font-weight: 600;
}

.cb-legal-scenarios__mistake {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
    padding: 14px 18px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(127, 29, 29, 0.06), rgba(127, 29, 29, 0.03));
    border: 1px dashed rgba(127, 29, 29, 0.18);
}

.cb-legal-scenarios__mistake-label {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(127, 29, 29, 0.08);
    color: #991b1b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cb-legal-scenarios__mistake p {
    margin: 0;
    color: #7f1d1d;
    font-size: 14px;
    font-style: italic;
    line-height: 1.6;
}

/* Calculator Sidebar */
.cb-legal-scenarios__sidebar {
  position: sticky;
    top: 88px;
}

.cb-legal-scenarios__calc {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(246, 90, 3, 0.2) 0%, transparent 28%),
        linear-gradient(180deg, #223455 0%, #25293a 100%);
  color: #fff;
    box-shadow: 0 30px 60px rgba(33, 46, 68, 0.18);
}

.cb-legal-scenarios__calc::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: 0.4;
    pointer-events: none;
}

.cb-legal-scenarios__calc-eyebrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin: 20px 24px 0;
    min-height: 32px;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #dbeafe;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cb-legal-scenarios__calc-header {
    position: relative;
    z-index: 1;
    padding: 18px 24px 0;
  display: flex;
    align-items: flex-start;
  gap: 12px;
}
.cb-legal-scenarios__calc-header i {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(246, 90, 3, 0.16);
    color: #ffd7c1;
    font-size: 18px;
    flex-shrink: 0;
}

.cb-legal-scenarios__calc-header strong {
    display: block;
    font-size: 24px;
    line-height: 1.2;
}

.cb-legal-scenarios__calc-header span {
    display: block;
    margin-top: 6px;
    color: rgba(219, 234, 254, 0.74);
    font-size: 14px;
    line-height: 1.5;
}

.cb-legal-scenarios__calc-body {
    position: relative;
    z-index: 1;
    padding: 22px 24px 24px;
}

.cb-legal-scenarios__calc-signals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.cb-legal-scenarios__calc-signal {
    padding: 14px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
}

.cb-legal-scenarios__calc-signal span {
    display: block;
    margin-bottom: 8px;
    color: rgba(219, 234, 254, 0.7);
    font-size: 12px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.cb-legal-scenarios__calc-signal strong {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
}

.cb-legal-scenarios__formula-box {
    border-radius: 22px;
    padding: 18px;
    margin-bottom: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
}
.cb-legal-scenarios__formula-box--alert {
    background: rgba(246, 90, 3, 0.08);
    border-color: rgba(246, 90, 3, 0.14);
}
.cb-legal-scenarios__formula-box .formula-label {
  display: block;
    margin-bottom: 10px;
    color: rgba(219, 234, 254, 0.64);
    font-size: 12px;
  text-transform: uppercase;
    letter-spacing: 0.08em;
}
.cb-legal-scenarios__formula-box .formula-value {
  display: block;
    font-size: 18px;
  font-weight: 600;
  color: #fff;
    line-height: 1.55;
}
.cb-legal-scenarios__formula-box .multiply {
    color: rgba(219, 234, 254, 0.6);
  margin: 0 4px;
}
.cb-legal-scenarios__calc-note {
  font-size: 14px;
    color: rgba(219, 234, 254, 0.75);
    line-height: 1.65;
    margin: 18px 0 16px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cb-legal-scenarios__calc-checklist {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.cb-legal-scenarios__calc-checklist li {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #e8eef6;
    font-size: 14px;
    line-height: 1.5;
}

.cb-legal-scenarios__calc-checklist i {
    width: 20px;
    color: #ffd6bf;
    text-align: center;
}

.cb-legal-scenarios__calc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  width: 100%;
    min-height: 56px;
    text-align: center;
    background: linear-gradient(135deg, var(--camels-accent), var(--camels-accent-warm));
  color: #fff;
    padding: 14px 18px;
    border-radius: 18px;
  font-weight: 600;
  text-decoration: none;
    box-shadow: 0 18px 30px rgba(246, 90, 3, 0.24);
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.cb-legal-scenarios__calc-btn:hover {
    background: linear-gradient(135deg, var(--camels-accent-hover), var(--camels-accent));
  color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 24px 36px rgba(246, 90, 3, 0.3);
}

@media (max-width: 1199px) {
    .cb-legal-scenarios__headline {
        grid-template-columns: 1fr;
    }

    .cb-legal-scenarios__summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .cb-legal-scenarios {
        padding: 84px 0;
    }

  .cb-legal-scenarios__layout {
    grid-template-columns: 1fr;
  }

    .cb-legal-scenarios__summary {
        grid-template-columns: 1fr;
    }

    .cb-legal-scenarios__card-head h3 {
        font-size: 24px;
  }

  .cb-legal-scenarios__sidebar {
    position: static;
  }

    .cb-legal-scenarios__calc-signals {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .cb-legal-scenarios__inner {
        padding: 0 16px;
    }

    .cb-legal-scenarios__card,
    .cb-legal-scenarios__calc {
        border-radius: 24px;
    }

    .cb-legal-scenarios__card {
        padding: 20px;
    }

    .cb-legal-scenarios__card-head {
        grid-template-columns: 1fr;
    }

    .cb-legal-scenarios__card-icon {
        width: 56px;
        height: 56px;
        border-radius: 18px;
    }

    .cb-legal-scenarios__card-head h3 {
        font-size: 22px;
    }

    .cb-legal-scenarios__lead {
        font-size: 15px;
    }

    .cb-legal-scenarios__formula-box .formula-value {
        font-size: 16px;
    }
}

/* --- Block 20: Exclusivity (Redesign) --- */
.cb-legal-exclusivity {
    position: relative;
    padding: 112px 0;
    color: #fff;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 20%, rgba(56, 189, 248, 0.16) 0%, transparent 26%),
        radial-gradient(circle at 85% 10%, rgba(59, 130, 246, 0.22) 0%, transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(168, 85, 247, 0.18) 0%, transparent 30%),
        linear-gradient(135deg, #020617 0%, #081225 38%, #0b1730 62%, #09111f 100%);
}

.cb-legal-exclusivity::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 92%);
    pointer-events: none;
    z-index: 0;
}

.cb-legal-exclusivity::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0), rgba(2, 6, 23, 0.82) 58%, #020617 100%);
    pointer-events: none;
    z-index: 1;
}

.cb-legal-exclusivity__bg-glow {
    position: absolute;
    inset: -10% auto auto 50%;
    width: 960px;
    height: 520px;
    transform: translateX(-50%);
    background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.42) 0%, rgba(59, 130, 246, 0.12) 32%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.cb-legal-exclusivity__bg-glow::after {
    content: '';
    position: absolute;
    inset: auto 10% -140px auto;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.25) 0%, transparent 72%);
}

.cb-legal-exclusivity__bg-stars {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.16) 1px, transparent 0),
        radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.08) 1px, transparent 0);
    background-size: 86px 86px, 34px 34px;
    background-position: 0 0, 20px 18px;
    opacity: 0.55;
    pointer-events: none;
    z-index: 0;
}

.cb-legal-exclusivity__orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(90px);
    opacity: 0.55;
    pointer-events: none;
    z-index: 0;
}

.cb-legal-exclusivity__orb--left {
    left: -100px;
    top: 240px;
    width: 240px;
    height: 240px;
    background: rgba(34, 197, 94, 0.16);
}

.cb-legal-exclusivity__orb--right {
    right: -80px;
    top: 120px;
    width: 220px;
    height: 220px;
    background: rgba(14, 165, 233, 0.18);
}

.cb-legal-exclusivity__shell {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.cb-legal-exclusivity__hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 40px;
}

.cb-legal-exclusivity__title {
    margin: 0 0 14px;
    font-size: var(--fs-description);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.cb-legal-exclusivity__subtitle {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 14px 18px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.54));
    backdrop-filter: blur(16px);
    color: #dbeafe;
    font-size: var(--fs-description-alt);
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.cb-legal-exclusivity__layout {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
    gap: 28px;
    align-items: start;
}

.cb-legal-exclusivity__stack {
    display: grid;
    gap: 22px;
}

.cb-legal-exclusivity__panel,
.cb-legal-exclusivity__dashboard {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(9, 17, 31, 0.92), rgba(15, 23, 42, 0.72));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 26px 80px rgba(2, 6, 23, 0.36);
    backdrop-filter: blur(20px);
}

.cb-legal-exclusivity__panel {
    padding: 28px;
}

.cb-legal-exclusivity__panel h3,
.cb-legal-exclusivity__levels h3 {
    margin: 0 0 22px;
    font-size: 22px;
    line-height: 1.25;
    color: #f8fafc;
}

.cb-legal-exclusivity__why-list {
    display: grid;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cb-legal-exclusivity__why-item {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.66), rgba(15, 23, 42, 0.34));
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.cb-legal-exclusivity__why-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.28), rgba(56, 189, 248, 0.16));
    color: #93c5fd;
    font-size: 24px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cb-legal-exclusivity__why-body strong {
    display: block;
    margin-bottom: 8px;
    color: #eff6ff;
    font-size: 17px;
    line-height: 1.35;
}

.cb-legal-exclusivity__why-body p {
    margin: 0;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1.65;
}

.cb-legal-exclusivity__rules-list {
    display: grid;
    gap: 14px;
}

.cb-legal-exclusivity__rule {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: #d6e3f1;
    font-size: 15px;
    line-height: 1.6;
}

.cb-legal-exclusivity__rule span {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.28), rgba(37, 99, 235, 0.14));
    color: #f8fafc;
    font-size: 16px;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.cb-legal-exclusivity__rule-text strong {
    color: #f8fafc;
}

.cb-legal-exclusivity__dashboard {
    padding: 28px;
}

.cb-legal-exclusivity__stage {
    position: relative;
    margin-bottom: 28px;
    padding: 22px;
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.5));
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.cb-legal-exclusivity__stage-ring {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(96, 165, 250, 0.14);
    pointer-events: none;
}

.cb-legal-exclusivity__stage-ring--one {
    inset: 8% 8% 12% 8%;
}

.cb-legal-exclusivity__stage-ring--two {
    inset: 16% 14% 18% 14%;
}

.cb-legal-exclusivity__map-wrapper {
    position: relative;
    min-height: 318px;
    padding: 18px;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.65), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(148, 163, 184, 0.12);
    overflow: hidden;
}

.cb-legal-exclusivity__map-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 1), transparent 85%);
}

.cb-legal-exclusivity__map-graphic {
    position: relative;
    min-height: 282px;
    border-radius: 18px;
    background:
        radial-gradient(circle at 20% 30%, rgba(96, 165, 250, 0.12), transparent 26%),
        radial-gradient(circle at 68% 58%, rgba(34, 197, 94, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.2), rgba(15, 23, 42, 0));
}

.cb-legal-exclusivity__route {
    position: absolute;
    display: block;
    border-top: 1px dashed rgba(148, 163, 184, 0.34);
    transform-origin: left center;
    opacity: 0.8;
}

.cb-legal-exclusivity__route--one {
    top: 34%;
    left: 31%;
    width: 43%;
    transform: rotate(11deg);
}

.cb-legal-exclusivity__route--two {
    top: 46%;
    left: 35%;
    width: 23%;
    transform: rotate(59deg);
}

.map-node {
    position: absolute;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    z-index: 2;
}

.map-node::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 999px;
    display: block;
}

.map-node span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(2, 6, 23, 0.84);
    backdrop-filter: blur(10px);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(2, 6, 23, 0.3);
}

.map-node--active::before {
    background: #f87171;
    box-shadow: 0 0 0 6px rgba(248, 113, 113, 0.14), 0 0 24px rgba(248, 113, 113, 0.7);
}

.map-node--active span {
    color: #fecaca;
}

.map-node--free::before {
    background: #4ade80;
    box-shadow: 0 0 0 6px rgba(74, 222, 128, 0.12), 0 0 24px rgba(74, 222, 128, 0.44);
}

.map-node--free span {
    color: #dcfce7;
}

.map-node--active .pulse {
    position: absolute;
    top: 0;
    left: 50%;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: rgba(248, 113, 113, 0.58);
    transform: translateX(-50%);
    animation: radar-pulse 2s infinite;
}

@keyframes radar-pulse {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 0.9;
    }

    100% {
        transform: translateX(-50%) scale(4.2);
        opacity: 0;
    }
}

.cb-legal-exclusivity__levels-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.cb-legal-exclusivity__level-card {
    min-height: 100%;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(148, 163, 184, 0.14);
}

.cb-legal-exclusivity__level-card h4 {
    margin: 0 0 10px;
    color: #f8fafc;
    font-size: 15px;
    line-height: 1.45;
}

.cb-legal-exclusivity__level-card p {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.62;
}

.cb-legal-exclusivity__action {
    margin-top: 22px;
}

.cb-legal-exclusivity__action .cb-legal-btn {
    width: 100%;
    min-height: 56px;
    font-size: 16px;
}

@media (max-width: 1199px) {
    .cb-legal-exclusivity__layout {
        grid-template-columns: 1fr;
    }

    .cb-legal-exclusivity__hero {
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    .cb-legal-exclusivity {
        padding: 88px 0;
    }

    .cb-legal-exclusivity__hero {
        flex-direction: column;
        margin-bottom: 28px;
    }

    .cb-legal-exclusivity__dashboard,
    .cb-legal-exclusivity__panel {
        padding: 22px;
        border-radius: 24px;
    }

    .cb-legal-exclusivity__stage {
        padding: 16px;
    }

    .cb-legal-exclusivity__levels-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .cb-legal-exclusivity__shell {
        padding: 0 16px;
    }

    .cb-legal-exclusivity__subtitle {
        width: 100%;
        justify-content: center;
        text-align: center;
        font-size: 16px;
    }

    .cb-legal-exclusivity__why-item,
    .cb-legal-exclusivity__rule {
        grid-template-columns: 1fr;
    }

    .cb-legal-exclusivity__why-icon,
    .cb-legal-exclusivity__rule span {
        width: 48px;
        height: 48px;
    }

    .cb-legal-exclusivity__map-wrapper {
        min-height: 280px;
        padding: 14px;
    }

    .cb-legal-exclusivity__map-graphic {
        min-height: 248px;
    }

    .map-node span {
        max-width: 150px;
        padding: 8px 10px;
        white-space: normal;
        text-align: center;
    }
}

/* --- Block 16: Final CTA --- */
.cb-legal-final-cta {
  position: relative;
  padding: 80px 0;
  background: linear-gradient(160deg, #f8faff 0%, #fafcfe 35%, #fff6fe 70%, #fffbf5 100%);
  overflow: hidden;
}

.cb-legal-final-cta__bg-shapes {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.cb-legal-final-cta__bg-shapes::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(37, 99, 235, 0.06) 1px, transparent 0);
  background-size: 32px 32px;
}

.cb-legal-final-cta__bg-shapes .shape {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
}

.cb-legal-final-cta__bg-shapes .shape-1 {
  width: 600px; height: 600px;
  background: radial-gradient(circle, #bfdbfe 0%, #c7d2fe 100%);
  opacity: 0.45;
  top: -200px; right: -150px;
  animation: cta-float 8s ease-in-out infinite;
}

.cb-legal-final-cta__bg-shapes .shape-2 {
  width: 450px; height: 450px;
  background: radial-gradient(circle, #fbcfe8 0%, #fde68a 100%);
  opacity: 0.35;
  bottom: -100px; left: -100px;
  animation: cta-float 10s ease-in-out infinite reverse;
}
.cb-legal-final-cta__bg-shapes .shape-3 {
  width: 250px; height: 250px;
  background: #a5f3fc;
  opacity: 0.2;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(60px);
}
@keyframes cta-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-20px) scale(1.05); }
}

.cb-legal-final-cta__inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.cb-legal-final-cta__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 48px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  padding: 48px;
}

.cb-legal-final-cta__eyebrow {
  font-size: 14px;
  font-weight: 700;
  color: var(--cb-legal-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.cb-legal-final-cta__title {
  font-size: 36px;
  font-weight: 800;
  color: var(--cb-legal-primary);
  margin-top: 0;
  margin-bottom: 32px;
  line-height: 1.2;
}

.cb-legal-final-cta__buttons {
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
}

.cb-legal-final-cta__disclaimer {
  display: flex;
  gap: 12px;
  background: var(--cb-legal-bg-light);
  padding: 16px;
  border-radius: var(--cb-legal-radius);
  border: 1px solid var(--cb-legal-border);
}

.cb-legal-final-cta__disclaimer .icon {
  color: var(--cb-legal-text-light);
  font-size: 18px;
  margin-top: 2px;
}

.cb-legal-final-cta__disclaimer p {
  margin: 0;
  font-size: 14px;
  color: var(--cb-legal-text);
  line-height: 1.5;
}

.cb-legal-final-cta__info-panel {
  background: var(--cb-legal-primary);
  border-radius: var(--cb-legal-radius);
  padding: 40px;
  color: #fff;
}

.cb-legal-final-cta__info-panel h3 {
  font-size: 20px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
}

.cb-legal-final-cta__checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 32px 0;
}

.cb-legal-final-cta__checklist li {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  font-size: 15px;
  color: #e2e8f0;
}

.cb-legal-final-cta__checklist li i {
  color: #3b82f6;
  width: 20px;
  text-align: center;
}

.cb-legal-final-cta__checklist li strong {
  color: #fff;
}

.cb-legal-final-cta__micro-disclaimer {
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.5;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 16px;
}

@media (max-width: 991px) {
  .cb-legal-final-cta__grid {
    grid-template-columns: 1fr;
    padding: 32px;
  }
  .cb-legal-final-cta__buttons {
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .cb-legal-final-cta__grid {
    padding: 24px 16px;
  }
  .cb-legal-final-cta__title {
    font-size: 28px;
  }
}

/* Block 17: Decorative corner shapes */
.cb-legal-scenarios::before {
  content: '';
  position: absolute;
  top: -80px; right: -80px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}
.cb-legal-scenarios::after {
  content: '';
  position: absolute;
  bottom: -60px; left: -60px;
  width: 250px; height: 250px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}