body {
    font-family: Aeonik Fono, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "pnum";
    letter-spacing: -.02em;
}

.login_form {
    margin-top: 20px;
}

.reg_form {
    margin-top: 20px;
}

.font-Aeonik {
    font-family: Aeonik, sans-serif;
}

.font-Aeonik_Mono {
    font-family: Aeonik Mono, sans-serif;
}

.font-Aeonik_Fono {
    font-family: Aeonik Fono, sans-serif;
}

.text-span-86 {

    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

@font-face {
    font-family: 'Aeonik Mono';
    src: url('/themes/t6/fonts/6320846ba0b0665c47c97add_AeonikMono-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik Fono';
    src: url('/themes/t6/fonts/63208473d655df78699248a6_AeonikFono-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('/themes/t6/fonts/6315fe695d49d82354564653_Aeonik-Bold.woff2') format('woff2'), url('https://cdn.prod.website-files.com/5ff21113877dd72b9f913b35/63208463c82a38b818a5157f_Aeonik-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    --bg-body: rgb(27 27 31); /* Walrus 2026-05-12 — unified with cabinet ceramic-gray-1400 */
    --bg-body-project: #0A0A0B;
    --header: #0A0A0B;
    --typed-cursor: #0A0A0B;
    --gl-sh: linear-gradient(90deg, rgba(241, 245, 249, 0) 0%, rgb(241, 245, 249) 100%);

    /* Общие */
    --text-project: #2762EA
}

/* Walrus 2026-05-12 — apply body bg на raw body element (t6 master has class="body-project", not "body"). */
body, .body {
    background: var(--bg-body);
}


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

.bg-project {
    color: var(--text-project)
}

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

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

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

.con-block .background {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.con-block .background > div {
    height: 100%;
}

.con-block .background img,
.con-block .background video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.shadow-screen-shadow {
    --tw-shadow: 0 -1px 1px 0px rgba(0, 0, 0, .5);
    --tw-shadow-colored: 0 -1px 1px 0px var(--tw-shadow-color);
}

.bg-orange-glow-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 106 76/var(--tw-bg-opacity));
}

.bg-orange-glow-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 158 77/var(--tw-bg-opacity));
}

.iti__dropdown-content {

    background-color: #000000 !important;
}

.bg-hsla {
    background: linear-gradient(hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .3) 25%, rgba(246, 249, 252, .3) 50%, #f6f9fc 60%);
}

.gl-sh::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 50px;
    background: var(--gl-sh);
    z-index: 20;
    pointer-events: none;
}

@media screen and (min-width: 991px) {
    .ln__offset .ln_dis_none {

        display: none;
    }

    .ln__offset .ln_dis_block {

        display: block !important;
    }

    .ln__offset .min_cont {
        width: min-content;
        max-width: unset;
    }
}

.iti__tel-input {
    background: linear-gradient(180deg, #343434, #2d2d2d);
    background-color: rgb(114 125 161 / 0.1) !important;
}

.typed-cursor {
    color: var(--typed-cursor);
    font-size: 24px;
}

.page-header {
    left: 0;
    position: fixed !important;
    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: 6;
}

.bg-fade-gray {
    background-color: rgba(226, 226, 223, 0.3);
}

.bx-sh {
    box-shadow: rgba(62, 62, 62, 0.04) 0px -2.4px 0px 0px inset, rgba(143, 143, 143, 0.2) 0px 1px 3px 0px, rgb(235, 235, 235) 0px 0px 0px 1px;
}

.custom-translate-z {
    transform: translateZ(0);
}

.platform-hero-image {
    width: 100%;
    height: 20vw;
    max-height: 12.7rem;
    position: absolute;
    inset: auto 0% 0%;
    z-index: 0;
}

@media screen and (max-width: 991px) {
    .platform-hero-image {
        display: none;
    }
}

.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;

    background: #08090a;
    width: 1600px;
    height: 900px;
    margin: 280px auto auto;
    transform: translateX(2%) scale(1.2) rotateX(47deg) rotateY(31deg) rotate(324deg);
    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%)
}

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

