html, body {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img, video, canvas, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
    margin:0;
    background: var(--bg);
    color: var(--white);
    font-family: var(--geist);
}


/* ====== FONTS ======
   Для совпадения 1-в-1 подключи реальные файлы:
   Geist / Satoshi / Inter / Montserrat.
   Иначе метрики шрифта будут отличаться => “поплывёт”.

   @font-face { font-family:"Geist"; src:url("./fonts/Geist.woff2") format("woff2"); font-weight: 400 700; }
   @font-face { font-family:"Satoshi"; src:url("./fonts/Satoshi.woff2") format("woff2"); font-weight: 400 700; }
   @font-face { font-family:"Inter"; src:url("./fonts/Inter.woff2") format("woff2"); font-weight: 400 700; }
   @font-face { font-family:"Montserrat"; src:url("./fonts/Montserrat.woff2") format("woff2"); font-weight: 400 700; }
*/

:root{
    --W: 100%;

    --bg: #080E1F;

    --green: #22C562;
    --blue: #37BDF6;
    --mint: #48CA74;

    --white: #fff;
    --w90: rgba(255,255,255,.90);
    --w70: rgba(255,255,255,.70);
    --w60: rgba(255,255,255,.60);
    --w50: rgba(255,255,255,.50);
    --w40: rgba(255,255,255,.40);

    --glass07: rgba(255,255,255,.07);
    --glass10: rgba(255,255,255,.10);
    --glass14: rgba(255,255,255,.14);

    --outline20: rgba(34,197,98,.20);

    --geist: "geist", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --satoshi: "satoshi", var(--geist);
    --inter: "inter", var(--geist);
    --mont: "montserrat", var(--geist);
}

/* ================= HERO ================= */
.hero{ width: 100%;

    position: relative;
    z-index: 3;
}

.hero__bg{
    width: 100%;
    height: 100%;
    position:absolute;
    background: url("/new-home/images/hero-im.webp");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}


.hero__nav{
    position:fixed;
    left:50%;
    top:0.694444vw;
    transform: translateX(-50%);
    width: calc(var(--W) - 5.555556vw);
    padding: 0.347222vw 1.111111vw;
    display:flex;
    align-items:center;
    justify-content: space-between;

    z-index: 10;

    background: rgba(8, 14, 31, 0.55);
    backdrop-filter: blur(1.388889vw);
    -webkit-backdrop-filter: blur(1.388889vw);
    border-radius: 1.111111vw;
    border: 0.069444vw solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 0.277778vw 2.083333vw rgba(0, 0, 0, 0.35),
                inset 0 0.069444vw 0 rgba(255, 255, 255, 0.06);
}

.brand{
    width:2.777778vw; height:2.777778vw;
    display:block;
    position:relative;
    overflow:hidden;
}
.brand__mark{
    position:absolute; inset:0;
    background: linear-gradient(132deg, var(--green) 0%, var(--blue) 100%);
}

.navrow{ display:flex; align-items:center; gap:3.472222vw; }

.nav{
    display:flex;
    gap:2.638889vw;
}
.nav a{
    font-family: var(--geist);
    font-weight:500;
    font-size:1.041667vw;
    line-height:1.041667vw;
    color: var(--w60);
    text-decoration:none;
    transition: color 0.2s ease;
    padding: 0.277778vw 0.555556vw;
    border-radius: 0.416667vw;
}
.nav a:hover{
    color: var(--white);
    background: rgba(255,255,255,0.07);
}

.nav__actions{ display:flex; align-items:center; gap:1.041667vw; }
.nav__logout-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.777778vw;
    height:2.777778vw;
    border-radius:0.555556vw;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    color:rgba(255,255,255,.45);
    text-decoration:none;
    transition:background .2s, color .2s, border-color .2s;
    flex-shrink:0;
}
.nav__logout-btn svg{ width:1.111111vw; height:1.111111vw; }
.nav__logout-btn:hover{
    background:rgba(239,68,68,.15);
    border-color:rgba(239,68,68,.35);
    color:#f87171;
}
.nav__login{
    font-family: var(--geist);
    font-weight:500;
    font-size:1.041667vw;
    line-height:1.041667vw;
    color: var(--w60);
    text-decoration:none;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border:0;
    cursor:pointer;
    user-select:none;
    font-family: var(--geist);
    font-weight:500;
}

.btn--grad{
    width:11vw;
    height:2.777778vw;
    border-radius:0.833333vw;
    background: linear-gradient(132deg, var(--green) 0%, var(--blue) 100%);
    color:#050C18;
    font-size:1.041667vw;
    line-height:1.041667vw;
}

.hero__content{
    padding-top: 16.180556vw;
    padding-left: 4.166667vw;
    padding-right: 4.166667vw;

    position: relative;
    z-index: 5;
}
.hero__title{
    color: #FFF;
    font-family: Geist;
    font-size: 5.763889vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 5.763889vw */
    letter-spacing: 0.230556vw;

    width: 43.402778vw;

    margin-bottom: 1.666667vw;
}
.hero__title span{
    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Geist;
    font-size: 5.763889vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0.230556vw;
}

.hero__content p{
    color: rgba(255, 255, 255, 0.70);
    text-shadow: 0 0.642361vw 1.788681vw rgba(0, 0, 0, 0.20);
    font-family: Geist;
    font-size: 1.666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.016667vw;

    width: 41.25vw;
}


.hero__cta{
    display:flex;
    align-items:center;
    gap:1.388889vw;

    padding-left: 4.166667vw;
    padding-right: 4.166667vw;

    position: relative;
    z-index: 5;
}

