.home-hero {
    position: relative;
    min-height: 70vh;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image: linear-gradient(90deg, rgba(5, 4, 3, .34) 0%, rgba(5, 4, 3, .12) 44%, rgba(5, 4, 3, .03) 100%), url("/upload/home/main-hero.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 24px 200px;
}

.home-hero__content {
    width: min(100%, 1180px);
    margin: 0 auto;
    padding-left: 58px;
}

.home-hero__title {
    margin: 0;
    margin: 0;
    color: #ffffff;
    font-size: 55px;
    font-weight: 600;
    line-height: .96;
    text-transform: uppercase;
}

    /*.home-hero__title span,
    .home-hero__title strong {
        display: block;
    }*/

    .home-hero__title strong {
        /*margin-top: 24px;*/
        color: #c69b72;
        /*font-size: 56px;*/
        font-weight: 800;
    }

.home-hero__text {
    margin: 24px 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 1px;
}

.home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 26px;
    margin-top: 28px;
}

.home-hero__button {
    width: 160px;
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .56);
    border-radius: 999px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .54) 0%, rgba(92, 66, 47, .88) 52%, rgba(38, 25, 16, .86) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 6px 18px rgba(0, 0, 0, .22);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

    .home-hero__button:hover,
    .home-hero__button:focus {
        color: #ffffff;
        text-decoration: none;
        border-color: rgba(255, 255, 255, .85);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 9px 24px rgba(0, 0, 0, .28);
        transform: translateY(-1px);
    }

.home-hero__button--secondary {
    background: linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(119, 113, 104, .9) 48%, rgba(71, 62, 53, .88) 100%);
}

.home-hero__stats {
    position: absolute;
    left: 50%;
    bottom: 58px;
    width: min(calc(100% - 48px), 936px);
    min-height: 108px;
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(4, minmax(110px, 1fr));
    align-items: stretch;
    border: 1px solid rgba(198, 155, 90, .82);
    border-radius: 8px;
    background: rgba(0, 0, 0, .9);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .28);
    transform: translateX(-50%);
    overflow: hidden;
}

.home-hero__trust {
    padding: 20px 24px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

.home-hero__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 12px;
    text-align: center;
    border-left: 1px solid rgba(198, 155, 90, .45);
}

    .home-hero__stat strong {
        color: #c69b72;
        font-size: 26px;
        font-weight: 800;
        line-height: 1;
        font-variant-numeric: tabular-nums;
    }

    .home-hero__stat span {
        margin-top: 4px;
        color: #ffffff;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.15;
    }

    .home-hero__stat small {
        margin-top: 5px;
        color: rgba(255, 255, 255, .78);
        font-size: 6px;
        font-weight: 300;
        line-height: 1.2;
    }

@media (max-width: 1199px) {
    .home-hero__content {
        padding-left: 18px;
    }

    .home-hero__title {
        font-size: 76px;
    }

        .home-hero__title strong {
            /*font-size: 48px;*/
        }

    .home-hero__stats {
        grid-template-columns: minmax(210px, 1fr) repeat(4, minmax(105px, 1fr));
    }
}

@media (max-width: 767px) {
    .home-hero {
        align-items: flex-start;
        overflow: hidden;
        background-position: 64% top;
        padding: 138px 20px 52px;
        height: auto;
        min-height: 620px;
    }

        .home-hero::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(5, 4, 3, .74) 0%, rgba(5, 4, 3, .42) 42%, rgba(5, 4, 3, .16) 100%);
            pointer-events: none;
        }

    .home-hero__content {
        position: relative;
        width: 100%;
        padding-left: 0;
        z-index: 1;
    }

    .home-hero__title {
        font-size: 34px;
    }

        .home-hero__title strong {
            margin-top: 14px;
            /*font-size: 36px;*/
        }

    .home-hero__text {
        max-width: 340px;
        margin-top: 14px;
        font-size: 15px;
        letter-spacing: .4px;
    }

    .home-hero__actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 30px;
    }

    .home-hero .glossy-button {
        width: 100%;
        min-width: 0;
        height: 56px;
        padding: 0 20px;
        font-size: 19px;
    }

    .home-hero__stats {
        bottom: 36px;
        width: calc(100% - 32px);
        min-height: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-hero__trust {
        grid-column: 1 / -1;
        padding: 16px 18px;
        border-bottom: 1px solid rgba(198, 155, 90, .45);
        text-align: center;
    }

    .home-hero__stat {
        min-height: 82px;
        border-left: 0;
        border-top: 1px solid rgba(198, 155, 90, .35);
    }

        .home-hero__stat:nth-child(even) {
            border-right: 1px solid rgba(198, 155, 90, .35);
        }

        .home-hero__stat strong {
            font-size: 24px;
        }

        .home-hero__stat small {
            font-size: 8px;
        }
}

