.stickyBigNumbersModule {
    display: flex;
    flex-direction: column;
    gap: 40px;
    /*width: calc(100% + 2 * var(--gutter));
    margin-inline: calc(-1 * var(--gutter));*/
    --kpi-sd: 0.95;
    --kpi-ss: 1.32;
    --kpi-shs: 1;
    --kpi-optical: 12px;
}

    .stickyBigNumbersModule .kpi__icon-after-image {
        align-self: flex-start;
        margin-left: calc(16 * var(--asn-k)); /* +8 do gap = 24 (frame) */
        margin-top: calc(8 * var(--asn-k)); /* topo, ~alinhado ao cap dos dígitos */
    }

        .stickyBigNumbersModule .kpi__icon-after-image img {
            width: 60px;
            height: 60px;
        }

    .stickyBigNumbersModule .kpi-viewport {
        overflow: hidden;
        width: 100%;
        padding: 22px 0 92px;
    }

    .stickyBigNumbersModule .kpi-track {
        display: flex;
        gap: 32px;
        align-items: flex-start;
        transition: transform 0.55s var(--ease);
        will-change: transform;
    }

        .stickyBigNumbersModule .kpi-track .kpi:first-child {
            margin-left: var(--gutter);
        }

    .stickyBigNumbersModule .kpi {
        flex: none;
        display: inline-flex;
        align-items: center;
        gap: 40px;
        min-width: 960px;
    }

    .stickyBigNumbersModule .kpi__num {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        flex: none;
        isolation: isolate;
    }

    .stickyBigNumbersModule .kpi-ch {
        position: relative;
        flex: none;
        --s: var(--kpi-sd);
        width: calc(var(--gw) * var(--s) * 1px);
        height: calc(var(--gh) * var(--s) * 1px);
    }

    .stickyBigNumbersModule .kpi-full {
        position: absolute;
        display: block;
        height: auto;
        width: calc(var(--vbw) * var(--s) * 1px);
        left: calc(var(--gx) * var(--s) * -1px);
        top: calc(var(--gy) * var(--s) * -1px);
    }

    .stickyBigNumbersModule .kpi-shadow {
        z-index: 1;
        pointer-events: none;
        --ss: calc(var(--kpi-sd) * var(--kpi-shs));
        width: calc(var(--vbw) * var(--ss) * 1px);
        left: calc(var(--gx) * var(--ss) * -1px);
        top: calc(var(--gy) * var(--ss) * -1px);
        max-width: none;
        overflow: visible;
    }

    .stickyBigNumbersModule .kpi-glyph {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        z-index: 2;
        display: block;
    }

    .stickyBigNumbersModule .kpi-sym {
        z-index: 2;
    }

    .stickyBigNumbersModule .kpi-ch--sym {
        --s: var(--kpi-ss);
        align-self: center;
        transform: translateY(calc(var(--kpi-optical) * -1));
    }

    .stickyBigNumbersModule .kpi-ch--0 {
        --gx: 0;
        --gy: 4;
        --gw: 188.1;
        --gh: 284;
        --vbw: 297;
    }

    .stickyBigNumbersModule .kpi-ch--1 {
        --gx: 6.1;
        --gy: 6.5;
        --gw: 159.6;
        --gh: 284;
        --vbw: 234;
    }

    .stickyBigNumbersModule .kpi-ch--2 {
        --gx: 4.6;
        --gy: 4.5;
        --gw: 162.6;
        --gh: 284;
        --vbw: 265;
    }

    .stickyBigNumbersModule .kpi-ch--3 {
        --gx: 9.1;
        --gy: 15.9;
        --gw: 169.6;
        --gh: 284;
        --vbw: 280;
    }

    .stickyBigNumbersModule .kpi-ch--4 {
        --gx: 9.1;
        --gy: 10;
        --gw: 152.5;
        --gh: 279;
        --vbw: 246;
    }

    .stickyBigNumbersModule .kpi-ch--5 {
        --gx: 8.4;
        --gy: 3.5;
        --gw: 161.9;
        --gh: 275.4;
        --vbw: 305;
    }

    .stickyBigNumbersModule .kpi-ch--6 {
        --gx: 5.1;
        --gy: 8;
        --gw: 173.6;
        --gh: 284;
        --vbw: 275;
    }

    .stickyBigNumbersModule .kpi-ch--7 {
        --gx: 7.6;
        --gy: 6.5;
        --gw: 167.6;
        --gh: 284;
        --vbw: 272;
    }

    .stickyBigNumbersModule .kpi-ch--8 {
        --gx: 0;
        --gy: 0.5;
        --gw: 169.6;
        --gh: 284;
        --vbw: 265;
    }

    .stickyBigNumbersModule .kpi-ch--9 {
        --gx: 4.6;
        --gy: 2;
        --gw: 172.6;
        --gh: 284;
        --vbw: 231;
    }

    .stickyBigNumbersModule .kpi-ch--near {
        --gx: 3.2;
        --gy: 3.2;
        --gw: 60;
        --gh: 16;
        --vbw: 69;
    }

    .stickyBigNumbersModule .kpi-ch--percent {
        --gx: 3.2;
        --gy: 3.2;
        --gw: 45;
        --gh: 40;
        --vbw: 54;
    }

    .stickyBigNumbersModule .kpi-ch--plus {
        --gx: 3.2;
        --gy: 3.2;
        --gw: 39;
        --gh: 40;
        --vbw: 48;
    }

    .stickyBigNumbersModule .about-sticky {
        /*padding: 80px 40px;*/
        display: flex;
        gap: 64px;
        align-items: flex-start;
        --kpi-sd: 1;
        --kpi-shs: 1;
        --kpi-ss: 1.28;
        --kpi-optical: 12px;
    }

    .stickyBigNumbersModule .ast__text {
        flex: 1 0 0;
        min-width: 0;
        position: sticky;
        top: 136px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .stickyBigNumbersModule .ast__bar {
        position: relative;
        display: block;
        width: 200px;
        height: 17px;
        transform-origin: 0 50%;
        transition: transform 900ms var(--ease);
        will-change: transform;
    }

        .stickyBigNumbersModule .ast__bar.bar-anim {
            transform: scaleX(0);
        }

            .stickyBigNumbersModule .ast__bar.bar-anim.is-in {
                transform: scaleX(1);
            }

        .stickyBigNumbersModule .ast__bar img {
            position: absolute;
            top: 0;
            left: -11px;
            display: block;
            width: 284px;
            height: 177px;
            max-width: none;
        }

    .stickyBigNumbersModule .ast__title {
        margin: 0;
        width: 100%;
        font-family: var(--font-sans);
        font-weight: var(--fw-extralight);
        font-size: 56px;
        line-height: 56px;
        letter-spacing: 0;
        color: var(--title-default);
    }

    .stickyBigNumbersModule .ast__body p {
        margin: 0;
        font-family: var(--font-sans);
        font-weight: var(--fw-light);
        font-size: 24px;
        line-height: 32px;
        color: var(--body-default);
    }

    .stickyBigNumbersModule .ast__list {
        flex: 1 0 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 80px;
    }

    .stickyBigNumbersModule .ast__item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        width: 100%;
    }

    .stickyBigNumbersModule .ast__num {
        flex: none;
    }

    .stickyBigNumbersModule .ast__desc {
        margin: 0;
        width: 100%;
        font-family: var(--font-sans);
        font-weight: var(--fw-extralight);
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0;
        color: var(--title-default);
    }



