body {
    font-family: Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "pnum";
    color: rgb(var(--text-strong-950));


}


html {
    --bg-body: #F3F4F5;
    --bg-body-rgb: 243 244 245;
    --bg-main-2:#fff;
    --bg-hero:linear-gradient(180deg, #104fc8, #6baee6 20%, #f1f6f8 68%, #fff);
    --page-chat-bg: #e1ffc7;
    --chat-direction-bg: #fff;
    --chat-bg: #ebe4db;
    scroll-behavior: smooth;
    --header: #151621;
    --ln-gradient: linear-gradient(134deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, 0) 55%);
    --mask-visible: rgb(15, 15, 16);
    /* Общие */
    --text-color: rgb(17 24 39);
    --text-project: #2A97FF;
    --iti-selected-country: rgb(17 24 39);
    --bg-transparent: #fff;
    --input-number: #F6F8FB;
    --phoneBorderRadius: 36px;
    --PhoneGraphic: #F6F8FB;
    --PhoneGraphic-2: #fff;
    --PhoneGraphic-shadow: 0 50px 100px -20px rgba(50,50,93,0.25),0 30px 60px -30px rgba(0,0,0,0.3),inset 0 -2px 6px 0 rgba(10,37,64,0.35);
    --bgCurrentlocation: url('/themes/t34/images/Current-location-light.webp');
    --map-hero: url('/themes/t34/images/map.webp');


}

html.dark {
    --bg-body: #0F0F10;
    --bg-body-rgb: 15 15 16;
    --bg-main-2: rgba(36, 42, 53, 1.0);
    --bg-hero:linear-gradient(  180deg,
    #104fc8,
    #1C6EAB 20%,
    #0F0F10 68%,
    #0F0F10);
    scroll-behavior: smooth;
    --page-chat-bg: #105249;
    --chat-direction-bg: #222;
    --chat-bg: rgb(1, 1, 1);

    --header: #151621;
    --ln-gradient: linear-gradient(134deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, 0) 55%);
    --mask-visible: rgb(15, 15, 16);
    /* Общие */
    --text-color: #fff;
    --text-project: #2A97FF;
    --iti-selected-country: #fff;
    --bg-transparent: #fff;
    --input-number: #F6F8FB;
    --phoneBorderRadius: 36px;
    --PhoneGraphic:  #000000;
    --PhoneGraphic-2: #000000;
    --PhoneGraphic-shadow:   0 50px 100px -20px rgba(0,0,0,0.7), 0 30px 60px -30px rgba(0,0,0,0.3), inset 0 -2px 6px 0 #CF21CA;
    --bgCurrentlocation: url('/themes/t34/images/Current-location-dark.webp');
    --map-hero: url('/themes/t34/images/map.webp');

}
.text-blue-600 { color: #CF21CA !important }
.to-blue-600 {
    --tw-gradient-to: #CF21CA !important;
}
.bg-blue-600 {
    background-color: #CF21CA!important;
}

@media (min-width: 768px) {
        .site-header--fixed .logo_size {
            font-size: 1.25rem !important;
        }
    }

.Navbar_navToggle__skv0c {
    position:relative;
    width:24px;
    height:16px;
    cursor:pointer;
    transition:transform .5s ease,opacity .3s ease;
    transform:translateY(0) rotate(0deg);
    will-change:transform
}
.Navbar_navToggleLine__wBYSL {
    position:absolute;
    left:50%;
    width:100%;
    height:1px;
    background:hsla(0,0%,100%,.9);
    transition:transform .5s,opacity .25s;
    transform:translate(-50%,-50%);
    will-change:normal
}
.Navbar_navToggleLine__wBYSL:first-child {
    top:10%
}
.Navbar_navToggleLine__wBYSL:nth-child(2) {
    top:50%
}
.Navbar_navToggleLine__wBYSL:nth-child(3) {
    top:90%
}

.dark .iti__tel-input {background:#000!important;}
.iti__tel-input {background:#fff!important;}
.PhoneGraphic__screen {
    position: relative;
    height: 100%;
    border-radius: 29px;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);

}
.dark\:before\:bg-default\/80:is(.dark *)::before {
    content: var(--tw-content);
    background-color: rgb(var(--bg-body-rgb)/ 0.8);
}
.dark .button_custom {
    background-color: #CF21CA !important;
    box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px 1px inset,
rgba(255, 255, 255, 0.09) 0px 1px inset;


}
.button_custom {
    background-color: #1774EA!important;
}
.div_custom {
    padding: 1px;
    background: conic-gradient(from calc(var(--r2) - 80deg) at var(--x) 15px, transparent 0, rgb(207, 33, 202) 20%, transparent 25%), rgba(207, 33, 202, 0.2);
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(66, 103, 178, 0.1);
    transition: all 0.2s ease;
    transform: translateZ(0);
    z-index: 30
}

.div_custom {
    animation: rotating2 6.4s linear 1s infinite, x-animation 6.4s linear 1s infinite;
}

.div_custom:hover {
    background-color: rgb(207, 33, 202);
    box-shadow: 0 0 20px 3px rgba(207, 33, 202, 0.35);
}
.div_custom_ {
    padding: 1px;
    background: conic-gradient(from calc(var(--r2) - 80deg) at var(--x) 15px, transparent 0, rgb(207, 33, 202) 20%, transparent 25%), rgba(207, 33, 202, 0.2);
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(66, 103, 178, 0.1);
    transition: all 0.2s ease;
    transform: translateZ(0);
    z-index: 30
}

.div_custom_  {
    animation: rotating2 6.4s linear 1s infinite, x-animation 6.4s linear 1s infinite;
}

.div_custom_ :hover {
    background-color: rgb(207, 33, 202);
    box-shadow: 0 0 20px 3px rgba(207, 33, 202, 0.35);
}
.border-custom_  {
    border-color: rgba(207, 33, 202, 0.3)
}

.border-custom_ :hover {
    border-color: rgba(207, 33, 202, 0.4);
    box-shadow: 0 0 20px 3px rgba(207, 33, 202, 0.35);
}
.announcement-outer {

    background: conic-gradient(from calc(var(--r2) - 80deg) at var(--x) 15px, transparent 0, rgb(207, 33, 202) 20%, transparent 25%), rgba(207, 33, 202, 0.4);

    box-shadow: 0 0 20px 0 rgba(207, 33, 202, 0.1);

}
.map-hero {
    background-image: var(--map-hero);
    background-position: bottom;
    background-size: cover;
}
.bg-ln-gray-25 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 247/var(--tw-bg-opacity));
}
.background-lights {
    pointer-events: none;
    position: relative;
}

.header-background-light {
    pointer-events: none;
    position: absolute;
    inset: 0% 0% auto auto;
}

.header-background-light.left {
    inset: 0% auto auto 0%;
}

.progressive-blur-mask {
    height:2rem;
    background-color:hsla(0,0%,100%,.005);
    -webkit-backdrop-filter:blur(calc(var(--blur) * 1px)) opacity(.5);
    backdrop-filter:blur(calc(var(--blur) * 1px)) opacity(.5)
}
.progressive-blur-mask,
.progressive-blur-mask-features {
    width:100%;
    /*! -webkit-mask:linear-gradient(180deg,#000,#000 50%,#0000); *//*! mask:linear-gradient(180deg,#000,#000 50%,#0000) */
}
.progressive-blur-mask-features {
    height:70px;
    background-color:rgba(28,28,28,.005);
    -webkit-backdrop-filter:blur(calc(var(--blur) * .3px));
    backdrop-filter:blur(calc(var(--blur) * .3px))
}
.text-shadow {
    filter: drop-shadow(0px 4px 8px rgba(50, 26, 123, 0.08)) drop-shadow(0px 2px 4px rgba(50, 26, 123, 0.08)) drop-shadow(0px 1px 2px rgba(50, 26, 123, 0.08)) drop-shadow(0px 0.5px 0.5px rgba(50, 26, 123, 0.06));
}
.text-color-gradient {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #fffc);
    -webkit-background-clip: text;
    background-clip: text;
}

.bgChat {
    background: var(--bgChat);
    background-size: cover;
    background-position: center center;
}

.chat_wa {
    overflow: hidden;
    background: var(--chat-bg);

}

.chat {
    overflow: hidden;
    background: var(--chat-bg);
    padding: 17px 17px 7px;
    min-height: 250px;
    line-height: 1.3;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.chat_no_bg {
    overflow: hidden;

    padding: 17px 17px 7px;

    line-height: 1.3;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.chat-item,
.chat-direction {
    position: relative;
    background: var(--chat-direction-bg);
    padding: 7px 10px;
    margin: 0 40px 10px 0;
    border-radius: 0 7px 7px 7px;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
}

.page-chat {
    background: var(--page-chat-bg);
    border-radius: 7px 0 7px 7px;
    margin: 0 0 10px 40px;
    align-self: flex-end;
    opacity: 0.7;
}

.chat-item::before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    border: solid 5px var(--chat-direction-bg);
    border-top-width: 15px;
    border-width: 6px 4px;
    border-color: var(--chat-direction-bg) var(--chat-direction-bg) transparent transparent;
}

.page-chat::before {
    top: 0;
    left: 100%;
    border-color: var(--page-chat-bg) transparent transparent var(--page-chat-bg);
    width: 0;
}

.chat-item .author {
    display: block;
    color: #ff702c;
    font-weight: bold;
    font-size: 0.9rem;
    margin: 0 0 5px 0;
}

.server-chat .author {
    color: #4dbaba;
}

.page-chat .author {
    color: #778868;
}

.dark\:shadow-bento-card:is(.dark *) {
    --tw-shadow: 0px 1px 0px 0px hsla(0, 0%, 100%, .06) inset, 0px 4px 10px 0px rgba(0, 0, 0, .3);
    --tw-shadow-colored: inset 0px 1px 0px 0px var(--tw-shadow-color), 0px 4px 10px 0px var(--tw-shadow-color);
}

.dark\:shadow-bento-card:is(.dark *) {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.bgCurrentlocation {
    background: var(--bgCurrentlocation);
    background-size: cover;
    background-position: center center;
}
@media (min-width: 768px) {


    .bgCurrentlocation {
        background: var(--bgCurrentlocation);
        background-size: cover;
        background-position: center center;
    }

    .bgChat {
        background: var(--bgChat);
        background-size: cover;
        background-position: center center;
    }
}

@media (min-width: 992px) {


    .bgCurrentlocation {
        background: var(--bgCurrentlocation);
        background-size: cover;
        background-position: center center;
    }

    .bgChat {
        background: var(--bgChat);
        background-size: cover;
        background-position: center center;
    }
}

.background-image {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 110%;
    display: flex;
    position: absolute;
    inset: 0 0% auto;
}

.page-dark::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(/themes/t34/images/home-banner-bg.png);

    background-size: auto;
    background-position-y: 50%;
    background-position-x: 42%;
    background-blend-mode: luminosity;
    pointer-events: none;

    transition: opacity .2s;
}

.bg-line-gradient {
    --gradientBorder-size: 1px;
    --gradientBorder-gradient: linear-gradient(to bottom right, hsla(0, 0%, 100%, .17), transparent);
    background: var(--ln-gradient);
}


.hero-overlay {
    pointer-events: none;
}

img[loading="lazy"] {
    content-visibility: auto;
}


.SnippetsShowcase_snippetsShowcase__fglRC {
    display: flex;
    flex-grow: 1;
    justify-content: center;

}

.SnippetsShowcase_addressSnippet__76DsF {
    display: flex;
    flex-direction: column;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: .2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);

    box-shadow: 0 7px 3px 0 rgba(0, 0, 0, .03), 0 4px 4px 0 rgba(0, 0, 0, .25);
    transform: translateZ(0)
}

