@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "TT Chocolates", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #FFF;
}

a, button, textarea, input {
    outline: none;
    text-decoration: none;
}

ul {
    list-style: none;
}

.container {
    width: 100%;
    padding: 0px 16px;
    max-width: 1232px;
    margin: 0px auto;
}

.primary-welcome {
    background-color: #151528;
    background-image: url(../img/welcome-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.welcome {
    padding: 112px 0;
    padding-top: 180px;
}

.p-normal {
    padding-block: 112px;
}

.p-extra {
    padding-block: 112px;
    padding-top: 212px;
}

.primary-header {
    z-index: 2;
    position: fixed;
    top: 0;
    inset-inline: 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.primary-header.fixed {
    background: rgba(21, 21, 40, 0.8);
    backdrop-filter: blur(12px);
}
.primary-header.fixed > .container > .header {
    height: 80px;
}
.primary-header.extra {
    background: #151528;
}

.header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 64px;
}

.header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.header-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.item-navigate-head {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.item-navigate-head > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.item-navigate {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.item-navigate:hover > .item-navigate-head {
    opacity: 0.6;
}
.item-navigate.extra > .item-navigate-head::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.item-navigate.extra::before {
    position: absolute;
    content: "";
    height: 6px;
    background: red;
    top: 100%;
    width: 200px;
    pointer-events: none;
    opacity: 0;
}
.item-navigate.extra:hover::before {
    pointer-events: all;
}
.item-navigate.extra:hover > .item-navigate-head::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.item-navigate.extra:hover > ul {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.item-navigate > ul {
    pointer-events: none;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    padding: 6px;
    border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    top: calc(100% + 6px);
    width: 200px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.item-navigate > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.item-navigate > ul > li > a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0px 12px;
    border-radius: 14px;
    height: 40px;
    color: rgba(21, 21, 40, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.5px;
}
.item-navigate > ul > li:hover > a {
    background: #F4F5F6;
    color: #151528;
}

.header-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.header-links > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.header {
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.welcome-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.welcome-text > h1 {
    color: #FFF;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.welcome-text > h1 > span {
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.welcome-text > p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.welcome {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}

.welcome-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 0px 32px;
    height: 56px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.button > p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}
.button.primary {
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
}
.button.white {
    background: #FFF;
}
.button.white > p {
    color: #151528;
}
.button.white > .i {
    -webkit-filter: drop-shadow(0px 0 0 #151528);
            filter: drop-shadow(0px 0 0 #151528);
}
.button.white:hover {
    -webkit-filter: brightness(0.9);
            filter: brightness(0.9);
}
.button.white:hover > .i {
    -webkit-filter: drop-shadow(8px 0 0 #151528);
            filter: drop-shadow(8px 0 0 #151528);
}
.button.outline {
    border: 1px solid rgba(255, 255, 255, 0.24);
}
.button.outline:hover {
    border: 1px solid rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0.24);
}
.button.xm {
    gap: 8px;
    padding: 0px 20px;
    height: 40px;
}
.button.xm > .i {
    width: 16px;
    height: 16px;
}
.button.xm > p {
    font-size: 16px;
}
.button:hover {
    -webkit-filter: brightness(1.05);
            filter: brightness(1.05);
}

.primary > .i, .white > .i {
    -webkit-filter: drop-shadow(0px 0 0 #FFF);
            filter: drop-shadow(0px 0 0 #FFF);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.primary:hover > .i, .white:hover > .i {
    -webkit-filter: drop-shadow(8px 0 0 #FFF);
            filter: drop-shadow(8px 0 0 #FFF);
    -webkit-transform: translateX(-4px);
            transform: translateX(-4px);
}

.i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.i-phone-white {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.3186 14.3203C11.8921 14.3203 10.4822 14.0097 9.08896 13.3885C7.69574 12.7672 6.42469 11.8853 5.2758 10.7428C4.12702 9.59395 3.24202 8.32134 2.6208 6.92501C1.99958 5.52867 1.68896 4.11717 1.68896 2.69051C1.68896 2.40262 1.78385 2.16217 1.97363 1.96917C2.16352 1.77617 2.40241 1.67967 2.6903 1.67967H5.38096C5.68096 1.67967 5.92974 1.75917 6.1273 1.91817C6.32497 2.07706 6.45374 2.29467 6.51363 2.57101L6.93747 4.70651C6.9848 4.97851 6.9808 5.21017 6.92547 5.40151C6.87024 5.59273 6.76047 5.76106 6.59613 5.90651L4.92297 7.46451C5.12008 7.80651 5.35258 8.14406 5.62046 8.47717C5.88835 8.81028 6.19308 9.14206 6.53463 9.47251C6.84763 9.78551 7.16163 10.0672 7.47663 10.3177C7.79163 10.5682 8.11624 10.7906 8.45047 10.9848L10.0831 9.38034C10.2522 9.21756 10.4487 9.10489 10.6726 9.04234C10.8965 8.97978 11.1334 8.97217 11.3831 9.01951L13.4288 9.45801C13.7162 9.54012 13.9366 9.67245 14.09 9.85501C14.2434 10.0377 14.3201 10.2672 14.3201 10.5435V13.3095C14.3201 13.5974 14.2236 13.8378 14.0306 14.0308C13.8376 14.2238 13.6003 14.3203 13.3186 14.3203Z' fill='white'/%3E%3C/svg%3E");
}

.i-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.3592 10L6.08188 3.72273C5.91633 3.55717 5.8357 3.36009 5.84001 3.13148C5.84431 2.90287 5.92924 2.70571 6.0948 2.54002C6.26035 2.37446 6.45744 2.29169 6.68605 2.29169C6.91466 2.29169 7.11181 2.37446 7.27751 2.54002L13.6573 8.93273C13.8079 9.08342 13.9195 9.25224 13.9921 9.43919C14.0649 9.62613 14.1013 9.81308 14.1013 10C14.1013 10.187 14.0649 10.3739 13.9921 10.5609C13.9195 10.7478 13.8079 10.9166 13.6573 11.0673L7.26459 17.46C7.09904 17.6256 6.9041 17.7062 6.6798 17.7019C6.45535 17.6976 6.26035 17.6127 6.0948 17.4471C5.92924 17.2815 5.84647 17.0845 5.84647 16.8559C5.84647 16.6272 5.92924 16.4301 6.0948 16.2644L12.3592 10Z' fill='white' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");
}

.primary-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.primary-text.center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
.primary-text > small {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.primary-text > span {
    color: #151528;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.primary-text > span > span {
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extension-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.extension-text > ul {
    max-width: 440px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.extension-text > ul > li {
    color: rgba(21, 21, 40, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.extension-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}
.extension-info > p {
    color: #151528;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.extension-info > p > span {
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.extension {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
}

.extension-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 40px;
    border-radius: 0 40px 40px 40px;
    background: #F4F5F6;
    position: relative;
}
.extension-quote::before {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    content: "";
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M40 0C40 1.10457 39.1046 2 38 2H2V38C2 39.1046 1.10457 40 0 40V0H40Z' fill='url(%23paint0_linear_31_67555)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_31_67555' x1='0' y1='20' x2='40' y2='20' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23477FF9'/%3E%3Cstop offset='1' stop-color='%232563EB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.extension-quote > span {
    color: #151528;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.quote-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
}

.quote-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.quote-item-head > span {
    color: rgba(21, 21, 40, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

.i-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.1692 17.0833C14.6606 17.0833 13.119 16.713 11.5444 15.9725C9.96984 15.2319 8.50852 14.1862 7.16046 12.8354C5.81227 11.4847 4.76789 10.0234 4.02734 8.45142C3.28678 6.87947 2.9165 5.3392 2.9165 3.83058C2.9165 3.56947 3.00282 3.3519 3.17546 3.17788C3.34796 3.00371 3.56366 2.91663 3.82255 2.91663H6.31359C6.52859 2.91663 6.71275 2.9867 6.86609 3.12683C7.01928 3.26697 7.12352 3.44551 7.1788 3.66246L7.66921 5.96829C7.69949 6.18426 7.69255 6.37538 7.64838 6.54163C7.60421 6.70788 7.52192 6.84767 7.4015 6.961L5.449 8.86204C5.80025 9.47649 6.17998 10.0493 6.58817 10.5804C6.9965 11.1115 7.43824 11.613 7.91338 12.085C8.41185 12.5927 8.94213 13.0587 9.50421 13.4829C10.0662 13.907 10.6692 14.2954 11.3134 14.6479L13.1975 12.7223C13.3335 12.5752 13.4898 12.4749 13.6663 12.4214C13.8428 12.3681 14.0266 12.3553 14.2178 12.3831L16.3373 12.837C16.5571 12.889 16.7363 13.0001 16.875 13.1704C17.0138 13.3405 17.0832 13.5334 17.0832 13.7489V16.1773C17.0832 16.4361 16.9961 16.6518 16.8219 16.8243C16.6479 16.997 16.4303 17.0833 16.1692 17.0833ZM4.93671 7.89642L6.579 6.30975C6.60206 6.28836 6.61761 6.25899 6.62567 6.22163C6.63373 6.18426 6.63414 6.14954 6.62692 6.11746L6.20275 4.09183C6.19567 4.04906 6.17789 4.01697 6.14942 3.99558C6.12095 3.97433 6.08532 3.96371 6.04255 3.96371H4.08005C4.04796 3.96371 4.02123 3.97433 3.99984 3.99558C3.97845 4.01697 3.96775 4.04371 3.96775 4.07579C3.98984 4.65093 4.08074 5.2544 4.24046 5.88621C4.40018 6.51801 4.63227 7.18808 4.93671 7.89642ZM12.3021 15.1464C12.8659 15.4188 13.4735 15.6297 14.125 15.7791C14.7766 15.9284 15.3762 16.0131 15.924 16.0331C15.9561 16.0331 15.9828 16.0224 16.0042 16.001C16.0255 15.9796 16.0361 15.9529 16.0361 15.9208V13.9733C16.0361 13.9305 16.0255 13.8949 16.0042 13.8664C15.9828 13.8379 15.9507 13.8202 15.908 13.8131L14.065 13.4348C14.033 13.4277 14.0049 13.4282 13.9809 13.4362C13.9569 13.4441 13.9315 13.4597 13.9048 13.4829L12.3021 15.1464Z' fill='%23151528' fill-opacity='0.75'/%3E%3C/svg%3E");
}

.i-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3.58995 16.25C3.16898 16.25 2.81266 16.1042 2.521 15.8125C2.22933 15.5208 2.0835 15.1645 2.0835 14.7435V5.25646C2.0835 4.83549 2.22933 4.47917 2.521 4.1875C2.81266 3.89583 3.16898 3.75 3.58995 3.75H16.4104C16.8313 3.75 17.1877 3.89583 17.4793 4.1875C17.771 4.47917 17.9168 4.83549 17.9168 5.25646V14.7435C17.9168 15.1645 17.771 15.5208 17.4793 15.8125C17.1877 16.1042 16.8313 16.25 16.4104 16.25H3.58995ZM16.6668 6.20188L10.4056 10.21C10.3416 10.2462 10.2753 10.2748 10.2068 10.2956C10.1385 10.3165 10.0696 10.3269 10.0002 10.3269C9.93072 10.3269 9.86183 10.3165 9.7935 10.2956C9.72502 10.2748 9.65877 10.2462 9.59475 10.21L3.3335 6.20188V14.7435C3.3335 14.8184 3.35752 14.8799 3.40558 14.9279C3.45364 14.976 3.51509 15 3.58995 15H16.4104C16.4852 15 16.5467 14.976 16.5947 14.9279C16.6428 14.8799 16.6668 14.8184 16.6668 14.7435V6.20188ZM10.0002 9.16667L16.5387 5H3.46162L10.0002 9.16667ZM3.3335 6.39417V5.44146V5.46625V5.43979V6.39417Z' fill='%23151528' fill-opacity='0.75'/%3E%3C/svg%3E");
}

.quote-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9px;
    width: 100%;
}
.quote-item-content > p {
    color: #151528;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.quote-item {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    padding: 32px;
    border-radius: 20px;
    background: #FFF;
}
.quote-item > .i {
    width: 24px;
    height: 24px;
}
.quote-item:hover {
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.06);
}

.i-arrow-blue {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.8305 12L7.29777 4.46725C7.0991 4.26858 7.00235 4.03208 7.00752 3.75775C7.01269 3.48342 7.1146 3.24683 7.31327 3.048C7.51194 2.84933 7.74844 2.75 8.02277 2.75C8.2971 2.75 8.53369 2.84933 8.73252 3.048L16.3883 10.7193C16.5689 10.9001 16.7029 11.1027 16.79 11.327C16.8774 11.5513 16.921 11.7757 16.921 12C16.921 12.2243 16.8774 12.4487 16.79 12.673C16.7029 12.8973 16.5689 13.0999 16.3883 13.2808L8.71702 20.952C8.51835 21.1507 8.28444 21.2474 8.01527 21.2423C7.74594 21.2371 7.51194 21.1352 7.31327 20.9365C7.1146 20.7378 7.01527 20.5013 7.01527 20.227C7.01527 19.9527 7.1146 19.7161 7.31327 19.5173L14.8305 12Z' fill='url(%23paint0_linear_31_67545)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_31_67545' x1='7.00732' y1='11.9962' x2='16.921' y2='11.9962' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23477FF9'/%3E%3Cstop offset='1' stop-color='%232563EB'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.i-arrow-dark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.3592 10.0001L6.08188 3.72279C5.91633 3.55723 5.8357 3.36015 5.84001 3.13154C5.84431 2.90293 5.92924 2.70578 6.0948 2.54008C6.26035 2.37453 6.45744 2.29175 6.68605 2.29175C6.91466 2.29175 7.11181 2.37453 7.27751 2.54008L13.6573 8.93279C13.8079 9.08348 13.9195 9.2523 13.9921 9.43925C14.0649 9.62619 14.1013 9.81314 14.1013 10.0001C14.1013 10.187 14.0649 10.374 13.9921 10.5609C13.9195 10.7479 13.8079 10.9167 13.6573 11.0674L7.26459 17.4601C7.09904 17.6256 6.9041 17.7063 6.6798 17.702C6.45535 17.6976 6.26035 17.6127 6.0948 17.4472C5.92924 17.2816 5.84647 17.0845 5.84647 16.8559C5.84647 16.6273 5.92924 16.4302 6.0948 16.2645L12.3592 10.0001Z' fill='%23151528' stroke='%23151528' stroke-width='0.5'/%3E%3C/svg%3E");
}

.solution {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}

.solution-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 40px;
}
.solution-content > .solution-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 360px;
            flex: 1 1 360px;
}

.solution-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 28px;
    border-radius: 40px;
    background: #F4F5F6;
    backdrop-filter: blur(6px);
}
.solution-item > span {
    color: #151528;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.solution-item > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.solution-item > ul > li {
    color: rgba(21, 21, 40, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.solution-item > ul > li::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.solution-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 64px;
    height: 64px;
    border-radius: 1000px;
    background: rgba(37, 99, 235, 0.08);
}
.solution-icon > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 32px;
    height: 32px;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
}

.primary-stats {
    background-color: #151528;
    background-image: url(../img/stats-bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.stats-content {
    max-width: 784px;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 48px;
    grid-column-gap: 40px;
}
.stats-content > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 14px;
}
.stats-content > .item > span {
    font-size: 104px;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    letter-spacing: -3.12px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#116BFF));
    background: linear-gradient(180deg, #FFF 0%, #116BFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.stats-content > .item > small {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
}

.stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 42px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.stats-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.stats-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}
.stats-text > span {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.stats-text > p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.stats-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}

.stats-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.advantage-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}

.advantage-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}
.advantage-content > .advantage-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 270px;
            flex: 1 1 270px;
}

.advantage-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: 40px;
    background: #F4F5F6;
}
.advantage-item > p {
    color: rgba(21, 21, 40, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.advantage {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.advantage-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.advantage-item-head > span {
    width: 100%;
    color: #151528;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.advantage-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 48px;
    height: 48px;
    opacity: 0.5;
}
.advantage-item-icon > img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -o-object-position: center;
       object-position: center;
    -o-object-fit: contain;
       object-fit: contain;
    width: 32px;
    height: 32px;
}

.advantage-info {
    min-height: 538px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    padding: 40px;
    border-radius: 40px;
    background-color: #2563EB;
    background-image: url(../img/advantage-image.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.advantage-info > span {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.advantage-info > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.advantage-info > ul > li {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.advantage-info > ul > li::before {
    position: relative;
    content: "—";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.primary-join {
    background-color: #151528;
    background-image: url(../img/join-bg.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.join {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
}

.join-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    gap: 16px;
}
.join-text > small {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.join-text > span {
    color: #FFF;
    text-align: center;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.join-text > span > span {
    background: -webkit-gradient(linear, left top, right top, from(#477FF9), to(#2563EB));
    background: linear-gradient(90deg, #477FF9 0%, #2563EB 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.join-text > p {
    color: rgba(255, 255, 255, 0.75);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.primary-footer {
    margin-top: auto;
    background: #151528;
}

.footer-info {
    max-width: 346px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
}
.footer-info > p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.footer-info > span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.footer-navigation {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}
.footer-navigation > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
}
.footer-navigation > .item > span {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.footer-navigation > .item > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.footer-navigation > .item > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer-navigation > .item > ul > li > * {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: rgba(255, 255, 255, 0.75);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}
.footer-navigation > .item > ul > li > *:hover {
    color: rgba(255, 255, 255, 0.95);
}

.primary-extension {
    border-bottom: 1px solid #F4F5F6;
}

.menu {
    display: none;
    position: relative;
}
.menu.active > .menu-content {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.menu.active > .menu-button {
    background-color: rgba(255, 255, 255, 0.24);
    border: 1px solid rgba(255, 255, 255, 0);
    backdrop-filter: blur(12px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.8892 2.6967C12.0845 2.50144 12.401 2.50144 12.5963 2.6967L13.3034 3.40381C13.4987 3.59907 13.4987 3.91566 13.3034 4.11092L4.11103 13.3033C3.91577 13.4986 3.59918 13.4986 3.40392 13.3033L2.69682 12.5962C2.50155 12.4009 2.50155 12.0844 2.69682 11.8891L11.8892 2.6967Z' fill='white'/%3E%3Cpath d='M4.11104 2.6967C3.91578 2.50144 3.5992 2.50144 3.40393 2.6967L2.69683 3.40381C2.50157 3.59907 2.50157 3.91566 2.69683 4.11092L11.8892 13.3033C12.0845 13.4986 12.4011 13.4986 12.5963 13.3033L13.3034 12.5962C13.4987 12.4009 13.4987 12.0844 13.3034 11.8891L4.11104 2.6967Z' fill='white'/%3E%3C/svg%3E");
}

.menu-button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.5 12C14.7761 12 15 12.2239 15 12.5V13.5C15 13.7761 14.7761 14 14.5 14H1.5C1.22386 14 1 13.7761 1 13.5V12.5C1 12.2239 1.22386 12 1.5 12H14.5ZM14.5 7C14.7761 7 15 7.22386 15 7.5V8.5C15 8.77614 14.7761 9 14.5 9H1.5C1.22386 9 1 8.77614 1 8.5V7.5C1 7.22386 1.22386 7 1.5 7H14.5ZM14.5 2C14.7761 2 15 2.22386 15 2.5V3.5C15 3.77614 14.7761 4 14.5 4H1.5C1.22386 4 1 3.77614 1 3.5V2.5C1 2.22386 1.22386 2 1.5 2H14.5Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.menu-content {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 280px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.menu-content > .menu-item {
    border-bottom: 1px solid #F4F5F6;
}
.menu-content > .menu-item:last-child {
    border-bottom: none;
}

.menu-item {
    padding: 16px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.menu-item > ul {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 6px;
    border-radius: 20px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.menu-item > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.menu-item > ul > li > a {
    width: 100%;
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    padding: 0px 12px;
    color: rgba(21, 21, 40, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.5px;
}
.menu-item > ul > li > a:hover {
    background: #F4F5F6;
    color: #151528;
}
.menu-item.active {
    background: #F4F5F6;
}
.menu-item.active > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.menu-item.active > .menu-item-head::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.menu-item.extra > .menu-item-head::after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23151528' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.menu-item-head {
    padding: 0px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    position: relative;
}
.menu-item-head > span {
    width: 100%;
    color: #151528;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.primary-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    isolation: isolate;
    background: rgba(21, 21, 40, 0.75);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
    opacity: 0;
}
.primary-dialog.active {
    opacity: 1;
    pointer-events: all;
}
.primary-dialog.active > .dialog-content {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.dialog-content {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    position: relative;
    padding: 32px;
    border-radius: 24px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    max-width: 540px;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
}

.dialog-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.dialog-head > span {
    color: #151528;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.dialog-head > p {
    color: rgba(21, 21, 40, 0.75);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.dialog-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
}
.dialog-body > p {
    color: rgba(21, 21, 40, 0.75);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}
.dialog-body > p > span {
    font-weight: 500;
}

.dialog-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
}
.dialog-form > .button {
    width: 100%;
}

.dialog-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    width: 100%;
}

.dialog-close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 20px;
    height: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg opacity='0.6'%3E%3Cpath d='M15.0667 3.57615C15.3108 3.33207 15.6606 3.28616 15.848 3.47361L16.5269 4.15241C16.7143 4.33986 16.6684 4.68968 16.4243 4.93376L4.93383 16.4242C4.68975 16.6683 4.33993 16.7142 4.15249 16.5268L3.47368 15.848C3.28623 15.6605 3.33214 15.3107 3.57622 15.0666L15.0667 3.57615Z' fill='%23151528'/%3E%3Cpath d='M4.92329 3.58607C4.67921 3.34199 4.33164 3.29383 4.14698 3.47849L3.47824 4.14723C3.29358 4.33189 3.34174 4.67946 3.58582 4.92354L15.0763 16.414C15.3204 16.6581 15.6679 16.7063 15.8526 16.5216L16.5213 15.8529C16.706 15.6682 16.6578 15.3206 16.4138 15.0766L4.92329 3.58607Z' fill='%23151528'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.dialog-close:hover {
    opacity: 0.6;
}

.dialog-field {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    padding: 0px 12px;
    padding-top: 2px;
    border-radius: 14px;
    background: #F4F5F6;
    height: 64px;
    border: 1px solid rgba(244, 245, 246, 0);
    cursor: text;
}
.dialog-field > span {
    color: #151528;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.dialog-field > input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: none;
    border: none;
    color: rgb(21, 21, 40);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.dialog-field > input::-webkit-input-placeholder {
    color: rgba(21, 21, 40, 0.4);
}
.dialog-field > input::-moz-placeholder {
    color: rgba(21, 21, 40, 0.4);
}
.dialog-field > input:-ms-input-placeholder {
    color: rgba(21, 21, 40, 0.4);
}
.dialog-field > input::-ms-input-placeholder {
    color: rgba(21, 21, 40, 0.4);
}
.dialog-field > input::placeholder {
    color: rgba(21, 21, 40, 0.4);
}
.dialog-field:focus-within {
    border: 1px solid #2563EB;
    background: #FFF;
}

.dialog-escape {
    position: fixed;
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: -1;
}

.text-place-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.text-place-head > h1 {
    color: #151528;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}
.text-place-head > p {
    color: rgba(21, 21, 40, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.text-place {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 48px;
}

.text-place-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}
.text-place-body > * {
    color: rgba(21, 21, 40, 0.75);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.text-place-body > h2 {
    color: #151528;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-top: 16px;
}
.text-place-body > h2:first-child {
    margin-top: 0;
}

.primary-message {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
    inset-inline: 0;
    top: 0;
    padding: 12px;
    pointer-events: none;
}

.message {
    max-width: 280px;
    width: 100%;
    pointer-events: all;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 16px;
    background: #FFF;
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
}
.message::before {
    position: relative;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M14.5647 0.0379011C15.4406 -0.0478611 17.4965 0.019454 18.4172 0.164182C20.0859 0.426545 21.5091 0.878061 23.0525 1.63473C24.7402 2.46219 25.9367 3.32252 27.3153 4.7003C28.6939 6.07816 29.5547 7.27401 30.3827 8.96081C30.9325 10.0812 31.2091 10.8154 31.5054 11.9413C31.8999 13.4409 32 14.263 32 16.0033C32 17.7437 31.8999 18.5658 31.5054 20.0653C31.2091 21.1913 30.9326 21.9257 30.3827 23.0461C29.5548 24.7329 28.6939 25.9285 27.3153 27.3064C25.9367 28.6841 24.7402 29.5445 23.0525 30.3719C21.5076 31.1293 20.1121 31.5717 18.386 31.8515C17.1649 32.0493 14.8465 32.0493 13.6254 31.8515C11.8993 31.5717 10.5038 31.1293 8.95893 30.3719C7.27122 29.5445 6.07473 28.6841 4.69611 27.3064C3.31757 25.9285 2.45665 24.7329 1.62873 23.0461C0.870942 21.5021 0.428312 20.1074 0.148448 18.3822C-0.0494804 17.1618 -0.0494847 14.8448 0.148448 13.6245C0.310179 12.6274 0.638756 11.3424 0.947119 10.5015C1.22291 9.74959 1.9927 8.17414 2.38821 7.55225C3.30397 6.11248 4.88878 4.34744 6.10902 3.40829C8.61475 1.47974 11.4726 0.340655 14.5647 0.0379011Z' fill='%2319B13D'/%3E%3Cpath d='M26.0931 11.2638L13.1386 24.2185L5.29895 16.3786L7.33892 14.3386L13.1386 20.1383L24.0531 9.22386L26.0931 11.2638Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.message.active {
    pointer-events: all;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.message-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
}
.message-text > span {
    color: #151528;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.message-text > p {
    color: rgba(21, 21, 40, 0.75);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media screen and (max-width: 1232px) {
    .header-navigation {
        display: none;
    }
    .header-links > .item.extra {
        display: none;
    }
    .extension {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .stats {
        gap: 64px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .advantage {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .stats-content {
        gap: 20px;
        grid-row-gap: 32px;
    }
    .stats-content > .item {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .stats-content > .item > span {
        font-size: 48px;
        letter-spacing: -1.44px;
    }
    .join-text > span {
        font-size: 48px;
    }
    .footer-navigation {
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .footer-navigation > .item {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 140px;
                flex: 1 1 140px;
    }
    .welcome-text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .welcome-text > h1 {
        font-size: 48px;
    }
    .welcome-text > p {
        font-size: 16px;
    }
    .primary-text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .primary-text > span {
        font-size: 40px;
    }
    .header {
        height: 72px;
    }
    .primary-header.fixed > .container > .header {
        height: 72px;
    }
    .header-logo {
        height: 32px;
    }
    .welcome {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 156px;
        padding-bottom: 106px;
    }
    .extension-text {
        gap: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .extension-text > ul {
        gap: 12px;
    }
    .extension-text > ul > li {
        font-size: 16px;
        text-align: center;
    }
    .extension-info {
        gap: 24px;
    }
    .extension-info > p {
        text-align: center;
    }
    .extension-quote {
        padding: 24px;
        gap: 16px;
    }
    .p-normal {
        padding-block: 48px;
    }
    .solution {
        gap: 24px;
    }
    .solution-item > ul {
        gap: 12px;
    }
    .solution-content {
        gap: 16px;
    }
    .stats-text {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .stats-info {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .advantage-details {
        gap: 24px;
    }
    .advantage-item-head > span > br {
        display: none;
    }
    .advantage-info {
        padding: 24px;
        gap: 24px;
    }
    .advantage-info > span {
        font-size: 32px;
    }
    .advantage-info > ul > li {
        font-size: 18px;
    }
    .join-text > p {
        font-size: 16px;
    }
    .join-text > p > br {
        display: none;
    }
    .footer-navigation > .item {
        gap: 16px;
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .footer-navigation > .item:last-child {
        -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
                order: 0;
    }
    .footer-navigation > .item > ul {
        gap: 10px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .footer {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 64px;
    }
    .footer-info {
        gap: 16px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
    }
    .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .dialog-content {
        padding: 32px 24px;
    }
    .text-place-body {
        gap: 8px;
    }
    .text-place-body > * {
        font-size: 16px;
    }
    .text-place-body > h2 {
        margin-top: 16px;
    }
    .text-place-body > h2:first-child {
        margin-top: 0;
    }
    .text-place-head > h1 {
        font-size: 48px;
    }
    .text-place-head > p {
        font-size: 16px;
    }
    .text-place {
        padding: 48px 0;
        padding-top: 120px;
        gap: 24px;
    }
}

.check-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    width: 100%;
    gap: 8px;
}
.check-content > input {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='7.5' fill='%23F4F5F6'/%3E%3Crect x='0.5' y='0.5' width='23' height='23' rx='7.5' stroke='%23E3E5E8'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.check-content > input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='8' fill='%23427BF7'/%3E%3Cpath d='M9.95828 14.3333L16.9999 7.29165C17.2234 7.06942 17.4842 6.95831 17.7822 6.95831C18.0802 6.95831 18.3402 7.06797 18.5624 7.28727C18.7847 7.50658 18.8958 7.76699 18.8958 8.06852C18.8958 8.37005 18.7847 8.63192 18.5624 8.85415L10.7291 16.6875C10.5094 16.9097 10.2531 17.0208 9.96016 17.0208C9.66724 17.0208 9.40967 16.9097 9.18745 16.6875L5.47912 12.9791C5.25689 12.7607 5.14926 12.5012 5.1562 12.2006C5.16314 11.9002 5.27627 11.6389 5.49557 11.4166C5.71488 11.1944 5.9753 11.0833 6.27682 11.0833C6.57835 11.0833 6.84023 11.1944 7.06245 11.4166L9.95828 14.3333Z' fill='white'/%3E%3C/svg%3E%0A");
}
.check-content > p {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #151528;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}