@media (prefers-reduced-motion: reduce) {
    .stickyBigNumbersModule .ast__bar {
        transition: none;
    }
}

@media (max-width: 1024px) {

    .stickyBigNumbersModule .kpi__icon-after-image img {
        width: 40px;
        height: 40px;
    }

    .stickyBigNumbersModule .about-sticky {
        gap: 40px;
        --kpi-sd: 0.8;
    }

    .stickyBigNumbersModule .ast__title {
        font-size: 48px;
        line-height: 48px;
    }

    .stickyBigNumbersModule .ast__body p {
        font-size: 18px;
        line-height: 24px;
    }

    .stickyBigNumbersModule .ast__desc {
        font-size: 32px;
        line-height: 36px;
    }

    .stickyBigNumbersModule .ast__list {
        gap: 64px;
    }

    .stickyBigNumbersModule .kpi__icon-after-text {
        font-size: 64PX;
    }
}

@media (max-width: 768px) {

    .stickyBigNumbersModule .about-sticky {
        flex-direction: column;
        gap: 40px;
        padding: 40px;
        --kpi-sd: 0.408;
        --kpi-ss: 0.68;
    }

    .stickyBigNumbersModule .kpi__icon-after-image img {
        width: 30px;
        height: 30px;
    }

    .stickyBigNumbersModule .ast__text {
        position: static;
        top: auto;
        flex: none;
        width: 100%;
    }

    .stickyBigNumbersModule .ast__list {
        flex: none;
        width: 100%;
        gap: 64px;
    }

    .stickyBigNumbersModule .ast__title {
        font-size: 40px;
        line-height: 40px;
    }

    .stickyBigNumbersModule .ast__item {
        gap: 24px;
    }

    .stickyBigNumbersModule .ast__desc {
        font-size: 24px;
        line-height: 24px;
    }

    .stickyBigNumbersModule .kpi__icon-after-text {
        font-size: 36px;
    }
}