.SnippetsShowcase_addressSnippet__76DsF > p + p {
    margin-top: 19px;
    margin-bottom: 29px
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_input__Z8cQI {
    position: absolute;
    top: 0;
    left: 0
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_cursor__3Cyq9:before {
    color: #9c9c9d;
    content: "|";
    animation: SnippetsShowcase_blink__QJVQu 1.1s step-end infinite
}

@keyframes SnippetsShowcase_blink__QJVQu {
    50% {
        opacity: 0
    }
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_controls__fR6_T {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_sendButton__QXTUE {
    height: auto;
    padding: 2px 12px;
    line-height: 160%;
    border-radius: 4px
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_emojiPicker__94s1h {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    box-shadow: 0 7px 3px 0 rgba(0, 0, 0, .03), 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_emojiPicker__94s1h > svg {
    width: 14px;
    height: 14px;
    transition: opacity .3s ease-in-out, transform .5s ease-in-out
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_emojiPicker__94s1h [data-restart] {
    position: absolute;
    opacity: 0;
    transform: rotate(30deg)
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_emojiPicker__94s1h[data-state=restart] [data-emoji] {
    opacity: 0
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_emojiPicker__94s1h[data-state=restart] [data-restart] {
    opacity: 1;
    transform: rotate(0deg)
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_completion__mpg86 {
    position: relative;
    opacity: 0
}

.SnippetsShowcase_addressSnippet__76DsF .SnippetsShowcase_completion__mpg86.SnippetsShowcase_completionVisible__lXU4o {
    opacity: 1
}
.SnippetsShowcase_addressSnippet__76DsF {
    height: 200px;
    width: 100%;
}
@media (min-width: 720px) {
    .SnippetsShowcase_addressSnippet__76DsF {
        width: 459px;
        height: 230px;
        font-size: 16px;
        transform: translateY(-12px)
    }
}

@-moz-document url-prefix() {
    .SnippetsShowcase_addressSnippet__76DsF {
        transform: none
    }
}


a {
    cursor: pointer;
}
.text-primary-base {
    color: #CF21CA !important;
}
.bg-primary-alpha-24 {
    background:rgba(207, 33, 202, 0.2) !important;
}
.border-primary-alpha-24 {
    border-color:rgba(207, 33, 202, 0.6) !important;
}
.HoverArrow {
    --arrowSpacing: 5px;
    --arrowHoverTransition: 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    --arrowHoverOffset: translateX(3px);
    --arrowTipTransform: none;
    --arrowLineOpacity: 0;
    position: relative;
    top: 1px;
    margin-left: var(--arrowSpacing);
    stroke-width: 2px;
    fill: none;
    stroke: currentColor
}

.HoverArrow--sizeSmall {
    --arrowSpacing: 4px;
    stroke-width: 1.5px
}

.HoverArrow__linePath {
    opacity: var(--arrowLineOpacity);
    transition: opacity var(--hoverTransition, var(--arrowHoverTransition))
}

.HoverArrow__tipPath {
    transform: var(--arrowTipTransform);
    transition: transform var(--hoverTransition, var(--arrowHoverTransition))
}

@media (pointer: fine) {
    a:hover .HoverArrow__linePath,
    button:hover .HoverArrow__linePath {
        --arrowLineOpacity: 1
    }

    a:hover .HoverArrow__tipPath,
    button:hover .HoverArrow__tipPath {
        --arrowTipTransform: var(--arrowHoverOffset)
    }
}

@media (pointer: coarse) {
    a:active .HoverArrow__linePath,
    button:active .HoverArrow__linePath {
        --arrowLineOpacity: 1
    }

    a:active .HoverArrow__tipPath,
    button:active .HoverArrow__tipPath {
        --arrowTipTransform: var(--arrowHoverOffset)
    }
}

.dark\:bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: var(--bg-body) !important;
}

/* Общие */
.text-project {
    color: var(--text-project)
}

.body {
    background: var(--bg-body);
}
.bg-body {  background: var(--bg-body);}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(255 98 67/var(--tw-text-opacity));
}

.text-code-keyword {

    color: #3289F3
}

.CheckoutPhoneGraphic2 {
    height: 100%;
    border-radius: 28px;
    background: var(--CheckoutPhoneGraphic2);
}
.CheckoutPhoneGraphic {
    height: 100%;
    border-radius: 28px;
    background: var(--PhoneGraphic-2);
}

.text-brand {
    --tw-text-opacity: 1;
    color: rgb(69 110 236/var(--tw-text-opacity));
}

/* END Общие */
@media (min-width: 769px) {


    .ln__offset {
        top: -42px;

        box-shadow: 0 5px 10px rgba(0, 0, 0, .05);
    }
}

.page_gridBMask {
    --mask-bottom: linear-gradient(to bottom, var(--mask-visible) 30%, transparent 100%);
    --mask-right: linear-gradient(to right, var(--mask-visible) 40%, transparent 100%);
    -webkit-mask-image: var(--mask-bottom), var(--mask-right);
    mask-image: var(--mask-bottom), var(--mask-right);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
}

.bg-header {
    background-color: var(--header);
}

.ln__offset {

    background: var(--header);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

}

.page-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 15;
}


.PhoneGraphic-2 {
    background: var(--PhoneGraphic-2);
}

.phone-active {

    transition: 300ms;
}

.text-span-3 {
    color: var(--indigo-red);
}

.outline-brand {
    outline-color: #5C62D3;
}

.shadow-indigo-button-shadow {
    --tw-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2), 0px 1px 4px 0px rgba(0, 0, 0, .5), 0px 1px 0px 0px hsla(0, 0%, 100%, .2) inset, 0px 3px 20px 0px rgba(255, 100, 69, .4);
    --tw-shadow-colored: 0px 0px 0px 1px var(--tw-shadow-color), 0px 1px 4px 0px var(--tw-shadow-color), inset 0px 1px 0px 0px var(--tw-shadow-color), 0px 3px 20px 0px var(--tw-shadow-color);
}

.bg-indigo-button {
    transition: 0.2s ease-in-out;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)), #5C62D3;
    text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px;
}


.text-indigo-emphasis-container .text-indigo-emphasis {
    --default-foreground-color: #5C62D3;
    --default-gradient-end-color: #5C62D3;
    color: var(--foreground-color, var(--default-foreground-color));
    background-color: var(--foreground-color, var(--default-foreground-color));
    background-image: linear-gradient(180deg, var(--foreground-color, var(--default-foreground-color)), var(--gradient-end-color, var(--default-gradient-end-color)));
    background-size: 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    z-index: 4;
}

.hero-text {
    font-variation-settings: "opsz" 30;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(135.83deg, #FFFFFF 24.64%, #939DB8 175.85%)
}

.logs-text {
    font-variation-settings: "opsz" 30;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(165deg, #FFFFFF 10.57%, #939DB8 142.07%), linear-gradient(174.93deg, #FFFFFF 34.13%, rgba(255, 255, 255, 0) 232.51%);
    letter-spacing: -.01em;
    color: transparent;
}

.title-gradient-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(0deg, #98A4F7 -3.5%, #DADFFC 125%)
}

.logs-hero-gradient-bg {
    background: radial-gradient(ellipse at top, rgba(91, 99, 211, 0.08), transparent 40%)
}

.primary-gradient-text {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(93.08deg, #98A4F7 7.48%, #8894F7 40.73%, #7C87F7 66.46%)
}

.gradient-hr {
    border: none;
    height: 1px;
    background: linear-gradient(to left, transparent 0%, rgba(114, 125, 161, 0.2) 50%, transparent 100%)
}


.bg-\[repeating-radial-gradient\(theme\(colors\.black\/20\%\)_0\.125rem\,transparent_0\.25rem\)\] {
    background-image: repeating-radial-gradient(rgba(0, 0, 0, .2) .125rem, transparent .25rem);
}

[data-plans-target="code_bg_translate"] {
    transition: transform 2s ease-in-out, opacity 1s ease-in-out;
}
.shadow-badge-gray, .shadow-ln-badge-orange {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-badge-gray {
    --tw-shadow: 0 0 0 1px rgba(61,61,61,.12),inset 0 0.75px 0.75px hsla(0,0%,100%,.64);
    --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color),inset 0 0.75px 0.75px var(--tw-shadow-color);
}
.gap-x-grid {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}
#complete-toolkit .common-UppercaseTitle {
    text-align:left;
}
#complete-toolkit .common-Link--arrow {
    margin-bottom:280px
}
@media (min-width:670px) {

    #complete-toolkit .common-BodyText {
        width:50%;
        text-align:left;
    }
    #complete-toolkit .common-Link--arrow {
        margin-bottom:80px
    }
}
@media (min-width:880px) {
    #complete-toolkit {
        position:relative;
        bottom:30px;
        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;
        height:580px
    }
    #complete-toolkit>* {
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none
    }
    #complete-toolkit .common-UppercaseTitle {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        width:50%;

        text-align:left;
    }
    #complete-toolkit .heading-icon {
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
        margin:0 0 0 25px
    }
    #complete-toolkit .common-UppercaseTitle span {
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1
    }
    #complete-toolkit .common-Link--arrow {
        margin-bottom:0
    }
}
#complete-toolkit .common-BodyText {
    padding-top:35px
}
#complete-toolkit .common-Link {
    display:block
}
@media (min-width:670px) {
    #complete-toolkit .common-Link {
        margin-top:35px;
        border-top:2px solid #f1f7fb
    }
}

#app-illustrations {
    pointer-events:none;
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:1287px;
    left:50%;
    margin-left:-644px;
    -webkit-transform:scale(.5) rotate(-12deg) translateX(50px);
    transform:scale(.5) rotate(-12deg) translateX(50px);
    -webkit-transform-origin:50% 20%;
    transform-origin:50% 20%
}
#app-illustrations.hidden-preload {
    visibility:hidden
}
#app-illustrations .tablet-landscape, .phone-big, .phone-small, .tablet-portrait {
    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;
    border-radius:38px;
    background:var(--bg-main-2);
    -webkit-box-shadow:inset 0 4px 7px 1px var(--bg-main-2),inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05);
    box-shadow:inset 0 4px 7px 1px var(--bg-main-2),inset 0 -5px 20px rgba(173,186,204,.25),0 2px 6px rgba(0,21,64,.14),0 10px 20px rgba(0,21,64,.05)
}
#app-illustrations .tablet-landscape {
    width:512px;
    height:352px;
    margin:115px 50px 0
}
#app-illustrations .phone-big {
    display:none
}
#app-illustrations .phone-small {
    -webkit-box-ordinal-group:0;
    -ms-flex-order:-1;
    order:-1;
    width:225px;
    height:467px
}
#app-illustrations .tablet-portrait {
    width:450px;
    height:675px;
    margin-top:115px
}

@media (min-width:670px) {
    #app-illustrations {

        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:512px;
        margin-left:-50px;

        -webkit-transform:rotate(-12deg);
        transform:rotate(-12deg);
        -webkit-transform-origin:100% 0;
        transform-origin:100% 0
    }
    #app-illustrations.hidden-preload {
        visibility:visible
    }
    #app-illustrations [class^=tablet] {
        margin:0
    }
    #app-illustrations .tablet-landscape {
        width:532px;
        height:402px
    }
    #app-illustrations .phone-small {
        width:225px;
        height:467px;
        margin:0 0 50px 176px
    }


}
@media (min-width:880px) {
    #app-illustrations {
        width:829px;
        margin-left:-10px;

    }
    #app-illustrations .tablet-landscape {
        -ms-flex-item-align:end;
        align-self:flex-end;
        margin-right:30px
    }
    #app-illustrations .phone-big {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:267px;
        height:553px
    }
    #app-illustrations .phone-small {
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0;
        margin:50px 50px 0 0
    }
    #app-illustrations .tablet-portrait {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:450px;
        height:675px;
        margin-top:50px
    }
}
.HomepageDashboardGraphic {
    display: grid;
    grid:auto/132px 1fr;
    gap: 24px;
    width: 975px;
    padding: 24px 0 24px 24px;
    border-radius: 8px;

    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .1), 0 50px 100px -20px rgba(50, 50, 93, .25), 0 30px 60px -30px rgba(0, 0, 0, .3);
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .2px;
    line-height: 14px;
    color: #425466;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.HomepageDashboardGraphic__company {
    display: grid;
    grid:max-content/auto-flow max-content;
    gap: 8px;
    align-items: center;
    font-weight: 620;

    letter-spacing: .8px;
    text-transform: uppercase
}

.HomepageDashboardGraphic__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-right: 16px
}

.HomepageDashboardGraphic__searchBar {
    display: flex;
    align-items: center;
    border-radius: 4px;
    height: 20px;
    width: 278px;
    background: #fff;
    color: #62788d
}

.HomepageDashboardGraphic__searchIcon {
    width: 10px;
    margin: 1px 5px 0 6px
}

.HomepageDashboardGraphic__body {
    display: grid;
    grid:auto/1fr 20px;
    gap: 12px;
    margin-right: 12px;
    z-index: 10;
    position: relative;
}

.HomepageDashboardGraphic__content {
    display: grid;
    gap: 12px
}

.HomepageDashboardGraphic__topSection {

    border-radius: 4px;

}

.HomepageDashboardGraphic__title {
    font: var(--fontWeightBold) 17px/22.9px var(--fontFamily);
    color: #414552;
    border-bottom: 1px solid #ebeef1;
    padding-bottom: 5px
}

.HomepageDashboardGraphic__todaySection {
    display: grid;
    grid-template-columns:2fr 1fr;
    gap: 46px;
    padding: 20px 0 0
}

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

.HomepageHeroGraphic__phone.PhoneGraphic {

    --phoneWidth: 275px;
    --phoneHeight: 540px;
    position: relative;
    margin-top: 60px;

    overflow: hidden;
}

.HomepageHeroGraphic__dashboard {
    position: absolute;
    top: 0;
    left: 103px;
    min-height: 600px;

    overflow: hidden;
}

.bg-indigo-700 {
    transition: background-color 0.5s ease; /* Плавность изменения фона */
}

[data-plans-target="auth_svg_opacity"],
[data-plans-target="auth_bg_gradient"],
[data-plans-target="auth_bg_bottom"] {
    transition: opacity 0.5s ease; /* Плавность изменения прозрачности */
}

[data-plans-target="auth_svg_opacity"] {
    transition: stroke-dashoffset 0.5s ease; /* Плавность изменения stroke-dashoffset */
}

.auth-transform-active {
    transform: translateX(0rem) translateZ(0px);
    transition: transform 1s ease-in-out;
}

.auth-transform-inactive-left {
    transform: translateX(-5.1875rem) translateZ(0px);
    transition: transform 1s ease-in-out;
}

.auth-transform-inactive-right {
    transform: translateX(5.1875rem) translateZ(0px);
    transition: transform 1s ease-in-out;
}


@media screen and (max-width: 991px) {
    .HomepageHeroGraphic__phone.PhoneGraphic {
        --phoneWidth: 275px;
        --phoneHeight: 540px;
        position: relative;


    }

    .HomepageHeroGraphic__dashboard {
        position: absolute;
        top: 0;
        left: 153px;
    }
}

.shadow-\[0_1px_0_theme\(colors\.white\/2\%\)\,0_-1px_0_theme\(colors\.white\/6\%\)\,0_-2px_4px_theme\(colors\.white\/2\%\)\,inset_0_1px_1px_theme\(colors\.black\/20\%\)\] {
    --tw-shadow: 0 1px 0 hsla(0, 0%, 100%, .02), 0 -1px 0 hsla(0, 0%, 100%, .06), 0 -2px 4px hsla(0, 0%, 100%, .02), inset 0 1px 1px rgba(0, 0, 0, .2);
    --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color), 0 -1px 0 var(--tw-shadow-color), 0 -2px 4px var(--tw-shadow-color), inset 0 1px 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.drop-shadow-\[0_1px_0_theme\(colors\.white\/10\%\)\], .drop-shadow-md {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_1px_0_theme\(colors\.white\/10\%\)\] {
    --tw-drop-shadow: drop-shadow(0 1px 0 hsla(0, 0%, 100%, .1));
}