@media (min-width: 720px) {
    .StoreHeader_headerContent__NwxEp {
        margin: 255px auto 112px;
    }
}

.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: 70px;
        line-height: 86px
    }
}

.StoreHeader_headerContent__NwxEp p {
    max-width: 560px;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 150%;
    color: #8A8F98;
    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: radial-gradient(50% 50% at 50% -20%, rgba(255, 99, 99, .08) 0, hsla(0, 100%, 73%, .04) 50.5%, rgba(90, 23, 177, 0) 100%);
    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%);

}

.StoreHeader_headerBg__1y_1e {
    animation: StoreHeader_bgEnter__thr3P 2s ease .5s backwards
}

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

@keyframes StoreHeader_bgEnter__thr3P {
    0% {
        opacity: 0;
        transform: translateX(-50%) scale(1.03)
    }
    to {
        opacity: 1;
        transform: translateX(-50%) scale(1)
    }
}

@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: 12px
}

@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: #8A8F98;
    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: #8A8F98;
    pointer-events: none
}

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

    .StoreHeader_headerImg__aUDft {
        margin-top: -100px;
    }

}

.ring-black\/7\.5 {
    --tw-ring-color: rgba(0, 0, 0, .075);
}

.CommunitySection_socialCard {
    overflow: hidden;
    background: linear-gradient(137deg, rgba(17, 18, 20, .75) 4.87%, rgba(12, 13, 15, .9) 75.88%);

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

}

.CommunitySection_socialCard__Grpqk {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    height: auto !important;
    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%);

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

}

.CommunitySection_socialCard__Grpqk p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    color: #8A8F98;
    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 .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
}

.top__feature-list {
    margin-top: 48px
}

@media (min-width: 960px) {
    .top__feature-list {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        gap: 16px;
        -webkit-align-items: start;
        align-items: start;
        margin-bottom: 50px
    }
}

.top__feature-button {
    max-width: 288px;
    width: 100%;
    margin: 32px auto 0;
    display: block !important
}

@media (min-width: 960px) {
    .top__feature-button {
        display: none !important
    }
}

.top__feature-button--bottom {
    margin-bottom: 20px
}

.top__feature-figure {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 32px
}

@media (min-width: 960px) {
    .top__feature-figure {
        margin-top: 0;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.top__feature-figure:first-child {
    margin-top: 0
}

[lang=ar] .top__feature-figure {
    -webkit-justify-content: right;
    justify-content: right
}

.top__feature-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: #d4dbea
}

.top__feature-caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #999eaf;
    padding: 0 16px
}

.top__feature-caption span {
    display: block;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.top__feature-item {
    border-radius: 12px;
    padding: 20px;
    display: -webkit-flex;
    display: flex;
    border: 1px solid hsla(0, 0%, 100%, .06);
    backdrop-filter: blur(10px);
    box-shadow: inset 0 1px 1px 0 hsla(0, 0%, 100%, .15);
    transform: translateZ(0);
    -webkit-justify-content: start;
    justify-content: start;
    margin-bottom: 16px;
    min-height: 70px
}

@media (min-width: 960px) {
    .top__feature-item {
        min-height: 112px;
        margin-bottom: 0
    }

}

.top__feature-item-capture {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #b2bcd2;
    padding-left: 10px
}

[lang=ar] .top__feature-item-capture {
    padding-left: 0;
    padding-right: 15px
}

.top__feature-item-capture span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;

}


#ac-globalfooter .ac-gf-breadcrumbs {
    padding: 17px 0;
    position: relative;
    z-index: 1;
    color: var(--footer-link-color)
}

#ac-globalfooter .ac-gf-breadcrumbs::before,
#ac-globalfooter .ac-gf-breadcrumbs::after {
    content: " ";
    display: table
}

#ac-globalfooter .ac-gf-breadcrumbs::after {
    clear: both
}

