/* Nuvoxa — İstatistik / Slogan Animasyonları v2
   Dizin: /vitrin-animasyon/sloganlar-2/sloganlar-2.css
*/

.nuvoxa-stats-heading{
    max-width:920px
}

.nuvoxa-stats-heading h2{
    max-width:860px
}

.nuvoxa-stats-heading p{
    max-width:840px
}

.nuvoxa-stats-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px
}

.nuvoxa-stat-card{
    position:relative;
    min-height:310px;
    display:flex;
    align-items:flex-end;
    padding:34px;
    overflow:visible;
    border:1px solid var(--line);
    border-radius:24px;
    background:#fff;
    isolation:isolate;
    transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease
}

/* Kartların altındaki eski yarım daire dekoru tamamen kaldırıldı */
.nuvoxa-stat-card::before{
    display:none!important;
    content:none!important
}

/* Havada durma hissi veren renkli gölgeler */
.nuvoxa-stat-card:nth-child(1){
    box-shadow:
        0 22px 34px rgba(36,104,242,.18),
        0 6px 16px rgba(36,104,242,.10)
}

.nuvoxa-stat-card:nth-child(2){
    box-shadow:
        0 22px 34px rgba(242,137,36,.20),
        0 6px 16px rgba(242,137,36,.11)
}

.nuvoxa-stat-card:nth-child(3){
    box-shadow:
        0 22px 34px rgba(117,72,232,.18),
        0 6px 16px rgba(117,72,232,.10)
}

.nuvoxa-stat-card:hover{
    transform:translateY(-5px)
}


.nuvoxa-stat-content{
    width:100%;
    min-width:0
}

.nuvoxa-stat-title,
.nuvoxa-stat-value-row,
.nuvoxa-stat-note{
    will-change:transform,opacity,filter;
    transition:
        opacity .42s ease,
        transform .58s cubic-bezier(.16,1,.3,1),
        filter .42s ease
}

/* Başlıklar büyütüldü */
.nuvoxa-stat-title{
    margin:0 0 18px;
    width:100%;
    max-width:100%;
    min-height:30px;
    color:var(--ink);
    font-size:clamp(21px,1.55vw,25px);
    line-height:1.12;
    letter-spacing:-.035em;
    font-weight:900;
    white-space:nowrap
}

.nuvoxa-stat-value-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    align-items:baseline;
    column-gap:10px;
    width:100%;
    min-width:0
}

/* Rakamlar küçültüldü; 1.500.000.000 kart içine rahat sığar */
.nuvoxa-stat-value{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:visible;
    font-size:clamp(31px,2.55vw,41px);
    line-height:1;
    letter-spacing:-.05em;
    font-variant-numeric:tabular-nums;
    font-weight:950;
    white-space:nowrap
}

/* Kart gölgesi hangi renkse rakam da aynı renk */

/* Milyarlık değer için özel sıkıştırma: + işaretine ayrılan kolon korunur */
.nuvoxa-stat-card.is-long-value .nuvoxa-stat-value{
    font-size:clamp(25px,2.05vw,33px);
    letter-spacing:-.06em
}

.nuvoxa-stat-card:nth-child(1) .nuvoxa-stat-value{
    color:#2468f2
}

.nuvoxa-stat-card:nth-child(2) .nuvoxa-stat-value{
    color:#f28924
}

.nuvoxa-stat-card:nth-child(3) .nuvoxa-stat-value{
    color:#7548e8
}

/* + işareti belirgin şekilde büyütüldü */
.nuvoxa-stat-suffix{
    display:block;
    width:46px;
    min-width:46px;
    margin:0;
    text-align:left;
    font-size:clamp(31px,2.65vw,43px);
    line-height:.9;
    font-weight:950
}

.nuvoxa-stat-card:nth-child(1) .nuvoxa-stat-suffix{
    color:#2468f2
}

.nuvoxa-stat-card:nth-child(2) .nuvoxa-stat-suffix{
    color:#f28924
}

.nuvoxa-stat-card:nth-child(3) .nuvoxa-stat-suffix{
    color:#7548e8
}

/* Alt metinler büyütüldü */
.nuvoxa-stat-note{
    min-height:28px;
    margin:18px 0 0;
    color:#526079;
    font-size:clamp(15px,1.15vw,18px);
    line-height:1.45;
    font-weight:800
}

.nuvoxa-stat-card.is-switching .nuvoxa-stat-title,
.nuvoxa-stat-card.is-switching .nuvoxa-stat-value-row,
.nuvoxa-stat-card.is-switching .nuvoxa-stat-note{
    opacity:0;
    transform:translateY(-18px);
    filter:blur(4px)
}

.nuvoxa-stat-card.is-entering .nuvoxa-stat-title,
.nuvoxa-stat-card.is-entering .nuvoxa-stat-value-row,
.nuvoxa-stat-card.is-entering .nuvoxa-stat-note{
    animation:nuvoxaStatEnter .66s cubic-bezier(.16,1,.3,1) both
}

.nuvoxa-stat-card.is-entering .nuvoxa-stat-value-row{
    animation-delay:.07s
}

.nuvoxa-stat-card.is-entering .nuvoxa-stat-note{
    animation-delay:.14s
}

@keyframes nuvoxaStatEnter{
    from{
        opacity:0;
        transform:translateY(22px);
        filter:blur(5px)
    }
    to{
        opacity:1;
        transform:translateY(0);
        filter:blur(0)
    }
}

@media(max-width:1180px){
    .nuvoxa-stat-value{
        font-size:clamp(29px,2.5vw,39px)
    }
    .nuvoxa-stat-card.is-long-value .nuvoxa-stat-value{
        font-size:clamp(24px,2vw,31px)
    }
}

@media(max-width:980px){
    .nuvoxa-stats-grid{
        grid-template-columns:1fr
    }

    .nuvoxa-stat-card{
        min-height:240px
    }

    .nuvoxa-stat-title{
        font-size:27px;
        white-space:normal
    }

    .nuvoxa-stat-value{
        font-size:clamp(46px,8vw,68px)
    }

    .nuvoxa-stat-suffix{
        font-size:40px
    }
}

@media(max-width:640px){
    .nuvoxa-stat-card{
        min-height:220px;
        padding:28px
    }

    .nuvoxa-stat-title{
        font-size:25px;
        white-space:normal
    }

    .nuvoxa-stat-value{
        font-size:clamp(34px,10.5vw,50px)
    }

    .nuvoxa-stat-suffix{
        font-size:32px
    }

    .nuvoxa-stat-note{
        font-size:15px
    }
}

@media(prefers-reduced-motion:reduce){
    .nuvoxa-stat-card *,
    .nuvoxa-stat-card::before{
        animation:none!important;
        transition:none!important
    }
}