@media (max-width: 380px) {
    .home-hero__actions {
        flex-direction: column;
        align-items: flex-start;
    }
}

.home-markets {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 72% 100%, rgba(125, 80, 49, .28) 0%, rgba(15, 12, 12, 0) 34%), #100d0d;
    padding: 70px 24px 70px;
}

.home-markets__inner {
    width: min(100%, 970px);
    margin: 0 auto;
}

.home-markets__heading {
    text-align: center;
}

    .home-markets__heading h2 {
        margin: 0;
        color: #ffffff;
        font-size: 34px;
        font-weight: 800;
        line-height: 1.18;
        text-transform: uppercase;
    }

        .home-markets__heading h2 span {
            color: #c69b72;
        }

    .home-markets__heading p {
        margin: 10px 0 0;
        color: rgba(255, 255, 255, .52);
        font-size: 21px;
        font-weight: 200;
        line-height: 1.35;
    }

.home-markets__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 15px;
    margin-top: 44px;
}

.home-markets__card {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px 14px 18px;
    text-align: center;
    border: 1px solid rgba(183, 126, 58, .68);
    border-radius: 16px;
    background: radial-gradient(circle at 50% 112%, rgba(240, 175, 86, .28) 0%, rgba(150, 94, 40, .08) 20%, transparent 43%), linear-gradient(145deg, rgba(30, 23, 17, .98) 0%, rgba(14, 11, 9, .98) 55%, rgba(24, 17, 12, .98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 24px rgba(0, 0, 0, .38);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease, background .35s ease;
}

    .home-markets__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 135deg, rgba(255, 255, 255, .025) 0%, transparent 35%, transparent 70%, rgba(195, 125, 55, .06) 100% );
        pointer-events: none;
    }


    .home-markets__card + .home-markets__card {
        margin-left: -1px;
    }

    .home-markets__card:hover {
        border-color: rgba(198, 155, 90, 1);
        box-shadow: inset 0 0 34px rgba(198, 155, 90, .08), 0 22px 42px rgba(0, 0, 0, .24);
        transform: translateY(-4px);
        z-index: 1;
    }

.home-markets__icon {
    width: auto;
    height: 80px;
    display: block;
    object-fit: contain;
}

.home-markets__card h3 {
    margin: 8px 0 0;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

.home-markets__card p {
    margin: 8px 0 0;
    color: #c69b72;
    font-size: 8px;
    font-weight: 300;
    line-height: 1.22;
}

@media (max-width: 991px) {
    .home-markets__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .home-markets__card + .home-markets__card {
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .home-markets {
        padding: 54px 20px 34px;
    }

    .home-markets__heading h2 {
        font-size: 28px;
    }

    .home-markets__heading p {
        font-size: 17px;
    }

    .home-markets__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 32px;
    }
}

@media (max-width: 460px) {
    .home-markets__grid {
        /*grid-template-columns: 1fr;*/
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .home-markets__card {
        min-height: 128px;
        width: 48%;
    }
}


/*****************************************
* home-platforms
*****************************************/
.home-platforms {
    position: relative;
    overflow: hidden;
    /*padding: 70px 24px 100px;
    background: linear-gradient( 90deg, #493628 0%, #392b21 38%, #241d17 67%, #11110e 100% );*/
}

    .home-platforms::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(255, 255, 255, 0.015) 0%, rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.38) 100% ), repeating-linear-gradient( 90deg, transparent 0 55px, rgba(198, 155, 114, 0.045) 56px 57px, transparent 58px 112px );
        pointer-events: none;
    }

    .home-platforms::after {
        content: "";
        position: absolute;
        right: 4%;
        bottom: -35%;
        width: 58%;
        height: 130%;
        background: radial-gradient( circle, rgba(192, 145, 94, 0.12) 0%, rgba(192, 145, 94, 0) 66% );
        pointer-events: none;
    }

.home-platforms__inner {
    position: relative;
    z-index: 2;
    width: min(100%, 1120px);
    min-height: 260px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 570px) minmax(0, 550px);
    align-items: center;
    gap: 0;
}