.btn--whiteglow{
    padding:1.111111vw 1.388889vw;
    background:#fff;
    border-radius:1.111111vw;
    outline:0.208333vw solid rgba(148.4,255,121.75,.90);
    box-shadow: 0 0 2.917257vw rgba(134,231,111,.37);
    color:#000;
    font-size:1.25vw;
    line-height:1.6875vw;
    position:relative;
}
.btn__arrow{
    width:0.977083vw; height:0.820833vw;
    margin-left:0.347222vw;
    display:inline-block;
}

.btn--link{
    padding:1.111111vw;
    border-radius:2.916667vw;
    color: var(--w70);
    font-size:1.25vw;
    line-height:1.6875vw;
}

.hero__pills{
    display:flex;
    gap:1.666667vw;
    padding-left: 4.166667vw;
    padding-right: 4.166667vw;

    position: relative;
    z-index: 5;

    margin-top: 2.777778vw;

    padding-bottom: 16.041667vw;
}

.pill{
    padding: 0.416667vw 0.555556vw;
    background: rgba(255,255,255,.10);
    border-radius: 0.833333vw;
    backdrop-filter: blur(0.625vw);
    -webkit-backdrop-filter: blur(0.625vw);
    display:flex;
    align-items:center;
    gap:0.277778vw;
    font-size:1.111111vw;
    font-weight:400;
    text-transform:capitalize;
    color:#fff;
}
.pill__text--mont{ font-family: var(--mont); }

.pill__icon{
    width:2.222222vw; height:2.222222vw;
    position:relative;
    overflow:hidden;
    border-radius:0.555556vw;
}
.pill__icon::after{
    content:"";
    position:absolute;
    inset:0.416667vw 0.486111vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.pill__icon--square::after{ inset:0.416667vw; }

.pill__icon--income::after{
    content:"";
    position:absolute;
    width:1.666667vw; height:0.833333vw;
    left:0.254861vw; top:0.705556vw;
    outline:0.166667vw solid var(--mint);
    outline-offset:-0.083333vw;
    inset:auto;
}
.pill__icon--income::before{
    content:"";
    position:absolute;
    width:0.5vw; height:0.5vw;
    left:1.421528vw; top:0.705556vw;
    outline:0.166667vw solid var(--mint);
    outline-offset:-0.083333vw;
}

/* ================= TRUSTED ================= */
.trusted{
    height:17.916667vw;
    background: #080E1F;
}
.trusted__inner{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2.222222vw;

    padding-top: 4.166667vw;
    padding-bottom: 4.166667vw;
}
.trusted__title{
    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:1.388889vw;
    font-family: var(--geist);
    font-weight:500;
}
.trusted__rail{
    width:100%;
    height:5.555556vw;
    border-radius:1.302083vw;
    display:flex;
    align-items:center;
    gap:5.555556vw;
    position:relative;
}
.trusted__logo{
    color:#fff;
    opacity:.9;
    font-size:1.25vw;
    letter-spacing:.0.347222vw;
    font-family: var(--geist);
}
.trusted__fade{
    position:absolute;
    top:0;
    width:11.111111vw;          /* можно регулировать */
    height:100%;
    pointer-events:none;
    z-index:2;
}

/* Левый */
.trusted__fade--l{
    left:0;
    background: linear-gradient(
            to right,
            #080E1F 0%,
            rgba(8,14,31,0.85) 35%,
            rgba(8,14,31,0) 100%
    );
}

/* Правый */
.trusted__fade--r{
    right:0;
    background: linear-gradient(
            to left,
            #080E1F 0%,
            rgba(8,14,31,0.85) 35%,
            rgba(8,14,31,0) 100%
    );
}

/* Обрезаем всё лишнее */
.trusted__rail {
    overflow: hidden;
}

/* Двигаем отдельный track */
.trusted__track {
    display: flex;
    align-items: center;
    gap: 5.555556vw;
    width: max-content;
    animation: trusted-scroll 25s linear infinite;
}

/* Логотипы */
.trusted__logo img {
    height: 2.777778vw;
    width: auto;
    display: block;

    max-width: unset!important;
}

/* Бесконечная прокрутка */
@keyframes trusted-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* ================= HOW ================= */
.how{
    background:#080E1F;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    margin-bottom: 16.666667vw;
}

.how__heading{
    width:51.527778vw;
    display:flex;
    flex-direction:column;
    gap:1.666667vw;
    align-items:center;
}

.how__row{
    display:flex;
    align-items:center;
    gap:3.888889vw;

    margin-bottom: 4.166667vw;
}
.how__row--1{ top:23.75vw; left:8.333333vw; width:auto; }
.how__row--2{ top:65.694444vw; padding-left:3.888889vw; }
.how__row--3{ top:107.638889vw; padding-right:3.888889vw; }
.how__row--4{ top:149.583333vw; padding-left:3.888889vw; }

.imgCard{
    width:41.666667vw;
    height:37.777778vw;
    position:relative;
    overflow:hidden;
    background:#000;
}
.imgCard--big{ width:41.666667vw; height:37.777778vw; }
.r30{ border-radius:2.083333vw; }
.r12{ border-radius:0.833333vw; }

.imgCard__bg{
    position:absolute; inset:0;
    pointer-events:none;
}
.overlay--hero{
    background:
            linear-gradient(0deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.48) 100%),
            linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.09) 44%, rgba(0,0,0,.40) 63%, rgba(0,0,0,.40) 100%),
            linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
}
.overlay--soft{
    background:
            linear-gradient(0deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.30) 100%),
            linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.02) 44%, rgba(0,0,0,.10) 63%, rgba(0,0,0,.10) 100%),
            linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 100%);
}
.overlay--thin{
    background: linear-gradient(0deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.20) 100%);
}