@media (max-width: 680px) {
    .stickyBigNumbersModule .about-sticky {
        padding: 40px 20px;
    }

    .stickyBigNumbersModule .ast__body p {
        font-size: 16px;
        line-height: 24px;
    }

    .stickyBigNumbersModule .ast__num {
        max-width: 100%;
    }
}

/* ============================================================
   about-sticky.css — "Sticky content" (ISOLADO, .about-sticky / .ast__*).
   Figma VRxYRQgtNch1TcMaMofWFF: 1920 293:13915 · 1440 293:13770 · 992 293:14065 ·
   tablet 293:14202 · mobile 293:14605. Tokens da host. Desktop-first (base fiel 1440).
   Breakpoints: 1024 · 768 · 680.

   NÚMEROS: sistema .asn-* (Figma "04 - Components Library Shadow" msQzsXCtdq3AbOx4eHdS0s,
   componente _shadowed-number 40000024:924). Cada char BRANCO = glyph SVG + sombra longa raster
   (aspect 1:1) que VAZA da caixa; unidade (%, B, M) = TEXTO escuro. Base do número = 220px de
   altura, escalada por --asn-h. Métricas (caixa/glyph/sombra) extraídas 1:1 do design context.
   ⚠️ BACKGROUND: #F4F6F8 (--bg-neutral-subtle) — os glyphs BRANCOS leem sobre ele (no branco puro
   sumiriam). ⚠️ O sticky depende de `align-items: flex-start` no container flex.
   ============================================================ */
.stickyBigNumbersModule .about-sticky {
    /*background: var(--bg-neutral-subtle);*/ /* #F4F6F8 — fundo do design dos números */
    /*padding: 80px 40px;*/
    display: flex;
    gap: 64px;
    align-items: flex-start; /* obrigatório p/ o sticky funcionar */
    overflow-x: clip; /* contém o vazamento horizontal das sombras SEM quebrar
                                            o sticky (clip não vira scroll container; hidden viraria) */
}

