[data-v-130b375d]:root {
    --body: #111115;
    --white: #fff;
    --black: #07070b;
    --grey: #1d1c20;
    --primary: #005eff;
    --secondary: #9207ff;
    --orange: #f65428;
    --green: #25cd90;
    --yellow: #f1a62d;
    --red: #ff1010;
    --border: #2e323a;
    --text: #a9a9a9;
    --subtitle: #e3dffa;
    --primary-bg: #005eff61;
    --green-bg: #08291d;
    --yellow-bg: #39270f;
    --red-bg: #390f0f
}

@keyframes animation_gradient-130b375d {
    0% {
        background-position: 50% 0
    }

    50% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

@font-face {
    font-display: "swap";
    font-family: Black;
    src: url(Black.4QzjdqcX.ttf)
}

@font-face {
    font-display: "swap";
    font-family: ExtraBold;
    src: url(ExtraBold.CDFMnH8p.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Bold;
    src: url(Bold.D06Q8vI1.ttf)
}

@font-face {
    font-display: "swap";
    font-family: SemiBold;
    src: url(SemiBold.CBzrVkeR.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Medium;
    src: url(Medium.CM3QUBJn.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Regular;
    src: url(Regular.B1DbiccC.ttf)
}

button[data-v-130b375d] {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: #ffffff14;
    border: 1px solid hsla(0,0%,100%,.08);
    border-radius: 100px;
    cursor: pointer;
    gap: 8px;
    height: 42px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    transition: .3s cubic-bezier(.4,0,.2,1);
    width: -moz-fit-content;
    width: fit-content
}

button svg[data-v-130b375d] {
    color: var(--white);
    min-width: 18px;
    width: 18px
}

button p[data-v-130b375d] {
    color: var(--white);
    font-family: SemiBold,system-ui,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button[data-v-130b375d]:hover {
    border: 1px solid var(--white)
}

[data-v-35046b13]:root {
    --body: #111115;
    --white: #fff;
    --black: #07070b;
    --grey: #1d1c20;
    --primary: #005eff;
    --secondary: #9207ff;
    --orange: #f65428;
    --green: #25cd90;
    --yellow: #f1a62d;
    --red: #ff1010;
    --border: #2e323a;
    --text: #a9a9a9;
    --subtitle: #e3dffa;
    --primary-bg: #005eff61;
    --green-bg: #08291d;
    --yellow-bg: #39270f;
    --red-bg: #390f0f
}

@keyframes animation_gradient-35046b13 {
    0% {
        background-position: 50% 0
    }

    50% {
        background-position: 50% 100%
    }

    to {
        background-position: 50% 0
    }
}

@font-face {
    font-display: "swap";
    font-family: Black;
    src: url(Black.4QzjdqcX.ttf)
}

@font-face {
    font-display: "swap";
    font-family: ExtraBold;
    src: url(ExtraBold.CDFMnH8p.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Bold;
    src: url(Bold.D06Q8vI1.ttf)
}

@font-face {
    font-display: "swap";
    font-family: SemiBold;
    src: url(SemiBold.CBzrVkeR.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Medium;
    src: url(Medium.CM3QUBJn.ttf)
}

@font-face {
    font-display: "swap";
    font-family: Regular;
    src: url(Regular.B1DbiccC.ttf)
}

.section_bento[data-v-35046b13] {
    position: relative;
    margin-top: 50px;
}

.section_bento .wrap_header[data-v-35046b13] {
    gap: 40px;
    margin-bottom: 75px;
    position: relative;
    z-index: 2
}

.section_bento .wrap_header .icon[data-v-35046b13] {
    background-image: radial-gradient(circle farthest-side at 0 100%,#3d4ef2,transparent),radial-gradient(circle farthest-side at 100% 0,#23a6d5,transparent),radial-gradient(circle farthest-side at 100% 100%,#23d5ab,transparent),radial-gradient(circle farthest-side at 0 0,#9207ff,#141316);
    border-radius: 40px;
    height: 160px;
    padding: 2px;
    position: relative;
    width: 160px
}

.section_bento .wrap_header .icon .bg[data-v-35046b13] {
    background-image: linear-gradient(145deg,#201f22,#050505);
    border-radius: 38px;
    box-shadow: 0 6px 8px 1px #00000080;
    height: 100%;
    position: relative;
    width: 100%
}

.section_bento .wrap_header .icon .bg svg[data-v-35046b13] {
    width: 70px
}

.section_bento .wrap_header .icon .glow[data-v-35046b13] {
    animation: animation_pulse 1.2s ease infinite alternate;
    background-image: radial-gradient(circle farthest-side at 0 100%,#3d4ef2,transparent),radial-gradient(circle farthest-side at 100% 0,#23a6d5,transparent),radial-gradient(circle farthest-side at 100% 100%,#23d5ab,transparent),radial-gradient(circle farthest-side at 0 0,#9207ff,#141316);
    border-radius: 40px;
    bottom: 0;
    filter: blur(24px);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.section_bento .wrap_header h2[data-v-35046b13] {
    font-family: ExtraBold,system-ui,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--white);
    font-size: clamp(30px,5vw,65px);
    text-align: center
}

.section_bento .wrap_header h3[data-v-35046b13] {
    color: var(--subtitle);
    font-size: 20px;
    line-height: 26px;
    max-width: 1000px;
    text-align: center
}

.section_bento .wrap_sparkling[data-v-35046b13] {
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -100px;
    width: 100%;
    z-index: -1
}

.section_bento .wrap_sparkling .gradient[data-v-35046b13] {
    -webkit-mask-image: linear-gradient(180deg,transparent,#fff 0,#fff 0,transparent);
    mask-image: linear-gradient(180deg,transparent,#fff 0,#fff 0,transparent);
    max-width: 950px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.section_bento .wrap_sparkling .sparkling[data-v-35046b13] {
    bottom: 0;
    height: 100%;
    left: 0;
    -webkit-mask-image: radial-gradient(50% 50%,#fff,transparent 85%);
    mask-image: radial-gradient(50% 50%,#fff,transparent 85%);
    position: absolute;
    right: 0;
    top: -60px;
    width: 100%
}

.section_bento .wrap_items[data-v-35046b13] {
    position: relative;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto
}

.section_bento .wrap_items .item[data-v-35046b13] {
    background-color: var(--grey);
    border: 1px solid var(--border);
    border-radius: 20px;
    grid-column: span 2;
    overflow: hidden;
    padding: 24px
}

.section_bento .wrap_items .item.is_large[data-v-35046b13] {
    grid-column: span 4
}

.section_bento .wrap_items .item.is_full[data-v-35046b13] {
    grid-column: span 3
}

.section_bento .wrap_items .item h3[data-v-35046b13] {
    font-family: ExtraBold,system-ui,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--white);
    font-size: 22px
}

.section_bento .wrap_items .item p[data-v-35046b13] {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0px;
    margin-top: 10px
}

.section_bento .wrap_items .item img[data-v-35046b13],.section_bento .wrap_items .item video[data-v-35046b13] {
    width: 100%
}

.section_bento .wrap_items .item img.radius_12[data-v-35046b13],.section_bento .wrap_items .item video.radius_12[data-v-35046b13] {
    border-radius: 20px
}

.section_bento .wrap_items .item img.mask[data-v-35046b13],.section_bento .wrap_items .item video.mask[data-v-35046b13] {
    -webkit-mask-image: linear-gradient(0deg,transparent,#fff 40%,#fff 60%,transparent);
    mask-image: linear-gradient(0deg,transparent,#fff 40%,#fff 60%,transparent)
}

.section_bento .wrap_items .item img[data-v-35046b13] {
    max-height: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 970px) {
    .section_bento .wrap_header h3[data-v-35046b13] {
        font-size:16px;
        line-height: 22px
    }

    .section_bento .wrap_items[data-v-35046b13] {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .section_bento .wrap_items .item[data-v-35046b13] {
        max-width: 500px
    }
}