.home-platforms__content {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding-left: 8px;
}

.home-platforms__heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(28px, 2.2vw, 34px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

    .home-platforms__heading h2 span {
        color: #c79b70;
    }

.home-platforms__heading > p {
    max-width: 500px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.55;
    letter-spacing: 0.45px;
}

.home-platforms__features {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
    margin-top: 30px;
}

.home-platforms__feature {
    min-width: 0;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

    .home-platforms__feature img {
        width: 54px;
        height: 54px;
        display: block;
        object-fit: contain;
    }

    .home-platforms__feature > div {
        min-width: 0;
        padding-top: 1px;
    }

    .home-platforms__feature h3 {
        margin: 0;
        color: #ffffff;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.25;
        white-space: nowrap;
    }

    .home-platforms__feature p {
        max-width: 140px;
        margin: 6px 0 0;
        color: rgba(255, 255, 255, 0.78);
        font-size: 9px;
        font-weight: 300;
        line-height: 1.45;
    }

.home-platforms__media {
    position: relative;
    align-self: stretch;
    min-width: 0;
    min-height: 270px;
}

    .home-platforms__media img {
        position: absolute;
        left: -70px;
        right: auto;
        bottom: -48px;
        width: 640px;
        max-width: none;
        display: block;
        object-fit: contain;
    }

/*****************************************
* Desktop Medium
*****************************************/
@media (max-width: 1199px) {
    .home-platforms {
        /*padding: 64px 24px 88px;*/
    }

    .home-platforms__inner {
        width: min(100%, 980px);
        grid-template-columns: minmax(0, 520px) minmax(0, 460px);
    }

    .home-platforms__heading h2 {
        font-size: 30px;
    }

    .home-platforms__heading > p {
        max-width: 470px;
        font-size: 15px;
    }

    .home-platforms__features {
        gap: 12px;
    }

    .home-platforms__feature {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 9px;
    }

        .home-platforms__feature img {
            width: 46px;
            height: 46px;
        }

        .home-platforms__feature h3 {
            font-size: 12px;
        }

        .home-platforms__feature p {
            max-width: 125px;
            font-size: 8px;
        }

    .home-platforms__media {
        min-height: 250px;
    }

        .home-platforms__media img {
            left: -65px;
            bottom: -42px;
            width: 540px;
        }
}

/*****************************************
* Tablet
*****************************************/
@media (max-width: 991px) {
    .home-platforms {
        /*padding: 54px 24px 26px;*/
    }

    .home-platforms__inner {
        width: min(100%, 760px);
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .home-platforms__content {
        padding-left: 0;
    }

    .home-platforms__heading {
        text-align: center;
    }

        .home-platforms__heading h2 {
            font-size: 30px;
        }

        .home-platforms__heading > p {
            max-width: 520px;
            margin-right: auto;
            margin-left: auto;
        }

    .home-platforms__features {
        width: min(100%, 760px);
        margin-right: auto;
        margin-left: auto;
        gap: 24px;
    }

    .home-platforms__feature {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
    }

        .home-platforms__feature img {
            width: 52px;
            height: 52px;
        }

        .home-platforms__feature h3 {
            font-size: 13px;
        }

        .home-platforms__feature p {
            max-width: 150px;
            font-size: 9px;
        }

    .home-platforms__media {
        min-height: 330px;
    }

        .home-platforms__media img {
            left: 50%;
            right: auto;
            bottom: -45px;
            width: min(90vw, 680px);
            transform: translateX(-50%);
        }
}

/*****************************************
* Mobile
*****************************************/
@media (max-width: 767px) {
    .home-platforms {
        /*padding: 46px 20px 15px;*/
    }

    .home-platforms__inner {
        width: min(100%, 420px);
        gap: 24px;
    }

    .home-platforms__heading h2 {
        font-size: 27px;
    }

    .home-platforms__heading > p {
        max-width: 410px;
        font-size: 14px;
        line-height: 1.55;
    }

    .home-platforms__features {
        grid-template-columns: 1fr;
        width: min(100%, 380px);
        gap: 20px;
        margin-top: 28px;
    }

    .home-platforms__feature {
        width: 100%;
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 15px;
    }

        .home-platforms__feature img {
            width: 54px;
            height: 54px;
        }

        .home-platforms__feature h3 {
            font-size: 14px;
        }

        .home-platforms__feature p {
            max-width: none;
            margin-top: 5px;
            font-size: 11px;
            line-height: 1.5;
        }

    .home-platforms__media {
        min-height: 245px;
    }

        .home-platforms__media img {
            left: 50%;
            bottom: 10px;
            width: min(104vw, 570px);
            transform: translateX(-50%);
        }
}

/*****************************************
* Mobile Small
*****************************************/
@media (max-width: 480px) {
    .home-platforms {
       /* padding-right: 16px;
        padding-left: 16px;*/
    }

    .home-platforms__heading h2 {
        font-size: 24px;
    }

    .home-platforms__heading > p {
        font-size: 13px;
    }

    .home-platforms__feature {
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 12px;
    }

        .home-platforms__feature img {
            width: 50px;
            height: 50px;
        }

    .home-platforms__media {
        min-height: 210px;
    }

        .home-platforms__media img {
            width: 95vw;
        }
}

.home-why {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 0 18%, rgba(120, 84, 58, .34) 0%, rgba(17, 13, 13, 0) 34%), radial-gradient(circle at 100% 28%, rgba(127, 91, 66, .34) 0%, rgba(17, 13, 13, 0) 36%), #110d0d;
    padding: 80px 24px 50px;
}

.home-why__inner {
    width: min(100%, 930px);
    margin: 0 auto;
}

.home-why h2,
.home-explore h2 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

    .home-why h2 span,
    .home-explore h2 span {
        color: #c69b72;
    }

.home-why__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 38px;
}

.home-why__card {
    min-height: 182px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 24px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 10px;
    background: rgba(8, 8, 8, .54);
}

.home-why__card {
    position: relative;
    overflow: hidden;
    min-height: 182px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 24px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: linear-gradient( 135deg, rgba(14,14,14,.98) 0%, rgba(18,18,18,.96) 55%, rgba(78,57,39,.82) 100% );
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 18px rgba(0,0,0,.28);
    transition: all .35s ease;
}

    .home-why__card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 135deg, rgba(198,155,90,.15), transparent 45%, rgba(255,255,255,.03) );
        opacity: 0;
        transition: opacity .35s ease;
        pointer-events: none;
    }

    .home-why__card::after {
        content: "";
        position: absolute;
        left: 22%;
        right: 22%;
        bottom: -10px;
        height: 18px;
        border-radius: 50%;
        background: rgba(198,155,90,.45);
        filter: blur(12px);
        opacity: 0;
        transition: all .35s ease;
        pointer-events: none;
    }

    .home-why__card:hover {
        transform: translateY(-8px);
        border-color: rgba(198,155,90,.85);
        background: linear-gradient( 135deg, #17120d 0%, #241b14 50%, #4f3927 100% );
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0,0,0,.45), 0 0 22px rgba(198,155,90,.18);
    }

        .home-why__card:hover::before {
            opacity: 1;
        }

        .home-why__card:hover::after {
            opacity: 1;
            transform: scaleX(1.15);
        }

    .home-why__card img {
        width: 72px;
        height: 72px;
        display: block;
        object-fit: contain;
    }

    .home-why__card h3 {
        margin: 18px 0 0;
        color: #ffffff;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.25;
    }

    .home-why__card p {
        max-width: 120px;
        margin: 9px 0 0;
        color: rgba(255, 255, 255, .9);
        font-size: 7px;
        font-weight: 300;
        line-height: 1.45;
    }


