:root {
            --color--dark: #070709;
            --fonts--text: Satoshi, sans-serif;
            --color--light-gray: #eaeaea;
            --fonts--heading: Generalsans, sans-serif;
            --color--accent: #ff4d00;
            --color--button-alpha: #ffffff0d;
            --color--transparent: transparent;
            --color--light-dark: #151515;
            --color--light-gray-alternate: #bfc0c1;
            --color--white: #fff;
            --size--border-radius: 5px;
            --color--dark-gray: #8a8a8a;
        }

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

        html {
            height: 100%;
            scroll-behavior: smooth;
        }

        body {
            margin: 0;
            min-height: 100%;
            background-color: var(--color--dark);
            font-family: var(--fonts--text);
            color: var(--color--light-gray);
            font-size: 1.375rem;
            line-height: 1.5;
            font-weight: 500;
        }

        h1 {
            margin-top: 0;
            margin-bottom: 0;
            font-family: var(--fonts--heading);
            color: var(--color--light-gray);
            font-size: 5.625rem;
            line-height: 1;
            font-weight: 500;
        }

h3 {
    margin-top: 20px;
    font-size: 24px;
    line-height: 30px;
}

        h3 {
    font-family: var(--fonts--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: bold;
}

#w-node-_9606c440-2f90-c39d-56d2-49df16a71dfc-7a88c117 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}
        p {
            margin-bottom: 0;
            font-size: 1.25rem;
        }
        
        a {
            color: var(--color--light-gray);
            text-decoration: none;
        }

        img {
            max-width: 100%;
            display: block;
            object-fit: cover;
        }
        
        .w-embed:before, .w-embed:after {
            content: " ";
            display: table;
            grid-area: 1 / 1 / 2 / 2;
        }
        
        .w-embed:after {
            clear: both;
        }

        .container {
            z-index: auto;
            width: 100%;
            max-width: 61.9375rem;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            position: relative;
        }

        .w-button {
    display: inline-block;
    color: #fff;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border: 0;
}

#w-node-_650da821-09f3-6790-0a18-3e4c8daf737e-7a88c117 {
    grid-area: 1 / 3 / 2 / -1;
}
        
        .button {
            display: inline-flex;
            min-height: 3.25rem;
            min-width: 9.375rem;
            justify-content: space-between;
            align-items: center;
            border-radius: .3125rem;
            background-color: var(--color--button-alpha);
            padding: 0 1rem 0 1.4375rem;
            font-family: var(--fonts--text);
            color: var(--color--light-gray);
            font-size: 1rem;
            line-height: 1;
            font-weight: 500;
            text-decoration: none;
            transition: background-color .3s ease-in-out, box-shadow .3s;
        }

        .button.nav__button {
            transition: background-color .3s ease-in-out, opacity .2s;
        }

        .button.button--accent {
            grid-column-gap: .625rem;
            grid-row-gap: .625rem;
            border-radius: .125rem;
            text-align: left;
            font-size: 1.25rem;
        }

        .button.button--accent.hero__button {
            min-width: 23.125rem;
            transition: background-color .3s ease-in-out, transform .3s;
        }

        .button-wrapper {
            display: inline-flex;
            padding: .4375rem;
            border-radius: .3125rem;
            background-color: var(--color--button-alpha);
        }

        .page-wrapper {
            overflow: clip;
        }
        #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117 {
    grid-area: 1 / 3 / 2 / -1;
}
        /* Custom Styles from Embed */
        .circle-blur, .shadow { will-change: transform; }
        @media screen and (min-width: 1920px) { html { font-size: 0.833vw; } }
        @media screen and (min-width: 478px) and (max-width: 991px) { html { font-size: 2.083vw; } }
        @media screen and (min-width: 320px) and (max-width: 478px) { html { font-size: 5vw; } }
        .main { visibility: hidden; }
        .hero__subtitle, .hero .button-wrapper { visibility: hidden; will-change: transform; }
        
        /* Nav & Button Hover States */
        .button-wrapper.hero__button:hover .button__text { transform: translateX(10px); }
        .button-wrapper.hero__button:hover ::after { transform: translateX(-15px) rotate(45deg); }
        @media (min-width: 480px) {
            .button-wrapper.hero__button:hover .button__text { transform: translateX(50px); }
            .button-wrapper.hero__button:hover ::after { transform: translateX(-60px) rotate(45deg); }
        }
        @media (min-width: 769px) {
            .button-wrapper.hero__button:hover .button__text { transform: translateX(110px); }
            .button-wrapper.hero__button:hover ::after { transform: translateX(-120px) rotate(45deg); }
        }
        .header__nav-link:hover .header__nav-accent { color: var(--color--accent); }
        .button:hover::after { transform: rotate(45deg); }
        .button-wrapper .button__text, .button-wrapper ::after { transition: transform 0.3s ease-in-out; }

        .button {
            border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3crect width='99' height='99' x='.5' y='.5' fill='none' fill-opacity='.05' rx='4.5'/%3e%3crect width='99' height='99' x='.5' y='.5' stroke='url(%23a)' rx='4.5'/%3e%3cdefs%3e%3clinearGradient id='a' x1='0' x2='119.894' y1='0' y2='39.284' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23192028'/%3e%3cstop offset='1' stop-color='%23495D75'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 5 / 5px stretch;
        }

        .button::after {
            content: '';
            width: 14px;
            height: 14px;
            background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.00014 6.64832H0.196777V8.84496H5.00014V6.64832ZM5.96296 5.99999H8.1596V0.882141H5.96296V5.99999ZM9.00014 6.64832V8.84496H13.9258V6.64832H9.00014ZM8.1596 9.19999H5.96296V14.6386H8.1596V9.19999Z" fill="%23EAEAEA"/></svg>');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            transition: transform 0.3s ease-in-out;
        }
        
        .button--accent::after {
            width: 22px;
            height: 22px;
        }

        .button:hover {
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 0 50px 0 rgba(255, 116, 11, 0.7);
            background: linear-gradient(134deg, #ff4c00 0%, #ff750b 100%);
            border-image: none;
        }

        .button--accent {
            background: linear-gradient(134deg, #ff4c00 0%, #ff750b 100%);
            border-image: none;
        }

        .button-wrapper {
            border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3crect width='99' height='99' x='.5' y='.5' stroke='url(%23a)' rx='4.5'/%3e%3cdefs%3e%3clinearGradient id='a' x1='0' x2='100' y1='0' y2='100' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23192028'/%3e%3cstop offset='1' stop-color='%23FF4C00'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 5 / 5px stretch;
        }

        /* Header */
        .header {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 10;
        }
        .header__nav {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            padding-top: 1.8125rem;
            padding-bottom: 1.8125rem;
        }
        .header__container {
            display: flex;
            align-items: center;
        }
        .logo {
            width: 2.75rem;
            margin-right: 3.125rem;
        }
        .header__nav-list {
            display: flex;
            margin-right: auto;
            align-items: center;
            grid-column-gap: 2.5rem;
        }
        .header__nav-link {
            position: relative;
            padding: .9375rem 0;
            color: var(--color--light-gray);
            font-size: 1rem;
            line-height: 1;
        }
        .header__nav-accent {
            transition: color .2s ease-in-out;
        }
        .header__burger, .nav-moblie {
            display: none;
        }

        /* Hero */
        .hero {
            position: relative;
            min-height: 50.625rem;
            padding-top: 21.125rem;
            padding-bottom: 8.375rem;
        }
        .hero__container {
            position: relative;
            z-index: 1;
        }
        .hero__title {
            margin-bottom: 1.25rem;
            font-size: 5rem;
        }
        .hero__subtitle {
            max-width: 32.9375rem;
            margin-bottom: 2rem;
        }
        .circle-blur {
            position: absolute;
            z-index: -1;
            width: 69.3125rem;
            height: 22.75rem;
            background-color: #6c98aa;
            opacity: .2;
            filter: blur(7.5rem);
            pointer-events: none;
        }
        .hero-blur {
            top: .125rem;
            left: -13.5rem;
            width: 45.125rem;
            height: 23.1875rem;
            transform-style: preserve-3d;
        }
        .hero-blur-right {
            top: 0;
            right: 0;
            width: 45.125rem;
            height: 23.1875rem;
            display: none;
        }
.hero__shadow {
    background-color: #13191c;
    filter: blur(3.75rem);
    width: 160%;
    height: 55.4375rem;
    position: absolute;
    top: 44.125rem;
    left: -50%;
}
        
        .hero__embet {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }
        .hero-video {
            position: absolute;
            display: block;
            object-fit: cover;
        }

        /* Pop-up Modal */
        .pop-up {
            position: fixed;
            inset: 0%;
            z-index: 100;
            display: none;
            justify-content: center;
            align-items: center;
            background-color: rgba(7, 7, 9, 0.85);
        }
        .pop-up.open { display: flex; }
        .pop-ip__inner {
            position: relative;
            display: flex;
            min-height: 34.5625rem;
            padding: 5rem 7.125rem 6.625rem;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            border-radius: var(--size--border-radius);
            background-color: #1a191b;
        }
        .pop-up__title {
            max-width: 35.625rem;
            margin-bottom: 1.875rem;
            font-family: var(--fonts--heading);
            font-size: 3.125rem;
            line-height: 1;
            text-align: center;
        }
        .pop-up__subtitle {
            max-width: 38.25rem;
            margin-bottom: 1.875rem;
            font-size: 1.125rem;
            text-align: center;
            opacity: .8;
        }
        .pop-up__form-block { margin: 0; }
        .pop-up__form {
            display: flex;
            margin-bottom: 1.25rem;
            align-items: center;
            grid-column-gap: .625rem;
        }
        .pop-up__form-label { display: none; }
        .pop-up__form-input {
            min-height: 2.8125rem;
            margin-bottom: 0;
            border: 0 #000;
            border-radius: var(--size--border-radius);
            background-color: #282a2c;
            color: #777;
            font-size: 1rem;
        }
        .w-input, .w-select {
            display: block;
            width: 100%;
            height: 38px;
            padding: 8px 12px;
            font-size: 14px;
            line-height: 1.42857;
            color: #333;
            vertical-align: middle;
            background-color: #fff;
            border: 1px solid #ccc;
        }
        .pop-up__text {
            max-width: 28.875rem;
            color: #777;
            font-size: .875rem;
            text-align: center;
            opacity: .8;
        }
        .pop-up-icon__wrapper {
            position: absolute;
            top: 1.688rem;
            right: 1.688rem;
            transform: rotate(-45deg);
            cursor: pointer;
        }
        .pop-up__close {
            width: 2.25rem;
            height: 2.4rem;
        }
        
        /* Video Player Media Queries */
        @media screen and (min-width: 320px) and (max-width: 767px) { .hero-video { width: 100%; height: 100%; } }
        @media screen and (min-width: 768px) and (max-width: 990px) { .hero-video { width: 53.75rem; height: 50.625rem; top: 0; left: -2.875rem; } }
        @media screen and (min-width: 991px) and (max-width: 1430px) { .hero-video { width: 112%; height: 100%; top: 0; left: 0; } }
        @media (min-width: 1431px) { .hero-video { width: 122%; height: 117%; } }
        @media (min-width: 1900px) {     .hero-video {
        width: 143.6875rem;
        height: 64.875rem;
        left: 7.75rem;
        top: 0px;
    } }

        /* Mobile Responsive Styles */
        @media screen and (max-width: 991px) {
            .header__nav-list, .nav__button { display: none; }
            .header__burger { display: block; }
            .nav-moblie.open { display: block; }
        }

        @media screen and (max-width: 479px) {
            .hero { padding-top: 18rem; padding-bottom: 2.5rem; min-height: 35.125rem; }
            .hero__title { font-size: 2.5rem; margin-bottom: .5rem; }
            .hero__subtitle { font-size: .9375rem; max-width: 16.5rem; margin-bottom: 2.9375rem; }
            .button.button--accent.hero__button { font-size: .9375rem; min-width: 9.375rem; min-height: 2.8125rem; }
            .header__nav { padding-top: 1.1875rem; padding-bottom: 1.1875rem; }
            .header__burger { position: fixed; right: .5rem; transition: background-color .2s; }
            .burger__icon { width: 2rem; height: 1.188rem; }
            .logo { width: 2.5rem; }
            .hero__embet { top: 3.125rem; height: 27.5rem; }
        }
        /* Общие стили для контейнера и типографики */
.container {
    z-index: 2;
    width: 100%;
    max-width: 61.9375rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
}

h2 {
    font-family: var(--fonts--heading);
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 1;
}

p {
    margin-bottom: 0;
    font-size: 1.25rem;
}


/* Стили секции About */
.about {
    padding-top: 7.438rem;
    padding-bottom: 15.4375rem;
    position: relative;
}

.about__title {
    font-family: var(--fonts--text);
    color: #737373;
    font-size: 1.125rem;
    line-height: 1.2;
}

.about__lead {
    font-family: var(--fonts--heading);
    max-width: 31.875rem;
    margin-bottom: .625rem;
    font-size: 3.125rem;
    line-height: 1;
}

.about__text {
    color: var(--color--light-gray-alternate);
    max-width: 35.75rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.about__grid {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;

    display: grid;
    justify-items: center;
    align-items: center;
}

.about__svg {
    pointer-events: none;
    width: 65.25rem;
    position: absolute;
    top: -1.0625rem;
    right: 2rem;
}

.about-svg__mobile {
    display: none;
}

.circle-blur {
    position: absolute;
    z-index: -1;
    opacity: .2;
    filter: blur(7.5rem);
    pointer-events: none;
    background-color: #6c98aa;
}

/* --- Адаптивность --- */

/* Планшет (до 991px) */
@media screen and (max-width: 991px) {
    .about {
        padding-top: 3.125rem;
        padding-bottom: 12.875rem;
    }
    .about__text {
        max-width: 22.0625rem;
    }
    .about__svg {
        top: 4.0625rem;
        right: 3rem;
    }
    .circle-blur.about__blur {
        background-color: #6c98aa;
    }
}

/* Мобильные устройства (до 479px) */
@media screen and (max-width: 479px) {
    .container {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
    .about {
        padding-top: 2.5rem;
        padding-bottom: 4.625rem;
    }
    .about__grid {
        display: block;
        position: relative;
    }
    .about__title {
        margin-bottom: 1.875rem;
        font-size: .875rem;
    }
    .about__lead {
        max-width: 100%;
        margin-bottom: 1.25rem;
        font-size: 1.875rem;
        line-height: 1.1;
    }
    .about__text {
        max-width: 17.875rem;
        font-size: .9375rem;
    }
    .about__svg {
        display: none;
    }
    .about-svg__mobile {
        width: 24.5rem;
        display: block;
        position: absolute;
        top: -11.5rem;
        right: -3.3rem;
        pointer-events: none;
    }
}



/* Очень большие экраны (1920px и выше) */
@media screen and (min-width: 1920px) {
    .container {
        max-width: 120rem;
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .about__lead {
        max-width: 45.5rem;
        margin-bottom: 0;
        font-size: 4.375rem;
    }
    .about__text {
        max-width: 47.8125rem;
        font-size: 1.375rem;
        transform: translate(-6.0625rem);
    }
    .about__grid {
        grid-row-gap: 5.0625rem;
    }
    .about__svg {
        top: 0;
        right: 18.25rem;
    }
}

/* ================================
   Features Section Styles
   ================================ */

.features {
    position: relative;
}

.features__grid {
    display: grid;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
}

.features__grid.features__one {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    position: relative;
}

.features__grid.features__two {
    padding-top: 6.1875rem;
    padding-bottom: 7.125rem;
    position: relative;
}

.features__grid.features__three {
    z-index: 2;
    padding-top: 2.4375rem;
    position: relative;
}

.features__item {
    z-index: 2;
    position: relative;
}

.features__title {
    color: var(--color--white);
    max-width: 19.8125rem;
    margin-bottom: 1.875rem;
}

.features__title--gpu {
    max-width: 27.5625rem;
}

.features__title--accent {
    display: inline-block;
    max-width: 19.8125rem;
    margin-bottom: 0;
    background: linear-gradient(115deg, #a6b4d7 0%, #575f71 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.features__text-wrapper {
    margin-bottom: 1.875rem;
}

.features__text {
    color: var(--color--light-gray-alternate);
    max-width: 24.875rem;
    font-size: 1.125rem;
    line-height: 1.6;
}

.features__text--gpu {
    max-width: 24.375rem;
}

.mb-smoll {
    margin-bottom: 1rem;
}

.features__embet {
    width: 100%;
    height: 48.5625rem;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.features-video {
    display: block;
    object-fit: cover;
    position: absolute;
}

.features__image {
    position: absolute;
    z-index: -1;
    width: 55.1875rem;
    height: 31.0625rem;
    top: 2.9375rem;
    left: -22.1875rem;
    mix-blend-mode: lighten;
    object-fit: cover;
}

.features__image.features__two {
    left: auto;
    right: -12.25rem;
    top: 2.5625rem;
    width: 50.125rem;
    height: 28.125rem;
    opacity: .67;
    mix-blend-mode: normal;
    z-index: -1;
}

.features__lrpu-wrapper {
    position: relative;
    padding-bottom: 20rem;
}

.circle-blur {
    position: absolute;
    z-index: -1;
    background-color: #6c98aa;
    opacity: .2;
    filter: blur(7.5rem);
    pointer-events: none;
}

.features__blur {
    z-index: -2;
    width: 36.375rem;
    height: 18.375rem;
    top: 4.6875rem;
    right: 7.375rem;
}

.features-blur__down {
    display: none;
}

.features__shadow-one {
    position: absolute;
    bottom: -8.75rem;
    left: -23.9375rem;
    width: 61.625rem;
    height: 24.4375rem;
    background-color: var(--color--dark);
    filter: blur(6.25rem);
}
.features__shadow-one.tablet { display: none; }

.features__shadow-three {
    position: absolute;
    z-index: -1;
    top: -4.625rem;
    right: 7.5rem;
    width: 26rem;
    height: 32.5rem;
    background-color: var(--color--dark);
    filter: blur(6.25rem);
    display: block;
}

.features__shadow-three-down {
    position: absolute;
    z-index: -1;
    top: 33.75rem;
    right: -42.5rem;
    width: 125rem;
    height: 18.75rem;
    background-color: var(--color--dark);
    filter: blur(3.125rem);
}

/* ================================
   Responsive Styles
   ================================ */



/* --- Desktops (1440px+) --- */
@media screen and (min-width: 1440px) {
    .features__grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
    .features__grid.features__one { padding-top: 6.5625rem; }
    #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117 { grid-column-start: 4; }
    .features__grid.features__two { padding-top: 8.75rem; }
    .features__grid.features__three { padding-top: 4.3125rem; }
    #w-node-_650da821-09f3-6790-0a18-3e4c8daf737e-7a88c117 { grid-column-start: 4; }
    .features__text { max-width: 27.3125rem; }
    .features__text--gpu { max-width: 29.375rem; }
    .features__text--lrpu { max-width: 24.75rem; }
    .features__lrpu-wrapper { padding-bottom: 23.8125rem; }
    .features-video { width: 103.1875rem; height: 58.0625rem; top: -0.4375rem; left: -15.5625rem; }
    .features__blur { width: 41.6875rem; height: 21.0625rem; top: 2rem; left: 25.5rem; }
    .features__shadow-one { width: 74.625rem; height: 29.625rem; bottom: -10.8125rem; left: -17.3125rem; }
    .features__shadow-three { filter: blur(3.75rem); top: -4.4375rem; right: 15.0625rem; }
    .features__shadow-three-down { filter: blur(3.125rem); width: 100rem; height: 18.75rem; top: auto; bottom: -35rem; right: -5.625rem; }
}



/* --- Large Desktops (1920px+) --- */
@media screen and (min-width: 1920px) {
    .features__grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
    .features__grid.features__one { padding-top: 2.0625rem; }
    #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117 { grid-column-start: 4; }
    .features__grid.features__two { padding-top: 13.125rem; }
    .features__grid.features__three { padding-top: 5.8125rem; }
    #w-node-_650da821-09f3-6790-0a18-3e4c8daf737e-7a88c117 { grid-column-start: 4; }
    .features__title { font-size: 3.125rem; max-width: 26.625rem; }
    .features__title--ai { margin-bottom: 2.1875rem; }
    .features__text { font-size: 1.375rem; max-width: 32.3125rem; }
    .features__text--lrpu { max-width: 30.5rem; }
    .features__text-wrapper { margin-bottom: 2rem; }
    .features__lrpu-wrapper { padding-bottom: 21.6875rem; }
    .features-video { width: 81.4375rem; height: 49.3125rem; top: -1.125rem; left: 2.5rem; }
    .features__blur { width: 58.125rem; height: 29.4375rem; top: 3.9375rem; left: 26.25rem; }
    .features__shadow-one { width: 88.75rem; height: 35.1875rem; bottom: -19.1875rem; left: -16.9375rem; }
    .features__shadow-three { filter: blur(5rem); width: 31.75rem; height: 39.625rem; top: -5.25rem; right: 23.125rem; }
    .features__shadow-three-down { width: 132.5rem; top: 37.5rem; right: -13.125rem; }
}

/* --- Tablet (max 991px) --- */
@media screen and (max-width: 991px) {
    .features__grid { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
    .features__grid.features__two { padding-top: 5.125rem; }
    .features__grid.features__three { padding-top: 1.6875rem; }
    #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117 { grid-column-start: 3; justify-self: end; }
    #w-node-_9606c440-2f90-c39d-56d2-49df16a71dfc-7a88c117 { grid-column: span 3 / span 3; }
    #w-node-_650da821-09f3-6790-0a18-3e4c8daf737e-7a88c117 { grid-column-start: 3; justify-self: start; }
    .features__text--gpu { max-width: 18.75rem; }
    .features__text--lrpu { max-width: 21.25rem; }
    .features-video { width: 73.3125rem; height: 40.5625rem; top: 6rem; left: -22.0625rem; }
    .features__blur { top: -1.3125rem; left: auto; right: -1.875rem; }
    .features__shadow-one.tablet { display: block; width: 34.25rem; height: 30.0625rem; inset: 0 0 auto auto; }
    .features__shadow-three { filter: blur(4.0625rem); height: 34.375rem; right: -1.875rem; }
}

/* --- Mobile Landscape (max 767px) --- */
@media screen and (max-width: 767px) {
    .features-video { width: 86.3125rem; height: 48.5625rem; top: 3.0125rem; left: -24.1875rem; }
}

/* --- Mobile Portrait (max 479px) --- */
@media screen and (max-width: 479px) {
    .features__grid { grid-template-columns: 1fr; width: 100%; max-width: 100%;}
    #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117,
    #w-node-_9606c440-2f90-c39d-56d2-49df16a71dfc-7a88c117,
    #w-node-_650da821-09f3-6790-0a18-3e4c8daf737e-7a88c117 {
        grid-area: span 1 / span 1 / span 1 / span 1;
        justify-self: start;
    }
    .features__grid.features__one { padding-top: 11.0625rem; }
    .features__grid.features__two { padding-top: 10.9375rem; padding-bottom: .9375rem; }
    .features__title { font-size: 1.625rem; max-width: 12.3125rem; margin-bottom: 1.25rem; }
    .features__title.features__title--ai { line-height: 1.1; }
    .features__text { font-size: .9375rem; max-width: 18.125rem; }
    .features__text--gpu { max-width: 16.6875rem; }
    .features__text-wrapper { margin-bottom: 1.25rem; }
    .features-video { width: 25.625rem; height: 18.125rem; transform: rotate(-25.5deg); top: 1.0625rem; left: -0.1875rem; }
    .features-blur__down { display: block; width: 31.375rem; height: 12.9375rem; transform: rotate(-87deg); }
    .features__lrpu-wrapper { padding-bottom: 18.5625rem; }
    .features__shadow-one { display: none; }
    .features__shadow-three, .features__shadow-three-down { display: none; }
    .features__shadow-one.tablet { display: none; }
}


.w-embed:before, .w-embed:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}
.w-embed:after {
    clear: both;
}

/* Roadmap Section */
.roadmap {
    margin-bottom: 3rem;
    position: relative;
}
.roadmap__grid {
    display: flex;
    grid-column-gap: 2.375rem;
}
.roadmap__grid-item {
    display: flex;
    flex-flow: column;
    grid-row-gap: 6.375rem;
}
.roadmap__grid-item--text {
    padding-top: 6.875rem;
}
.roadmap__header-wrapper {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    position: -webkit-sticky;
    position: sticky;
    top: .625rem;
    grid-row-gap: 1.875rem;
}
.roadmap__title {
    color: var(--color--white);
    margin-bottom: 1.875rem;
}
.roadmap__header {
    display: flex;
    min-width: 26.125rem;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--size--border-radius);
    background-color: var(--color--button-alpha);
    padding: 1.5rem 1.8125rem 1.5rem 1.3125rem;
    opacity: .4;
    transition: opacity .2s ease-in-out;
    cursor: pointer;
    border-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none'%3e%3crect width='99' height='99' x='.5' y='.5' fill='none' fill-opacity='.05' rx='4.5'/%3e%3crect width='99' height='99' x='.5' y='.5' stroke='url(%23a)' rx='4.5'/%3e%3cdefs%3e%3clinearGradient id='a' x1='0' x2='119.894' y1='0' y2='39.284' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23192028'/%3e%3cstop offset='1' stop-color='%23495D75'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") 5 / 5px stretch;
}
.roadmap__header.active {
    opacity: 1;
}
.rooadmap__headline {
    display: flex;
    align-items: flex-start;
    grid-column-gap: 1.75rem;
}
.roadmap__header-subtitle {
    color: var(--color--dark-gray);
    font-size: 1rem;
    line-height: 1.4;
}
.roadmap__header-title {
    color: var(--color--white);
    max-width: 15.5rem;
    font-size: 1.25rem;
    line-height: 1.3;
}
.roadmap__header-title--mw-smoll {
    max-width: 11.625rem;
}
.roadmap__header-title--mw-medium {
    max-width: 13.75rem;
}
.faq__icon {
    width: 1.4375rem;
    height: 1.4375rem;
}
.roadmap__column {
    display: flex;
    flex-flow: column;
}
.roadmap__list {
    display: flex; /* Changed from 'none' to 'flex' for layout */
    flex-flow: column;
    scroll-margin-top: 7.5rem;
    grid-row-gap: 2.6875rem;
}
.roadmap__item-title {
    color: var(--color--light-gray);
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1;
}
.roadmap__details-list {
    padding-left: 1.75rem;
    margin-bottom: 0;
}
.roadmap__text-item {
    color: #909091;
    font-size: 1.125rem;
}

/* Mobile Specific Styles */
.roadmap__mobile {
    display: none;
}
.roadmap__mobile__title {
    color: var(--color--white);
    font-size: 3.125rem;
}
.roadmap-mobile__list {
    position: relative;
}
.roadmap-mobile__list--mb {
    margin-bottom: 3.75rem;
}
.roadmap-mobile__item {
    /* container for header and slider */
}
.roadmap-mobile__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.5rem;
    position: relative;
}
.roadmap-mobile__headline {
    display: flex;
    min-height: 4.375rem;
    align-items: center;
    border-radius: .3125rem;
    background-color: var(--color--button-alpha);
    padding: 0 2.1875rem 0 1.25rem;
    grid-column-gap: 1.75rem;
    border-image: url("data:image/svg+xml,...") 5/5px stretch; /* Truncated for brevity */
}
.roadmap-mobile__header-subtitle {
    color: var(--color--dark-gray);
    font-size: 1.125rem;
    line-height: 1.2;
}
.roadmap-mobile__header-title {
    font-family: var(--fonts--heading);
    line-height: 1.2;
}
.roadmap-mobile__icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.9375rem;
    height: auto;
}
.roadmap-mobile__slider {
    overflow: hidden;
}
.swiper-slide-inner {
    width: 17.5rem;
}
.roadmap-mobile__text-list {
    padding-left: 1.75rem;
    margin-bottom: 0;
}

/* Swiper Base Styles */
.swiper {
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* --- Responsive Adjustments --- */
@media screen and (max-width: 991px) {
    .roadmap__grid {
        display: none;
    }
    .roadmap__mobile {
        z-index: 2;
        display: block;
        position: relative;
    }
}

@media screen and (max-width: 479px) {
    .roadmap { margin-bottom: 8.0625rem; }
    .roadmap__mobile__title { font-size: 1.875rem; margin-bottom: 2.5rem; }
    .roadmap-mobile__header { margin-bottom: 1.25rem; }
    .roadmap-mobile__headline {
        flex-flow: column;
        align-items: flex-start;
        width: 100%;
        padding: .9375rem .875rem;
        grid-column-gap: 1.25rem;
    }
    .roadmap-mobile__header-title { font-size: 1.125rem; max-width: 11.875rem; }
    .roadmap-mobile__header-subtitle { font-size: .875rem; }
    .swiper-slide.roadmap-mobile__slide { width: 13.4375rem; }
    .roadmap-mobile__icon { display: none; }
}

/* ================================
   Community Section Styles
   ================================ */
.community {
    margin-bottom: 8rem;
    padding-top: 15.125rem;
    padding-bottom: 16.5rem;
    position: relative;
    overflow: visible; 
}

.container.community__container {
    z-index: 2;
    position: relative;
}

.community__title {
    margin-bottom: 1.25rem;
}

.community__text {
    margin-bottom: 2.8125rem;
}

.community__link-wrapper {
    display: flex;
    grid-column-gap: 1.1875rem;
    grid-row-gap: 1.1875rem;
}

.button.button--accent.community__link {
    min-width: 11.875rem;
    min-height: 3.25rem;
    padding-left: 1.25rem;
    padding-right: .875rem;
}

.community__embet {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.community-video {
    display: block;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

.community__shadow-top {
    position: absolute;
    top: -11.5625rem;
    left: 0;
    width: 142%;
    height: 19.5625rem;
    background-color: #060606;
    filter: blur(2.25rem);
    z-index: 1;
}

.community__shadow-down {
    background-color: var(--color--dark);
    filter: blur(3.125rem);
    width: 140%;
    height: 22.5625rem;
    position: absolute;
    bottom: -12.875rem;
    left: 0;
}

/* ================================
   Responsive Styles
   ================================ */



/* --- Desktops (1440px+) --- */
@media screen and (min-width: 1440px) {
    .community {
        margin-bottom: 6.1875rem;
        padding-top: 15.6875rem;
        padding-bottom: 15.6875rem;
    }
    .community__title {
        font-size: 3.75rem;
    }
    .community__text {
        font-size: 1.5rem;
    }
    .community-video {
        width: 110.5625rem;
        height: 59.6875rem;
        top: -0.9375rem;
        left: -2.125rem;
    }
}

/* --- Large Desktops (1920px+) --- */
@media screen and (min-width: 1920px) {
    .community {
               margin-bottom: 0.0625rem;
        padding-top: 12.75rem;
    }
    .community__title {
        font-size: 4.375rem;
    }
    .community__text {
        font-size: 1.625rem;
    }
    .community-video {
        width: 119.75rem;
        height: 71.375rem;
        top: -9.25rem;
        left: 12.25rem;
    }
}

/* --- Tablet (max 991px) --- */
@media screen and (max-width: 991px) {
    .community {
        margin-bottom: 1.375rem;
    }
    .community-video {
        width: 60rem;
        height: 36rem;
        top: 0;
        left: 0;
    }
}

/* --- Mobile Landscape (max 767px) --- */
@media screen and (max-width: 767px) {
    .community-video {
        width: 60rem;
        height: 47rem;
        top: 0;
        left: 0;
    }
}

/* --- Mobile Portrait (max 479px) --- */
@media screen and (max-width: 479px) {
    .container {
        max-width: 20rem;
    }
    .community {
        margin-bottom: 0rem;
        padding-top: 8.5625rem;
        padding-bottom: 0;
    }
    .community__title {
        font-size: 1.875rem;
        margin-bottom: .9375rem;
    }
    .community__text {
        font-size: 1.0625rem;
        margin-bottom: 1.875rem;
    }
    .community__link-wrapper {
        grid-column-gap: .75rem;
    }
    .button.button--accent.community__link {
        min-width: 7.8125rem;
        min-height: 2.8125rem;
        padding-left: .625rem;
        padding-right: .9375rem;
        font-size: .9375rem;
    }
    .community__embet {
        height: 115%;
        top: -7.5rem;
    }
    .community-video {
        width: 25rem;
        height: 20rem;
        top: 0;
        left: 0;
    }
    .community__shadow-top {
        top: 5rem;
    }
}


.button.faq__button {
    text-align: left;
    justify-content: space-between;
    align-items: center;
    min-width: 10.75rem;
    padding-left: 1.25rem;
    font-size: 1.125rem;
    position: relative;
    background-color: var(--color--button-alpha);
    min-height: 3.4375rem;
    padding-right: 0;
    line-height: 1;
    display: inline-flex;
    cursor: pointer;
}
.form-button__wrapper {
    cursor: pointer;
    position: relative;
}

/* FAQ Section */
.faq {
    margin-bottom: 13.75rem;
    position: relative;
}
.faq__title {
    text-align: center;
    margin-bottom: 3.125rem;
}
.faq__accordion {
    display: flex;
    margin-bottom: 4.8125rem;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-row-gap: 1.5rem;
}
.faq__accordion-item {
    display: flex;
    padding: 1.1875rem 1.875rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: .3125rem;
    background-color: #ffffff0d;
    cursor: pointer;
    border-image: url("data:image/svg+xml,...") 5 / 5px stretch;
}
.faq__accordion-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.faq__accordion-title {
    font-family: var(--fonts--text);
    font-size: 1.25rem;
    -webkit-user-select: none;
    user-select: none;
}
.faq__icon {
    width: 1.4375rem;
    height: 1.4375rem;
    -webkit-user-select: none;
    user-select: none;
    transition: transform 0.3s ease;
}
.faq__accordion-item.active .faq__icon {
    transform: rotate(45deg);
}
.faq__content {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}
.faq__text {
    padding-top: 1.25rem;
    color: var(--color--light-gray-alternate);
    font-size: 1.125rem;
    max-width: 38.375rem;
    -webkit-user-select: none;
    user-select: none;
}
.faq__form-wrapper {
    display: flex;
    width: 100%;
    flex: 0 auto;
    order: 2;
    flex-flow: column;
}
.faq__subtitle {
    order: 1;
    max-width: 38.75rem;
    margin-bottom: 2.9375rem;
    margin-left: auto;
    margin-right: auto;
    color: var(--color--light-gray-alternate);
    font-size: 1.125rem;
    line-height: 1.6;
    text-align: center;
}
.faq__subtitle-mobile {
    display: none;
}
.faq__form-block {
    margin: 0;
}
.faq__form {
    display: grid;
    grid-template-columns: 13rem 1fr 10.75rem;
    grid-auto-columns: 1fr;
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
}
.faq__form-input {
    min-height: 3.4375rem;
    margin-bottom: 0;
    border: .0625rem solid #222b36;
    border-radius: var(--size--border-radius);
    background-color: var(--color--transparent);
    padding-left: 1.71875rem;
    font-size: 1rem;
    line-height: 1;
    color: #60656b;
    width: 100%;
}

.circle-blur.faq-blur__left {
    top: 4.75rem;
    left: -37.5rem;
    right: auto;
    transform: rotate(-35deg);
}
.circle-blur.faq-blur__right {
    top: auto;
    bottom: 1.25rem;
    right: -38.75rem;
}

/* Responsive Styles */
@media screen and (max-width: 991px) {
    .faq__form { grid-template-columns: 9.375rem 1fr 10.75rem; }
    .faq__form-wrapper { width: 38.5625rem; margin-left: auto; margin-right: auto; }
}

@media screen and (max-width: 479px) {
    .faq { margin-bottom: 3.75rem; }
    .faq__title { font-size: 1.875rem; text-align: left; margin-bottom: 1.25rem; }
    .faq__accordion { margin-bottom: 2.5rem; grid-row-gap: .625rem; }
    .faq__accordion-item { padding: .9375rem 1.0625rem .9375rem 1.25rem; }
    .faq__accordion-title { font-size: 1rem; max-width: 11.5625rem; line-height: 1.2; }
    .faq__icon { width: 1.1875rem; height: 1.1875rem; }
    .faq__text { font-size: .9375rem; margin-bottom: .625rem; }
    .faq__subtitle { display: none; }
    .faq__subtitle-mobile { display: block; font-size: .9375rem; margin-bottom: 2.5rem; line-height: 1.6; }
    .faq__subtitle-mobile--margin { margin-bottom: 1.25rem; color: var(--color--light-gray-alternate); }
    .faq__form { grid-template-columns: 1fr; }
    .faq__form-input { min-height: 2.5rem; padding-left: 1.25rem; font-size: .9375rem; }
    .button.faq__button { min-width: 100%; min-height: 3.125rem; font-size: .938rem; }
    .circle-blur.faq-blur__left { top: 9.375rem; left: -22.5rem; width: 36.9375rem; height: 13.375rem; }
    .circle-blur.faq-blur__right { display: none; }
}

.button {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.3125rem;
    background-color: var(--color--button-alpha);
    padding: 0 1rem 0 1.4375rem;
    font-family: var(--fonts--text);
    color: var(--color--light-gray);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: box-shadow .3s, background-color .3s ease-in-out;
}
.button--accent {
    background: linear-gradient(134deg, #ff4c00 0%, #ff750b 100%);
    border-image: none;
}

.w-input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}
.w-form-done, .w-form-fail { display: none; }

.w-form-done, .w-form-fail { display: none; }
.w-input { display: block; width: 100%; height: 38px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; border: 1px solid #ccc; }

/* ==========================================================================
   FAQ Section
   ========================================================================== */
.faq {
    margin-bottom: 13.75rem;
    position: relative;
}
.faq__container {
    max-width: 44.6875rem;
}
.faq__grid {
    display: flex;
    flex-flow: column;
}



@media screen and (min-width: 1440px) {
    .faq__grid {
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        place-items: start stretch;
        display: grid;
    }
}

@media screen and (min-width: 1920px) {
    .faq__grid {
        grid-row-gap: 1.875rem;
    }
}
.faq__title {
    text-align: center;
    margin-bottom: 3.125rem;
}
.faq__accordion {
    display: flex;
    margin-bottom: 4.8125rem;
    flex-flow: column;
    grid-row-gap: 1.5rem;
}
.faq__accordion-item {
    display: flex;
    padding: 1.1875rem 1.875rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: .3125rem;
    background-color: #ffffff0d;
    cursor: pointer;
}
.faq__accordion-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.faq__accordion-title {
    font-family: var(--fonts--text);
    font-size: 1.25rem;
    user-select: none;
}
.faq__icon {
    width: 1.4375rem;
    height: 1.4375rem;
    user-select: none;
    transition: transform .2s;
}
.faq__content {
    height: 0;
    overflow: hidden;
    transition: height .2s;
}
.faq__text {
    padding-top: 1.25rem;
    color: var(--color--light-gray-alternate);
    font-size: 1.125rem;
    max-width: 38.375rem;
    user-select: none;
}
.faq__subtitle {
    order: 1;
    max-width: 38.75rem;
    margin: 0 auto 2.9375rem;
    color: var(--color--light-gray-alternate);
    font-size: 1.125rem;
    line-height: 1.6;
    text-align: center;
}
.faq__subtitle-mobile {
    display: none;
}
.faq__form-wrapper {
    display: flex;
    width: 100%;
    order: 2;
    flex-flow: column;
}
.faq__form-block {
    margin: 0;
}
.faq__form {
    display: grid;
    grid-template-columns: 13rem 1fr 10.75rem;
    grid-column-gap: .625rem;
}
.faq__form-input {
    min-height: 3.4375rem;
    margin-bottom: 0;
    border: .0625rem solid #222b36;
    border-radius: var(--size--border-radius);
    background-color: var(--color--transparent);
    padding-left: 1.71875rem;
    font-size: 1rem;
    color: #60656b;
}
.button.faq__button {
    min-width: 10.75rem;
    font-size: 1.125rem;
    justify-content: flex-start;
    padding-left: 1.25rem;
    background-color: var(--color--button-alpha);
}
.form-button__wrapper {
    position: relative;
}
.circle-blur.faq-blur__left {
    top: 4.75rem;
    left: -37.5rem;
    transform: rotate(-35deg);
}
.circle-blur.faq-blur__right {
    top: auto;
    bottom: 1.25rem;
    right: -38.75rem;
}


/* ==========================================================================
   Footer Section
   ========================================================================== */
.footer {
    padding-bottom: 2.5rem;
    position: relative;}
.footer__grid {
    display: grid;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: auto;
    align-content: end;
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
}
.footer__title-wrapper {
    display: flex;
    margin-bottom: 1.75rem;
    align-items: center;
    grid-column-gap: 1.875rem;
}
.footer__logo {
    width: 2.875rem;
    height: auto;
}
.footer__link-list {
    display: flex;
    margin-bottom: 4.625rem;
    align-items: center;
    grid-column-gap: 2.5rem;
}
.footer__link {
    display: inline-flex;
    color: var(--color--light-gray);
    font-size: 1rem;
    text-decoration: none;
}
.footer__social {
    display: flex;
    padding-top: .8125rem;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: 1.25rem;
}
.footer__social-link {
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--color--accent);
}
.footer__social-link--tg {
    padding-left: .471875rem;
    padding-right: .675rem;
}
.footer__icon {
    width: 1.4375rem;
    height: 1.46875rem;
}
.footer__icon--tg {
    width: 1.35813rem;
    height: 1.125rem;
}
.footer__buy {
    margin-bottom: 2.0625rem;
}
.button.footer__button {
    min-width: 11.875rem;
}
.footer__copyright {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 1.25rem;
}
.footer__copyright-text {
    color: #696969;
    font-size: 1rem;
    text-decoration: none;
}
.footer__image {
    position: absolute;
    z-index: -1;
    width: 56.125rem;
    height: 31.625rem;
    top: -7.5rem;
    right: -18.3125rem;
    transform: rotate(22.9deg);
}

/* Grid Placements for Desktop */
#w-node-_6889904c-804e-b0cd-cd7e-83cdfffed2cc-7a88c117 { grid-area: 1 / 1 / 2 / 2; place-self: start; }
#w-node-e082e2e7-a79d-0106-db8d-2cdaa5310a9f-7a88c117 { grid-area: 1 / 3 / -1 / -1; }
#w-node-f4db7cff-f88d-8b96-7eda-cf885a88312c-7a88c117 { order: 1; grid-area: 3 / 1 / -1 / 3; }
#w-node-_30b99115-26a8-0582-1283-e84983a54148-7a88c117 { grid-area: 2 / 1 / 2 / 3; }
#w-node-fb34891e-9702-3a20-a695-cbf16ac58d74-7a88c117 { grid-area: 1 / 1 / 2 / -1; }
#w-node-_11f889de-d7b6-cab5-570a-77661b803909-7a88c117 { grid-area: 2 / 1 / 3 / -1; }
#w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 { grid-area: 3 / 1 / 4 / 2; }
#w-node-_50c61f6b-15d9-accb-c31e-a0d11dffe8a2-7a88c117 { grid-area: 3 / 2 / 4 / 3; }
#w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 { grid-area: 4 / 1 / -1 / 4; }

/* ================================
   Responsive Styles
   ================================ */

@media screen and (max-width: 991px) {
    /* FAQ */
    .faq__form { grid-template-columns: 9.375rem 1fr 10.75rem; }
    .faq__form-wrapper { width: 38.5625rem; margin-left: auto; margin-right: auto; }
    /* Footer */
    .footer__grid { grid-template-columns: 1fr 1fr 1fr 1fr; }
    .footer__buy { margin-bottom: 2.25rem; }
    #w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 { grid-column: 1 / -1; }
}

@media screen and (max-width: 479px) {
    /* FAQ */
    .faq { margin-bottom: 3.75rem; }
    .faq__title { font-size: 1.875rem; text-align: left; margin-bottom: 1.25rem; }
    .faq__accordion { margin-bottom: 2.5rem; grid-row-gap: .625rem; }
    .faq__accordion-item { padding: .9375rem 1.0625rem .9375rem 1.25rem; }
    .faq__accordion-title { font-size: 1rem; max-width: 11.5625rem; }
    .faq__icon { width: 1.1875rem; height: 1.1875rem; }
    .faq__text { font-size: .9375rem; }
    .faq__subtitle { display: none; }
    .faq__subtitle-mobile { display: block; font-size: .9375rem; margin-bottom: 1.25rem; }
    .faq__form { grid-template-columns: 1fr; }
    .faq__form-wrapper { width: 100%; }
    .faq__form-input { min-height: 2.5rem; padding-left: 1.25rem; font-size: .9375rem; }
    .button.faq__button { min-width: 100%; min-height: 3.125rem; font-size: .938rem; }
    
    /* Footer */
    .footer { padding-bottom: 1.0625rem;         overflow: visible; }
    .footer__grid { width: 100%; grid-row-gap: 1.5625rem; }
    .footer__title-wrapper { flex-flow: column; margin-bottom: 0; }
    .footer__title { font-size: 1.875rem; }
    .footer__link-list { margin-bottom: 0; }
    .footer__buy { margin-bottom: 11.1875rem; }
    .footer__copyright { flex-flow: column; }
}

.container.hero__container {
    z-index: 1;
    position: relative;
}

@media screen and (min-width: 1440px) {
    .circle-blur.hero-blur {
        width: 64.375rem;
        height: 19.625rem;
        top: .625rem;
    }
}

@media screen and (min-width: 1440px) {
    .hero__title {
        margin-bottom: 1.5rem;
        font-size: 5.625rem;
    }
}
@media screen and (min-width: 1440px) {
    .hero {
        padding-top: 19.625rem;
    }
}
@media screen and (min-width: 1440px) {
    .circle-blur.hero-blur-right {
        width: 35.625rem;
        height: 28.5rem;
        display: block;
        inset: auto -23.125rem 4.375rem auto;
    }
}
@media screen and (min-width: 1920px) {
    .hero {
        padding-top: 16.75rem;
    }
}



@media screen and (min-width: 1920px) {
    .hero__title {
        margin-bottom: 1.875rem;
        font-size: 6.25rem;
    }
}


.line {
    text-wrap: nowrap;
}

@media screen and (min-width: 1920px) {
    .hero__subtitle {
        max-width: 39.5rem;
        margin-bottom: 2.5rem;
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 1920px) {
    .button.button--accent {
        min-height: 3.25rem;
    }
}

@media screen and (min-width: 1920px) {
    .circle-blur.hero-blur {
        width: 69.3125rem;
    }
}

@media screen and (min-width: 1920px) {
    .circle-blur.hero-blur-right {
        width: 39.9375rem;
        right: -16.25rem;
    }
}

@media screen and (min-width: 1440px) {
    .about {
        padding-top: 5.3125rem;
    }
}


@media screen and (min-width: 1440px) {
    .container {
        max-width: 90rem;
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
}

@media screen and (min-width: 1920px) {
    .container {
        max-width: 120rem;
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
}


@media screen and (min-width: 1440px) {
    .about__grid {
        grid-column-gap: 1.25rem;
        grid-row-gap: 3.4375rem;
        grid-template-rows: auto auto;
                grid-template-columns:1fr;
    }
}
@media screen and (min-width: 1920px) {
    .about__grid {
        grid-row-gap: 5.0625rem;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_735d8fd0-3b1f-9c33-b212-7ffde1641a79-7a88c117 {
        
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_1a7be79c-bf78-ae1e-ccbf-534e6e8542bf-7a88c117 {
    }
}

@media screen and (min-width: 1920px) {
    .about__lead {
        max-width: 45.5rem;
        margin-bottom: 0;
        font-size: 4.375rem;
    }
}
@media screen and (min-width: 1440px) {
    .about__lead {
        max-width: 45.5rem;
        margin-bottom: .4375rem;
        font-size: 3.75rem;
                text-align: center;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_5399e664-18f8-8070-096e-8beedf105a90-7a88c117 {
        grid-area: 2 / 1 / 2 / 5;
    }
}

@media screen and (min-width: 1440px) {
    .about__text {
        max-width: 36.875rem;
        padding-left: 1.8125rem;
    }
}
@media screen and (min-width: 1920px) {
    .about__text {
        max-width: 47.8125rem;
        font-size: 1.375rem;
        transform: translate(-6.0625rem);
    }
}



@media screen and (min-width: 1440px) {
    .circle-blur {
        top: 0;
        left: 16.25rem;
        right: auto;
    }
}

@media screen and (min-width: 1920px) {
    .circle-blur {
        top: 4.75rem;
        left: 16.1875rem;
    }
}



@media screen and (min-width: 1440px) {
    .about__svg {
        top: -5.25rem;
        right: 5.75rem;
    }
}

@media screen and (min-width: 1920px) {
    .about__svg {
        top: 5rem;
        right: 17.25rem;
    }
}


@media screen and (min-width: 1440px) {
    .hero__shadow {
        height: 58.5625rem;
    }
}

@media screen and (min-width: 1920px) {
    .hero__shadow {
        filter: blur(6.25rem);
    }
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}




@media screen and (min-width: 1440px) {
    .features__image {
        width: 56.8125rem;
        height: 35.625rem;
        top: -1.875rem;
        left: -8.25rem;
    }
}

@media screen and (min-width: 1920px) {
    .features__image {
        width: 71.4375rem;
        height: 44.75rem;
        top: -2.9375rem;
        left: -6.375rem;
    }
}


@media screen and (min-width: 1440px) {
    .features__title {
        max-width: 19.8125rem;
    }
}


@media screen and (min-width: 1920px) {
    .features__title {
        max-width: 26.625rem;
        margin-bottom: 1.875rem;
        font-size: 3.125rem;
    }
}

@media screen and (min-width: 1920px) {
    .features__title.features__title--ai {
        margin-bottom: 2.1875rem;
    }
}




@media screen and (min-width: 1440px) {
    .features__title--accent {
        max-width: 19.8125rem;
    }
}

@media screen and (min-width: 1920px) {
    .features__title--accent {
        max-width: 26.625rem;
        font-size: 3.125rem;
    }
}


@media screen and (min-width: 1440px) {
    .features__image.features__two {
        width: 57.4375rem;
        height: 32.25rem;
        top: -.6875rem;
        right: -7.0625rem;
    }
}

@media screen and (min-width: 1920px) {
    .features__image.features__two {
        width: 80.125rem;
        height: 45rem;
        top: 0;
        right: -3.25rem;
    }
}


@media (min-width: 1431px) {
    .features-video {
        width: 103.1875rem;
        height: 58.0625rem;
        top: -0.4375rem;
        left: -15.5625rem;
    }
}

@media (min-width: 1900px) {
    .features-video {
        width: 81.4375rem;
        height: 49.3125rem;
        top: -1.125rem;
        left: 2.5rem;
    }
}

@media screen and (min-width: 1920px) {
    .community__embet {
        margin-bottom: 0;
    }
}


@media screen and (min-width: 1440px) {
    .faq {
        margin-bottom: 11.625rem;
    }
}

@media screen and (min-width: 1920px) {
    .faq {
        margin-bottom: 22.625rem;
    }
}



.container.faq__container {
    max-width: 44.6875rem;
}

@media screen and (min-width: 1440px) {
    .container.faq__container {
        max-width: 90rem;
    }
}

@media screen and (min-width: 1920px) {
    .container.faq__container {
        max-width: 120rem;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-f4db7cff-f88d-8b96-7eda-cf885a88312c-7a88c117 {
        order: 1;
        grid-area: 3 / 1 / -1 / 3;
    }
}

@media screen and (min-width: 1440px) {
    .faq__form-wrapper {
        max-width: 25.375rem;
        padding-top: 0;
        position: absolute;
        top: 15.0625rem;
    }
}

@media screen and (min-width: 1920px) {
    #w-node-f4db7cff-f88d-8b96-7eda-cf885a88312c-7a88c117 {
        grid-column-end: 3;
    }
}
@media screen and (min-width: 1920px) {
    .faq__form-wrapper {
        max-width: 31.4375rem;
        padding-top: 0;
        display: block;
        top: 16.5625rem;
    }
}



@media screen and (min-width: 1440px) {
    .button.faq__button {
        text-align: left;
        min-height: 3.4375rem;
        padding-left: 1.25rem;
        padding-right: 1.0625rem;
    }
}

@media screen and (min-width: 1920px) {
    .button.faq__button {
        text-align: left;
        min-width: 100%;
        min-height: 3.75rem;
        padding-right: 1.25rem;
    }
}


@media screen and (min-width: 1440px) {
    .faq__form {
        grid-column-gap: .625rem;
        grid-row-gap: .625rem;
        grid-template-rows: auto auto;
        grid-template-columns: 10.75rem 1fr;
        grid-auto-columns: 1fr;
        min-width: 25.375rem;
        display: grid
;
    }
}

@media screen and (min-width: 1920px) {
    .faq__form {
        grid-column-gap: .8125rem;
        grid-template-columns: 13.3125rem 1fr;
    }
}

@media screen and (min-width: 1920px) {
    .footer {
        padding-bottom: 6.25rem;
    }
}



@media screen and (min-width: 1440px) {
    .footer__grid {
        grid-row-gap: 1.875rem;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1920px) {
    .footer__grid {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}
@media screen and (min-width: 1920px) {
    #w-node-fb34891e-9702-3a20-a695-cbf16ac58d74-7a88c117 {
        grid-area: 1 / 1 / 2 / -1;
    }
}



@media screen and (min-width: 1440px) {
    .footer__title {
        font-size: 3.75rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__title {
        font-size: 4.375rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__link-list {
        margin-bottom: 1.125rem;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_11f889de-d7b6-cab5-570a-77661b803909-7a88c117 {
        grid-row-end: 3;
    }
}

#w-node-_11f889de-d7b6-cab5-570a-77661b803909-7a88c117 {
    grid-area: 2 / 1 / 3 / -1;
}

@media screen and (min-width: 1920px) {
    .footer__link {
        font-size: 1.25rem;
    }
}


@media screen and (min-width: 1920px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-row-start: 4;
    }
}
#w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
    grid-area: 3 / 1 / 4 / 2;
}

@media screen and (min-width: 1440px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-row-start: 4;
    }
}


@media screen and (min-width: 1440px) {
    .footer__social-link.footer__social-link--tg {
        width: 2.5rem;
        height: 2.5rem;
        padding-left: .5rem;
        padding-right: .625rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__social-link.footer__social-link--tg {
        width: 3rem;
        height: 3rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__buy {
        padding-top: 3.8125rem;
    }
}



@media screen and (min-width: 1440px) {
    .footer__image {
        width: 72.5625rem;
        height: 40.875rem;
        top: -3.1875rem;
        right: -28.9375rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__image {
        width: 85.1875rem;
        height: 48rem;
        top: -9.25rem;
        right: -24.5625rem;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_50c61f6b-15d9-accb-c31e-a0d11dffe8a2-7a88c117 {
        grid-area: 1 / 3 / 3 / 4;
    }
}
#w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
    grid-area: 3 / 1 / 4 / 2;
}

@media screen and (min-width: 1440px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-row-start: 4;
    }
}

@media screen and (min-width: 1920px) {
    .footer__social {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 {
        grid-column-end: -1;
    }
}
@media screen and (min-width: 1920px) {
    #w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 {
        grid-column-start: 1;
    }
}

@media screen and (min-width: 1440px) {
    .footer__copyright {
        grid-column-gap: 6.25rem;
        grid-row-gap: 6.25rem;
        justify-content: flex-start;
        align-items: center;
        padding-left: 9.1875rem;
    }
}

#w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 {
    grid-area: 4 / 1 / -1 / 4;
}
@media screen and (min-width: 1920px) {
    .footer__copyright {
        grid-column-gap: 10.0625rem;
        grid-row-gap: 10.0625rem;
    }
}

@media screen and (min-width: 1440px) {
    .footer__copyright-text {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1920px) {
    .footer__social-link.footer__social-link--tw {
        width: 3rem;
        height: 3rem;
        padding-left: .6375rem;
        padding-right: .6375rem;
    }
}

@media screen and (min-width: 1440px) {
    .footer__icon, .footer__icon.footer__icon--tg {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1440px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-row-start: 4;
    }
}

#w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
    grid-area: 3 / 1 / 4 / 2;
}


@media screen and (max-width: 991px) {
    .nav-moblie {
        z-index: 10;
        grid-column-gap: 1.25rem;
        grid-row-gap: 1.25rem;
        -webkit-backdrop-filter: blur(.25rem);
        backdrop-filter: blur(.25rem);
        background-color: #0707090d;
        padding-top: 0;
        display: none;
        position: fixed;
        inset: 0%;
    }
}


@media screen and (max-width: 991px) {
    .nav-mobile__inner {
        background-color: #141416;
        padding: 1.25rem 1.25rem 2.5rem;
    }
}

@media screen and (max-width: 479px) {
    .nav-mobile__inner {
        position: relative;
    }
}

@media screen and (max-width: 991px) {
    .nav-mobile__header {
        justify-content: space-between;
        margin-bottom: 2.5rem;
        display: flex
;
    }

    .nav-mobile__icon {
    width: 1.875rem;
    transform: rotate(-45deg);
  }

  .nav-mobile-logo {
    width: 2.75rem;
    height: auto;
  }

  .nav-mobile__link-grid {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 1.875rem;
    display: grid;
  }

  .nav-mobile__link {
    color: var(--color--light-gray);
    font-size: 1.125rem;
    text-decoration: none;
    display: inline-flex;
  }

  .nav-mobile__footer {
    grid-column-gap: 3.125rem;
    grid-row-gap: 3.125rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .nav-mobile__social {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    display: flex;
  }

  .nav-mobile__social-link {
    background-color: #3a4248;
    border-radius: 100%;
    width: 2.3rem;
    height: 2.3rem;
    padding: .625rem .62rem .625rem .6rem;
    display: inline-flex;
  }

  .nav-mobile__social-link.nav-mobile__social-link--tg {
    padding-right: .68rem;
  }

  .roadmap-miblie__wrapper {
    display: none;
  }

  .pop-up-icon__wrapper {
    position: absolute;
  }

  .burger__icon {
    width: 3rem;
    height: auto;
  }
}


@media screen and (max-width: 991px) {
    .button.nav__button {
        min-height: 2.5rem;
        margin-left: auto;
        display: inline-flex
;
    }
}

@media screen and (max-width: 767px) {
    .button.nav__button {
        margin-left: auto;
        margin-right: 1.25rem;
        padding-left: .5625rem;
        font-size: .875rem;
        position: relative;
    }
}

@media screen and (max-width: 479px) {
    .button.nav__button {
        align-self: center;
        min-width: 6.4375rem;
        margin-right: 0;
    }
}

@media screen and (max-width: 479px) {
    .header__nav {
        padding-top: 1.1875rem;
        padding-bottom: 1.1875rem;
    }
}

@media screen and (max-width: 479px) {
    .header__container.container {
        align-items: center;
        padding-right: 4.1875rem;
    }
}

@media screen and (max-width: 479px) {
    .about {
        padding-top: 0rem;
        padding-bottom: 11.625rem;
    }
}

@media screen and (max-width: 479px) {
    .hero {
        min-height: 35.125rem;
                padding-top: 24rem;
        padding-bottom: 2.5rem;
    }
    .line {
    
    display: contents;
    }

}



@media screen and (max-width: 479px) {
    .features__grid {
        grid-column-gap: .625rem;
        grid-row-gap: .625rem;
        width: 100%;
        max-width: 100%;
    }
}

.features__grid.features__one {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    position: relative;
}

@media screen and (max-width: 479px) {
    .features__grid.features__one {
        padding-top: 15.0625rem;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_7999c131-4986-f4d5-b8c8-6fd150663eaf-7a88c117 {
        grid-area: span 1 / span 4 / span 1 / span 4;
        justify-self: start;
    }
}

@media screen and (max-width: 479px) {
    .features__title {
        max-width: 12.3125rem;
        margin-bottom: 1.25rem;
        font-size: 1.625rem;
    }
}

@media screen and (max-width: 479px) {
    .features__title.features__title--ai {
        line-height: 1.1;
    }
}

@media screen and (max-width: 479px) {
    .features__text-wrapper {
        margin-bottom: 1.25rem;
    }
}

@media screen and (max-width: 479px) {
    .features__text {
        max-width: 18.125rem;
        font-size: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    .button {
        min-width: 7.5rem;
        min-height: 2.5rem;
        padding-left: .5625rem;
        padding-right: .5625rem;
        font-size: .875rem;
    }
}

@media screen and (max-width: 479px) {
    .features__image {
        width: 100%;
        height: auto;
        top: 2rem;
        left: -1.8125rem;
        transform: scale(1.5);
    }
}

@media screen and (max-width: 479px) {
    .features__grid.features__two {
        padding-top: 10.9375rem;
        padding-bottom: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_9606c440-2f90-c39d-56d2-49df16a71dfc-7a88c117 {
        grid-column: span 4 / span 4;
    }
}

@media screen and (max-width: 479px) {
    .features__title {
        max-width: 12.3125rem;
        margin-bottom: 1.25rem;
        font-size: 1.625rem;
    }
}
@media screen and (max-width: 479px) {
    .features__image.features__two {
        opacity: .57;
        width: 28.0625rem;
        height: 15.75rem;
        top: -5.375rem;
        right: -3.25rem;
        transform: rotate(-25deg);
    }
}

@media screen and (max-width: 479px) {
    .features__lrpu-wrapper {
        padding-bottom: 18.5625rem;
    }
}

@media screen and (max-width: 479px) {
    .features__grid.features__three {
        padding-top: 2.4375rem;
    }
}

@media screen and (max-width: 479px) {
    .features__embet {
        height: 19.5625rem;
    }

    .features__grid.features__two {
    margin-bottom: 0rem;
}
}

@media screen and (min-width: 320px) and (max-width: 478px) {
    .features-video {
        display: block;
        width: 25.625rem;
        height: 18.125rem;
        transform: rotate(-25.5deg);
        top: 1.0625rem;
        left: -0.1875rem;
    }
}

@media screen and (max-width: 479px) {
    .footer__grid {
        grid-column-gap: .625rem;
        grid-row-gap: 1.5625rem;
        width: 100%;
    }
}

@media screen and (max-width: 479px) {
    .footer__title-wrapper {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 479px) {
    .footer__link-list {
        grid-column-gap: 1.8125rem;
        grid-row-gap: 1.8125rem;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .footer__link {
        font-size: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-column-end: 3;
    }
}


@media screen and (max-width: 479px) {
    .footer__social {
        grid-column-gap: .9375rem;
        grid-row-gap: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    .footer__social-link.footer__social-link--tg {
        width: 1.875rem;
        height: 1.875rem;
        padding-left: .34375rem;
        padding-right: .5rem;
    }
}

@media screen and (max-width: 479px) {
    .footer__icon, .footer__icon.footer__icon--tg {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_50c61f6b-15d9-accb-c31e-a0d11dffe8a2-7a88c117 {
        grid-area: 3 / 3 / 4 / -1;
    }
}

@media screen and (max-width: 991px) {
    #w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 {
        grid-column: 1 / -1;
    }
}


@media screen and (max-width: 479px) {
    .footer__image {
        opacity: .67;
        width: 100%;
        height: auto;
        inset: auto auto 4.375rem 3.75rem;
        transform: scale(1.6) rotate(20deg);
    }
}

@media screen and (max-width: 479px) {
    .pop-up {
        padding-top: 2.938rem;
        padding-left: .625rem;
        padding-right: .625rem;
        display: none;
    }
}



@media screen and (max-width: 991px) {
    .pop-ip__inner {
        width: 100%;
        height: auto;
        margin-bottom: 5.125rem;
        padding: 5rem 2.4375rem 4.1875rem;
    }
}
@media screen and (max-width: 479px) {
    .pop-ip__inner {
        margin-bottom: 5rem;
        padding: 2.5rem 1.25rem 2.1875rem;
    }
}

@media screen and (max-width: 479px) {
    .button.button--accent.footer__button {
        min-width: 7.8125rem;
        font-size: .9375rem;
    }
}

@media screen and (max-width: 479px) {
    .button.button--accent {
        text-align: left;
        font-size: .938rem;
    }
}

/* About: Stats */
.about__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 2rem;
}
.about__stat {
    position: relative;
    padding: 1.25rem 1.5rem;
    border-radius: .5rem;
    background-color: var(--color--button-alpha);
    -webkit-backdrop-filter: blur(.25rem);
    backdrop-filter: blur(.25rem);
    border: 1px solid #FFFFFF1A;
    overflow: hidden;
}
.about__stat::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(120% 120% at 0% 0%, #ff4d001a 0%, transparent 60%);
    opacity: .6;
    pointer-events: none;
}
.about__stat::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--color--accent), transparent);
    opacity: .7;
    filter: blur(.5px);
}
.about__stat-label {
    display: block;
    font-family: var(--fonts--text);
    color: #8a8a8a;
    font-size: .875rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.about__stat-value {
    display: block;
    font-family: var(--fonts--heading);
    color: var(--color--light-gray);
    font-size: 2.5rem;
    line-height: 1;
    text-shadow: 0 0 8px rgba(255, 77, 0, .2);
    will-change: contents;
}
.about__stat-value--date {
    font-size: 1.625rem;
    letter-spacing: .02em;
}

/* Responsive */
@media screen and (max-width: 991px) {
    .about__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 478px) {
    .about__stat-value .about__stat-value--date {
        font-size: 1.5rem;
    }
}
/* ================================
   REFERRAL PROGRAM SECTION STYLES
   ================================ */

/* --- Визуализация уровней --- */
.referral-levels {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2.5rem 0;
  padding: 0 1rem;
}

.level-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.level-item__title {
  font-size: 0.8rem;
  color: var(--color--dark-gray);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.level-item__percent {
  font-family: var(--fonts--heading);
  font-size: 1.75rem;
  color: var(--color--white);
  margin-top: 0.25rem;
}

/* Соединительные линии */
.level-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 65%;
    right: -40px;
    width: 20px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* --- Система Рангов --- */
.rank-system {
  margin-bottom: 2.5rem;
}

.rank-system__title {
  font-family: var(--fonts--text);
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  color: var(--color--light-gray-alternate);
  margin-bottom: 1.5rem;
}

.rank-system__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
}

.rank-card {
  padding: 1rem;
  background: rgba(14, 16, 19, 0.65);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
}

.rank-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 77, 0, 0.4);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.rank-card__name {
  font-family: var(--fonts--heading);
  font-size: 1.25rem;
  color: #fff;
  display: block;
}

.rank-card__reward {
  font-size: 1.1rem;
  color: var(--color--accent);
  display: block;
  margin: 0.5rem 0;
}

.rank-card__requirement {
  font-size: 0.8rem;
  color: var(--color--dark-gray);
}

/* --- Адаптивность --- */
@media (max-width: 479px) {
  .referral-levels {
    align-items: flex-start;
    padding: 0;
  }
  .level-item:not(:last-child)::after {
    top: auto;
    bottom: -1rem;
    right: auto;
    left: 50%;
    width: 1px;
    height: 1rem;
    display: none;
  }
  .rank-system__grid {
    grid-template-columns: 1fr;
  }

      .about__stat-value{
            font-size: 1.75rem;
    }
    .pricing {
        padding-top: 0px;
    }
}

/* ================================
   TECHNOLOGY & SECURITY SECTION STYLES
   ================================ */
.tech-features-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.tech-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
}

.tech-feature-item__icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(255, 77, 0, 0.1);
  border: 1px solid rgba(255, 77, 0, 0.2);
  color: var(--color--accent);
}

.tech-feature-item__text h4 {
  font-family: var(--fonts--heading);
  font-size: 1.25rem;
  color: #fff;
  margin: 0 0 0.5rem 0;
}

.tech-feature-item__text p {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color--light-gray-alternate);
  margin: 0;
}

/* --- Add this new rule for alignment --- */
@media screen and (min-width: 991px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-area: 4 / 1 / 5 / 2; /* Puts social icons on the 4th row */
        align-self: center; /* Vertically centers the icons */
    }
}

/* --- Modify this existing rule --- */
@media screen and (min-width: 991px) {
    #w-node-f0ef7ea3-cc58-abbe-d56b-92fe265e727a-7a88c117 {
        grid-column: 1 / -1; /* Starts copyright text from the 2nd column */
        align-self: center; /* Vertically centers the text */
    }
}

/* --- You can also remove this redundant rule if it exists --- */
/* You might have this from the original file, it's safe to delete */
@media screen and (min-width: 1440px) {
    #w-node-_4a2da9d4-2f08-78db-fb7a-267057be97c7-7a88c117 {
        grid-row-start: 4;
    }
}

/* --- Custom Styles for Header Buttons --- */

/* Wrapper to hold both login and signup buttons */
.header__buttons-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem; /* Creates space between the buttons */
}

/* Style for the new "Sign Up" button */
.nav__button--register {
    background: linear-gradient(134deg, #ff4c00 0%, #ff750b 100%);
    border-image: none;
}

.nav__button--register:hover {
    background: linear-gradient(134deg, #ff750b 0%, #ff4c00 100%); /* Slightly altered gradient on hover */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 0 50px 0 rgba(255, 116, 11, 0.7);
}


/* --- Custom Styles for Hero Section Buttons --- */

/* Hide the new mobile-only login button by default */
.mobile-only-button {
    display: none;
}


/* --- Responsive Adjustments --- */

/* Hide the entire desktop button wrapper on tablets and mobile */
@media screen and (max-width: 991px) {
    .header__buttons-wrapper {
        display: none;
    }
}

/* Styles for mobile devices (max-width: 479px) */
@media screen and (max-width: 479px) {
    /* Make the hero button wrapper a flex container on mobile */
    .button-wrapper.hero__button {
        display: flex;
        gap: 0.75rem; /* Add space between the two hero buttons */
    }

    /* Show the mobile-only login button */
    .mobile-only-button {
        display: inline-flex;
    }
    
    /* Adjust hero buttons to fit side-by-side */
    .button.button--accent.hero__button {
        min-width: 0; /* Allow button to shrink */
        flex: 1; /* Make buttons share the space equally */
        justify-content: center;
        padding: 0 0.5rem;
    }
    
    .hero__button--login {
        min-width: 0; /* Allow button to shrink */
        flex: 1; /* Make buttons share the space equally */
        justify-content: center;
        padding: 0 0.5rem;
    }
}
@media screen and (min-width: 1440px) {
    .circle-blur.faq-blur__right {
        bottom: -9.9375rem;
        left: auto;
        right: -22.5rem;
    }
}

@media screen and (min-width: 1920px) {
    .circle-blur.faq-blur__right {
        bottom: -21.75rem;
        right: -28.1875rem;
    }
}

/* ================================
   ACCEPTED CRYPTOCURRENCIES STYLES
   ================================ */
.crypto-ticker {
  position: relative;
  padding: 6rem 0;
  overflow: hidden;
}

.crypto-ticker__header {
  text-align: center;
  margin-bottom: 4rem;
}

.crypto-ticker__title {
  margin-bottom: 1.5rem;
  font-family: var(--fonts--heading);
  font-size: 3.125rem;
}

.crypto-ticker__subtitle {
  max-width: 45rem;
  margin: 0 auto;
  color: var(--color--light-gray-alternate);
  font-size: 1.125rem;
  line-height: 1.6;
}

.crypto-ticker__scroller {
  max-width: 100%;
  overflow: hidden;
  /* Эффект растворения краев */
  -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
  mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}

.crypto-ticker__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1.5rem;
  width: max-content; /* Ширина определяется контентом */
  animation: scroll 60s linear infinite;
}

/* При наведении на всю ленту - замедляем анимацию */
.crypto-ticker__scroller:hover .crypto-ticker__list {
  animation-play-state: paused;
}

.crypto-ticker__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: rgba(18, 20, 23, 0.65);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  transition: all 0.3s ease;
}

.crypto-ticker__item img {
  width: 40px;
  height: 40px;
}

.crypto-ticker__item span {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color--light-gray);
  white-space: nowrap;
}

/* Эффект при наведении на конкретный элемент */
.crypto-ticker__item:hover {
  transform: scale(1.05);
  background: rgba(25, 28, 32, 0.8);
  border-color: rgba(255, 77, 0, 0.5);
  box-shadow: 0 0 20px rgba(255, 77, 0, 0.3);
}

/* Анимация скролла */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    /* Сдвигаем на половину ширины, т.к. список дублируется */
    transform: translateX(-50%);
  }
}

.crypto-ticker__blur {
    width: 60%;
    height: 100px;
    bottom: 50%;
    left: 20%;
    transform: translateY(50%);
    background-color: var(--color--accent);
    filter: blur(150px);
    opacity: 0.1;
}

/* Адаптивность */
@media (max-width: 767px) {
  .crypto-ticker__list {
    animation-duration: 45s; /* Чуть медленнее на мобильных */
    gap: 1rem;
  }
  .crypto-ticker__item {
    padding: 0.75rem 1rem;
    gap: 0.75rem;
  }
  .crypto-ticker__item img {
    width: 32px;
    height: 32px;
  }
  .crypto-ticker__item span {
    font-size: 0.9rem;
  }
  .crypto-ticker__title {
    font-size: 2.5rem;
  }
  .crypto-ticker__subtitle {
    font-size: 1rem;
  }
}

/* ================================
   SECTION BASE
   ================================ */
.pricing{padding-top:8rem;padding-bottom:8rem;position:relative;overflow:hidden}
.pricing__title,.pricing__subtitle{text-align:center}
.pricing__title{margin-bottom:1.5rem;font-family:var(--fonts--heading);font-size:3.125rem}
.pricing__subtitle{max-width:45rem;margin:0 auto 4rem auto;color:var(--color--light-gray-alternate);font-size:1.125rem;line-height:1.6}

/* ================================
   PLANS GRID + SWIPE HINT
   ================================ */
.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.875rem;margin-bottom:3.75rem}
.pricing__grid-scroll{position:relative}
.swipe-hint{position:absolute;width:42px;height:42px;opacity:.7;pointer-events:none;animation:swipePulse 1.6s ease-in-out infinite;display:none}
@keyframes swipePulse{0%,100%{transform:translateX(0) scale(1);opacity:.7}50%{transform:translateX(8px) scale(1.05);opacity:1}}
@media (max-width:767px){
  .pricing__grid{display:flex;overflow-x:auto;gap:1rem;padding:30px .25rem 1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .pricing__grid::-webkit-scrollbar{display:none}
  .pricing-plan{flex:0 0 85vw;scroll-snap-align:center}
  .swipe-hint{display:block}
  .swipe-hint--pricing{right:12px;bottom:-2px}
}

/* ================================
   PLAN CARD
   ================================ */
.pricing-plan{display:flex;flex-direction:column;padding:2.25rem 2rem;background:rgba(14,16,19,.65);backdrop-filter:blur(6px);border-radius:16px;border:1px solid transparent;position:relative;transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.pricing-plan:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(135deg,rgba(255,76,0,.45),rgba(255,117,11,.15),rgba(73,93,117,.2));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:.5; pointer-events: none;}
.pricing-plan:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pricing-plan__badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(134deg,#ff4c00 0%,#ff750b 100%);color:var(--color--white);padding:.3rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700}
.pricing-plan__header{margin-bottom:1.25rem}
.pricing-plan__name{font-family:var(--fonts--heading);font-size:1.75rem;margin-bottom:.5rem;color:var(--color--white)}
.pricing-plan__description{color:var(--color--light-gray-alternate);font-size:1rem;min-height:40px}
.pricing-plan__price-wrapper{margin-bottom:1.5rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:1.25rem 0}
.pricing-plan__price{font-family:var(--fonts--heading);font-size:1.6rem;font-weight:500;line-height:1;color:var(--color--white)}
.pricing-plan__term{font-size:.875rem;color:var(--color--dark-gray)}
.pricing-plan__features{list-style:none;padding:0;margin:0 0 1.5rem 0;flex-grow:1}
.pricing-plan__features li{font-size:1rem;margin-bottom:1rem;padding-left:1.75rem;position:relative;color:var(--color--light-gray)}
.pricing-plan__features li:before{content:'✓';color:var(--color--accent);position:absolute;left:0;top:0;font-weight:700}
.pricing-plan__button{width:100%;justify-content:center;padding-left:1rem;padding-right:1rem;gap:0.5rem;margin-top:auto}

/* card highlight only when user selects — по умолчанию НЕТ активной */
.pricing-plan.active{border-color:var(--color--accent);box-shadow:0 0 36px rgba(255,77,0,.28), inset 0 0 0 1px rgba(255,77,0,.15);transform:translateY(-10px)}
/* рекомендованная — визуальный бейдж, но НЕ «активная» */
.pricing-plan.recommended{border-image:none}

/* ================================
   CALCULATOR v3 — UPGRADED DESIGN
   ================================ */
.calc3{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  margin-top:2.5rem;
  background:
    radial-gradient(1000px 300px at 120% -15%, rgba(255,76,0,.15), transparent 70%),
    radial-gradient(800px 300px at -20% 120%, rgba(73,93,117,.2), transparent 70%),
    rgba(12,14,16,.5);
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255, .08);
  box-shadow:0 25px 60px rgba(0,0,0,.4);
}
.calc3:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(transparent 49.5%, rgba(255,255,255,.03) 50%, transparent 50.5%) 0 0/100% 40px,
    linear-gradient(90deg, transparent 49.5%, rgba(255,255,255,.03) 50%, transparent 50.5%) 0 0/40px 100%;
  opacity:.5;
}

/* --- Header & Tabs --- */
.calc3__hdr{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.25rem 1.25rem 0 1.25rem;
  border-bottom: 1px solid rgba(255,255,255, .05);
}
.calc3__title{
  font-family:var(--fonts--heading);
  font-size:1.9rem;
  margin:0;
  padding:.75rem 0;
  background: transparent;
  border: none;
}
.calc3__tabs{
  display:flex;
  gap:.5rem;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  padding-bottom: 1.25rem;
}
.calc3__tabs::-webkit-scrollbar{display:none}
.calc3__tab{
  flex:0 0 auto;
  padding:.65rem 1.15rem;
  font-size:.95rem;
  color:var(--color--light-gray-alternate);
  background: rgba(0,0,0,.2);
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  cursor:pointer;
  transition:.25s;
}
.calc3__tab:hover{
  color:#fff;
  background:rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.15);
}
.calc3__tab[aria-selected="true"]{
  color:#fff;
  background:linear-gradient(134deg,#ff4c00,#ff750b);
  box-shadow:0 0 24px rgba(255,77,0,.45);
  border-color:transparent;
}

/* --- Body & Panels --- */
.calc3__body{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;padding:1.75rem}
.calc3__panel{
  background:rgba(0,0,0,.25);
  border: none; /* Убираем старую рамку */
  border-radius:16px;
  padding:1.5rem;
  position:relative;
  overflow:hidden;
  box-shadow: inset 0 0 20px rgba(0,0,0,.3);
}
/* Эффект градиентной рамки для панелей */
.calc3__panel:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}


/* --- Empty State --- */
.calc3__state{
  display:flex;
  flex-direction:column;
  align-items:center; /* Центрируем */
  justify-content: center; /* Центрируем */
  text-align: center;
  gap:1rem; /* Увеличиваем отступ */
  color:var(--color--light-gray-alternate);
  height: 100%; /* Занимает всю высоту панели */
}
.calc3__state p {
  font-size: 1rem;
  max-width: 200px;
  line-height: 1.5;
}
.calc3__state svg{opacity:.8; transition: transform .3s ease;}
.calc3:hover .calc3__state svg { transform: rotate(90deg); }

#calc-controls[aria-disabled="true"]{opacity:.35;pointer-events:none}

/* --- Controls --- */
.calc3__controls{display:flex;flex-direction:column;gap:1.75rem;}
.calc3__group{display:flex;flex-direction:column;gap:.75rem}
.calc3__label{font-size:.9rem; text-transform: uppercase; letter-spacing: 0.05em; color:var(--color--dark-gray);}
.calc3__amount{
  color:var(--color--accent);
  font-weight:700;
  font-family: var(--fonts--heading);
  font-size: 1rem;
}
/* Обновленный слайдер */
.calc3__slider{
  appearance:none;
  width:100%;
  height:8px;
  border-radius:999px;
  background: linear-gradient(90deg, var(--color--accent), #ff750b) no-repeat 0 0 / 0% 100%, rgba(0,0,0,.3);
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
}
.calc3__slider:disabled{filter:saturate(.2)}
.calc3__slider::-webkit-slider-thumb{
  appearance:none;
  width:24px;
  height:24px;
  border-radius:50%;
  background: linear-gradient(134deg,#ff750b, #ff4c00);
  border: 2px solid #fff;
  box-shadow:0 0 16px rgba(255,77,0,.8), 0 0 0 3px rgba(255,255,255,.1);
  transition: transform .2s ease;
}
.calc3__slider::-moz-range-thumb{
  width:24px;
  height:24px;
  border-radius:50%;
  background: linear-gradient(134deg,#ff750b, #ff4c00);
  border: 2px solid #fff;
  box-shadow:0 0 16px rgba(255,77,0,.8), 0 0 0 3px rgba(255,255,255,.1);
}
.calc3__slider:hover::-webkit-slider-thumb { transform: scale(1.1); }
.calc3__slider-bounds{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color--dark-gray)}
.calc3__toggle.hidden{opacity:.35;pointer-events:none}

/* --- Results --- */
.calc3__results{display:flex;flex-direction:column;gap:1.25rem}
.calc3__row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:1.25rem}
.calc3__k{
  color:var(--color--dark-gray);
  font-size:.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.calc3__v{
  font-family:var(--fonts--heading);
  font-size:1.65rem;
  color:#fff;
  text-shadow: 0 0 8px rgba(255,255,255,.1);
}
.calc3__v--accent{
  color:var(--color--accent);
  text-shadow: 0 0 12px rgba(255, 77, 0, 0.5);
}
.calc3__total{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem; text-align: right;}
.calc3__v--xl{
  font-size:2.8rem;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 16px rgba(255,255,255,.25);
}

/* --- Responsive --- */
@media (max-width:991px){.calc3__body{grid-template-columns:1fr}.calc3__panel{padding:1.25rem}}
@media (max-width:767px){
  .calc3__body{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem}
  .calc3__panel{flex:0 0 88vw;scroll-snap-align:center}
  .swipe-hint--calc{right:12px;bottom:8px;display:block}
}
@media (max-width:479px){
  .calc3__title{font-size:1.55rem}
  .calc3__v--xl{font-size:2.25rem}
}

/* ================================
   UPGRADED SWITCH/TOGGLE DESIGN
   ================================ */

/* --- Контейнер переключателя --- */
.switch {
  position: relative;
  display: inline-block;
  width: 85px;  /* Увеличили ширину для текста */
  height: 38px;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

/* --- "Дорожка" переключателя --- */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.3);
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.5);
  transition: all .4s ease;
}
.slider.round {
  border-radius: 34px;
}

/* --- Ползунок (кружок) --- */
.slider.round:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 3px;
  bottom: 3px;
  background: radial-gradient(circle, #b8b8b8, #656565); /* Металлический вид */
  border: 1px solid rgba(0,0,0,.5);
  transition: all .4s cubic-bezier(.68,-0.55,.27,1.55); /* Пружинистая анимация */
  border-radius: 50%;
}

/* --- Текст ON/OFF внутри --- */
.slider:after {
  content: 'OFF';
  color: var(--color--dark-gray);
  display: block;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  right: 15px;
  font-size: 10px;
  font-weight: bold;
  transition: all .4s ease;
}

/* --- Стили для АКТИВНОГО состояния --- */
input:checked + .slider {
  background: linear-gradient(134deg, rgba(255,76,0,.5), rgba(255,117,11,.5));
  box-shadow: 0 0 15px rgba(255, 77, 0, 0.4);
}

input:checked + .slider:before {
  transform: translateX(47px); /* Сдвигаем ползунок вправо */
  background: #fff; /* Белый "горящий" цвет */
  border-color: #fff;
  box-shadow: 0 0 8px #fff, 0 0 16px rgba(255, 100, 0, 0.7); /* Эффект свечения */
}

input:checked + .slider:after {
  content: 'ON';
  color: #fff;
  right: auto;
  left: 20px;
}

/* ================================
   MOBILE NAVIGATION (FINAL FIX)
   ================================ */

/* --- Fixed Burger Button --- */
.header__burger {
    position: fixed; /* Фиксируем относительно окна браузера */
    top: 1.8rem;     /* Отступ сверху */
    right: 1.25rem;  /* Отступ справа */
    z-index: 101;    /* Должен быть поверх оверлея меню */
    width: 32px;
    height: 24px;
    display: none;   /* По умолчанию скрыт, появляется на мобильных */
    flex-direction: column;
    justify-content: space-between;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* Убираем подсветку при клике/фокусе */
.header__burger:focus, .header__burger:active {
    outline: none;
    box-shadow: none;
}

.burger-line {
    width: 100%;
    height: 3px;
    background-color: var(--color--light-gray);
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
    transform-origin: center;
}

/* --- Mobile Menu Overlay & Panel --- */
.nav-moblie {
    position: fixed;
    inset: 0;
    z-index: 100;
    background-color: rgba(7, 7, 9, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.nav-moblie.open {
    opacity: 1;
    visibility: visible;
}

/* Панель меню, которая выезжает снизу */
.nav-mobile__inner {
    background-color: #141416;
    margin-top: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    max-height: 170vw; /* Ограничение высоты для скролла */
    overflow-y: auto;   /* Включаем скролл, если контент не влезает */
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.nav-mobile__inner::-webkit-scrollbar {
    display: none;
}

.nav-moblie.open .nav-mobile__inner {
    transform: translateY(0);
}

/* --- Шапка и кнопка закрытия в меню --- */
.nav-mobile__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-mobile-logo {
    width: 2.75rem;
    height: auto;
}

.nav-mobile__close {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--color--light-gray-alternate);
    cursor: pointer;
    transition: transform 0.3s ease, color 0.3s ease;
}
.nav-mobile__close:hover {
    color: var(--color--accent);
    transform: rotate(90deg) scale(1.1);
}

/* --- Ссылки и иконки --- */
.nav-mobile__link-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
.nav-mobile__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border-radius: 10px;
    background-color: #1f1f22;
    color: var(--color--light-gray);
    font-size: 1.125rem;
    text-decoration: none;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.nav-mobile__link:active {
    background-color: var(--color--accent);
    transform: scale(0.98);
}
.nav-mobile__link-icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* --- Футер с кнопками входа/регистрации --- */
.nav-mobile__footer {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* --- Медиа-запросы (Адаптивность) --- */
@media screen and (max-width: 991px) {
    /* Скрываем десктопную навигацию */
    .header__nav-list,
    .header__buttons-wrapper {
        display: none;
    }
    
    /* Показываем наш фиксированный бургер */
    .header__burger {
        display: flex;
    }

}

/* Сетка статистики */
.about__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.about__stat {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
}

.about__stat-label {
  font-size: .875rem;
  color: var(--color--dark-gray);
}

/* Значение + маска ширины */
.about__stat-value {
  display: grid;                 /* нужно для наложения маски */
  align-items: baseline;
  white-space: nowrap;           /* не переносим числа и дату */
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  overflow: hidden;              /* на всякий случай */
  line-height: 1.1;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
}

/* Невидимая "маска" такой же ширины, как финальное значение */
.about__stat-value::before {
  content: attr(data-mask);      /* сюда JS положит строку-маску */
  visibility: hidden;            /* не видно, но занимает место */
  grid-area: 1 / 1;
}

/* Реальное значение накладываем поверх маски */
.about__stat-value .value {
  grid-area: 1 / 1;
}

/* Дата — всегда в одну строку */
.about__stat-value--date { white-space: nowrap; }

/* Мобильная сетка 2×2, шрифт чуть меньше */
@media (max-width: 479px) {
  .about__stats { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .about__stat-value { font-size: clamp(.95rem, 4.5vw, 1.125rem); }
  .pricing-plan__price {
    font-size: 1.5rem;
  }
}


@media (min-width: 768px) and (max-width: 1024px) {

    .header__nav-list {
            grid-column-gap: 1.25rem;
    }

  .container {
    max-width: 69.9375rem;
  }
}