@media only screen and (max-width: 833px) {
    #ac-globalfooter .ac-gf-breadcrumbs {
        border-bottom: 1px solid var(--footer-section-border-color)
    }
}

#ac-globalfooter .ac-gf-breadcrumbs-home {
    position: absolute;
    inset-inline-start: 0;
    z-index: 2;
    top: 17px
}


#ac-globalfooter.theme-light .ac-gf-breadcrumbs-home-icon,
#ac-globalfooter.ac-gf-light .ac-gf-breadcrumbs-home-icon {
    background-color: rgba(0, 0, 0, .72)
}

#ac-globalfooter .ac-gf-breadcrumbs-home:hover {
    text-decoration: none
}

#ac-globalfooter .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon {
    background-color: rgba(0, 0, 0, .88)
}

.ac-globalfooter-dark #ac-globalfooter .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon,
#ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon {
    background-color: rgba(255, 255, 255, .92)
}

#ac-globalfooter.theme-light .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon,
#ac-globalfooter.ac-gf-light .ac-gf-breadcrumbs-home:hover .ac-gf-breadcrumbs-home-icon {
    background-color: rgba(0, 0, 0, .88)
}

#ac-globalfooter .ac-gf-breadcrumbs-home-label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0
}

#ac-globalfooter .ac-gf-breadcrumbs-path {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    position: relative;
    z-index: 1
}

#ac-globalfooter .ac-gf-breadcrumbs-path::before,
#ac-globalfooter .ac-gf-breadcrumbs-path::after {
    content: " ";
    display: table
}

#ac-globalfooter .ac-gf-breadcrumbs-path::after {
    clear: both
}

#ac-globalfooter .ac-gf-breadcrumbs-list {
    max-height: 9999px;
    padding-inline-start: 25px;
    text-align: start;
    list-style: none
}

#ac-globalfooter .ac-gf-breadcrumbs-item {
    margin-inline-end: 7px;
    padding: 3px 4px 3px 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#ac-globalfooter:not([dir=rtl]) .ac-gf-breadcrumbs-item {
    float: left
}

#ac-globalfooter .ac-gf-breadcrumbs-item:before {
    width: 6px;
    height: 11px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    width: 6px;
    height: 11px;
    margin-inline-end: 11px;
    background-color: rgba(0, 0, 0, .48);
    -webkit-mask-image: url(/themes/t6/images/icon_large.svg);
    mask-image: url(/themes/t6/images/icon_large.svg)
}

#ac-globalfooter .ac-gf-breadcrumbs-item::before, #ac-globalfooter.ac-globalfooter-dark .ac-gf-breadcrumbs-item::before {
    background-color: rgba(255, 255, 255, .4);
}

.ac-gf-breadcrumbs-item:before,
.ac-gf-breadcrumbs-item:before {
    background-color: rgba(0, 0, 0, .48)
}

.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;
    /* aspect-ratio: 432/320; */
    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 40%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, #0A0A0B 50%, transparent 100%), linear-gradient(to right, #0A0A0B 40%, transparent 100%);
    mask-image: linear-gradient(to bottom, #0A0A0B 50%, transparent 100%), linear-gradient(to right, #0A0A0B 40%, 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
}

.chat_write:before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: 7px;
    width: 0;
    height: 0;
    border-bottom: 15px solid #265b4b;
    border-left: 10px solid transparent;
}

.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: 22px 18px;
}

.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
    }
}


.pulse_z {
    border: 1px solid #0A0A0B;

    border-radius: 50%;
    height: 14px;
    width: 14px;
    position: absolute;

    z-index: 5;
}


.pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -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 #4184EC;
    box-shadow: 0 0 1px 2px #4184EC;
    -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 {
    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 {
    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 {
    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 {
    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);
    }
}

.bg-\[radial-gradient\(90rem_38\.75rem_at_50\%_0\,rgba\(19\,19\,22\,0\)_44\.6\%\,rgba\(19\,19\,22\,1\)_92\%\)\] {
    background-image: radial-gradient(90rem 38.75rem at 50% 0, rgba(19, 19, 22, 0) 44.6%, #131316 92%);
}

.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 {

    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;

    transition: filter .3s ease
}


.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
}

.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)
    }
}