@media (max-width: 991px) {
    .home-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        margin-top: 32px;
    }

    .home-why__card {
        min-height: 210px;
        padding: 24px 20px;
    }

        .home-why__card img {
            width: 68px;
            height: 68px;
        }
}

@media (max-width: 575px) {
    .home-why__grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 26px;
    }

    .home-why__card {
        min-height: auto;
        padding: 26px 20px;
        width: 48%;
    }

        .home-why__card img {
            width: 64px;
            height: 64px;
        }

        .home-why__card h3 {
            margin-top: 16px;
            font-size: 15px;
        }

        .home-why__card p {
            max-width: 280px;
            font-size: 13px;
            line-height: 1.5;
        }
}


.home-explore {
    margin-top: 82px;
}

.home-explore__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 32px;
}

.home-explore__card {
    position: relative;
    min-height: 180px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(13, 13, 13, .98) 0%, rgba(13, 13, 13, .94) 47%, rgba(87, 64, 46, .82) 100%);
}

.home-explore__copy {
    position: relative;
    z-index: 1;
    max-width: 235px;
    padding: 28px 24px;
}

.home-explore__title {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .home-explore__title img {
        width: 40px;
        height: 40px;
        /*padding: 7px;
        border: 1px solid rgba(198, 155, 90, .72);*/
        /*border-radius: 7px;*/
        object-fit: contain;
        /*background: rgba(0, 0, 0, .62);*/
    }

    .home-explore__title h3 {
        margin: 0;
        color: #ffffff;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2;
        text-transform: uppercase;
    }

.home-explore__copy p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}

    .home-explore__copy p span,
    .home-explore__copy strong span {
        color: #c69b72;
    }