/* ---------- coluna esquerda (sticky) ---------- */
.stickyBigNumbersModule .ast__text {
    flex: 1 0 0;
    min-width: 0;
    position: sticky;
    top: 136px; /* 96 do header sticky + 40 de respiro */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.stickyBigNumbersModule .ast__bar {
    position: relative;
    display: block;
    width: 200px;
    height: 17px;
    transform-origin: 0 50%;
    transition: transform 900ms var(--ease);
    will-change: transform;
}

    .stickyBigNumbersModule .ast__bar.bar-anim {
        transform: scaleX(0);
    }

        .stickyBigNumbersModule .ast__bar.bar-anim.is-in {
            transform: scaleX(1);
        }

    .stickyBigNumbersModule .ast__bar img {
        position: absolute;
        top: 0;
        left: -11px;
        display: block;
        width: 284px;
        height: 177px;
        max-width: none;
    }

.stickyBigNumbersModule .ast__title {
    margin: 0;
    width: 100%;
    font-family: var(--font-sans);
    font-weight: var(--fw-extralight);
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 0;
    color: var(--title-default);
}

.stickyBigNumbersModule .ast__body p {
    margin: 0;
    font-family: var(--font-sans);
    font-weight: var(--fw-light);
    font-size: 24px;
    line-height: 32px;
    color: var(--body-default);
}

/* ---------- coluna direita (números) ---------- */
.stickyBigNumbersModule .ast__list {
    flex: 1 0 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.stickyBigNumbersModule .ast__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
}

/* ============================================================
   Sistema de números "shadowed" (.asn-*) — glyph branco + sombra longa raster + unidade texto.
   --asn-h = altura do número (220 base). --asn-k = px por "unidade" de métrica (220 → 1px).
   Vars por char (unitless), multiplicadas por --asn-k:
     --w caixa · --gw/--gh glyph · --glx/--gly nudge do glyph (centrado) · --shs sombra (quadrada)
     --shl/--sht canto sup-esq da sombra. Tudo extraído do design context 40000024:924.
   ============================================================ */
.stickyBigNumbersModule .asn {
    --asn-h: 220px;
    --asn-k: calc(var(--asn-h) / 220); /* comprimento: 1px por unidade @220 */
    display: flex;
    align-items: center; /* dígitos/vírgula/ponto (caixa 220) centrados; ~ (44) e unidade alinham */
    gap: 16px; /* 8px entre chars @220 */
    isolation: isolate; /* todas as sombras (z1) ficam sob todos os glyphs (z2) */
    max-width: 100%;
}

.stickyBigNumbersModule .asn-ch {
    position: relative;
    flex: none;
    height: calc(220 * var(--asn-k));
    width: calc(var(--w) * var(--asn-k));
}

.stickyBigNumbersModule .asn-gl { /* glyph branco — padrão: centrado (dígitos) */
    position: absolute;
    z-index: 2;
    display: block;
    max-width: none;
    width: calc(var(--gw) * var(--asn-k));
    height: calc(var(--gh) * var(--asn-k));
    left: 50%;
    top: 50%;
    transform: translate(calc(-50% + var(--glx, 0) * var(--asn-k)), calc(-50% + var(--gly, 0) * var(--asn-k)));
}

.stickyBigNumbersModule .asn-sh { /* sombra longa raster (quadrada), vaza da caixa */
    position: absolute;
    z-index: 1;
    display: block;
    max-width: none;
    pointer-events: none;
    width: calc(var(--shs) * var(--asn-k));
    height: calc(var(--shs) * var(--asn-k));
    left: calc(var(--shl) * var(--asn-k));
    top: calc(var(--sht) * var(--asn-k));
}

/* dígitos 0-9 (caixa/glyph/sombra) */
.stickyBigNumbersModule .asn-ch--0 {
    --w: 148;
    --gw: 133;
    --gh: 212;
    --glx: -2;
    --gly: -3;
    --shs: 390;
    --shl: -56;
    --sht: -26;
}

.stickyBigNumbersModule .asn-ch--1 {
    --w: 128;
    --gw: 115.806;
    --gh: 206.831;
    --glx: -6;
    --gly: -6.5;
    --shs: 390;
    --shl: -59.25;
    --sht: -27.5;
}

.stickyBigNumbersModule .asn-ch--2 {
    --w: 118;
    --gw: 118.746;
    --gh: 206.282;
    --glx: 0;
    --gly: -6.5;
    --shs: 390;
    --shl: -60.25;
    --sht: -27.5;
}

.stickyBigNumbersModule .asn-ch--3 {
    --w: 121;
    --gw: 122.394;
    --gh: 208.38;
    --glx: -0.5;
    --gly: -5.5;
    --shs: 390;
    --shl: -62.25;
    --sht: -27.5;
}

.stickyBigNumbersModule .asn-ch--4 {
    --w: 113;
    --gw: 112.324;
    --gh: 207.704;
    --glx: 0;
    --gly: -5;
    --shs: 390;
    --shl: -60.25;
    --sht: -24.5;
}

.stickyBigNumbersModule .asn-ch--5 {
    --w: 116;
    --gw: 115.423;
    --gh: 207.606;
    --glx: -0.5;
    --gly: -6;
    --shs: 390;
    --shl: -61.25;
    --sht: -27.5;
}

.stickyBigNumbersModule .asn-ch--6 {
    --w: 124;
    --gw: 123.944;
    --gh: 203.901;
    --glx: 0;
    --gly: -7;
    --shs: 390;
    --shl: -62.25;
    --sht: -28.5;
}

.stickyBigNumbersModule .asn-ch--7 {
    --w: 122;
    --gw: 122.188;
    --gh: 207.606;
    --glx: 0;
    --gly: -6;
    --shs: 390;
    --shl: -60.25;
    --sht: -26.5;
}

.stickyBigNumbersModule .asn-ch--8 {
    --w: 126;
    --gw: 125;
    --gh: 205.5;
    --glx: 0;
    --gly: -7.5;
    --shs: 390;
    --shl: -62.25;
    --sht: -29.5;
}

.stickyBigNumbersModule .asn-ch--9 {
    --w: 124;
    --gw: 124.718;
    --gh: 205.282;
    --glx: -0.5;
    --gly: -6.5;
    --shs: 390;
    --shl: -61.25;
    --sht: -28.5;
}

/* ~ (til): caixa 96×44, glyph ocupa a largura e centra na vertical */
.stickyBigNumbersModule .asn-ch--til {
    --w: 96;
    --gw: 96;
    --gh: 26.585;
    --shs: 319;
    --shl: -31.69;
    --sht: -77.85;
    height: calc(44 * var(--asn-k));
    margin-right: calc(16 * var(--asn-k)); /* +8 do gap = 24 até o 1º dígito (frame) */
}

    .stickyBigNumbersModule .asn-ch--til .asn-gl {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

/* vírgula e ponto: glyph pequeno ancorado na BASE (baseline), centrado na horizontal */
.stickyBigNumbersModule .asn-ch--comma {
    --w: 40;
    --gw: 35.833;
    --gh: 67.186;
    --shs: 321;
    --shl: -48.5;
    --sht: 85;
}

.stickyBigNumbersModule .asn-ch--dot {
    --w: 24;
    --gw: 13.527;
    --gh: 13.527;
    --shs: 180;
    --shl: -22;
    --sht: 168;
}

    .stickyBigNumbersModule .asn-ch--comma .asn-gl,
    .stickyBigNumbersModule .asn-ch--dot .asn-gl {
        left: 50%;
        top: auto;
        bottom: 0;
        transform: translateX(-50%);
    }

.stickyBigNumbersModule .stickyBigNumbersModule .asn-unit {
    align-self: flex-start;
    margin-left: calc(16 * var(--asn-k)); /* +8 do gap = 24 (frame) */
    margin-top: calc(8 * var(--asn-k)); /* topo, ~alinhado ao cap dos dígitos */
    font-family: var(--font-sans);
    font-weight: var(--fw-extralight);
    font-size: 120px;
    line-height: 1;
    color: var(--title-default); /* #010101 */
}

@media (prefers-reduced-motion: reduce) {
    .stickyBigNumbersModule .ast__bar {
        transition: none;
    }
}

/* ============================================================ ≤1024 — frame 992 ======== */
@media (max-width: 1024px) {
    .stickyBigNumbersModule .about-sticky {
        gap: 40px;
    }

    .stickyBigNumbersModule .asn {
        --asn-h: 176px;
    }

    .stickyBigNumbersModule .ast__title {
        font-size: 48px;
        line-height: 48px;
    }

    .stickyBigNumbersModule .ast__body p {
        font-size: 18px;
        line-height: 24px;
    }

    .stickyBigNumbersModule .ast__desc {
        font-size: 32px;
        line-height: 36px;
    }

    .stickyBigNumbersModule .ast__list {
        gap: 64px;
    }
}

/* ============================================================
   ≤768 — tablet/mobile: COLUNA ÚNICA e SEM sticky (pedido do usuário)
   ============================================================ */
@media (max-width: 768px) {
    .stickyBigNumbersModule .about-sticky {
        flex-direction: column;
        gap: 40px;
        padding: 40px;
    }

    .stickyBigNumbersModule .asn {
        --asn-h: 120px;
    }

    .stickyBigNumbersModule .ast__text {
        position: static; /* sem sticky em tablet/mobile */
        top: auto;
        flex: none;
        width: 100%;
    }

    .stickyBigNumbersModule .ast__list {
        flex: none;
        width: 100%;
        gap: 64px;
    }

    .stickyBigNumbersModule .ast__title {
        font-size: 40px;
        line-height: 40px;
    }

    .stickyBigNumbersModule .ast__item {
        gap: 24px;
    }

    .stickyBigNumbersModule .ast__desc {
        font-size: 24px;
        line-height: 24px;
    }

    .stickyBigNumbersModule .asn {
        gap: 8px;
    }
}

/* ============================================================ ≤680 — mobile ============ */
@media (max-width: 680px) {
    .stickyBigNumbersModule .about-sticky {
        padding: 40px 20px;
    }

    .stickyBigNumbersModule .asn {
        --asn-h: 88px;
    }
    /* = frame mobile 40000536:29969 */
    .stickyBigNumbersModule .ast__body p {
        font-size: 16px;
        line-height: 24px;
    }
}