.brand {
    display: inline-flex;
    align-items: center;
    gap: .68em;
    color: #fff;
    font-family: "Poppins", "Mona Sans", system-ui, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none;
}

.brand .brand-mark {
    display: block;
    flex: none;
    width: auto;
    height: 1.12em;
    object-fit: contain;
}

.brand-word {
    display: inline-block;
    color: #fff;
}

.brand-ai {
    padding-inline-end: .02em;
    background: linear-gradient(90deg, #f8576b 0%, #c353b4 52%, #9b55ee 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.brand-spark {
    display: inline-block;
    position: relative;
    top: -.4em;
    width: .74em;
    height: .74em;
    margin-inline-start: .08em;
    color: #dc46ce;
    fill: currentColor;
    vertical-align: baseline;
    overflow: visible;
}

.brand--lockup {
    align-items: center;
}

.brand--lockup .brand-mark {
    height: 1.22em;
}

.brand-text {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .12em;
}

.brand-tag {
    padding-inline-end: .2em;
    font-size: max(.46em, 11px);
    font-style: italic;
    letter-spacing: .005em;
    line-height: 1.15;
    background: linear-gradient(90deg, #fdf2fc 0%, #f06de6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.brand--media .brand-tag {
    background-image: linear-gradient(90deg, #e3fafd 0%, #05d8ec 100%);
}

.brand--cyber .brand-tag {
    background-image: linear-gradient(90deg, #f1fef6 0%, #09e762 100%);
}

.site-nav .nav-brand {
    gap: .6em;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 0;
    transition: opacity .25s ease;
}

.site-nav .nav-brand:hover {
    opacity: .86;
}

.site-nav .nav-brand .brand-mark {
    height: 1.3em;
}

@media (max-width: 400px) {
    .site-nav .nav-brand {
        font-size: 17px;
    }
}

.nw-logo.brand {
    align-self: flex-start;
    margin-bottom: 22px;
    font-size: 26px;
}

.nw-family {
    margin-top: 56px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.nw-family .col-title {
    margin-bottom: 20px;
}

.nw-family-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 14px;
}

.nw-family-item.brand {
    padding: 22px 24px;
    font-size: 22px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 4px;
    background: rgba(255, 255, 255, .02);
    transition: border-color .3s ease, background .3s ease, transform .35s cubic-bezier(.22, .61, .36, 1);
}

.nw-family-item.brand:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .045);
}

.nw-family-item.brand--ai:hover {
    border-color: rgba(220, 70, 206, .35);
}

.nw-family-item.brand--cyber:hover {
    border-color: rgba(9, 231, 98, .3);
}

.nw-family-item.brand--media:hover {
    border-color: rgba(5, 216, 236, .3);
}

@media (max-width: 640px) {
    .nw-logo.brand {
        font-size: 23px;
    }

    .nw-family {
        margin-top: 44px;
        padding-top: 32px;
    }

    .nw-family-list {
        grid-template-columns: 1fr;
    }

    .nw-family-item.brand {
        padding: 18px 20px;
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nw-family-item.brand {
        transition: none;
    }
}

.lang-switch {
    position: relative;
    display: none;
    flex: none;
}

@media (min-width: 969px) {
    .lang-switch {
        display: block;
    }
}

.lang-switch-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 38px;
    padding-inline: 10px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--text-2, var(--c-text-2, #a1a1a6));
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
    -webkit-user-select: none;
    user-select: none;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
}

.lang-switch-btn::-webkit-details-marker {
    display: none;
}

.lang-switch-btn::marker {
    content: "";
}

.lang-switch-btn:hover,
.lang-switch[open] > .lang-switch-btn {
    border-color: var(--line-2, var(--c-line-2, rgba(255, 255, 255, .14)));
    background: rgba(255, 255, 255, .04);
    color: var(--text, var(--c-text, #f5f5f7));
}

.lang-switch-btn:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .7);
    outline-offset: 2px;
}

.lang-ico {
    width: 16px;
    height: 16px;
    opacity: .9;
}

@media (min-width: 969px) and (max-width: 1099px) {
    .lang-switch {
        margin-inline-end: -6px;
    }

    .lang-switch-btn {
        padding-inline: 8px;
    }

    .lang-switch-code {
        display: none;
    }
}

.nav-actions > .nav-cta {
    white-space: nowrap;
}

.lang-switch-menu {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-end: 0;
    z-index: 1100;
    display: grid;
    gap: 2px;
    min-width: 172px;
    padding: 6px;
    border: 1px solid var(--line-2, var(--c-line-2, rgba(255, 255, 255, .14)));
    border-radius: 14px;
    background: rgba(14, 14, 16, .97);
    box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 1px 0 rgba(255, 255, 255, .05) inset;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    animation: langMenuIn .18s ease both;
}

@keyframes langMenuIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
}

.lang-switch-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border-radius: 9px;
    color: var(--text-2, var(--c-text-2, #a1a1a6));
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.lang-switch-menu a:hover,
.lang-switch-menu a:focus-visible {
    background: rgba(255, 255, 255, .07);
    color: var(--text, var(--c-text, #f5f5f7));
    outline: none;
}

.lang-switch-menu a[aria-current] {
    color: var(--text, var(--c-text, #f5f5f7));
}

.lang-switch-menu a[aria-current]::after {
    content: "";
    flex: none;
    width: 9px;
    height: 5px;
    margin-block-start: -3px;
    border-bottom: 1.5px solid currentColor;
    border-left: 1.5px solid currentColor;
    transform: rotate(-45deg);
}

.lang-switch-menu a[lang="ar"] {
    font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;
}

#mobileMenu .lang-row {
    display: flex;
    gap: 8px;
    margin-block-start: 14px;
    padding-block-start: 16px;
    border-top: 1px solid var(--line, var(--c-line, rgba(255, 255, 255, .08)));
}

#mobileMenu .lang-row a {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid var(--line-2, var(--c-line-2, rgba(255, 255, 255, .14)));
    border-radius: 10px;
    background: transparent;
    color: var(--text-2, var(--c-text-2, #a1a1a6));
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
}

#mobileMenu .lang-row a[aria-current] {
    border-color: rgba(255, 255, 255, .55);
    background: #f5f5f7;
    color: #000;
}

#mobileMenu .lang-row a[lang="ar"] {
    font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", Tahoma, sans-serif;
}

#mobileMenu .lang-row a::after,
#mobileMenu .lang-row a::before {
    display: none;
}

html[lang="ar"] body,
html[lang="ar"] body :where(*:not(code, pre, kbd, samp, svg, svg *, i[data-lucide])) {
    font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", "Noto Sans", Tahoma, sans-serif !important;
    letter-spacing: 0 !important;
    font-style: normal;
}

html[lang="ar"] :is(h1, h2, h3, h4, h5, h6) {
    line-height: 1.38;
}

html[lang="ar"] :is(p, li, dd, td, blockquote) {
    line-height: 1.8;
}

[dir="rtl"] :is(.brand, .nav-brand, code, pre, kbd, samp, input[type="email"], input[type="tel"], input[type="url"]) {
    direction: ltr;
}

[dir="rtl"] :is(pre, code) {
    text-align: left;
    unicode-bidi: isolate;
}

[dir="rtl"] :is(input[type="email"], input[type="tel"], input[type="url"]) {
    text-align: right;
}

[dir="rtl"] :is(input[type="email"], input[type="tel"], input[type="url"])::placeholder {
    text-align: right;
}

[dir="rtl"] :is(.lucide-arrow-right, .lucide-arrow-up-right, .lucide-arrow-left, .lucide-chevron-right, .lucide-chevron-left,
    .lucide-send, .lucide-phone-forwarded, img[src*="arrow-right"], img[src*="arrow-up-right"]) {
    scale: -1 1;
}

[dir="rtl"] .flow-stage {
    direction: ltr;
}

[dir="rtl"] .flow-stage > div {
    scale: -1 1;
    transform-origin: 690px 50%;
}

[dir="rtl"] .flow-stage > div > div {
    scale: -1 1;
    direction: rtl;
}

[dir="rtl"] .flow-stage .lucide.w-3\.5 {
    width: .875rem;
    height: .875rem;
}

[dir="rtl"] .flow-stage div[style*="right: -6px"] {
    right: auto !important;
    left: -6px !important;
}

[dir="rtl"] .flow-stage div[style*="left: -6px"] {
    left: auto !important;
    right: -6px !important;
}

[dir="rtl"] .track-window {
    direction: ltr;
}

[dir="rtl"] .marquee-track {
    animation-name: scroll-right;
}

@keyframes scroll-right {
    to {
        transform: translateX(50%);
    }
}

[dir="rtl"] .col-title::after {
    background: linear-gradient(to left, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, 0) 100%);
}

[dir="rtl"] .phone-status {
    direction: ltr;
}

@media (min-width: 969px) and (max-width: 1040px) {
    .site-nav .nav-actions {
        gap: 8px;
    }
}

@media (min-width: 969px) and (max-width: 1279px) {
    html[lang="tr"] .site-nav .nav-cta--trial .nav-cta-long {
        display: none;
    }
}

[dir="rtl"] :is(.sr-go, .sr-empty-link) svg {
    scale: -1 1;
}

[dir="rtl"] .sr-go {
    transform: translateX(4px);
}

[dir="rtl"] .gpt-amount {
    order: -1;
}

[dir="rtl"] .gpt-currency {
    margin-inline: 4px 0;
}