/* ── Brand logo theme-adaptive (Walrus 2026-06-09) ──────────────────────────
   Standalone /logo/logo.svg is loaded via <img>, so its fill="currentColor"
   resolves to black and can't follow the app theme. Inline logo_svg.blade.php
   (public pages) is already adaptive and is NOT an <img>, so unaffected.
   Default = white (dark theme, forced site-wide); light theme → dark logo. */
img[src*="/logo/logo.svg"] { filter: brightness(0) invert(1); }
html:not(.dark) img[src*="/logo/logo.svg"] { filter: brightness(0); }

/* Fix (Walrus 2026-06-11): T6-family dark-only — ported StoreHeader/CommunitySection
   CSS-modules (light design) leave these headings without explicit color → they
   inherit dark → invisible on dark bg. Force light headings. */
.StoreHeader_headerContent__NwxEp h1,
.CommunitySection_socialCard__Grpqk {
    color: #fff;
}

/* Walrus 2026-06-11: T6-family dark-only — ported light-design text-utilities (slate/gray/neutral 600..900)
   = тёмное-на-тёмном (невидимо). Форсим в светлое. style.css грузится ПОСЛЕ app.css → override без !important;
   dark:text-white (выше specificity) где есть — побеждает; no-color наследует от wrapper-утилиты. Аудит: в T6 нет светлофоновых блоков. */
.text-slate-900,.text-slate-800,.text-gray-900,.text-gray-800,.text-zinc-900,.text-zinc-800,.text-neutral-900,.text-neutral-800,.text-black {
    color: #e5e5e5;
}
.text-slate-700,.text-slate-600,.text-gray-700,.text-gray-600,.text-zinc-700,.text-zinc-600,.text-neutral-700,.text-neutral-600 {
    color: #9ca3af;
}

/* header-fix 2026-06-11 (Walrus): white-bg pills keep dark text — exempt from t6 dark-force blanket */
.bg-white.text-slate-900,.bg-white.text-slate-800,.bg-white.text-gray-900,.bg-white.text-gray-800,.bg-white.text-zinc-900,.bg-white.text-zinc-800,.bg-white.text-neutral-900,.bg-white.text-neutral-800,.bg-white.text-black{color:#111827}

/* Hide language switcher on single-locale tenants 2026-06-28 — RU fleet (Walrus).
   Shared-safe: hides widget only when its lang menu has NO links (1 active locale → empty menu).
   EN parents keep many links → untouched. Also fixes RU header nav overflow. */
[x-data]:has(> .header-language-menu):not(:has(.header-language-menu a)) { display: none !important; }
/* Header nav overflow fix 2026-06-28 — RU fleet (Walrus). Long RU labels wrapped (flex
   shrank to min-content). nav nowrap; comfortable 16px gap >=1280, tighter 8px+font 11px
   only in the cramped 1024-1279 band. Generous spacing at wide, fits at narrow.
   Verified @1280 (gap16,hScroll0) + @1024 (gap8+font11,hScroll0). */
@media (min-width:1024px){
    header a.nav-item_span{white-space:nowrap !important;}
}
@media (min-width:1280px){
    header .lg\:gap-x-8, header .lg\:gap-x-5{gap:16px !important;}
}
@media (min-width:1024px) and (max-width:1279px){
    header .lg\:gap-x-8, header .lg\:gap-x-5{gap:8px !important;}
    header a.nav-item_span{font-size:11px !important;}
}
/* Top-bar text nowrap 2026-06-28 — RU fleet (Walrus). Date / "Мы работаем круглосуточно" /
   support shouldn't wrap to 2 lines at narrow desktop widths. Scoped to top-bar cells only
   (verified: matches just those 4 cells, header intact, no hScroll). */
nav ul.z-0 li > span { white-space: nowrap !important; }