.imgCard__img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
}
.imgCard__img--shift{
    top:-1.944444vw;
    height:41.666667vw;
}

.imgCard__phone{
    position:absolute;
    width:23.194444vw; height:30.486111vw;
    left:1.041667vw; top:0.972222vw;
    border-radius:4.420833vw;
    border:0.301389vw solid rgba(255,255,255,.31);
    background: linear-gradient(180deg, rgba(0,0,0,0) 49%, rgba(0,0,0,.50) 71%);
}

.framePhone{
    position:absolute;
    border-radius:2.083333vw;
    border:0.277778vw solid rgba(255,255,255,.31);
    background: linear-gradient(180deg, rgba(0,0,0,0) 49%, rgba(0,0,0,.50) 71%);
}
.framePhone--s2{ width:14.930556vw; height:22.638889vw; left:12.638889vw; top:4.097222vw; border-radius:2.083333vw; }
.framePhone--s3{ width:21.597222vw; height:30.416667vw; left:16.25vw; top:6.25vw; border-radius:2.083333vw; }
.framePhone--s4{ width:23.472222vw; height:31.388889vw; left:7.152778vw; top:2.708333vw; border-radius:2.083333vw; }

.miniBadge{
    position:absolute;
    padding:1.388889vw 1.319444vw;
    background: rgba(255,255,255,.10);
    border-radius:1.805556vw;
    backdrop-filter: blur(1.041667vw);
    -webkit-backdrop-filter: blur(1.041667vw);
    display:inline-flex;
    align-items:center;
    gap:0.416667vw;
}
.miniBadge__txt{
    color: var(--w90);
    font-size:1.388889vw;
    font-family: var(--geist);
    font-weight:500;
    line-height:1.944444vw;
}
.miniBadge__ic{
    width:2.222222vw; height:2.222222vw;
    position:relative;
    display:inline-block;
}
.miniBadge__ic::after{
    content:"";
    position:absolute;
    outline-offset:-0.069444vw;
}
.miniBadge__ic--check::before{
    content:"";
    position:absolute;
    width:0.555556vw; height:0.370139vw;
    left:0.833333vw; top:0.925694vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.miniBadge__ic--grid::after{ inset:0.208333vw; width:0.702083vw; height:0.702083vw; }
.miniBadge__ic--grid::before{
    content:"";
    position:absolute;
    width:0.702083vw; height:0.702083vw;
    left:0.208333vw; top:1.311806vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.miniBadge__ic--reward::before{
    content:"";
    position:absolute;
    width:0.722222vw; height:0.722222vw;
    left:0.75vw; top:0.75vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.miniBadge__ic--time::before{
    content:"";
    position:absolute;
    width:0.370139vw; height:0.740972vw;
    left:1.111111vw; top:0.555556vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.miniBadge__ic--submit::after{
    content:"";
    position:absolute;
    width:0.555556vw; height:0.555556vw;
    left:0.277778vw; top:0.370139vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
    inset:auto;
}
.miniBadge__ic--submit::before{
    content:"";
    position:absolute;
    width:0.555556vw; height:0.370139vw;
    left:0.277778vw; top:1.388889vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
}
.miniBadge__ic--payout::after{
    content:"";
    position:absolute;
    width:1.25vw; height:1.388889vw;
    left:0.486111vw; top:0.427778vw;
    outline:0.138889vw solid var(--mint);
    outline-offset:-0.069444vw;
    inset:auto;
}

.miniBadge--pos1{ left:22.430556vw; top:2.916667vw; flex-direction:column; align-items:flex-start; gap:0.277778vw; }
.miniBadge--pos2{ left:4.027778vw; top:3.263889vw; }
.miniBadge--pos3{ left:24.027778vw; top:6.111111vw; }
.miniBadge--pos4{ left:3.888889vw; top:30.208333vw; }
.miniBadge--pos5{ left:6.666667vw; top:22.430556vw; }
.miniBadge--pos6{ left:1.388889vw; top:2.708333vw; }

.stepText{
    width:33.888889vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.666667vw;
}

.stepChip{
    position: relative;
    padding:1.041667vw;
    background: rgba(255,255,255,.10);
    border-radius:0.694444vw;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Градиентная рамка */
.stepChip::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:0.694444vw;
    padding:0.069444vw; /* толщина бордера */

    background: linear-gradient(135deg, #22C562, #37BDF6);

    -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events:none;
}

.stepChip span{
    color: var(--mint);
    font-family: var(--satoshi);
    font-weight:400;
    font-size:1.728472vw;
    line-height:1.728472vw;
}

.h2{
    font-family: var(--geist);
    font-weight:500;
    font-size:3.333333vw;
    line-height:3.333333vw;
    letter-spacing:0.133333vw;
    margin:0;
    text-align:center;
    margin-top: 3.944444vw;
}
.h2 span{  background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.h2--left{ text-align:left; }

.lead{
    margin:0;
    font-family: var(--geist);
    font-weight:400;
    font-size:1.666667vw;
    color: var(--w70);
    text-shadow: 0 0.625vw 1.805556vw rgba(0,0,0,.20);
    margin-bottom: 4.166667vw;
}
.lead--center{ text-align:center; }


.h3{
    margin:0;
    font-family: var(--geist);
    font-weight:500;
    font-size:2.222222vw;
    line-height:2.222222vw;
    text-align:center;
}
.p18{
    margin:0;
    font-family: var(--geist);
    font-weight:400;
    font-size:1.25vw;
    line-height:1.625vw;
    opacity:.60;
    text-align:center;
}


/* ================= QUOTE + PAID ================= */
.quotePaid{
    background:#080E1F;

    position: relative;
}
.quotePaid__glow{
    position: absolute;
    width:24.356944vw;
    height:24.6875vw;
    left:38.901389vw;
    top:49.194444vw;
    transform: rotate(-90deg);
    transform-origin: top left;
    background: linear-gradient(270deg, rgba(72,202,116,.50) 0%, rgba(54,197,240,.50) 100%);
    filter: blur(13.888889vw);
    border-radius:694.375vw;
    opacity:1;
}
.quotePaid__radial{
    position:absolute;
    left:0; top:0;
    width:100%; height:58.888889vw;
    background: radial-gradient(ellipse 61.64% 61.64% at 50% 50%, rgba(217,217,217,.20) 0%, rgba(217,217,217,0) 80%);
}
.quotePaid__fadeBottom{
    position:absolute;
    left:0; bottom:0;
    width:100%; height:8.75vw;
    background: linear-gradient(360deg, #080E1F 0%, rgba(8,14,31,0) 100%);
}
.quotePaid__mark{
    position:absolute;
    left:4.166667vw; top:1.555556vw;
    width:9.649306vw; height:3.53125vw;

    z-index: 0;
}

.quotePaid-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gridDecor{
    position:absolute;
    pointer-events:none;
    opacity:1;
}
.gridDecor--quote{
    position: absolute;
    left:12.8125vw;
    top:0.925vw;
    width: 9 * 8.227083vw;
    height: 7 * 8.227083vw;
    background:
            repeating-linear-gradient(to right, rgba(255,255,255,.9) 0 0.102778vw, transparent 0.102778vw 8.227083vw),
            repeating-linear-gradient(to bottom, rgba(255,255,255,.9) 0 0.102778vw, transparent 0.102778vw 8.227083vw);
    opacity:.25;
}

.quotePaid__wrap{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:6.25vw;

    padding-left: 6.166667vw;
    padding-right: 6.166667vw;

    position: relative;
    z-index: 1;
}

.quoteBlock{
    width:64.375vw;
    display:flex;
    flex-direction:column;
    gap:3.888889vw;
}

.authorRow{
    display:flex;
    align-items:center;
    gap:1.388889vw;
}
.avatar86{
    width:5.972222vw; height:5.972222vw;
    border-radius:694.375vw;
    object-fit:cover;
}
.authorTxt{
    display:flex;
    flex-direction:column;
    gap:0.347222vw;
}
.authorName{
    font-family: var(--geist);
    font-weight:600;
    font-size:2.222222vw;
    line-height:2.755556vw;
}
.authorRole{
    font-family: var(--geist);
    font-weight:400;
    font-size:1.25vw;
    line-height:1.625vw;
    color: var(--w70);
}

.paidOut{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4.166667vw;
}
.paidOut__head{
    width:51.527778vw;
    display:flex;
    flex-direction:column;
    gap:1.666667vw;
    align-items:center;
}
.paidOut__cards{
    width:91.666667vw;
    display:flex;
    gap:1.388889vw;
}

.statCard{
    width:29.652778vw;
    padding:1.388889vw;
    background: rgba(255,255,255,.10);
    border-radius:2.083333vw;
    outline:0.069444vw solid var(--outline20);
    outline-offset:-0.069444vw;
    backdrop-filter: blur(0.625vw);
    -webkit-backdrop-filter: blur(0.625vw);
    display:flex;
    flex-direction:column;
    gap:0.694444vw;
}
.statCard__k{
    opacity:.70;
    text-align:center;
    font-size:1.25vw;
    line-height:1.625vw;
    font-weight:400;
}
.statCard__v{
    text-align:center;
    font-family: var(--geist);
    font-weight:500;
    font-size:6.388889vw;
    line-height:6.388889vw;

    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.statCard__v--ghost{ color: rgba(0,0,0,.20); }
.statCard__v--green{ color: var(--green); }
.statCard__d{
    opacity:.70;
    text-align:center;
    font-size:1.25vw;
    line-height:1.625vw;
}

.paidOut__head .lead{
    margin-bottom: unset!important;
}


/* ================= LEADERBOARD ================= */
.leader{
    background:#080E1F;

    position: relative;
    margin-top: 12.5vw;
    margin-bottom: 6.944444vw;
}
.leader__wrap{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6.944444vw;
}

.leaderBox{
    padding:4.166667vw;
    width:65.694444vw;
    background: rgba(255,255,255,.02);
    border-radius:2.083333vw;
    outline:0.069444vw solid var(--green);
    outline-offset:-0.069444vw;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2.777778vw;
}

.labelPill{
    padding:0.833333vw 1.111111vw;
    background:#171C29;
    border-radius:0.694444vw;
}
.labelPill span{
    color: var(--green);
    font-size:1.388889vw;
    font-weight:600;
    text-transform:capitalize;
    line-height:1.805556vw;
}

.leaderBox__top{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.111111vw;
}
.leaderBox__head{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.666667vw;
}

.table{ width:100%; }
.table__hdr{
    padding: 0 1.5vw;
    display:grid;
    grid-template-columns: 4vw 1fr 10vw 8vw;
    align-items:center;
    color: var(--w60);
    font-size:0.9vw;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5vw;
}
.table__hdr > div { text-align: left; }
.table__hdr .followers{ display: none; }
.table__hdr .tasks  { text-align: center; }
.table__hdr .reward { text-align: right; padding-right: 1vw; }
.table__rows{
    margin-top:0.5vw;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:0.55vw;
}

.row{
    padding:0.8vw 1.5vw;
    background: linear-gradient(135deg, rgba(23,28,41,0.95) 0%, rgba(30,36,54,0.9) 100%);
    border-radius:0.8vw;
    display:grid;
    grid-template-columns: 4vw 1fr 10vw 8vw;
    align-items:center;
    border: 1px solid rgba(255,255,255,0.03);
    transition: all 0.2s ease;
}
.row:hover{
    background: linear-gradient(135deg, rgba(30,36,54,1) 0%, rgba(40,48,70,0.95) 100%);
    border-color: rgba(255,255,255,0.08);
}
.row--active{
    border: 1px solid var(--green);
    background: linear-gradient(135deg, rgba(34,197,94,0.08) 0%, rgba(23,28,41,0.95) 100%);
}

.rank{
    width:2.5vw;
    height:2.5vw;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.1vw;
    font-weight:700;
    background: rgba(255,255,255,0.05);
    border-radius: 0.5vw;
}
.row:nth-child(1) .rank { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: #000; }
.row:nth-child(2) .rank { background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%); color: #000; }
.row:nth-child(3) .rank { background: linear-gradient(135deg, #c4a574 0%, #a87c4f 100%); color: #000; }

.user{
    display:flex;
    align-items:center;
    gap:0.8vw;
}
.avatar44{
    width:2.8vw; height:2.8vw;
    border-radius:50%;
    object-fit:cover;
    border: 2px solid rgba(255,255,255,0.1);
}
.uname{
    font-size:1vw;
    font-weight:600;
    line-height:1.4;
}
.followers{
    display: none;
}
.tasks{
    opacity:.65;
    font-size:0.95vw;
    font-weight:400;
    text-align:center;
}
.reward{
    display:flex;
    justify-content:flex-end;
}
.rewardChip{
    padding:0.45vw 1vw;
    background: linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.05) 100%);
    border: 1px solid rgba(34,197,94,0.3);
    border-radius:0.4vw;
    display:inline-flex;
    justify-content:center;
    font-weight: 600;
    align-items:center;
    color: var(--mint);
    font-size:1.25vw;
    font-weight:600;
    line-height:1.625vw;
}

.metricsRow{
    width:91.666667vw;
    display:flex;
    gap:1.388889vw;
}
.metricCard{
    width:29.652778vw;
    padding:1.388889vw;
    background: rgba(255,255,255,.10);
    border-radius:2.083333vw;
    outline:0.069444vw solid var(--outline20);
    outline-offset:-0.069444vw;
    backdrop-filter: blur(0.625vw);
    -webkit-backdrop-filter: blur(0.625vw);
    display:flex;
    flex-direction:column;
    gap:1.388889vw;
    align-items:center;
}
.metricCard__v{
    text-align:center;
    font-size:6.388889vw;
    font-weight:500;
    line-height:6.388889vw;

    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.metricCard__v--ghost{ color: rgba(0,0,0,.20); }
.metricCard__v--green{ color: var(--green); }
.metricCard__d{
    opacity:.70;
    text-align:center;
    font-size:1.25vw;
    line-height:1.625vw;
}


/* ================= CTA ================= */
.cta{
    height:52.291667vw;
    background:#080E1F;
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cta-bg{
    position: absolute;
    top: 0;
    left: 0;
}
.cta-bg-rec{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.cta__title{
    width:83.611111vw;
    text-align:center;
    font-family: var(--geist);
    font-weight:500;
    font-size:5.763889vw;
    line-height:5.763889vw;

    margin-bottom: 1.666667vw;
}
.cta__title span{

    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cta__avatars{
    width:14.09375vw;
    height:6.161111vw;
}
.cta__avatars img{
    width:6.172917vw;
    height:6.172917vw;
    border-radius:694.375vw;
    border:0.315972vw solid #fff;
    position:absolute;
    top:-0.985417vw;
    box-shadow: 0 0.516813vw 3.606208vw rgba(0,0,0,.22);
}
.cta__avatars img:nth-child(1){ left:0; background:#E0FFE6; }
.cta__avatars img:nth-child(2){ left:3.9625vw; background:#DDD7FF; }
.cta__avatars img:nth-child(3){ left:7.924306vw; background:#C8E1FF; }

.cta__sub{
    width:68.194444vw;
    text-align:center;
    opacity:.70;
    font-family: var(--inter);
    font-weight:400;
    font-size:1.666667vw;

    margin-bottom: 4.166667vw;
}

.cta-title-avatars{
    display: inline-block;
    height:6.161111vw;
}


/* ================= FOOTER ================= */
.footer{
    position: relative;
    background:#000;

    height: 37.361111vw;
}
.footer__word{
    color: rgba(255,255,255,.10);
    font-family: var(--geist);
    font-weight:500;
    font-size:25.324306vw;
    line-height:25.324306vw;
    white-space:nowrap;
}

.footer__inner{
    position:absolute;
    top:4.861111vw;
    left:4.166667vw;
    right:4.166667vw;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.footer__title{
    width:32vw;
    font-family: var(--geist);
    font-weight:500;
    font-size:3.333333vw;
    line-height:4vw;
}
.footer__title span{
    background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer__menu{
    display:flex;
    gap:2.083333vw;
}
.menuCol{
    display:flex;
    flex-direction:column;
    gap:1.666667vw;
}
.menuCol__k{
    opacity:.50;
    color: var(--w60);
    font-size:1.25vw;
    font-weight:400;
    text-transform:uppercase;
    line-height:1.25vw;
}
.menuCol a{
    color: var(--w60);
    font-size:1.666667vw;
    font-weight:400;
    line-height:1.666667vw;
    text-decoration:none;
    display:block;
    margin-top:1.111111vw;
}
.menuCol a:first-of-type{ margin-top:0; }

.footer__nav{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:0.555556vw;
    max-width:40vw;
}
.footer__nav a{
    color: var(--w60);
    font-size:1.527778vw;
    font-weight:400;
    line-height:1;
    text-decoration:none;
    transition:color .2s;
}
.footer__nav a:hover{
    color:#37BDF6;
}
.footer__nav-dot{
    color:rgba(255,255,255,.2);
    font-size:1.527778vw;
    line-height:1;
    user-select:none;
}

.footer__bar{
    position: absolute;
    bottom:0;
    width:100%;
    height:2.777778vw;
    padding:1.388889vw 0;
    background: linear-gradient(132deg, var(--green) 0%, var(--blue) 100%), #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:1.388889vw;
    font-weight:400;
}

.footer-bg{
    position: absolute;

    bottom: 0;
    left: 0;
    width: 100%;
}

/* ===== BURGER ===== */
.burger{
    display:none;
    width:11.7333vw;
    height:11.7333vw;
    background:none;
    border:0;
    padding:0;
    cursor:pointer;
    z-index:11;
}

.burger span{
    display:block;
    width:6.9333vw;
    height:0.5333vw;
    margin:1.6000vw auto;
    background:white;
    transition:.3s;
}

.burger--active span:nth-child(1){
    transform:translateY(2.1333vw) rotate(45deg);
}
.burger--active span:nth-child(2){
    opacity:0;
}
.burger--active span:nth-child(3){
    transform:translateY(-2.1333vw) rotate(-45deg);
}

/* ===== MOBILE MENU ===== */
.mobileMenu{
    position:fixed;
    inset:0;
    background:#080E1F;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:10.6667vw;

    transform:translateY(-100%);
    transition:.4s ease;
    z-index:9;
}

.mobileMenu--open{
    transform:translateY(0);
}

.mobileMenu__nav{
    display:flex;
    flex-direction:column;
    gap:6.4000vw;
    text-align:center;
}

.mobileMenu__nav a{
    font-size:5.3333vw;
    color:var(--white);
    text-decoration:none;
}

.mobileMenu__actions{
    display:flex;
    flex-direction:column;
    gap:4.2667vw;
}

/* ===== ≤186.6667vw ===== */
@media (max-width:480px){

    .hero__nav{
        padding:0 5.3333vw;
        top:2.6667vw;
    }

    .navrow{ display:none; }
    .burger{ display:block; }

    .brand{
        width:10.6667vw;
        height:10.6667vw;
    }

    .hero__content{
        padding:32.0000vw 5.3333vw 0;
    }

    .hero__title,
    .hero__title span{
        width:100%;
        font-size:11.2000vw;
        letter-spacing:0.2667vw;
    }

    .hero__content p{
        width:100%;
        font-size:4.2667vw;
    }

    .hero__cta{
        flex-direction:column;
        align-items:flex-start;
        padding:5.3333vw;
        gap:3.2000vw;
    }

    .btn--whiteglow,
    .btn--grad{
        width:100%;
        height:12.8000vw;
        font-size:4.2667vw;
        border-radius:3.7333vw;
    }

    .hero__pills{
        flex-direction:column;
        padding:5.3333vw;
        gap:2.6667vw;
    }

    .how__row{ flex-direction:column; }
    .imgCard--big{ width:100%; height:64.0000vw; }

    .paidOut__cards,
    .metricsRow{ flex-direction:column; }

    .statCard,
    .metricCard,
    .leaderBox{ width:100%; }

    .footer{
        height:auto;
        padding:16.0000vw 5.3333vw 8.0000vw;
    }

    .footer__inner{
        position:static;
        flex-direction:column;
        gap:8vw;
    }
    .footer__title{ width:100%; }
    .footer__nav{
        max-width:100%;
        justify-content:flex-start;
    }
}


/* ===== REFINED MOBILE (based on mockup) ===== */
@media (min-width:480px){
    .show-sm{
        display: none;
    }
    .hide-sm{
        display: block;
    }

    body {
        zoom: 0.865;
    }
}
@media (max-width:480px){
    .show-sm{
        display: block;
    }
    .hide-sm{
        display: none;
    }

    body{
        font-size:3.7333vw;
    }

    .hero{
        overflow: hidden;
    }
    /* NAV */
    .hero__nav{
        padding:3.2000vw 4.2667vw;
        top:0;
        backdrop-filter: blur(2.6667vw);
    }

    .hero__bg{
        width: 100%;
        height: 100%;
        position:absolute;
        background: url("/new-home/images/mob_hero.webp");
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        top: 0;
        left: 0;

        margin-top: 17vw;
    }

    .burger{
        width:10.6667vw;
        height:10.6667vw;
    }

    .burger span{
        width:5.8667vw;
        margin:1.3333vw auto;
    }

    /* HERO */
    .hero__content{
        padding:25.6000vw 4.2667vw 0;

        padding-top: 91.88vw;
    }

    .hero__title,
    .hero__title span{
        font-size:8.0000vw;
        line-height:9.0667vw;
        letter-spacing:.0.8000vw;

    }

    .hero__content p{
        font-size:3.7333vw;
        line-height:5.3333vw;
        color: var(--w70);
        margin-top:2.1333vw;
    }

    .hero__cta{
        padding:4.2667vw;
        gap:2.6667vw;

        display: flex;
        flex-direction: row;

        align-items: center;
    }
    .hero__cta .btn--whiteglow{
        width: 36.25vw;
    }

    .btn__arrow {
        width: 3vw;
        height: 3vw;
    }

    .btn--whiteglow,
    .btn--grad{
        height:11.7333vw;
        border-radius:4.8000vw;
        font-size:3.7333vw;
    }

    .btn--link{
        font-size:3.4667vw;
        opacity:.8;
    }

    /* PILLS */
    .hero__pills{
        padding:3.2000vw 4.2667vw 8.5333vw;
        gap:2.1333vw;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pill{
        font-size:3.4667vw;
        padding:1.6000vw 2.6667vw;
        border-radius:3.7333vw;
        background: rgba(255,255,255,.08);
    }

    .pill svg{
        width:4.8000vw;
        height:4.8000vw;
    }

    /* TRUSTED */
    .trusted{
        height:auto;
        padding:6.4000vw 0;
    }

    .trusted__title{
        font-size:4.1733vw;
        margin-bottom: 8.33vw;
    }

    .trusted__logo img{
        height:8.8000vw;
    }

    /* HEADINGS */
    .h2{
        font-size:7.5vw;
        line-height:7.4667vw;
        margin-top:8.5333vw;
    }

    .lead{
        font-size:3.33vw;
        line-height:5.3333vw;
        margin-bottom:6.4000vw;
    }

    .h3{
        font-size:5vw;
    }

    .p18{
        font-size:3.4667vw;
        line-height:4.8000vw;
    }

    /* HOW CARDS */
    .how__row{
        gap:3.2000vw;
        margin-bottom:7.4667vw;
    }

    .imgCard--big{
        height: 80vw;
        border-radius:4.8000vw;
    }

    .stepChip span{
        font-size:4.17vw;
    }

    /* QUOTE */
    .quoteBlock{
        gap:4.2667vw;
    }

    .authorName{
        font-size:4.0000vw;
        line-height:5.3333vw;
    }

    .authorRole{
        font-size:3.2000vw;
    }

    .avatar86{
        width:11.2000vw;
        height:11.2000vw;
    }

    /* STAT CARDS */
    .statCard{
        border-radius:5.3333vw;
        padding:3.7333vw;
    }

    .statCard__k{
        font-size:3.2000vw;
    }

    .statCard__v{
        font-size:7.4667vw;
        line-height:8.5333vw;
    }

    .statCard__d{
        font-size:3.2000vw;
    }

    /* LEADERBOARD */
    .leader{
        margin-top:8.5333vw;
    }

    .leaderBox{
        border-radius:5.8667vw;
        padding:4.2667vw;
    }

    .row{
        border-radius:4.2667vw;
        padding:2.6667vw 3.2000vw;
    }

    .uname{
        font-size:3.4667vw;
    }

    .rewardChip{
        font-size:3.2000vw;
        padding:1.6000vw 2.6667vw;
        border-radius:2.6667vw;
    }

    /* METRICS */
    .metricCard{
        border-radius:5.8667vw;
        padding:4.2667vw;
    }

    .metricCard__v{
        font-size:6.9333vw;
    }

    .metricCard__d{
        font-size:3.2000vw;
        line-height:4.8000vw;
    }

    /* CTA */
    .cta{
        padding:12.8000vw 4.2667vw;
    }

    .cta__title{
        font-size:6.4000vw;
        line-height:8.0000vw;
    }

    .cta__sub{
        font-size:3.4667vw;
        line-height:4.8000vw;
    }

    .cta__btn{
        height:12.2667vw;
        border-radius:5.3333vw;
        font-size:3.7333vw;
    }

    /* FOOTER */
    .footer{
        padding:10.6667vw 4.2667vw 6.4000vw;
        background:#050C18;
    }

    .footer__inner{
        position:static;
        flex-direction:column;
        gap:6.4vw;
    }

    .footer__title{
        width:100%;
        font-size:4.8000vw;
        line-height:6.4000vw;
    }

    .footer__nav{
        max-width:100%;
        justify-content:flex-start;
        gap: 1.6vw;
    }
    .footer__nav a{
        font-size: 2.1333vw;
    }
    .footer__nav-dot{
        font-size: 2.1333vw;
    }

    .menuCol__k{
        font-size:2.9333vw;
    }

    .menuCol a{
        font-size:3.4667vw;
        margin-top:1.6000vw;
    }

    .footer__bar{
        font-size:2.9333vw;
    }

    .how__heading{
        width: 100%;
    }

    .how__row{
        border-radius: 4.17vw;
        background: rgba(255, 255, 255, 0.10);
        padding: 2.5vw;

        width: 100%;
    }

    .how{
        padding-left: 3.33vw;
        padding-right: 3.33vw;
    }

    .stepText {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .how__row--2, .how__row--4{
        display: flex;
        flex-direction: column-reverse;
    }

    .stepChip {
        position: relative;
        padding: 2.5vw 3.13vw;
        background: rgba(255, 255, 255, .10);
        border-radius: 2.08vw;
        display: inline-flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 5vw;
    }

    .stepChip::before{
        content:"";
        position:absolute;
        inset:0;
        border-radius:2.08vw;
        padding:0.42vw; /* толщина бордера */

        background: linear-gradient(135deg, #22C562, #37BDF6);

        -webkit-mask:
                linear-gradient(#000 0 0) content-box,
                linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;

        pointer-events:none;
    }

    .how__row .p18 {
        font-size: 3.4667vw;
        line-height: 4.8000vw;

        text-align: left;

        margin-top: 2.5vw;
    }

    .quoteBlock {
        width: 100%;
    }

    .paidOut__head .h2{
        margin-bottom: 5vw;
    }
    .paidOut__head .lead{
        margin-bottom: 12.5vw;
    }

    .statCard{
        border-radius: 6.25vw;
        border: 0.21vw solid #22C562;
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(9.001818656921387px);

        padding: 4.17vw!important;
        margin-bottom: 4.17vw;
    }
    .statCard__k{
        font-size: 3.33vw;

        margin-bottom: 4.17vw;
    }
    .statCard__v{
        font-size: 12.5vw;
        line-height: 12.5vw;


        margin-bottom: 4.17vw;

    }

    .quotePaid{
        margin-bottom: 8vw;
    }

    .leader{
        padding-left: 3.33vw;
        padding-right: 3.33vw;
    }

    .labelPill span {
        font-size: 3.75vw;
        line-height: 3.75vw;

        background: linear-gradient(132deg, #22C562 -6.58%, #37BDF6 109.73%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .labelPill{
        border-radius: 2.08vw;
        background: #171C29;

        padding: 3.33vw 2.5vw;
    }

    .metricCard{

        border-radius: 6.25vw;
        border: 0.21vw solid #22C562;
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(9.001818656921387px);

        padding: 4.17vw!important;
        margin-bottom: 4.17vw;
    }

    .metricCard__v {
        font-size: 12.5vw;
        line-height: 12.5vw;


        margin-bottom: 4.17vw;
    }

    .cta {
        height: 166.291667vw;
    }
    .cta__btn{
        width: 35vw;
    }

    .footer {
        height: auto;
        padding: 16vw 5.3333vw 8vw;
    }
    .footer__inner{
        position:static;
        flex-direction:column;
        gap:10vw;
    }
    .footer__title {
        width:100%;
        font-size: 7.8vw;
        line-height: 8.4vw;
    }

    .footer__nav{
        max-width:100%;
        justify-content:flex-start;
        gap: 2.1333vw;
        flex-wrap: wrap;
    }
    .footer__nav a{
        font-size: 3.7333vw;
    }
    .footer__nav-dot{
        font-size: 3.7333vw;
    }

    .menuCol__k {
        font-size: 4.9333vw;
        line-height: 6.933vw;
    }

    .footer__bar {
        font-size: 3.9333vw;
        left: 0;
        height: 5.777778vw;
    }

    .footer-bg {
        position: absolute;
        bottom: 6vw;
        left: 0;
        width: 100%;
    }

    .mobileMenu__nav{
        padding-top: 50vw;
    }

    .nav__login {
        font-family: var(--geist);
        font-weight: 500;
        font-size: 6vw;
        line-height: 6vw;
        color: var(--w60);
        text-decoration: none;
        text-align: center;
        margin-top: 11vw;
    }
    .nav__logout-btn{
        width: 11.7333vw;
        height: 11.7333vw;
        border-radius: 4.8vw;
    }
    .nav__logout-btn svg{ width: 5.3333vw; height: 5.3333vw; }

    .btn--grad {
        height: 11.7333vw;
        border-radius: 4.8000vw;
        font-size: 6vw;
        line-height: 6vw;
        width: 60vw;
    }

    .mobileMenu__actions {
        justify-content: center;
        align-items: center;

        margin-top: 4vw;
    }

    .table .table__hdr {
        display: none;
    }
    .table .table__rows {
        gap: 2.5vw;
    }
    .table .row {
        display: flex;
        align-items: center;
        padding: 3.5vw 4vw;
        margin-bottom: 0;
        gap: 3vw;
        background: linear-gradient(135deg, rgba(23,28,41,0.95) 0%, rgba(30,36,54,0.9) 100%);
        border-radius: 3vw;
        border: 1px solid rgba(255,255,255,0.05);
    }
    .table .row--active {
        border: 1px solid var(--green);
        background: linear-gradient(135deg, rgba(34,197,94,0.08) 0%, rgba(23,28,41,0.95) 100%);
    }
    .table .row .followers { display: none; }

    .table .rank {
        width: 8vw;
        height: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 4vw;
        font-weight: 700;
        background: rgba(255,255,255,0.05);
        border-radius: 2vw;
        flex-shrink: 0;
    }
    .table .row:nth-child(1) .rank { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: #000; }
    .table .row:nth-child(2) .rank { background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%); color: #000; }
    .table .row:nth-child(3) .rank { background: linear-gradient(135deg, #c4a574 0%, #a87c4f 100%); color: #000; }

    .table .user {
        flex: 1;
        min-width: 0;
        gap: 2.5vw;
    }
    .table .user .avatar44 {
        width: 10vw;
        height: 10vw;
        flex-shrink: 0;
        border: 2px solid rgba(255,255,255,0.1);
    }
    .table .user .uname {
        font-size: 3.8vw;
        font-weight: 600;
        max-width: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .table .tasks {
        display: none;
    }

    .table .reward {
        flex-shrink: 0;
    }
    .table .rewardChip {
        font-size: 3.5vw;
        font-weight: 600;
        padding: 2vw 3vw;
        width: auto;
        min-width: auto;
        background: linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.05) 100%);
        border: 1px solid rgba(34,197,94,0.3);
        border-radius: 2vw;
    }

    .big-lbl {
        display: inline-block;
        color: rgba(255, 255, 255, 0.4);
        font-family: Geist;
        font-size: 11vw;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        margin-left: 4vw;
    }

    .brand {
        width: 73.6667vw;
        height: 10.6667vw;
        display: flex;
        flex-direction: row;
    }
}