.home-explore__copy strong {
    display: block;
    margin-top: 22px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}

.home-explore__stores {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

    .home-explore__stores img {
        height: 22px;
    }

    .home-explore__stores a {
        min-width: 62px;
        min-height: 19px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        color: #ffffff;
        font-size: 7px;
        font-weight: 700;
        line-height: 1;
        text-decoration: none;
        background: #000000;
    }

.home-explore__image {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 58%;
    max-height: 100%;
    object-fit: contain;
    object-position: right bottom;
}

.home-explore__card--app .home-explore__image {
    right: 0px;
    max-width: 58%;
    max-height: 94%;
}

@media (max-width: 991px) {
    .home-why__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-explore__grid {
        grid-template-columns: 1fr;
        max-width: 620px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .home-why {
        padding: 46px 20px 44px;
    }

        .home-why h2,
        .home-explore h2 {
            font-size: 23px;
        }

    .home-explore {
        margin-top: 56px;
    }

    .home-explore__card {
        min-height: 230px;
    }

    .home-explore__copy {
        max-width: 62%;
        padding: 24px 20px;
    }
}

@media (max-width: 520px) {
    .home-why__grid {
        /*grid-template-columns: 1fr;*/
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .home-explore__card {
        min-height: 310px;
    }

    .home-explore__copy {
        max-width: none;
        padding-right: 18px;
    }

    .home-explore__image,
    .home-explore__card--app .home-explore__image {
        right: 30%;
        max-width: inherit;
        max-height: inherit;
        transform: translateX(50%);
        width: 60%;
    }
}

.home-accounts {
    background: #100d0d;
    padding: 46px 24px 60px;
}

.home-accounts__inner {
    width: min(100%, 994px);
    margin: 0 auto;
}

.home-accounts h2 {
    margin: 0;
    color: #ffffff;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.home-accounts h2 span {
    color: #c69b72;
}

.home-accounts__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 42px;
}

.home-accounts__card {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .18);
    border-bottom-color: rgba(198, 155, 90, .55);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(11, 12, 12, .98) 0%, rgba(13, 13, 13, .96) 45%, rgba(77, 58, 40, .76) 100%);
    padding-bottom: 30px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 10px 22px rgba(0, 0, 0, .28);
    transition: all .35s ease;
}

    .home-accounts__card:hover {
        transform: translateY(-6px);
        border-color: rgba(198,155,90,.85);
        background: linear-gradient( 180deg, #17120d 0%, #231b14 45%, #4d3a28 100% );
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.42), 0 0 22px rgba(198,155,90,.15);
    }

        .home-accounts__card:hover::before {
            opacity: 1;
        }

        .home-accounts__card:hover::after {
            opacity: 1;
            transform: scaleX(1.15);
        }


.home-accounts__header {
    min-height: 138px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px 18px 16px;
    text-align: center;
}

.home-accounts__header span {
    color: rgba(255, 255, 255, .92);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
}

.home-accounts__header h3 {
    margin: 6px 0 0;
    color: #c69b72;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.home-accounts__details {
    margin: 0;
}

.home-accounts__details div {
    min-height: 43px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 0 26px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.home-accounts__details dt,
.home-accounts__details dd {
    margin: 0;
    color: rgba(255, 255, 255, .94);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
}

.home-accounts__details dd {
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .home-accounts__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .home-accounts {
        padding: 42px 20px 30px;
    }

    .home-accounts h2 {
        font-size: 28px;
    }

    .home-accounts__grid {
        grid-template-columns: 1fr;
        max-width: 390px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 420px) {
    .home-accounts__details div {
        padding: 0 18px;
    }

    .home-accounts__details dt,
    .home-accounts__details dd {
        font-size: 13px;
    }
}

.home-try-demo {
    background: #100d0d;
    padding: 28px 24px 54px;
}

.home-try-demo__inner {
    width: min(100%, 1090px);
    min-height: 170px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .42);
    border-radius: 14px;
    background-image: linear-gradient(90deg, rgba(11, 10, 10, .9) 0%, rgba(11, 10, 10, .78) 43%, rgba(11, 10, 10, .1) 100%), url("/upload/home/bg-try-demo.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-try-demo__content {
    width: min(100%, 560px);
    padding: 36px 48px;
}

.home-try-demo h2 {
    margin: 0;
    color: #c69b72;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.2;
}

.home-try-demo p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .86);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}