.connected-card-image {
    height: 256px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.lazy-image {
    display: block;
    transition: 1s cubic-bezier(.6, .6, 0, 1) opacity;
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.connected-card-record-background {
    height: 100%;
    width: 100%
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.connected-card-record-circle {
    border: 1px solid rgba(255, 255, 255, .1);
    animation: connected-card-record-circle 4s cubic-bezier(.6, .6, 0, 1);
    border-radius: 50%;
    height: 100%;
    left: 0;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='64' cy='64' r='64' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    -webkit-mask-position: 92px 44px;
    mask-position: 92px 44px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 152px;
    mask-size: 152px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.connected-card-record-circle-blur {
    animation-name: connected-card-record-circle-blur;
    -webkit-backdrop-filter: blur(11.5px);
    backdrop-filter: blur(11.5px);
    background: rgba(255, 255, 255, .01);
    box-shadow: 32px 36px 32px #03001480;
    height: 152px;
    left: 92px;
    -webkit-mask: none !important;
    mask: none !important;
    top: 44px;
    width: 152px
}

.email-input.valid {

    --tw-shadow-color: rgb(165 180 252 / 0.09);
    --tw-shadow: var(--tw-shadow-colored);
    --tw-shadow-colored: 0 0 1px 1px var(--tw-shadow-color), 0 0 2px 2px var(--tw-shadow-color), 0 0 4px 4px var(--tw-shadow-color), 0 0 8px 8px var(--tw-shadow-color), 0 0 16px 16px var(--tw-shadow-color), 0 0 32px 32px var(--tw-shadow-color);

    --tw-gradient-from: rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);


}

.homepage-shiki {
    --shiki-color-text: #fff;
    --shiki-color-background: transparent;
    --shiki-token-constant: #a199ff;
    --shiki-token-string: #52c9e0;
    --shiki-token-comment: #797d86;
    --shiki-token-keyword: #afb1b6;
    --shiki-token-parameter: #ff990a;
    --shiki-token-function: #52c9e0;
    --shiki-token-string-expression: #ecec79;
    --shiki-token-punctuation: #fff;
    --shiki-token-link: #52c9e0;
    --shiki-token-operator: #ba8c5e;
    --shiki-token-embed: #fff;
}

.bg-primary-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(0 229 153/var(--tw-bg-opacity));
}

.connected-card-record-circle img {
    height: 256px;
    width: 468px
}
.connected-card-record-animation:not(.connected-card-record-animation-visible) .connected-card-record-circle {
    animation: none;
    opacity: 0
}

@keyframes connected-card-record-circle-blur {
    0% {
        transform: translate(200px, 117px) scale(.7)
    }
    25% {
        transform: translate(200px) scale(1)
    }
    50% {
        transform: translate(0) scale(1)
    }
    75% {
        transform: translate(200px) scale(1)
    }
    to {
        transform: translate(0) scale(1)
    }
}

@keyframes connected-card-record-circle {
    0% {
        -webkit-mask-position: 292px 161px;
        mask-position: 292px 161px;
        -webkit-mask-size: 106.4px;
        mask-size: 106.4px
    }
    25% {
        -webkit-mask-position: 292px 44px;
        mask-position: 292px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    50% {
        -webkit-mask-position: 92px 44px;
        mask-position: 92px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    75% {
        -webkit-mask-position: 292px 44px;
        mask-position: 292px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
    to {
        -webkit-mask-position: 92px 44px;
        mask-position: 92px 44px;
        -webkit-mask-size: 152px;
        mask-size: 152px
    }
}

.connected-card-image > div {
    width: 468px;
    position: relative;
    min-width: 468px
}

.btn {
    align-items: center;
    border-radius: .5rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    letter-spacing: .025em;
    padding: .5rem 1.25rem;
    text-align: center;
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn, .btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn:disabled {
    pointer-events: none
}

.faster-querying-bg {
    background: url(/themes/t3/images/faster-q902.webp);
    background-size: auto 240px;
    background-position: top left;
    background-repeat: no-repeat;
    background-origin: border-box
}

.gmail-pass {
    background: url(/themes/t3/images/gmail-pass.webp);
    background-size: auto 240px;
    background-position: top left;
    background-repeat: no-repeat;
    background-origin: border-box
}

.scalability-bg {
    background: url(/themes/t3/images/scalability-fad9.webp);
    background-size: auto 240px;
    background-position: top left;
    background-repeat: no-repeat;
    background-origin: border-box
}

.scalability-bg-2 {
    background: url(/themes/t3/images/scalabfility-f89.webp);
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-origin: border-box
}

@media (min-width: 540px) {
    .log-lines-bg {
        background: url(/themes/t3/images/log-linee7c.webp);
        background-size: 390px auto;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-origin: border-box
    }

    .log-lines-b {
        background: var(--background-bg);
        background-size: 390px auto;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-origin: border-box
    }

    .faster-querying-bg, .gmail-pass {
        background-size: auto 100%
    }

    .scalability-bg {
        background-size: auto 100%
    }
}

@media (min-width: 802px) {
    .log-lines-bg, .log-lines-b {
        background-size: cover;
        background-position: bottom left
    }
}

.scroll,
.scroll-reverse {
    animation: scrollLeft 30s linear infinite
}

@media (min-width: 1018px) {
    .scroll {
        animation: scrollUp 30s linear infinite
    }

    .scroll-reverse {
        animation: scrollUp 30s linear infinite;
        animation-direction: reverse
    }

    .scroll:hover,
    .scroll-reverse:hover {
        animation-play-state: paused
    }
}

@media (prefers-reduced-motion: reduce) {
    .scroll,
    .scroll-reverse {
        animation-play-state: paused
    }
}

@keyframes scrollUp {
    from {
        bottom: 100px
    }
    to {
        bottom: calc(100px + (119px + 16px) * 5)
    }
}

.integrations-gradient {
    background: radial-gradient(250px 800px at left, #05060F, transparent), radial-gradient(250px 800px at right, #05060F, transparent)
}

@media (min-width: 1018px) {
    .integrations-gradient {
        background: radial-gradient(800px 250px at top, #05060F, transparent), radial-gradient(800px 250px at bottom, #05060F, transparent);
    }
}

.circuit-cover {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), #13111F;
    border: 1px solid hsla(0, 0%, 100%, .05)
}

.inner-circuit {
    background: linear-gradient(135deg, hsla(0, 0%, 100%, 0) 34.66%, hsla(0, 0%, 100%, .4) 49.29%, hsla(0, 0%, 100%, 0) 65.34%), #22232D;
    background-blend-mode: overlay, normal;
    box-shadow: 0 8px 16px 0 rgba(255, 100, 69, 0), 0 2px 10px 2px rgba(0, 0, 0, .2), inset 0 1px 1px 0 hsla(0, 0%, 100%, .11), 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.sdk-text,
.serial-text {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .2)
}

.circuit-comet {
    animation: circuit-comet-animation var(--comet-animation-duration) linear infinite;
    animation-delay: var(--delay, 0s);
    animation-fill-mode: both
}

@keyframes circuit-comet-animation {
    0% {
        transform: translateX(125px)
    }
    to {
        transform: translateX(234px)
    }
}

.impact-glow {
    background: linear-gradient(0deg, transparent, #456EEC40, transparent)
}

.static-impact-glow {
    opacity: .8
}

.impact-glow-3 {
    animation: impact-glow-3-animation var(--comet-animation-duration) linear infinite;
    animation-delay: var(--delay, 0s);
    animation-fill-mode: both
}

@keyframes impact-glow-3-animation {
    0% {
        opacity: 0
    }
    90% {
        opacity: 0
    }
    96% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.impact-glow-2 {
    animation: impact-glow-2-animation var(--comet-animation-duration) linear infinite;
    animation-delay: var(--delay, 0s);
    animation-fill-mode: both
}

@keyframes impact-glow-2-animation {
    0% {
        opacity: 0
    }
    77% {
        opacity: 0
    }
    80% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.impact-glow-1 {
    animation: impact-glow-1-animation var(--comet-animation-duration) linear infinite;
    animation-delay: var(--delay, 0s);
    animation-fill-mode: both
}

@keyframes impact-glow-1-animation {
    0% {
        opacity: 0
    }
    63% {
        opacity: 0
    }
    65% {
        opacity: 1
    }
    70% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.circuit-glow {
    animation: circuit-glow-animation var(--comet-animation-duration) linear infinite;
    animation-fill-mode: both
}

@keyframes circuit-glow-animation {
    0% {
        opacity: 1
    }
    30% {
        opacity: .8
    }
    to {
        opacity: 1
    }
}

.glide {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.glide * {
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    user-select: none
}

.glide__slide {
    width: 100%;

    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows {
    -webkit-touch-callout: none;
    user-select: none
}

.glide__bullets {
    -webkit-touch-callout: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__bullet {
    background: #E2E8F0;
    display: none
}

.glide__bullet--active {
    background: #456EEC;
    opacity: 0.7;
}

.glide::after {

    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 50px;
    background: linear-gradient(90deg, rgba(var(--bg-body-rgb), 0) 0%, rgb(var(--bg-body-rgb)) 100%);
    z-index: 20;
    pointer-events: none;
}


.PhoneGraphic, .PhoneGraphic_v2 {
    --phoneBorderRadius: 36px;
    --phoneScreenBorderRadius: 29px;

    width: 270px;
    height: 536px;
    padding:10px;
    border-radius: var(--phoneBorderRadius);
    background: var(--PhoneGraphic);
    box-shadow: var(--PhoneGraphic-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 16px;
    position: absolute;
}

.border-white\/7\.5 {
    border-color: hsla(0, 0%, 100%, .075);
}

.mix-blend-luminosity {
    mix-blend-mode: luminosity;
}

.CommunitySection_socialCard {
    overflow: hidden;
    background: linear-gradient(137deg, rgba(17, 18, 20, .75) 4.87%, rgba(12, 13, 15, .9) 75.88%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 12px;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15);
    transform: translateZ(0)
}

.CommunitySection_socialCard__Grpqk {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    height: auto !important;
    max-width: 454px;
    overflow: hidden;
    background: linear-gradient(137deg, rgba(17, 18, 20, .75) 4.87%, rgba(12, 13, 15, .9) 75.88%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 12px;
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15);
    transform: translateZ(0)
}

.CommunitySection_socialCard__Grpqk p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #9DA2AF;
    text-shadow: 0 0 4px rgba(0, 0, 0, .25);
    letter-spacing: .2px;
}

.CommunitySection_socialCard__Grpqk:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background: transparent;
    transition: background .3s ease
}

.CommunitySection_socialCard__Grpqk:hover .CommunitySection_join__8iTNE > svg {
    transform: translateX(2px)
}

.CommunitySection_socialCard__Grpqk:hover:after {
    background: hsla(0, 0%, 100%, .04)
}

.CommunitySection_socialCard__Grpqk .CommunitySection_header__52zZJ {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.CommunitySection_socialCard__Grpqk .CommunitySection_memberCount__jf0Q3 {
    font-family: "__GeistMono_c1e5c9", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #9c9c9d;
    text-shadow: 0 0 4px rgba(0, 0, 0, .25);
    letter-spacing: .3px;
}

.CommunitySection_socialCard__Grpqk .CommunitySection_join__8iTNE {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.CommunitySection_socialCard__Grpqk .CommunitySection_join__8iTNE > svg {
    width: 16px;
    transition: transform .3s ease
}


.GlassContainer_inner__BdNcZ {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    --gradientBorder-size: 1px;
    --gradientBorder-gradient: linear-gradient(to bottom right, hsla(0, 0%, 100%, .17), transparent);
    background: linear-gradient(134deg, hsla(0, 0%, 100%, .08), hsla(0, 0%, 100%, .02), hsla(0, 0%, 100%, 0) 55%);
    border-radius: 10px
}

.GlassContainer_inner__BdNcZ:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    filter: url(#noiseFilter);
    mix-blend-mode: overlay;
    opacity: .1
}

.ProjectOverview_root___sg3k {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
    --mask-bottom: linear-gradient(to bottom, #0A0A0B 50%, transparent 100%);
    --mask-right: linear-gradient(to right, #0A0A0B 20%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #0A0A0B 50%, transparent 100%), linear-gradient(to right, #0A0A0B 20%, transparent 100%);
    mask-image: linear-gradient(to bottom, #0A0A0B 50%, transparent 100%), linear-gradient(to right, #0A0A0B 20%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect
}

.GlassContainer_outer__e6vy_ {
    --gradientBorder-size: 1px;
    --gradientBorder-gradient: linear-gradient(to bottom right, hsla(0, 0%, 100%, .07), transparent);
    width: 100%;
    height: 100%;
    border-radius: 18px;
    padding: 8px
}

.utils_gradientBorder__9rE2_ {
    position: relative
}

.utils_gradientBorder__9rE2_:before {
    content: "";
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to bottom right, hsla(0, 0%, 100%, .07), transparent);
    -webkit-mask: linear-gradient(#0A0A0B, #0A0A0B) content-box, linear-gradient(#0A0A0B, #0A0A0B);
    mask: linear-gradient(#0A0A0B, #0A0A0B) content-box, linear-gradient(#0A0A0B, #0A0A0B);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.ProjectOverview_dd__d658U {
    padding-left: 6px;
    white-space: nowrap
}

.ProjectOverview_inner__hnVSN {
    height: 100%;
    padding: 32px 24px
}

.ProjectOverview_column__7T_MN {
    min-width: 108px
}

.ProjectOverview_btn__zT7aa {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    background: #232326;
    border-radius: 6px;
    white-space: nowrap
}

.StatsGrid_statsGrid__rgnkx {
    display: grid;
    grid-template-columns:repeat(2, var(--1fr));
    grid-template-rows:repeat(auto-fill, 1fr);
    place-items: start center;
    grid-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
    grid-row-gap: 40px;
    row-gap: 40px
}

.StatsGrid_title__kEKs1 {
    font-size: 64px;
    line-height: 68px;
    letter-spacing: -1.43px;
    font-weight: 510
}

@media (max-width: 640px) {
    .StatsGrid_title__kEKs1 {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: -.015em
    }
}

.top__video-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 53.7%;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 10px;
    z-index: 1
}

@media (min-width: 992px) {
    .top__video-wrap {
        width: 100%;
        height: 300px;
        padding: 0;
        margin-bottom: 0
    }
}

.top__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.top__video-line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: #191A1B
}

.top__play-btn-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 20px
}

.top__play-btn-wrap.hidden {
    display: none !important
}

.top__play-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #191A1B;
    -webkit-animation: radial-pulse 2s infinite;
    animation: radial-pulse 2s infinite
}

@media (max-width: 991px) {
    .text-message-spy .top__play-btn,
    .whatsapp-spy .top__play-btn,
    .snapchat-spy .top__play-btn {
        width: 74px;
        height: 74px
    }
}

@media (min-width: 992px) {
    .top__play-btn {
        width: 84px;
        height: 84px
    }
}

.top__play-btn svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

@-webkit-keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(111, 111, 112, .7)
    }
    50% {
        box-shadow: 0 0 0 25px rgba(111, 111, 112, .3)
    }
    to {
        box-shadow: 0 0 0 0 rgba(111, 111, 112, .7)
    }
}

@keyframes radial-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(111, 111, 112, .7)
    }
    50% {
        box-shadow: 0 0 0 25px rgba(111, 111, 112, .3)
    }
    to {
        box-shadow: 0 0 0 0 rgba(111, 111, 112, .7)
    }
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(50 138 241/var(--tw-text-opacity));
}
.text-orange {

    color: rgb(235, 114, 46)
}
.text-green {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity)); /* Tailwind green-500 */
}

.announcement-container {
    display: flex;
    justify-content: center;

}

.HeroDownloadInfo_sub__uJ70w {
    display: flex;
    gap: 25px;
    font-family: "__GeistMono_c1e5c9", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
    font-size: 12px;
    font-style: normal;
    line-height: 160%;
    color: #9c9c9d;
    letter-spacing: .2px
}

.HeroDownloadInfo_sub__uJ70w > * {
    position: relative
}

.HeroDownloadInfo_sub__uJ70w > :not(:first-child):before {
    position: absolute;
    top: 4px;
    left: -12px;
    height: 10px;
    content: "";
    border-right: 1px solid rgb(var(--stroke-sub-300))
}

@property --r2 {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@property --x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0;
}

@keyframes x-animation {
    0% {
        --x: 20px;
    }
    32.82275711% {
        --x: 206px;
    }
    50% {
        --x: 206px;
    }
    82.82275711% {
        --x: 20px;
    }
    to {
        --x: 20px;
    }
}

@keyframes rotating2 {
    0% {
        --r2: 0deg;
    }
    32.82275711% {
        --r2: 0deg;
    }
    50% {
        --r2: 180deg;
    }
    82.82275711% {
        --r2: 180deg;
    }
    to {
        --r2: 360deg;
    }
}

.bg-blue-500 {
    background-color: #1677F2 !important;
}

.text-blue-500 {
    color: #1677F2 !important;
}

.announcement-outer {
    padding: 1px;
    background: conic-gradient(from calc(var(--r2) - 80deg) at var(--x) 15px, transparent 0, #4267B2 20%, transparent 25%), #1e3a5f;
    border-radius: 43px;
    box-shadow: 0 0 20px 0 rgba(66, 103, 178, 0.1);
    transition: all 0.2s ease;
    transform: translateZ(0);
}

.announcement-outer.animate {
    animation: rotating2 6.4s linear 1s infinite, x-animation 6.4s linear 1s infinite;
}

.announcement-outer:hover {
    background-color: #2d4373;
    box-shadow: 0 0 20px 3px rgba(66, 103, 178, 0.35);
}

.announcement {
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
    align-items: center;
    height: 35px;
    padding: 4px 16px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.2px;
    background: #130d0e;
    border-radius: 1000px;
    text-decoration: none;
    color: white;
}

.muted {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    color: #9c9c9d;
    white-space: nowrap;
}

.muted:before {
    position: absolute;
    top: 50%;
    left: -9px;
    color: #434345;
    pointer-events: none;
    content: "|";
    transform: translateY(-50%);
}

.muted > svg {
    width: 16px;
}

/* Demo section */
.demo-info {
    position: fixed;
    top: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 10px;
    font-size: 14px;
    color: #9c9c9d;
    max-width: 300px;
}

.demo-info h3 {
    margin-top: 0;
    color: white;
}

/* Controls */
.controls {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    gap: 10px;
}

.control-btn {
    padding: 8px 16px;
    background: #333;
    border: none;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
}

.control-btn:hover {
    background: #444;
}

.control-btn.active {
    background: #4267B2;
    color: #000;
}

.digit-slot {
    height: 45px;
    overflow: hidden;
    position: relative;
}

.digit-column {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.digit-item {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stats-container {
    perspective: 1000px;
}

.StoreHeader_headerContent__NwxEp {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 740px;
    margin: 255px auto 112px;
    text-align: center
}

@media (min-width: 720px) {
    .StoreHeader_headerContent__NwxEp {
        margin-top: 450px
    }
}

.StoreHeader_headerContent__NwxEp h1 {
    padding-right: 36px;
    padding-left: 36px;
    margin-bottom: 20px;
    font-size: 44px;
    font-weight: 600;
    line-height: 48.4px;
    letter-spacing: 1.2px
}

@media (min-width: 720px) {
    .StoreHeader_headerContent__NwxEp h1 {
        font-size: 80px;
        line-height: 86px
    }
}

.StoreHeader_headerContent__NwxEp p {
    max-width: 560px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 150%;
    color: #6a6b6c;
    letter-spacing: .3px
}

@media (min-width: 720px) {
    .StoreHeader_headerContent__NwxEp p {
        font-size: 20px;
        line-height: 28px
    }
}

.StoreHeader_headerImg__aUDft {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding-bottom: 200px;
    margin-bottom: -200px;
    overflow-x: hidden;
    pointer-events: none;

    background-repeat: no-repeat;
    background-position: top;
    background-size: clamp(640px, calc(100vw * 1.586 + 45.31px), 1600px)
}

.StoreHeader_headerBg__1y_1e,
.StoreHeader_headerFg__W2iXP {
    position: relative;
    left: 50%;
    min-width: 470px;
    max-width: 100%;
    transform: translateX(-50%)
}

@media (min-width: 720px) {
    .StoreHeader_headerBg__1y_1e,
    .StoreHeader_headerFg__W2iXP {

        left: 40%;

    }
}

.StoreHeader_headerBg__1y_1e {
    animation: StoreHeader_bgEnter__thr3P 3s ease forwards;
}

@keyframes StoreHeader_bgEnter__thr3P {
    0% {
        opacity: 0.1;
        transform: translateX(-50%) scale(1.03);
    }
    70% {
        opacity: 0.7;
        transform: translateX(-50%) scale(1);
    }
    100% {
        opacity: 0.35;
        transform: translateX(-50%) scale(1);
    }
}

.StoreHeader_headerBg__1y_1e2 {
    animation: StoreHeader_bgEnter__thr3P2 3s ease forwards;
}

@keyframes StoreHeader_bgEnter__thr3P2 {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(1.03);
    }
    70% {
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }
    100% {
        opacity: 0.3;
        transform: translateX(-50%) scale(1);
    }
}

.StoreHeader_headerFg__W2iXP {
    position: absolute;
    top: 0;
    animation: StoreHeader_fgEnter__ssuHN 1.5s ease .75s backwards
}


@keyframes StoreHeader_fgEnter__ssuHN {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(20px)
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0)
    }
}

.StoreHeader_storeSearch__Yduf6 {
    position: relative;
    display: flex;
    width: 476px;
    max-width: 100%;
    margin-top: 48px
}

@media (min-width: 720px) {
    .StoreHeader_storeSearch__Yduf6 {
        margin-right: 37px;
        margin-left: 37px
    }
}

.StoreHeader_searchInput__YpZXj {
    flex-grow: 1;
    padding: 16px;
    font-size: 15px;
    color: #6a6b6c;
    text-align: left;
    background: #0c0d0f;
    border: 1px solid #2f3031;
    border-radius: 12px;
    outline: none
}

.StoreHeader_searchInput__YpZXj:hover {
    border: 1px solid #9c9c9d
}

.StoreHeader_searchInput__YpZXj:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .5)
}

.StoreHeader_searchShortcut__4KKJg {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    display: none;
    gap: 6px;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    color: #6a6b6c;
    pointer-events: none
}

@media (min-width: 720px) {
    .StoreHeader_searchShortcut__4KKJg {
        display: flex
    }
}

.StoreHeader_searchKey__MUzhe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-image: radial-gradient(100% 100% at 50% 0, #111214 0, #1b1c1e 150%);
    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .05)
}

.HeroIllustration_root__K98Vh {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    height: 900px;
    --Sidebar-width: 120px
}

@media (max-width: 640px) {
    .HeroIllustration_root__K98Vh {
        height: 400px
    }
}

.HeroIllustration_perspective__JlJ9c {
    position: relative;
    contain: strict;
    width: 100%;
    height: 100%;
    perspective: 4000px;
    perspective-origin: 100% 0;
    transform-style: preserve-3d
}

.HeroIllustration_3d__JMg8B {
    transform-style: preserve-3d
}

.HeroIllustration_base__H6llR {
    position: absolute;
    inset: 0;
    border-radius: 10px;

    width: 1600px;
    height: 900px;
    margin: 180px auto auto;
    transform: translateX(4%) scale(1.2) rotateX(31deg) rotateY(11deg) rotate(354deg);
    transform-origin: top left;
    backface-visibility: hidden
}

@media (max-width: 640px) {
    .HeroIllustration_base__H6llR {
        margin-top: 100px;
        margin-left: -15%;
        transform: scale(.7) rotateX(47deg) rotateY(21deg) rotate(330deg)
    }
}

.HeroIllustration_sidebar__kBXAb {
    width: var(--Sidebar-width);
    padding: 16px 14px
}

.HeroIllustration_trafficLights__uxfa3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.HeroIllustration_trafficLights__uxfa3 > div {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #232326;

}

.HeroIllustration_animateIn__D6wW2 {
    display: flex
}

.HeroIllustration_inbox__yftxS {
    position: absolute;
    left: var(--Sidebar-width);
    inset-block: 8px;
    height: 100%
}

.HeroIllustration_inbox__yftxS:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: -8px;
    background: linear-gradient(to right, transparent 80%, #08090a 90%)
}

.Hero_sectionHero__p6F6H {
    position: relative;
    padding-top: 72px
}

@media (max-width: 640px) {
    .Hero_sectionHero__p6F6H {
        padding-top: 24px
    }
}

.Hero_heroSubtitle__ugVER {
    max-width: 70%
}

@media (max-width: 768px) {
    .Hero_heroSubtitle__ugVER {
        max-width: none
    }
}

.Hero_heroImageContainer__E6x9O {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.Hero_heroImageContainer__E6x9O:before {
    content: "";
    display: block;
    background: red;
    margin-top: -140px
}

@media (max-width: 1024px) {
    .Hero_heroImageContainer__E6x9O:before {
        margin-top: -18%
    }
}

@media (max-width: 640px) {
    .Hero_heroImageContainer__E6x9O:before {
        margin-top: 0
    }
}

.Hero_heroImageContainer__E6x9O:after {
    content: "";
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(to bottom, transparent 50%, #08090a 100%)
}

#testimonials > div:nth-child(1) > div:nth-child(n+3),
#testimonials > div:nth-child(2) > div:nth-child(n+4),
#testimonials > div:nth-child(3) > div:nth-child(n+5),
#testimonials > div:nth-child(4) > div:nth-child(n+5),
#testimonials > div:nth-child(5) > div:nth-child(n+5),
#testimonials > div:nth-child(6) > div:nth-child(n+5),
#testimonials > div:nth-child(7) > div:nth-child(n+5),
#testimonials > div:nth-child(8) > div:nth-child(n+5),
#testimonials > div:nth-child(9) > div:nth-child(n+5),
#testimonials > div:nth-child(10) > div:nth-child(n+5),
#testimonials > div:nth-child(11) > div:nth-child(n+5),
#testimonials > div:nth-child(12) > div:nth-child(n+4),
#testimonials > div:nth-child(13) > div:nth-child(n+3) {
    display: none
}

#testimonials > div:nth-child(4),
#testimonials > div:nth-child(6),
#testimonials > div:nth-child(8),
#testimonials > div:nth-child(10) {
    margin-top: 15%
}

#testimonials > div:not(:nth-child(1)):before,
#testimonials > div:not(:nth-child(2)):before,
#testimonials > div:not(:nth-child(12)):before,
#testimonials > div:not(:nth-child(13)):before {
    content: "";
    display: block;
    width: 3px;
    height: 90%;
    background-color: #1B1C1E;
    position: absolute;
    left: calc(50% - 1.5px);
    top: 5%
}

#testimonials > div:not(:nth-child(-n+2)):not(:nth-child(n+12)) > div + div:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: #1B1C1E;
    position: absolute;
    border-radius: 9999px;
    left: calc(50% - 6.5px);
    top: -66%
}

.rated {
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    padding-top: 30px;
    padding-bottom: 35px
}

@media (min-width: 960px) {
    .rated {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.rated * {
    box-sizing: border-box
}

.rated__wrapper {
    width: 100%;
    max-width: 1056px;
    padding: 0 16px;
    margin: auto;
    position: relative;
    z-index: 3
}

.rated__items {

    padding: 24px 0;
    margin-bottom: 32px;
    border-radius: 16px
}

@media (min-width: 960px) {
    .rated__items {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 62px;
        margin-bottom: 60px
    }
}

.rated__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 960px) {
    .rated__buttons {
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        max-width: 515px;
        margin: auto
    }
}

.rated__button {
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .rated__button {
        box-shadow: none;
        margin: 0 15px
    }
}

@media (max-width: 475px) {
    .rated__button {
        max-width: 100%
    }
}

.rated-spacer {
    -webkit-flex: 0 0 1px;
    flex: 0 0 1px;
    background: #546e7a;
    margin: 12px 40px;
    height: 1px
}

@media (min-width: 960px) {
    .rated-spacer {
        margin: 0 30px;
        height: auto
    }
}

.rated-percent {
    padding: 32px;
    width: 100%;
    text-align: center
}

@media (min-width: 960px) {
    .rated-percent {
        margin-bottom: 0;
        padding: 0
    }
}

.rated-percent__logo {
    margin-bottom: 16px
}

.rated-percent__count {
    font-weight: 600;
    font-size: 30px;
    line-height: 44px;
    color: #b2bcd2;
    margin-bottom: 16px;
    display: block;
    text-align: center
}

.rated-percent__count span {
    color: #fff
}

.rated-percent__describe {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.rated-percent__image {
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto 16px
}

[lang=ar] .rated-percent {
    margin-left: 30px
}

.rated-reviews {
    padding: 32px 16px 15px;
    width: 100%
}

@media (min-width: 960px) {
    .rated-reviews {
        padding: 0
    }
}

.rated-reviews__main_title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    max-width: 230px;
    display: block;
    margin: 0 auto 24px
}

@media (min-width: 960px) {
    .rated-reviews__main_title {
        font-size: 30px;
        line-height: 40px;
        max-width: 285px
    }
}

.rated-reviews .rated-reviews__item {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.16px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 12px
}

@media (max-width: 768px) {
    .rated-reviews .rated-reviews__item {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .rated-reviews .rated-reviews__item p {
        margin-bottom: 8px
    }
}

.rated-reviews .rated-reviews__item span {
    margin: 0 4px;
    font-weight: 700
}

.rated-reviews .rated-reviews__item a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 5px
}


.rated-section__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 960px) {
    .rated-section__buttons {
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        max-width: 515px;
        margin: auto
    }
}

.rated-section__button {
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .rated-section__button {
        box-shadow: none;
        margin: 0 15px
    }
}

@media (max-width: 475px) {
    .rated-section__button {
        max-width: 100%
    }
}

.rated-section-spacer {
    -webkit-flex: 0 0 1px;
    flex: 0 0 1px;
    background: #546e7a;
    margin: 12px 40px;
    height: 1px
}

@media (min-width: 960px) {
    .rated-section-spacer {
        margin: 0 30px;
        height: auto
    }
}

.button-v {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 288px;
    min-height: 48px;
    background: rgb(var(--primary-darker));
    box-shadow: 0 8px 16px rgba(42, 49, 61, .12);
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    transition: background .4s, color .4s, opacity .4s
}

.button-v.animated {
    -webkit-animation: pulse-fast 3s infinite;
    animation: pulse-fast 3s infinite
}

.button-v:hover {
    background: rgb(var(--primary-darker));
}

.button-v:active {
    opacity: .8
}

.button-v--border-blue {
    border: 1px solid #1677F2;
    color: #1677F2;
    background: 0 0
}

.button-v--border-blue:hover {
    background: rgb(var(--primary-base));
    color: #fff
}

.button-v--border-blue:active {
    opacity: .8
}



@-webkit-keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        box-shadow: 0 0 0 2px #fff;
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        box-shadow: 0 0 0 2px #fff;
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
    to {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


.AIShowCase_title__JqKIV {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 48px;
    align-items: center;
    max-width: 582px;
    margin: 0 auto
}

.AIShowCase_sectionTitle__Hk3KB {
    max-width: 738px
}

.AIShowCase_highlight__pQG8W {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;

}

.bg-radial-pink-red {
    background: radial-gradient(13.65% 50% at center,
    rgba(245, 48, 107, .1) 0,
    rgba(255, 103, 167, 0) 100%
    );
}

.bg-radial-pink-blue {
    background: radial-gradient(
            13.65% 50% at center,
            rgba(48, 107, 245, .1) 0,
            rgba(103, 167, 255, 0) 100%
    );
}

.AIShowCase_highlight__pQG8W > span {
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;

    letter-spacing: .2px
}

.AIShowCase_img__jstSw {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-mask-image: linear-gradient(180deg, #d9d9d9 61.35%, hsla(0, 0%, 85%, 0));
    mask-image: linear-gradient(180deg, #d9d9d9 61.35%, hsla(0, 0%, 85%, 0));
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
    transform: translate(-50%, calc(-50% - 50px))
}

.AIShowCase_img__jstSw.AIShowCase_active__0zdZP {
    z-index: 2;
    opacity: 1
}

.AIShowCase_pagination__9aXoj {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 200px;
    height: 32px;
    margin: 0 auto
}

.AIShowCase_page__IYgfn {
    position: relative;
    width: 25%;
    height: 2px;
    cursor: pointer;
    background: #452324;
    transition: width .3s ease
}

.AIShowCase_page__IYgfn:after,
.AIShowCase_page__IYgfn:before {
    position: absolute;
    inset: 0;
    content: "";
    transform-origin: left center;
    will-change: transform
}

.AIShowCase_page__IYgfn:before {
    inset: -16px 0
}

.AIShowCase_page__IYgfn.AIShowCase_current__TG7Mv {
    width: 50%
}

.AIShowCase_page__IYgfn.AIShowCase_current__TG7Mv:after,
.AIShowCase_page__IYgfn.AIShowCase_current__TG7Mv:before {
    animation: AIShowCase_progress__VqqNs var(--animation-duration) linear;
    animation-play-state: var(--animation-play-state);
    animation-iteration-count: 1
}

.AIShowCase_page__IYgfn.AIShowCase_current__TG7Mv:after {
    background: linear-gradient(90deg, #452324 0, #eca5a7 93%, #581d27 100%, #452324 0);
    border-radius: 100%
}

.AIShowCase_page__IYgfn.AIShowCase_current__TG7Mv:before {
    background: radial-gradient(40% 50% at 72% 50%, rgba(245, 48, 107, .2) 0, rgba(255, 103, 167, 0) 100%)
}

@keyframes AIShowCase_progress__VqqNs {
    0% {
        transform: scaleX(0)
    }
    to {
        transform: scaleX(100%)
    }
}

.AIShowCase_pageDescriptionContainer__Ihe_9 {
    display: flex;
    gap: 64px;
    max-width: 1204px;
    padding: 40px 24px;
    margin: 0 auto;
    cursor: pointer
}

@media (max-width: 720px) {
    .AIShowCase_pageDescriptionContainer__Ihe_9 {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start
    }
}

.AIShowCase_pageDescription__U91h0 {
    padding: 32px 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #434345;
    opacity: .5;
    transition: opacity .4s ease
}

.AIShowCase_pageDescription__U91h0 > span {
    color: #fff;
    transition: all .3s ease
}

.AIShowCase_pageDescription__U91h0.AIShowCase_current__TG7Mv,
.AIShowCase_pageDescription__U91h0:hover {
    color: #6a6b6c;
    opacity: 1
}

.AIShowCase_pageDescription__U91h0.AIShowCase_current__TG7Mv > span,
.AIShowCase_pageDescription__U91h0:hover > span {
    color: #fff
}

@media (max-width: 720px) {
    .AIShowCase_pageDescription__U91h0 {
        padding: 0
    }
}

.AIShowCase_moreAboutPro__vcgxc {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 12px 8px
}

.AIShowCase_moreAboutPro__vcgxc > a {
    color: #fff
}

.AIShowCase_moreAboutPro__vcgxc .AIShowCase_imgContainer__aYMsU {
    position: relative;
    width: 24px;
    height: 24px
}

.AIShowCase_moreAboutPro__vcgxc .AIShowCase_imgContainer__aYMsU > img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.AIShowCase_bg__YZ5GG {
    position: absolute;
    top: -250px;
    right: 140px;
    z-index: -1;

    width: 700px;
    height: 700px;
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    opacity: .15;
    -webkit-mask-image: radial-gradient(circle at top left, #fff 29.33%, hsla(0, 0%, 100%, 0) 60%);
    mask-image: radial-gradient(circle at top left, #fff 29.33%, hsla(0, 0%, 100%, 0) 60%)
}

@media (min-width: 720px) {
    .AIShowCase_bg__YZ5GG {
        display: block
    }
}

.AIShowCase_imageWrapperPlaceholder__D8s_W {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 1480px;
    height: 320px;
    margin-top: 80px
}

@media (min-width: 520px) {
    .AIShowCase_imageWrapperPlaceholder__D8s_W {
        height: 450px
    }
}

@media (min-width: 720px) {
    .AIShowCase_imageWrapperPlaceholder__D8s_W {
        height: 477px
    }
}

.AIShowCase_imageWrapper__UiSyR {
    position: absolute;
    left: 65%;
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 1480px;
    height: 477px;
    margin-top: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translateX(-50%)
}

@media (min-width: 520px) {
    .AIShowCase_imageWrapper__UiSyR {
        margin-top: 120px;
        left: 50%;
    }
}

@media (min-width: 720px) {
    .AIShowCase_imageWrapper__UiSyR {
        margin-top: 120px;
        left: 50%;
    }

    .AIShowCase_outerWindowFrame__LBaQ_ {
        left: 50%;
    }
}

.AIShowCase_outerWindowFrame__LBaQ_ {
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;

    padding: 8px;
    background: radial-gradient(85.77% 49.97% at 51% 5.12%, hsla(0, 100%, 79%, .11) 0, rgba(222, 226, 255, .08) 45.83%, rgba(241, 242, 255, .02) 100%), rgba(0, 0, 0, .44);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 16px;
    box-shadow: 0 0 40px 20px hsla(0, 0%, 100%, .03), inset 0 .5px 0 0 hsla(0, 0%, 100%, .3);
    -webkit-mask-image: linear-gradient(180deg, #d9d9d9 60%, hsla(0, 0%, 85%, 0) 90%);
    mask-image: linear-gradient(180deg, #d9d9d9 60%, hsla(0, 0%, 85%, 0) 90%);
    transform: translate3d(-50%, calc(-50% - 50px), 0)
}

.AIShowCase_innerWindowFrame__MqXoL {
    position: relative;
    align-self: stretch;
    overflow: hidden;
    background-image: repeating-linear-gradient(0deg, #0c0d0f, #0c0d0f 1px, #07080a 1px, #07080a);
    background-size: 3px 3px;
    border: 1px solid hsla(0, 0%, 100%, .08);
    border-radius: 12px;
    box-shadow: 0 0 2px 0 hsla(0, 0%, 100%, .19), inset 0 .5px 0 0 hsla(0, 0%, 100%, .1)
}

@media (min-width: 720px) {
    .AIShowCase_innerWindowFrame__MqXoL {
        height: 477px
    }
}

.AIShowCase_innerWindowBg__HOlGZ {
    position: absolute;
    top: -200px;
    right: -80px;
    width: 700px;
    height: 700px;
    border-radius: 0px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    opacity: .6
}

.AIShowCase_desktop__kNfH_ {
    display: block
}

.AIShowCase_mobile__AJ3wN {
    display: flex;
    justify-content: flex-end;
    max-width: 100vw;
    margin: 0 auto
}


@media (min-width: 720px) {
    .AIShowCase_imageWrapper__UiSyR {
        left: 50%;
    }

    .AIShowCase_mobile__AJ3wN {
        display: none
    }
}

.QuickAiResponse_quickAiResponse__Bats3 {
    display: flex;
    flex-direction: column;
    flex-grow: 2;
    flex-shrink: 0;

    align-items: flex-start;

    margin: 16px;
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px
}

.QuickAiResponse_quickAiQuestion__ni4DF {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    color: hsla(0, 0%, 100%, .4);
    text-align: center;
    letter-spacing: .1px
}

.QuickAiResponse_quickAiResponseContent__zYSXr {
    display: flex;
    flex-direction: column;
    gap: 21px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #fff;

    letter-spacing: .1px;

}

.QuickAiResponse_referencesTitle__Y0INm {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    color: hsla(0, 0%, 100%, .4);
    letter-spacing: .1px
}

.QuickAiResponse_references__k776L {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start
}

.QuickAiResponse_reference___HP5B {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 20px;
    padding-right: 6px;
    background: var(--tokenBackground, hsla(0, 0%, 100%, .2));
    border-radius: 4px
}

.QuickAiResponse_referenceIndex__SoMDo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    width: 20px;
    background: var(--quanternaryText, hsla(0, 0%, 100%, .2));
    border-radius: 0px
}

.AiChat_aiChatWindow__2UZU2 {
    position: absolute;
    top: 48px;
    right: 0;
    left: 0;
    display: grid;
    flex-shrink: 0;
    grid-template-columns:auto 1fr;
    width: 750px;
    height: 484px;
    margin: auto;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    border: 1px solid hsla(270, 2%, 56%, .4);
    border-radius: 12px;
    box-shadow: inset 0 .5px 0 0 hsla(0, 0%, 100%, .3), 0 0 24.5px 0 rgba(91, 91, 91, .29);
    transform: translateZ(0)
}

.AiChat_aiChatWindowContent__PLF3J {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 16px;
    align-items: flex-start;
    padding: 24px 27px 45px 16px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #fff;

    letter-spacing: .097px
}

.AiChat_aiChatSideBar__m2dg7 {
    display: grid;
    grid-auto-flow: row;
    gap: 12px;
    align-content: start;
    width: 200px;
    padding: 16px 6px 6px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-right: 2px solid hsla(0, 0%, 100%, .05)
}

.AiChat_aiChatSideBarItem__GnEPT {
    position: relative;
    display: block;
    width: 100%;
    padding: 4px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: no-wrap;
    opacity: .6;
    -webkit-mask-image: linear-gradient(90deg, #000 90%, rgba(0, 0, 0, .1));
    mask-image: linear-gradient(90deg, #000 90%, rgba(0, 0, 0, .1))
}

.AiChat_aiChatSideBarItem__GnEPT > h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    color: hsla(0, 0%, 100%, .75)
}

.AiChat_aiChatSideBarItem__GnEPT > p {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    color: hsla(0, 0%, 100%, .5)
}

.AiChat_activeChat__h_t6q {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    opacity: 1;
    -webkit-mask-image: none;
    mask-image: none
}

.AiChat_activeChat__h_t6q > h3 {
    color: #fff
}

.AiChat_activeChat__h_t6q > p {
    color: hsla(0, 0%, 100%, .5)
}

.AiChat_aiChatWindowMessage__aeK1a {
    display: grid;
    grid-template-columns:24px auto;
    gap: 6px;
    align-items: flex-start;
    align-self: stretch
}

.AiChat_aiChatWindowAvatarWrapper__yAWx1 {
    width: 24px
}

.AiChat_aiChatWindowAvatarWrapper__yAWx1 img {
    width: 24px;
    height: 24px
}

.AiChat_aiChatWindowMessageContent__WJH9g {
    display: flex;
    flex-direction: column;
    gap: 21px
}

.AiChat_aiChatWindowCodeBlock___dZjK {
    padding: 0 16px;
    background-color: #ffffff10;
    border: 1px solid #ffffff10;
    border-radius: 6px
}

@-moz-document url-prefix() {
    .AiChat_aiChatWindow__2UZU2 {
        transform: none
    }
}

.AiCommands_floatingNote__ivC4n {
    position: absolute;
    top: 36px;
    left: 40px
}

.AiCommands_note__mQyPh {
    transition: background .25s ease-in-out;
    will-change: background
}


.AiCommands_aiCommandsWindow__k2_6w {
    position: absolute;

}

.AiCommands_aiCommandIcon__nFmbt {
    width: 20px;
    height: 20px
}

.AiCommands_highlight__FXrou {
    color: #85e0b4;
    text-shadow: #85e0b4 1px 0 10px;
    background: #00311b
}

.RaycastWindow_raycastWindowOuter__IPv1c {
    position: relative;
    display: grid;
    grid-template-rows:56px auto 40px;
    grid-template-columns:1fr;
    width: 750px;
    height: 475px;
    isolation: isolate;
    border-radius: 12px
}

.RaycastWindow_raycastWindowOuter__IPv1c:before {
    position: absolute;
    inset: -1px;
    z-index: -1;
    overflow: hidden;
    content: "";
    background: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    border: 1px solid hsla(270, 2%, 56%, .2);
    border-radius: inherit;
    box-shadow: 0 4px 40px 8px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(0, 0, 0, .8), inset 0 .5px 0 0 hsla(0, 0%, 100%, .3);
    transform: translateZ(0)
}

.RaycastWindow_contentArea__SVPWp {
    height: 379px;
    overflow-y: hidden
}

.RaycastWindow_contentArea__SVPWp.RaycastWindow_withDetails__JJKRE {
    display: grid;
    grid-template-rows:218px 1fr;
    grid-template-columns:280px auto
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_list__m8UA5 {
    grid-row: span 2;
    padding: 0 8px;
    overflow-y: scroll;
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailPreview__Yx50t {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 {
    padding: 0 8px;
    overflow-y: scroll
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 .RaycastWindow_tableWrapper__6K5yX {
    padding: 0 8px
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 table {
    width: 100%;
    border-collapse: collapse
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 table tr:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 table th {
    padding: 8px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .6));
    text-align: left;
    letter-spacing: .1px
}

.RaycastWindow_contentArea__SVPWp .RaycastWindow_detailList__Jsqu7 table td {
    padding: 8px 0;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-align: right;
    letter-spacing: .1px
}

.RaycastWindow_navigationBar__hJ9Ml {
    display: flex;
    align-items: center;
    padding: 0 16px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;

    letter-spacing: .1px;
    border-bottom: .5px solid hsla(0, 0%, 100%, .1)
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_placeholder__LvJRt {
    color: hsla(0, 0%, 100%, .4)
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_backButton__jEUDH {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 6px
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_backButton__jEUDH > svg {
    width: 16px
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_left__Bgiss {
    position: relative;
    display: inline-flex;
    flex-grow: 1;
    gap: 8px;
    align-items: center
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_input__V2lhR {
    position: relative;
    flex-grow: 1
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_cursor__wNE1G {
    position: absolute;
    height: 100%;
    border: 1px solid hsla(0, 0%, 100%, .6);
    border-radius: 2px
}

.RaycastWindow_navigationBar__hJ9Ml .RaycastWindow_cursor__wNE1G.RaycastWindow_blink__gOQ01 {
    animation: RaycastWindow_blink__gOQ01 1.1s step-end infinite
}

@keyframes RaycastWindow_blink__gOQ01 {
    50% {
        opacity: 0
    }
}

.FloatingNote_floatingNote___caUz {
    position: absolute;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 17px;
    width: 386.313px;
    height: 576px;
    padding: 48px 40px;
    background: rgba(13, 15, 18, .53);
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    border: 1px solid hsla(270, 2%, 56%, .2);
    border-radius: 12px;
    box-shadow: 0 4px 40px 8px rgba(0, 0, 0, .4), 0 0 0 .5px rgba(0, 0, 0, .8), inset 0 .5px 0 0 hsla(0, 0%, 100%, .3);
    transform: translateZ(0)
}

.FloatingNote_floatingNote___caUz h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    color: #fff;
    letter-spacing: .1px
}

.FloatingNote_floatingNote___caUz p {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    letter-spacing: .1px
}

.FloatingNote_floatingNoteControls__ekMLH {
    position: absolute;
    top: 11px;
    left: 11px
}

@-moz-document url-prefix() {
    .FloatingNote_floatingNote___caUz {
        transform: none
    }
}

.Keyboard_keyboard__Ln3nQ {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 100%
}

.Keyboard_keyboardRow__p_VN4 {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    height: 110px
}

@property --key-bg-start-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #121212
}

@property --key-bg-end-color {
    syntax: "<color>";
    inherits: true;
    initial-value: #0d0d0d
}

.Keyboard_key__QsvDd {
    --key-bg-start-color: #121212;
    --key-bg-end-color: #0d0d0d;
    display: grid;
    flex-shrink: 0;
    grid-template-rows:1fr 1fr;
    width: 110px;
    height: 100%;
    padding: 14.5px 15px;
    font-family: "SF Pro Text", "SF Pro Icons";
    font-size: 23.75px;
    font-weight: 500;
    text-shadow: 0 .5px .5px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: radial-gradient(75% 75% at 50% 91.9%, var(--key-bg-start-color) 0, var(--key-bg-end-color) 100%);
    border-radius: 11px;
    box-shadow: 0 1.5px .5px 2.5px rgba(0, 0, 0, .4), 0 0 .5px 1px #000, inset 0 2px 1px 1px rgba(0, 0, 0, .25), inset 0 1px 1px 1px hsla(0, 0%, 100%, .2), inset 0 0 0 0 transparent;
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1), box-shadow .2s cubic-bezier(.23, 1, .32, 1), transform .2s cubic-bezier(.23, 1, .32, 1), color .2s cubic-bezier(.23, 1, .32, 1), --key-bg-start-color .4s cubic-bezier(.23, 1, .32, 1), --key-bg-end-color .4s cubic-bezier(.23, 1, .32, 1)
}

.Keyboard_key__QsvDd path {
    transition: fill .4s var(--delay) cubic-bezier(.23, 1, .32, 1)
}

.Keyboard_key__QsvDd strong {
    color: #fff
}

.Keyboard_key__QsvDd.Keyboard_noMobile__ToguE {
    display: none
}

.Keyboard_key__QsvDd > .Keyboard_alt__YrkyB {
    grid-row: 1
}

.Keyboard_key__QsvDd > .Keyboard_primary__gV0ic {
    grid-row: 2
}

@media (min-width: 720px) {
    .Keyboard_key__QsvDd.Keyboard_noMobile__ToguE {
        display: grid
    }
}

.Keyboard_alt__YrkyB {
    display: flex;
    align-items: flex-start
}

.Keyboard_alt__YrkyB.Keyboard_alignRight__kytwu {
    justify-content: flex-end
}

.Keyboard_alt__YrkyB.Keyboard_alignCenter__SG2yx {
    justify-content: center
}

.Keyboard_alt__YrkyB > svg {
    color: #6a6b6c
}

.Keyboard_primary__gV0ic {
    display: flex;
    align-items: flex-end
}

.Keyboard_primary__gV0ic > span {
    color: #9c9c9d
}

.Keyboard_primary__gV0ic.Keyboard_alignRight__kytwu {
    justify-content: flex-end
}

.Keyboard_primary__gV0ic.Keyboard_alignCenter__SG2yx {
    justify-content: center
}

.Keyboard_primary__gV0ic.Keyboard_stretch__nD7ve {
    grid-row: 1/span 2;
    align-items: center;
    justify-content: center
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd {
    position: relative
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd:after,
.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd:before {
    content: "";
    opacity: 0;
    transition: transform 1s calc(var(--delay) + .2s) cubic-bezier(.23, 1, .32, 1), opacity 1s calc(var(--delay) + .2s) cubic-bezier(.23, 1, .32, 1);
    transform: scale(.9)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd.Keyboard_pressed__QTyKF:not(.Keyboard_glowing__7Ddpf),
.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd:hover:not(.Keyboard_glowing__7Ddpf) {
    --key-bg-start-color: #151515;
    --key-bg-end-color: #0d0d0d;
    background: radial-gradient(75% 75% at 50% 91.9%, var(--key-bg-start-color) 0, var(--key-bg-end-color) 100%);
    box-shadow: 0 0 0 0 transparent, 0 0 .5px 1px #000, inset 0 2px 1px 1px rgba(0, 0, 0, .25), inset 0 1px 1px 0 hsla(0, 0%, 100%, .15), inset 0 0 0 0 transparent;
    transform: translateY(2px)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd:hover:not(.Keyboard_glowing__7Ddpf) {
    transform: translateY(1px)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd.Keyboard_glowing__7Ddpf {
    --key-bg-start-color: #161616;
    --key-bg-end-color: #222;
    position: relative;
    color: #ffcdcd;
    text-shadow: 0 0 4.331px #ff6363;
    background: linear-gradient(180deg, var(--key-bg-start-color) 0, var(--key-bg-end-color) 100%);
    box-shadow: 0 0 10px 5px rgba(255, 67, 7, .1), 0 0 3px 2px rgba(255, 67, 7, .1), inset 1px .5px .5px .5px hsla(0, 100%, 73%, .25), inset 0 0 1px 1px hsla(0, 0%, 100%, .45), inset 0 2px 1px 1px rgba(0, 0, 0, .25);
    transition: opacity 1.5s var(--delay) cubic-bezier(.23, 1, .32, 1), box-shadow 1.5s var(--delay) cubic-bezier(.23, 1, .32, 1), transform 1.5s var(--delay) cubic-bezier(.23, 1, .32, 1), color 1.5s var(--delay) cubic-bezier(.23, 1, .32, 1), --key-bg-start-color 1.5s calc(var(--delay) + .1s) cubic-bezier(.23, 1, .32, 1), --key-bg-end-color 1.5s calc(var(--delay) + .1s) cubic-bezier(.23, 1, .32, 1)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd.Keyboard_glowing__7Ddpf path {
    fill: #ffcdcd !important
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd.Keyboard_glowing__7Ddpf:before {
    position: absolute;
    top: -15%;
    left: -10%;
    z-index: -1;
    width: 120%;
    height: 130%;
    background: radial-gradient(56% 65% at 50% 50%, #fa7e7e 0, hsla(0, 92%, 71%, 0) 100%);
    filter: blur(15px);
    opacity: 1;
    transform: scale(var(--scale, 1.08)) translateZ(0)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_key__QsvDd.Keyboard_glowing__7Ddpf:after {
    position: absolute;
    top: -1%;
    left: -5%;
    width: 70%;
    height: 4%;
    background: radial-gradient(56% 65% at 50% 50%, #fff 0, hsla(0, 92%, 71%, 0) 100%);
    filter: blur(5px);
    mix-blend-mode: overlay;
    opacity: 1;
    transform: scale(1) translateZ(0)
}

.Keyboard_isNotSafari__vhdCL .Keyboard_keyboardRow__p_VN4:nth-child(6) {
    z-index: 1
}

.AnimatedCmdSpaceKeyboard_container__zHMEc {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    overflow: hidden
}

.AnimatedCmdSpaceKeyboard_svg__CSWnO {
    width: clamp(700px, calc(calc(8vw + 14px) * 15.95), 1754px);
    padding-bottom: 50px;
    overflow: visible;
    -webkit-mask-image: radial-gradient(43.1% 67.12% at 48.11% 80%, #d9d9d9 0, hsla(0, 0%, 85%, 0) 100%);
    mask-image: radial-gradient(43.1% 67.12% at 48.11% 80%, #d9d9d9 0, hsla(0, 0%, 85%, 0) 100%)
}

.AnimatedCmdSpaceKeyboard_svg__CSWnO foreignObject {
    overflow: visible
}

.AnimatedCmdSpaceKeyboard_keyboardContainer__oK8lT {
    display: flex;
    justify-content: center;
    margin-bottom: 128px
}

.quick-ai-showcase_quickAiWindow__CB7ME {
    position: absolute;
    top: 110px;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateZ(0)
}

@-moz-document url-prefix() {
    .quick-ai-showcase_quickAiWindow__CB7ME {
        transform: none
    }
}

.quick-ai-showcase_terminalWindow__oNJ4P {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 625px;
    height: 369px;
    overflow: hidden;
    background: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(36px);
    backdrop-filter: blur(36px);
    border: 1px solid hsla(270, 2%, 56%, .15);
    border-radius: 10px;
    box-shadow: inset 0 .5px 0 0 hsla(0, 0%, 100%, .2), 0 0 0 .5px rgba(0, 0, 0, .8), 0 4px 40px 8px rgba(0, 0, 0, .4);
    transform: translateZ(0)
}

.quick-ai-showcase_terminalWindowHeader__g6GC9 {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    color: hsla(0, 0%, 100%, .6);
    text-align: center;
    background-color: hsla(0, 0%, 100%, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .6);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2)
}

.quick-ai-showcase_terminalWindowContent__lvcA6 {
    position: relative;
    padding: 12px;

    font-size: 12px;
    line-height: 1.4
}

div.quick-ai-showcase_trafficLights__f_Tfk {
    top: 7px;
    left: 7px
}

.quick-ai-showcase_tilde__rNSqM {
    display: block;
    color: #db97ff
}

.quick-ai-showcase_cursorActive__lCoLW {
    position: absolute;
    top: 47px;
    left: 603px;
    width: 7px;
    height: 16px;
    background-color: rgba(6, 228, 230, .5)
}

.quick-ai-showcase_cursor__FrYe9 {
    position: absolute;
    top: 80px;
    left: 12px;
    width: 7px;
    height: 16px;
    background-color: hsla(0, 0%, 100%, .4)
}

.Automation_container__39AlV {
    display: flex;
    flex-direction: column;
    gap: 48px;

    margin: 0 auto
}

.Automation_sectionTitle__n4J1x {
    max-width: 510px;
    margin: 0 auto
}

.Automation_grid__BVWWz {
    display: grid;
    grid-template-areas:"top top" "left left" "right right";
    grid-template-columns:1fr 1fr;
    gap: 40px
}

@media (min-width: 720px) {
    .Automation_grid__BVWWz {
        grid-template-areas:"top top" "left right"
    }
}

.Automation_topWrapper__RXG71 {
    position: relative;
    grid-area: top
}

.Automation_topWrapper__RXG71 .Automation_backdrop__limde {
    position: absolute;
    inset: -13px 24px;
    z-index: -1;
    filter: blur(37.5px);
    transform: translateZ(0)
}

.Automation_topWrapper__RXG71 .Automation_backdrop__limde:before {
    position: absolute;
    inset: 0;
    z-index: -1;
    clip-path: polygon(0 0, 50% 14%, 100% 0, 92% 50%, 100% 100%, 50% 86%, 0 100%, 8% 50%);
    content: "";
    background: radial-gradient(96.53% 62.13% at 22.87% 46.84%, hsla(0, 0%, 100%, 0) 17.89%, rgba(154, 170, 255, .1) 100%)
}

.Automation_top__n4uSt {
    position: relative;
    display: grid;
    grid-auto-flow: row;
    height: 100%;
    padding-top: 0;
    border-radius: calc(12px - 1)
}

.Automation_top__n4uSt .Automation_description__gITAR {
    z-index: 1;
    grid-row: 2;

}

@media (min-width: 720px) {
    .Automation_top__n4uSt .Automation_description__gITAR {
        grid-row: 1
    }

    .Automation_top__n4uSt {
        grid-auto-flow: column;

    }
}

.Automation_snippetsBackdrop__cbpZV {
    position: absolute;
    top: -50%;
    right: 0;
    z-index: 0;
    pointer-events: none;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .75
}

@media (min-width: 720px) {
    .Automation_snippetsBackdrop__cbpZV {
        top: -160%;
        right: -5%
    }
}

.Automation_left__huWQf {
    display: flex;
    flex-direction: column;
    grid-area: left
}

.Automation_left__huWQf > img {
    align-self: flex-end;
    -webkit-mask-image: linear-gradient(179deg, #d9d9d9 73.71%, hsla(0, 0%, 85%, 0) 91.16%);
    mask-image: linear-gradient(179deg, #d9d9d9 73.71%, hsla(0, 0%, 85%, 0) 91.16%)
}

.Automation_left__huWQf .Automation_description__gITAR {
    max-width: 399px
}

.Automation_right__VtadU {
    display: grid;
    flex-direction: column;
    grid-area: right;
    grid-template-rows:1fr auto;
    grid-template-columns:1fr
}

.Automation_right__VtadU > img {
    align-self: center;
    justify-self: center;
    padding: 48px 16px
}

@media (min-width: 720px) {
    .Automation_right__VtadU > img {
        padding: 0
    }
}

.CommunitySection_bgImg__Sh9m0 {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: clamp(680px, calc(32vw + 561px), 818px);
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: .35;
    transform: translate(-50%, -50%)
}

.Automation_card__7Lygc {
    overflow: hidden;

    border: 1px solid hsla(0, 0%, 100%, .06);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .1)
}

.Automation_description__gITAR {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;


}

.Automation_description__gITAR > h5 {
    display: inline-flex;
    gap: 16px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .2px
}

.Automation_description__gITAR > h5 > svg {
    width: 24px;
    height: 24px
}

.Automation_description__gITAR > p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;

    letter-spacing: .2px
}

.YoutubeCarousel_embla__HP5Lc {
    padding: 48px 0;
    overflow: hidden
}

.YoutubeCarousel_embla__container__m63EN {
    display: flex
}

.YoutubeCarousel_embla__slide__T2y6T {
    flex: 0 0 calc(190px + 40px);
    min-width: 0;
    margin-right: 20px;
    margin-left: 20px
}

.YoutubeCarousel_embla__slide__T2y6T:hover .YoutubeCarousel_title__MDIH6 {
    opacity: 1
}

.YoutubeCarousel_title__MDIH6 {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    opacity: .8;
    transition: opacity .2s ease
}

.YoutubeCarousel_placeholder__lKCI7 {
    position: relative;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #434345;
    border-radius: 12px;
    box-shadow: 0 0 20px 5px hsla(39, 33%, 76%, .05), 0 0 16px -7px hsla(39, 33%, 76%, .05);
    transition: all .3s ease
}

.YoutubeCarousel_placeholder__lKCI7.YoutubeCarousel_grayscale__nOLKb {
    filter: grayscale(1)
}

.YoutubeCarousel_placeholder__lKCI7:hover {
    box-shadow: 0 0 16px -7px rgba(154, 170, 255, .05), 0 2px 40px 10px rgba(154, 170, 255, .05);
    transform: scale(1.04)
}

.YoutubeCarousel_placeholder__lKCI7 > img {
    width: 290px;
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(.5);
    transition: filter .3s ease
}

.YoutubeCarousel_placeholder__lKCI7 > img:hover {
    filter: grayscale(0)
}

.YoutubeCarousel_placeholder__lKCI7:after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, 0)) border-box;
    border: 1px solid transparent;
    border-radius: 12px;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: xor;
    transition: all .3s ease
}
.CommunitySection_container__8ZibF {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:hidden
}
.CommunitySection_bgImg__Sh9m0 {
    position:absolute;
    top:50%;
    left:50%;
    z-index:-1;
    width:clamp(680px,calc(32vw + 561px),818px);
    max-width:none;
    -o-object-fit:contain;
    object-fit:contain;
    opacity:.45;
    transform:translate(-50%,-50%)
}
.CommunitySection_socials___HNIF {
    display:grid;
    grid-template-areas:"title" "slack" "twitter";
    gap:32px;
    justify-content:center;
    width:948px;
    max-width:100%;
    padding:0 24px;
    margin-bottom:120px
}
@media (min-width:720px) {
    .CommunitySection_socials___HNIF {
        grid-template-areas:"title title" "slack twitter";
        grid-template-columns:1fr 1fr;
        gap:56px 40px
    }
}
.CommunitySection_socialCard__Grpqk {
    display:flex;
    flex-direction:column;
    gap:16px;
    align-items:flex-start;
    justify-content:flex-end;
    max-width:454px;
    padding:16px;
    overflow:hidden;
    background:linear-gradient(137deg,rgba(17,18,20,.75) 4.87%,rgba(12,13,15,.9) 75.88%);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border:1px solid hsla(0,0%,100%,.06);
    border-radius:12px;
    box-shadow:inset 0 1px 1px 0 hsla(0,0%,100%,.15);
    transform:translateZ(0)
}
.CommunitySection_socialCard__Grpqk:after {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    background:transparent;
    transition:background .3s ease
}
.CommunitySection_socialCard__Grpqk:hover .CommunitySection_join__8iTNE>svg {
    transform:translateX(2px)
}
.CommunitySection_socialCard__Grpqk:hover:after {
    background:hsla(0,0%,100%,.04)
}
.CommunitySection_socialCard__Grpqk .CommunitySection_header__52zZJ {
    display:flex;
    gap:16px;
    align-items:center;
    width:100%
}
.CommunitySection_socialCard__Grpqk .CommunitySection_join__8iTNE {
    display:inline-flex;
    gap:3px;
    align-items:center;
    font-size:14px;
    font-weight:500;
    color:#fff
}
.CommunitySection_socialCard__Grpqk .CommunitySection_join__8iTNE>svg {
    width:16px;
    transition:transform .3s ease
}
.CommunitySection_socialCard__Grpqk p {
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#9c9c9d;
    text-shadow:0 0 4px rgba(0,0,0,.25);
    letter-spacing:.2px
}
.CommunitySection_socialCard__Grpqk h5 {
    flex-grow:1;

    font-style:normal;
    font-weight:500;
    line-height:normal;
    color:#fff;
    letter-spacing:.2px
}
.CommunitySection_socialCard__Grpqk .CommunitySection_memberCount__jf0Q3 {

    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#9c9c9d;
    text-shadow:0 0 4px rgba(0,0,0,.25);
    letter-spacing:.3px
}
@media (min-width:720px) {
    .CommunitySection_socialCard__Grpqk {
        padding:24px
    }
}

.SectionTitle_container__qvIRZ h2,
.SectionTitle_container__qvIRZ p {

    font-style:normal;
    font-weight:600;
    line-height:160%;
    letter-spacing:.2px
}
@media (min-width:720px) {
    .SectionTitle_container__qvIRZ h2,
    .SectionTitle_container__qvIRZ p {

        line-height:normal
    }
}
.SectionTitle_container__qvIRZ.SectionTitle_large__h6fYL h2 {
    margin-bottom:12px;
    font-size:20px;
    line-height:160%;
    letter-spacing:.2px
}
@media (min-width:720px) {
    .SectionTitle_container__qvIRZ.SectionTitle_large__h6fYL h2 {
        font-size:32px
    }
}
.SectionTitle_container__qvIRZ.SectionTitle_large__h6fYL p {
    max-width:516px;
    margin:0 auto;
    font-size:16px;
    font-weight:400;
    line-height:150%;
    letter-spacing:.2px
}
@media (min-width:720px) {
    .SectionTitle_container__qvIRZ.SectionTitle_large__h6fYL p {
        font-size:18px
    }
}
.SectionTitle_container__qvIRZ h2 {
    color:#fff}

.SectionTitle_container__qvIRZ.SectionTitle_center__tGgzU {
    text-align:center
}
.SectionTitle_container__qvIRZ.SectionTitle_inline__p4F1P {
    display:flex;
    gap:6px
}
.SectionTitle_container__qvIRZ.SectionTitle_inline__p4F1P.SectionTitle_center__tGgzU {
    justify-content:center
}
.SectionTitle_tag__5gcWk {
    display:block;
    margin-bottom:8px;

    font-size:14px;
    font-weight:500;
    color:#6a6b6c;
    text-transform:uppercase;
    letter-spacing:.2px
}

.SectionTitle_container__qvIRZ h2 {
    color:#fff
}

.SectionTitle_container__qvIRZ.SectionTitle_center__tGgzU {
    text-align:center
}
.SectionTitle_container__qvIRZ.SectionTitle_inline__p4F1P {
    display:flex;
    gap:6px
}
.SectionTitle_container__qvIRZ.SectionTitle_inline__p4F1P.SectionTitle_center__tGgzU {
    justify-content:center
}
@media (min-width:720px) {  .CommunitySection_sectionTitle__3RaZP {margin-bottom:0;}  }
.CommunitySection_sectionTitle__3RaZP {
    grid-area:title;
    max-width:486px;
    margin:0 auto;
    margin-bottom:24px;
    text-align:center
}
.page_sectionContainer__78UYS {
    position:relative;
    max-width:calc(1204px + 48px);

    margin:0 auto;
overflow:hidden;
}

.AIModels_container__vVoKp {
    display:flex;
    flex-direction:column;
    gap:32px;
    align-items:center;
    scroll-margin-top:var(--navbar-total-spacing)
}
.AIModels_container__vVoKp .AIModels_text__0YGHD {
    max-width:424px
}
.AIModels_paragraph__bige_ {
    margin-bottom:48px;
    font-size:16px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#9c9c9d;

    letter-spacing:.2px
}
.AIModels_tabsContainer__Y8S_6 {
    display:flex;
    width:100%;
    max-width:min(100vw,1000px);
    margin:0 auto;
    overflow-x:scroll
}
.AIModels_tabs__Ch9JI {
    display:flex;
    flex-grow:1;
    gap:32px;
    justify-content:space-between;
    margin-bottom:32px
}
.AIModels_providerName__mlm4T {
    display:block;
    min-width:55px;
    text-align:center
}
.AIModels_model__rdQ4I {
    display:flex;
    flex:none;
    flex-direction:column;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    height:48px;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#9c9c9d;
    letter-spacing:.2px;
    cursor:pointer;
    transition:color .3s
}
.AIModels_model__rdQ4I:hover {
    color:#fff;
}
.AIModels_tableContainer__9PA49 {
    display:flex;
    width:100%;
    max-width:min(100vw,910px);
    margin:0 auto;
    overflow-x:scroll;
    background:radial-gradient(49.41% 64.58% at 49.4% 0,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,0) 100%);
    box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)
}
.AIModels_table__0oOp9 {
    width:100%;
    min-width:420px;
    max-width:1030px;
    padding:24px 0 0;

}
.AIModels_table__0oOp9 td {
    height:37px;
    font-size:14px;
    color:#9c9c9d;
    white-space:nowrap
}
.AIModels_table__0oOp9 td,
.AIModels_table__0oOp9 th {
    font-style:normal;
    font-weight:500;
    line-height:160%;
    letter-spacing:.2px
}
.AIModels_table__0oOp9 th {

    font-size:12px;
    color:#6a6b6c;
    text-align:left
}
.AIModels_table__0oOp9 td,
.AIModels_table__0oOp9 th {
    border-right:8px solid transparent;
    border-left:8px solid transparent
}
@media (min-width:720px) {
    .AIModels_table__0oOp9 td:first-child,
    .AIModels_table__0oOp9 th:first-child {
        text-align:right
    }
}
.AIModels_columnSpacer__zqBiZ .AIModels_wrapper__yBp46 {
    display:grid;
    grid-template-rows:21px;
    grid-template-columns:1fr
}
.AIModels_columnSpacer__zqBiZ .AIModels_wrapper__yBp46>* {
    grid-area:1/1
}
.AIModels_columnSpacer__zqBiZ .AIModels_label__QJpVL {
    display:flex;
    align-items:center;
    justify-content:flex-start
}
@media (min-width:720px) {
    .AIModels_columnSpacer__zqBiZ .AIModels_label__QJpVL {
        justify-content:flex-end
    }
}
.AIModels_columnSpacer__zqBiZ .AIModels_spacing__2w0cW {
    display:grid;
    grid-template-rows:1fr;
    grid-template-columns:1fr;

    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#9c9c9d;
    letter-spacing:.2px
}
.AIModels_columnSpacer__zqBiZ .AIModels_spacing__2w0cW>* {
    grid-area:1/1;
    white-space:nowrap;
    visibility:hidden
}
.AIModels_requiresBetterAi__U2yq7 {
    display:flex;
    justify-content:center;
    font-family:var(--font-geist-mono);
    font-size:12px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    color:#6a6b6c;
    letter-spacing:.2px
}
.AIModels_rating__R9TUp {
    display:flex;
    gap:4px;
    align-items:center;
    width:85px
}
@media (min-width:720px) {
    .AIModels_rating__R9TUp {
        width:112px
    }
}
.AIModels_rating__R9TUp>div {
    flex-grow:1;
    height:3px;
       border-radius:1px
}

.AIModels_model__rdQ4I.AIModels_active__R_XSG_red, .AIModels_model__rdQ4I.AIModels_active__R_XSG_green,
.AIModels_model__rdQ4I:hover {
    color:#fff
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-red {
    background: rgb(239 68 68);   /* red-500 */
    color: #fff;
}

.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-green {
    background: rgb(34 197 94);   /* green-500 */
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-yellow {
    background: rgb(244, 245, 2);
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-blue {
    background: rgb(59 130 246);  /* blue-500 */
    color: #fff;
}

.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-indigo {
    background: rgb(99 102 241);  /* indigo-500 */
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-fuchsia {
    background: rgb(246, 0, 229);
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-violet {
    background: rgb(108, 60, 239);
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-rose {
    background: rgb(244 63 94);   /* rose-500 */
    color: #fff;
}

.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-sky {
    background: rgb(14 165 233);  /* sky-500 */
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-slate {
    background: rgb(14 165 233);
    color: #fff;
}

.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-purple {
    background: rgb(168 85 247);  /* purple-500 */
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-lime {
    background: rgb(75, 199, 0);
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-orange {
    background: rgb(249 115 22);  /* orange-500 */
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-amber {
    background: rgb(247, 185, 1);
    color: #fff;
}
.AIModels_rating__R9TUp > div.AIModels_active__R_XSG-teal {
    background: rgb(20 184 166);  /* teal-500 */
    color: #fff;
}
.border-custom {
    border-color: rgba(207, 33, 202, 0.3)
}

.border-custom:hover {
    border-color: rgba(207, 33, 202, 0.4);
    box-shadow: 0 0 20px 3px rgba(207, 33, 202, 0.35);
}


.announcement-outer {

    background: conic-gradient(from calc(var(--r2) - 80deg) at var(--x) 15px, transparent 0, rgb(207, 33, 202) 20%, transparent 25%), rgba(207, 33, 202, 0.4);

    box-shadow: 0 0 20px 0 rgba(207, 33, 202, 0.1);

}

.ExtensionCard_cardWrapper__2WfmE {
    --card-padding:32px;
    position:relative;
    border-radius:12px
}
.ExtensionCard_cardWrapper__2WfmE:has(:hover) .ExtensionCard_card__7dfiV:after {
    opacity:1
}
.ExtensionCard_cardWrapper__2WfmE:has(:focus-within) .ExtensionCard_card__7dfiV {
    outline:none;
    box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.3)
}
.ExtensionCard_cardWrapper__2WfmE:has(:active) {
    transform:scale(.98)
}
.ExtensionCard_card__7dfiV {
    position:relative;
    display:block;
    padding:var(--card-padding);
    cursor:pointer;
    border:1px solid hsla(0,0%,100%,.06);
    border-radius:inherit;
    box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.05);
    transition:background-color .15s ease-in-out
}
.ExtensionCard_card__7dfiV:before {
    z-index:-2;
    background-color:#0c0d0f
}
.ExtensionCard_card__7dfiV:after,
.ExtensionCard_card__7dfiV:before {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    content:"";
    border-radius:12px
}
.ExtensionCard_card__7dfiV:after {
    z-index:-1;
    background-image:radial-gradient(100% 100% at 50% 0,#111214 0,#1b1c1e 150%);
    opacity:0;
    transition:opacity .15s ease-in-out;
    will-change:opacity
}
.ExtensionCard_buttonSlotContent__HlmvS {
    position:absolute;
    top:var(--card-padding);
    right:var(--card-padding);
    display:grid;
    align-items:center;
    justify-content:center
}

.InstallButton_root__xGz_T {
    display:none;
    min-height:0;
    padding:8px;
    text-align:center
}
.InstallButton_root__xGz_T:focus-visible {
    outline:none;
    box-shadow:0 0 0 2px rgba(255, 255, 255,.5)
}
@media (hover:hover) {
    .InstallButton_root__xGz_T {
        display:flex
    }
}
@media (min-width:720px) {
    .InstallButton_root__xGz_T {
        display:flex
    }
}
.InstallButton_unsupported__R0JRg {
    opacity:.3
}
.InstallButton_tooltip__XY6jE {
    padding:4px 8px;
    font-size:12px;
    text-align:center;
    border-radius:8px
}
.Button_dark__dyBom {
    color:#fff;
    background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.1));
    box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.05),0 0 0 1px hsla(0,0%,100%,.25),inset 0 -1px 0 0 rgba(0,0,0,.2)
}

.Button_button__JJiqJ {
    display:inline-flex;
    flex-direction:row;
    gap:8px;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:8px 12px;
    font-size:14px;
    font-weight:500;
    line-height:16px;
    letter-spacing:.2px;
    white-space:nowrap;
    cursor:pointer;
    border:none;
    border-radius:8px;
    transition:background-image .2s,background-color .2s,box-shadow .2s ease-in-out,transform .1s ease-in-out
}
.Button_button__JJiqJ>svg {
    width:16px;
    height:16px
}
.Button_button__JJiqJ:disabled {
    cursor:not-allowed;
    opacity:.3
}
.Button_button__JJiqJ:disabled:active {
    transform:none
}

.page_extensionsWrapper__L6dew {
    display:grid;
    grid-template-columns:repeat(1,minmax(0,1fr));
    gap:16px;
    margin-top:32px
}
@media (min-width:720px) {
    .page_extensionsWrapper__L6dew {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:24px
    }
}


.HowWeWork_howWeWork__Lr8j_ {
    margin-bottom:64px
}
@media (min-width:1024px) {
    .HowWeWork_howWeWork__Lr8j_ {
        margin-bottom:160px
    }
}
.HowWeWork_wrapper__ynM5I {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:0 auto
}
@media (min-width:1024px) {
    .HowWeWork_wrapper__ynM5I {
        display:grid;
        max-width:1064px;
        padding:0 32px;
        margin:0 auto
    }
}
.HowWeWork_card__Z08bm {
    padding:32px;
    margin-top:16px;
    margin-bottom:16px;
    font-size:14px;
    line-height:20px;
    background:rgba(255,255,255,.05);
    border-radius:12px
}
@media (min-width:1024px) {
    .HowWeWork_card__Z08bm {
        display:grid;
        padding:48px;
        font-size:15px;
        line-height:22px
    }
}
.HowWeWork_cardTitle__CKm3_ {
    margin-bottom:8px;
    font-weight:600
}
@media (min-width:1024px) {
    .HowWeWork_cardTitle__CKm3_ {
        margin-bottom:16px;
        font-size:20px;
        line-height:27px
    }
}
.HowWeWork_cardTitleRayday__lft75 {
    display:flex
}
.HowWeWork_cardText__4fQoc {
    margin-bottom:20px;
    color:rgba(255,255,255,.6)
}
.HowWeWork_cardText__4fQoc:last-child {
    margin-bottom:0
}
.HowWeWork_newOuter__p3kQM {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:12px;
    padding-left:12px;
    margin-left:16px;
    background:#181425;
    background-clip:padding-box;
    border-color:transparent;
    border-width:1px;
    border-radius:999999999px
}
.HowWeWork_newOuter__p3kQM:before {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-10;
    margin:-1px;
    content:"";
    border-radius:999999999px
}
.HowWeWork_newInner__0lQ2c,
.HowWeWork_newOuter__p3kQM:before {
    background-image:linear-gradient(120deg,#6100ff,#5be2ff,#8cbba5)
}
.HowWeWork_newInner__0lQ2c {
    font-size:12px;
    font-weight:400;
    line-height:18px;
    color:transparent;
    letter-spacing:.4px;
    -webkit-background-clip:text;
    background-clip:text
}
.OurValues_ourValues__hCzpD {
    margin-bottom:128px
}
@media (min-width:1024px) {
    .OurValues_ourValues__hCzpD {
        margin-bottom:160px
    }
}
.OurValues_valuesWrapper__hQOfr {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    max-width:1064px;
    padding:0 32px 24px;
    margin-right:auto;
    margin-left:auto
}
@media (max-width:1024px) {
    .OurValues_valuesWrapper__hQOfr {
        display:flex;
        max-width:auto;
        margin-right:-32px;
        margin-left:-32px;
        overflow-x:scroll
    }
}
.OurValues_value__vHqUE {
    min-width:255px;
    padding:32px;
    background-color:hsla(0,0%,100%,.05);
    border-radius:12px
}
.OurValues_value__vHqUE h4 {
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
    line-height:20px
}
.OurValues_value__vHqUE p {
    font-size:14px;
    line-height:20px;
    color:rgba(255,255,255,.6);
    letter-spacing:.3px
}
.Timeline_timeline__RcB9W {
    max-width:1064px;
    padding:64px 40px 196px;
    margin:10px -32px 128px;
    overflow-x:scroll;
    overflow-y:hidden
}
@media (min-width:720px) {
    .Timeline_timeline__RcB9W {
        width:100%;
        margin-right:auto;
        margin-bottom:160px;
        margin-left:auto;
        overflow-x:auto
    }
}
.Timeline_timelineInner__WfqOd {
    display:grid;
    grid-template-columns:repeat(14,minmax(1px,1fr)) 2px;
    width:970px;
    height:80px
}
.Timeline_timelineItem__g4_pp {
    position:relative;
    display:grid;
    grid-template-columns:1px 1fr
}
.Timeline_relative__32d5e {
    position:relative
}
.Timeline_link__faBtm {
    position:relative;
    display:block;
    width:0;
    height:32px;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.2);
    border-radius:1px;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s;
    transition-property:all
}
.Timeline_link__faBtm:hover {
    border-color:hsla(0,0%,100%,.6)
}
.Timeline_active__4Dgz4 .Timeline_link__faBtm {
    height:80px;
    cursor:default;
    border-color:#ff6363
}
.Timeline_link__faBtm:before {
    position:absolute;
    top:-10px;
    right:-10px;
    bottom:-40px;
    left:-10px;
    content:""
}
.Timeline_iconWrapper__1Xdui {
    position:absolute;
    top:calc(100% + 16px);
    left:-50%;
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    color:hsla(0,0%,100%,.2);
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s;
    transition-property:all;
    transform:translateX(-50%)
}
.Timeline_active__4Dgz4 .Timeline_iconWrapper__1Xdui,
.Timeline_link__faBtm:hover .Timeline_iconWrapper__1Xdui {
    color:hsla(0,0%,100%,.6)
}
.Timeline_year__mDgNF {
    position:absolute;
    bottom:calc(100% + 16px);
    left:50%;
    font-size:12px;
    font-weight:500;
    line-height:20px;
    color:hsla(0,0%,100%,.4);
    transform:translateX(-50%)
}
.Timeline_spacer__lpExO {
    height:16px;
    background-image:repeating-linear-gradient(90deg,transparent,transparent 9px,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 10px)
}
.Timeline_details__jfTXo {
    position:absolute;
    top:calc(100% + 40px);
    width:240px;
    text-align:center;
    opacity:0;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.3s;
    transition-property:opacity;
    transform:translateX(-50%)
}
.Timeline_active__4Dgz4 .Timeline_details__jfTXo {
    opacity:1
}
.Timeline_timelineItem__g4_pp:first-child .Timeline_details__jfTXo {
    left:-10px;
    text-align:left;
    transform:none
}
.Timeline_timelineItem__g4_pp:last-child .Timeline_details__jfTXo {
    right:10px;
    text-align:right;
    transform:none
}
.Timeline_details__jfTXo h4 {
    margin-top:24px;
    margin-bottom:10px;
    font-size:16px;
    font-weight:600;
    line-height:21px;
    color:rgba(255,255,255,1)
}
.Timeline_details__jfTXo p {
    font-size:15px;
    line-height:21px;
    color:hsla(0,0%,100%,.6);
    letter-spacing:.4px
}
.Team_initialsWrapper__Xj7O_ {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    background-image:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));
    background-clip:padding-box;
    border-radius:100%;
    opacity:.6;
    transition:all .3s ease-in-out
}
.Team_member__jSW58:hover .Team_initialsWrapper__Xj7O_ {
    opacity:1
}

.pulse_z {
    border: 1px solid #fff;
    background: #2A97FF;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
}


.pulse_z::after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -14px 0 0 -14px;
    -webkit-animation: pulsate_geo 1s ease-out;
    /*! -moz-animation: pulsate_geo 1s ease-out; */
    -o-animation: pulsate_geo 1s ease-out;
    -ms-animation: pulsate_geo 1s ease-out;
    animation: pulsate_geo 1s ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #2A97FF;
    box-shadow: 0 0 1px 2px #2A97FF;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;

}
@-moz-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate_geo {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@-o-keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
@keyframes bounce {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        -moz-transform: translateY(-2000px) rotate(-45deg);
        -o-transform: translateY(-2000px) rotate(-45deg);
        -ms-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg);
    }
    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(30px) rotate(-45deg);
        -moz-transform: translateY(30px) rotate(-45deg);
        -o-transform: translateY(30px) rotate(-45deg);
        -ms-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg);
    }
    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -moz-transform: translateY(-10px) rotate(-45deg);
        -o-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(-45deg);
        -moz-transform: translateY(0) rotate(-45deg);
        -o-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
}
.research-radar:before {
    background: linear-gradient(to left, rgba(243, 238, 255, .08) -.89%, rgba(243, 238, 255, 0) 100%);
    content: "";
    height: 1px;
    position: absolute;
    right: -23px;
    top: 50%;
    width: 680px;
    z-index: 2
}

.research-radar-background {
    height: 360px;
    width: 360px
}

.research-radar-logo {
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    z-index: 1
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.research-radar-scanner {
    -webkit-clip-path: polygon(0 0, 93.3673469388% 0, 93.3673469388% 25.1275510204%, 50% 50.1275510204%, 0 50.1275510204%);
    clip-path: polygon(0 0, 93.3673469388% 0, 93.3673469388% 25.1275510204%, 50% 50.1275510204%, 0 50.1275510204%);
    height: 240px;
    left: -7px;

    position: absolute;
    top: 100px;

    transform: rotate(-201deg);
    width: 240px
}

.research-radar-scanner-wrapper {
    height: 100%;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    width: 100%
}

.research-radar-scanner-wrapper-visible .research-radar-scanner {
    animation: researchRadarRotate 10s infinite linear
}

.research-radar-scanner:before,
.research-radar-scanner:after {
    content: ""
}

.research-radar-scanner:before {
    background: linear-gradient(267deg, rgba(33, 193, 107, .4) 13.23%, rgba(3, 0, 20, 0) 50%);
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.research-radar-scanner:after {
    background: linear-gradient(to bottom, rgba(33, 193, 107, .24) .11%, rgba(120, 123, 255, 0) 100%), linear-gradient(to bottom, rgba(255, 255, 255, .24) .11%, rgba(255, 255, 255, 0) 100%);
    height: 380px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: rotate(60deg);
    transform-origin: bottom;
    width: 1px
}

@keyframes researchRadarRotate {
    0% {
        transform: rotate(-201deg)
    }
    to {
        transform: rotate(159deg)
    }
}

@keyframes hue-rotate {
    0% {
        filter: hue-rotate(0deg)
    }
    to {
        filter: hue-rotate(360deg)
    }
}

.research-radar-item {
    height: 100px;
    position: absolute;
    width: 100px
}

.research-radar-item-active div {
    animation: researchRadarItem 3s calc(var(--index) * .01s) cubic-bezier(.6, .6, 0, 1) 1
}

.research-radar-item div {
    border-radius: 50%;
    opacity: 0;
    position: absolute;
    transform: scale(0)
}

.research-radar-item div:nth-child(1),
.research-radar-item div:nth-child(2),
.research-radar-item div:nth-child(3) {
    background: rgba(33, 193, 107, .04)
}

.research-radar-item div:nth-child(1) {
    height: 100px;
    width: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px)
}

.research-radar-item div:nth-child(2) {
    height: 68px;
    width: 68px;
    left: calc(50% - 34px);
    top: calc(50% - 34px)
}

.research-radar-item div:nth-child(3) {
    height: 36px;
    width: 36px;
    left: calc(50% - 18px);
    top: calc(50% - 18px)
}

.research-radar-item div:nth-child(4) {
    height: 12px;
    width: 12px;
    left: calc(50% - 6px);
    top: calc(50% - 6px);
    background: rgba(33, 193, 107, .16);
    box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a
}

.research-radar-item div:nth-child(5) {
    height: 8px;
    width: 8px;
    left: calc(50% - 4px);
    top: calc(50% - 4px);
    background: rgba(33, 193, 107, .48);
    box-shadow: inset 0 0 6px 4px #ed78ff0a, inset 0 0 8px #787bff0f, inset 0 0 4px #787bff0a
}

.research-radar-item div:nth-child(6) {
    height: 20px;
    width: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    background: rgba(33, 193, 107, .76);
    filter: blur(8px);
    mix-blend-mode: screen;
    transform: scaleY(-1)
}

.research-radar-item:nth-child(1) {
    left: -25px;
    top: 27px;
}

.research-radar-item:nth-child(2) {
    left: 43px;
    top: 15px
}

.research-radar-item:nth-child(3) {
    left: 127px;
    top: 91px
}

.research-radar-item:nth-child(4) {
    left: 59px;
    top: 178px;
}

.research-radar-item:nth-child(5) {
    left: 15px;
    top: 251px;
}

.research-radar-item:nth-child(6) {
    left: 91px;
    top: 279px;
}

.research-radar-item:nth-child(7) {
    left: 17px;
    top: 335px;
}

@keyframes researchRadarItem {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    25% {
        opacity: 1
    }
    50%,
    75% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(1.2)
    }
}