.home-try-demo__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.home-try-demo__button {
    color: #d4a27c;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(198, 155, 90, .75);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
    padding: 6px 16px;
}

.home-try-demo__button:hover,
.home-try-demo__button:focus {
    color: #ffffff;
    text-decoration: none;
    border-color: #ffffff;
    transform: translateY(-1px);
}

.home-try-demo__button--primary {
    color: #251b14;
    border-color: #d4a27c;
    background: #d4a27c;
}

.home-try-demo__button--primary:hover,
.home-try-demo__button--primary:focus {
    color: #251b14;
    background: #e2b18c;
}

.home-try-demo__button--secondary {
    background: rgba(0, 0, 0, .38);
}

.home-try-demo__cards {
    width: min(100%, 1090px);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 30px auto 0;
}

.home-try-demo-card {
    position: relative;
    min-height: 242px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 14px;
    background: linear-gradient( 135deg, rgba(13,14,14,.98) 0%, rgba(14,14,14,.96) 52%, rgba(88,65,47,.82) 100% );
    transition: all .35s ease;
}

    .home-try-demo-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 135deg, rgba(198,155,90,.15), transparent 45%, rgba(255,255,255,.03) );
        opacity: 0;
        transition: opacity .35s ease;
        pointer-events: none;
    }

    .home-try-demo-card::after {
        content: "";
        position: absolute;
        left: 20%;
        right: 20%;
        bottom: -10px;
        height: 18px;
        border-radius: 50%;
        background: rgba(198,155,90,.45);
        filter: blur(12px);
        opacity: 0;
        transition: all .35s ease;
        pointer-events: none;
    }

    .home-try-demo-card:hover {
        transform: translateY(-8px);
        border-color: rgba(198,155,90,.9);
        background: linear-gradient( 135deg, #17120d 0%, #231b14 50%, #4d3a28 100% );
        box-shadow: 0 18px 38px rgba(0,0,0,.45), 0 0 25px rgba(198,155,90,.18);
    }

        .home-try-demo-card:hover::before {
            opacity: 1;
        }

        .home-try-demo-card:hover::after {
            opacity: 1;
            transform: scaleX(1.15);
        }

.home-try-demo-card__copy {
    position: relative;
    z-index: 1;
    padding: 32px 28px;
}

.home-try-demo-card h3 {
    margin: 0;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.home-try-demo-card p {
    max-width: 160px;
    margin: 14px 0 0;
    color: rgba(255, 255, 255, .94);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}

.home-try-demo-card > img,
.home-try-demo-card__image {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40%;
    object-fit: contain;
    object-position: right bottom;
}

.home-try-demo-card__tokens {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

.home-try-demo-card__tokens span {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    font-size: 8px;
    font-weight: 500;
    line-height: 1.18;
    text-align: center;
}

.home-try-demo-card__tokens img {
    width: 28px;
    height: 28px;
    display: block;
    margin-bottom: 5px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .home-try-demo {
        padding: 24px 20px 42px;
    }

    .home-try-demo__inner {
        align-items: flex-start;
        background-position: 62% center;
    }

    .home-try-demo__content {
        width: 100%;
        padding: 28px 24px;
    }

    .home-try-demo h2 {
        max-width: 360px;
        font-size: 22px;
    }

    .home-try-demo p {
        max-width: 330px;
        font-size: 12px;
    }

    .home-try-demo__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .home-try-demo-card {
    }

    .home-try-demo-card__copy {
        padding: 24px 20px;
    }
}

@media (max-width: 420px) {
    .home-try-demo {
        padding-right: 16px;
        padding-left: 16px;
    }

    .home-try-demo__actions {
        gap: 8px;
    }

    .home-try-demo__cards {
        grid-template-columns: 1fr;
    }

    .home-try-demo-card {
        min-height: 250px;
    }
}