/* CUSTOM STYLESHEETS */
@font-face {
    font-family: 'Space Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacemono/v13/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_9079TR_VMq2oRsWk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_qU79TR_VMq2oRsWk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_m079TR_VMq2oRsWk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/plusjakartasans/v8/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_d0n9TR_VMq2oRsWk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('../fonts/MonaSans-Light.woff') format("woff"), url('../fonts/MonaSans-Light.woff2') format("woff2");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('../fonts/MonaSans-Regular.woff') format("woff"), url('../fonts/MonaSans-Regular.woff2') format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('../fonts/MonaSans-Medium.woff') format("woff"), url('../fonts/MonaSans-Medium.woff2') format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('../fonts/MonaSans-SemiBold.woff') format("woff"), url('../fonts/MonaSans-SemiBold.woff2') format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Mono Sans';
	src: url('../fonts/MonaSans-Bold.woff') format("woff"), url('../fonts/MonaSans-Bold.woff2') format("woff2");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Mona Sans';
	src: url('../fonts/MonaSans-Black.woff') format("woff"), url('../fonts/MonaSans-Black.woff2') format("woff2");
	font-weight: 800;
	font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FN_P-bnTfc7AGraJwA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Space Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacemono/v13/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'UberMove';
	src: url('../fonts/UberMoveText-Regular.woff') format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'UberMove';
	src: url('../fonts/UberMoveText-Medium.woff2') format("woff2");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'UberMove';
	src: url('../fonts/UberMove-Bold.woff2') format("woff2");
	font-weight: 600;
	font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/geistmono/v3/or3yQ6H-1_WfwkMZI_qYPLs1a-t7PU0AbeFjKK5U5Cl4PuCTfNg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Geist Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/geistmono/v3/or3yQ6H-1_WfwkMZI_qYPLs1a-t7PU0AbeE9KK5U5Cl4PuCTfNg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* General */
:root {
    --font: 'UberMove', sans-serif;
    --color-primary: #171923;
    --color-secondary: #2ee0a7;
    --color-tertiary: #dac7fe;
    --color-offwhite: #eceefd;
    --color-offwhite-10: #ecedfe;
    --color-white: #ffffff;
    --color-text-body: #a9b3c2;
    --color-background: #fff;
    --background-primary: #fff;
    --background-secondary: #e2e8f0;
    --background-tertiary: #edf2f7;
    --background-default: #4649db;
    --background-purple: #4649db;
    --background-dark: #0a0a0a;
    --text-default: #373d48;
    --text-purple: #6227a3;
    --trans-300: all 300ms ease;
    --trans-600: all 600ms ease;
    --trans-900: all 900ms ease;
    --trans-1200: all 1200ms ease;
}

html {
    scroll-behavior: smooth;
    transition: background-color 0.3s ease;
}

body, p, button, input, select, textarea {
    font-family: 'UberMove', sans-serif;
    color: var(--text-default);
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'UberMove', sans-serif;
    color: var(--text-default);
    letter-spacing: 0;
}

a {
    text-decoration: none;
}

b, strong {
    font-weight: 500;
}

.text-white {
    color: #fff !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.divider-light {
    background: #dee1e6;
}

hr {
    background: #d2dae1;
}

.boxed-container {
    max-width: 100%;
}

.gradient-text {
    background-image: linear-gradient(90deg,#46e3b7,#fff855),linear-gradient(90deg,#46e3b7,#fff855 50%,#fff855);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.badge-primary {
    color: #6366f1;
    background-color: rgba(89, 81, 255, .07);
    /* border: 1px solid rgba(89, 81, 255, .4); */
    font-size: 10px;
    font-weight: 500;
    padding: 0.3em 0.45em;
}


/* Navigation */
.site-header {
    background-color: #F7F5F2;
    background-color: transparent;
}

/* .site-header::before {
    display: none;
} */

.site-header:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .01);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition: opacity .45s cubic-bezier(.6,.6,0,1);
}

.site-header-inner:before {
    position: absolute;
    bottom: -22px;
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 100%);
    transition: opacity .45s cubic-bezier(.6,.6,0,1);
}

.scroll-aware {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 999;
    will-change: transform;
}

.hide-on-scroll {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
}

.header-logo {
    width: 160px;
    height: auto;
}

.header-brand--link.dark .header-logo {
    display: none;
}

.header-nav {
    overflow: hidden;
    width: max-content;
    border-radius: 999px;
    position: relative;
}

.header-nav:before {
    background: rgba(5, 5, 30, .8);
    box-shadow: 0 12px 32px #05051e66, 0 -8px 32px #e2e8ff1f inset;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: inherit;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    z-index: -1;
    opacity: 0;
    transition: opacity .45s cubic-bezier(.6,.6,0,1);
}

.header-nav--background {
    background-color: #dfdff50d;
    position: absolute;
    top: 4px;
    left: -3px;
    left: 0;
    height: 38px;
    width: 80px;
    border-radius: inherit;
    opacity: 0;
    transition: width 0.3s ease-in-out, transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.header-nav--background:before {
    border: 1px solid rgba(223, 223, 245, .12);
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
}

.header-links {
    display: flex;
    padding: 4px;
    align-items: center;
    border-radius: inherit;
    border: 1px solid rgba(226, 232, 255, .1);
    position: relative;
    width: -moz-max-content;
    width: max-content;
    transition: width .45s cubic-bezier(.6,.6,0,1);
    margin-bottom: 0;
}

.header-links li:not(:last-child) {
    margin-right: 2px;
}

.header-links .header-nav--item {
    transition: background-color .45s cubic-bezier(.6,.6,0,1), border-color .45s cubic-bezier(.6,.6,0,1);
    color: #e2e8ffbf;
    padding: 8px 20px;
    position: relative;
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-links a:not(.button) {
    color: #bfbfbf;
    font-size: 14px;
    font-family: 'Geist Mono', monospace;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

.header-links a:not(.button):hover,
.header-links a:not(.button):active {
    color: #e9e9e9;
}

.menu-actions {
    align-items: center;
    display: flex;
    gap: 24px;
    z-index: 2;
}

.switch-theme--button {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(229, 229, 229);
    border-radius: 9999px;
    color: rgb(10, 10, 10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 8px 10px;
    width: 36px;
    height: 36px;
    outline: 0 !important;
}

.switch-theme--button .svg-icon {
    width: 16px;
    height: 16px;
    display: none;
    transition: display 0.15s ease-in-out;
}

.switch-theme--button .svg-icon.dark {
    display: inline-block;
}

.switch-theme--button .svg-icon.dark {
    display: none;
}

/* Hamburger button */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 1001;
    transition: all 0.3s ease;
}

.mobile-menu-toggle .bar {
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.mobile-menu-toggle.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.mobile-menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.mobile-only {
    display: none !important;
}


/* o-button */
.o-button {
    background-color: transparent;
    border: 1px solid rgb(255 255 255 / 25%);
    border-radius: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
    outline: 0;
    overflow: hidden;
    padding: 11px 22px;
    position: relative;
    transition: color .3s cubic-bezier(0.4, 0, 0, 1),background-color .3s cubic-bezier(0.4, 0, 0, 1);
}

.hero .o-button {
    border-radius: 32px;
    gap: 16px;
    height: 56px;
    min-width: 250px;
}

.o-button--secondary {
    background-color: transparent;
}

.menu-actions .o-button {
    padding: 9px 20px;
}

.menu-actions .o-button.no-bg {
    background-color: transparent;
    color: #fff;
}

.o-button::before, .o-button::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    height: 50%;
    background-color: var(--background-purple);
    transition: transform .3s cubic-bezier(0.4, 0, 0, 1);
    transform: scaleX(0);
    transform-origin: center right;
}

.o-button::before {
    top: 0;
}

.o-button::after {
    bottom: 0;
    transition-delay: .15s;
}

.-blue.o-button::before, .-blue.o-button::after {
    background-color: #e22632;
}

.o-button-label {
    position: relative;
    z-index: 2;
}

.o-button:hover::before, .o-button:hover::after, .o-button-wrap:hover .o-button::before, .o-button-wrap:hover .o-button-hover::after, .o-button-wrap:hover .o-button::after {
    transform: scaleX(1);
    transform-origin: center left;
}

.o-button--arrow {
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.o-button--arrow svg {
    transition-duration: .3s;
    transform-origin: 50%;
}

.menu-actions .o-button-wrap:hover .o-button.no-bg {
    color: #05192d;
}

.badge {
    background-color: #505c6a;
    color: #a9b3c2;
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 85%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    border-left: 0;
}


/* Hero */
.hero {
    padding-top: 160px;
    padding-bottom: 0;
    background-color: #F7F5F2;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    position: relative;
    overflow: hidden;
}

.hero .rising-stars, .bottom-cta .rising-stars {
    height: 560px;
    left: 50%;
    -webkit-mask-image: linear-gradient(180deg,rgba(217,217,217,0) 0%,rgba(217,217,217,.8) 25%,#d9d9d9 50%,rgba(217,217,217,.8) 75%,rgba(217,217,217,0) 100%);
    mask-image: linear-gradient(180deg,rgba(217,217,217,0) 0%,rgba(217,217,217,.8) 25%,#d9d9d9 50%,rgba(217,217,217,.8) 75%,rgba(217,217,217,0) 100%);
    -webkit-mask-size: cover;
    mask-size: cover;
    position: absolute;
    bottom: 0;
    transform: translate(-50%);
    width: 936px;
    display: none;
}

.rising-stars {
    opacity: .7;
    pointer-events: none;
}

.rising-stars div {
    background: transparent;
    border-radius: 50%;
}

.rising-stars div {
    animation: risingStarsAnimation linear infinite;
}

@keyframes risingStarsAnimation {
    0% {
        transform: translateZ(0) translateY(0);
    }
    100% {
        transform: translateZ(0) translateY(-2000px);
    }
}

.rising-stars div:nth-child(1) {
    animation-duration: 100s!important;
    box-shadow: 693px 8435px #fff, 1921px 246px #fff, 1120px 872px #fff, 1614px 1319px #fff, 628px 1227px #fff, 144px 1298px #fff, 1152px 1529px #fff, 1486px 1897px #fff, 401px 1213px #fff, 1023px 73px #fff, 122px 509px #fff, 1264px 1265px #fff, 235px 1276px #fff, 514px 1138px #fff, 1019px 1915px #fff, 1214px 1058px #fff, 1740px 1354px #fff, 1947px 791px #fff, 1046px 438px #fff, 695px 1209px #fff, 58px 442px #fff, 1143px 1489px #fff, 1486px 607px #fff, 730px 1396px #fff, 402px 1177px #fff, 1533px 657px #fff, 1436px 657px #fff, 1567px 1081px #fff, 1632px 295px #fff, 460px 1293px #fff, 196px 800px #fff, 1554px 1284px #fff, 645px 1441px #fff, 467px 502px #fff, 1413px 497px #fff, 1468px 434px #fff, 34px 619px #fff, 1858px 1004px #fff, 834px 511px #fff, 693px 916px #fff, 330px 91px #fff, 1686px 1366px #fff, 36px 56px #fff, 390px 1355px #fff, 656px 99px #fff, 1695px 1869px #fff, 321px 1219px #fff, 271px 1082px #fff, 1730px 407px #fff, 1769px 1790px #fff, 1072px 780px #fff, 630px 1561px #fff, 1238px 1991px #fff, 26px 440px #fff, 998px 1604px #fff, 1865px 631px #fff, 289px 1635px #fff, 689px 547px #fff, 1691px 1147px #fff, 113px 1933px #fff, 1656px 949px #fff, 903px 1220px #fff, 1214px 503px #fff, 505px 1391px #fff, 1300px 1766px #fff, 56px 194px #fff, 1920px 572px #fff, 1704px 945px #fff, 1627px 278px #fff, 1659px 793px #fff, 1249px 1495px #fff, 1029px 1187px #fff, 1555px 408px #fff, 1030px 250px #fff, 725px 1744px #fff, 1787px 1643px #fff, 627px 199px #fff, 1151px 698px #fff, 1862px 81px #fff, 166px 1098px #fff, 896px 1022px #fff, 1313px 123px #fff, 1097px 1047px #fff, 1288px 1258px #fff, 691px 348px #fff, 573px 862px #fff, 277px 1220px #fff, 1039px 1041px #fff, 105px 634px #fff, 389px 1046px #fff, 1452px 914px #fff, 1636px 1264px #fff, 1809px 1362px #fff, 1796px 1460px #fff, 758px 131px #fff, 1116px 891px #fff, 837px 844px #fff, 996px 497px #fff, 270px 990px #fff, 1646px 1943px #fff, 1896px 734px #fff, 1237px 154px #fff, 795px 796px #fff, 1773px 1527px #fff, 1262px 1316px #fff, 1949px 499px #fff, 1987px 1438px #fff, 993px 1583px #fff, 1371px 423px #fff, 1596px 388px #fff, 878px 498px #fff, 1571px 1310px #fff, 1339px 290px #fff, 1323px 1028px #fff, 1224px 1001px #fff, 1211px 1638px #fff, 1877px 85px #fff, 300px 787px #fff, 1699px 1559px #fff, 506px 8px #fff, 703px 228px #fff, 1903px 233px #fff, 1740px 963px #fff, 1901px 1551px #fff, 34px 440px #fff, 660px 713px #fff, 953px 1397px #fff, 1292px 1730px #fff, 1733px 922px #fff, 844px 1972px #fff, 292px 85px #fff, 786px 284px #fff, 1716px 1293px #fff, 111px 1807px #fff, 1787px 1462px #fff, 1190px 1837px #fff, 224px 1552px #fff, 1532px 1693px #fff, 819px 594px #fff, 1441px 1037px #fff, 11px 1657px #fff, 580px 645px #fff, 1469px 330px #fff, 1532px 1057px #fff, 1146px 860px #fff, 1438px 784px #fff, 1365px 1858px #fff, 271px 1335px #fff, 1118px 712px #fff, 1261px 48px #fff, 1045px 447px #fff, 1325px 1454px #fff, 1517px 406px #fff, 1339px 386px #fff, 1375px 1652px #fff, 1719px 966px #fff, 581px 765px #fff, 1222px 599px #fff, 1567px 666px #fff, 1154px 1378px #fff, 1709px 480px #fff, 1862px 285px #fff, 286px 1888px #fff, 587px 870px #fff, 46px 832px #fff, 1036px 286px #fff, 1376px 261px #fff, 1794px 981px #fff, 1530px 1004px #fff, 1700px 1617px #fff, 1810px 253px #fff, 578px 521px #fff, 37px 1207px #fff, 1126px 151px #fff, 644px 603px #fff, 1897px 1995px #fff, 415px 579px #fff, 929px 718px #fff, 1025px 1952px #fff, 1779px 1959px #fff, 1955px 1752px #fff, 1991px 136px #fff, 659px 1463px #fff, 1113px 1052px #fff, 1628px 1806px #fff, 1891px 1064px #fff, 1782px 1329px #fff, 510px 526px #fff, 1348px 599px #fff, 1157px 1994px #fff, 936px 260px #fff, 227px 251px #fff, 24px 1290px #fff, 1944px 701px #fff, 1665px 745px #fff, 1648px 1817px #fff, 1446px 1941px #fff, 1552px 802px #fff, 483px 264px #fff, 974px 537px #fff, 966px 941px #fff, 1960px 1542px #fff, 281px 930px #fff, 1000px 863px #fff, 800px 1257px #fff, 1949px 1845px #fff, 43px 1126px #fff, 981px 36px #fff, 1355px 1949px #fff, 797px 43px #fff, 110px 906px #fff, 829px 853px #fff, 845px 1999px #fff, 565px 1058px #fff, 1424px 1028px #fff, 903px 1574px #fff, 1670px 632px #fff, 1417px 1997px #fff, 592px 1967px #fff, 843px 1894px #fff, 111px 341px #fff, 1868px 1896px #fff, 1846px 832px #fff, 1627px 1557px #fff, 1331px 723px #fff, 707px 770px #fff, 1589px 1422px #fff, 1960px 1137px #fff, 304px 572px #fff, 1275px 459px #fff, 707px 866px #fff, 914px 1524px #fff, 796px 551px #fff, 896px 1655px #fff, 1051px 182px #fff, 1834px 636px #fff, 278px 1663px #fff, 1197px 1203px #fff, 482px 1601px #fff, 199px 924px #fff, 1974px 1084px #fff, 1676px 668px #fff, 858px 1226px #fff, 1375px 1873px #fff, 415px 1817px #fff, 1112px 312px #fff, 1011px 1629px #fff, 1217px 991px #fff, 1418px 1998px #fff, 1645px 1226px #fff, 186px 1661px #fff, 1614px 1374px #fff, 732px 544px #fff, 458px 72px #fff, 1137px 1584px #fff, 1704px 1103px #fff, 329px 1958px #fff, 17px 141px #fff, 308px 1980px #fff, 1975px 675px #fff, 555px 330px #fff, 787px 712px #fff, 1062px 39px #fff, 1586px 1771px #fff, 1022px 1632px #fff, 559px 1316px #fff, 1254px 294px #fff, 799px 865px #fff, 672px 116px #fff, 1994px 575px #fff, 1733px 652px #fff, 1233px 894px #fff, 1369px 573px #fff, 237px 262px #fff, 1980px 200px #fff, 657px 1489px #fff, 1871px 1364px #fff, 1571px 891px #fff, 115px 617px #fff, 1711px 1178px #fff, 463px 183px #fff, 1148px 841px #fff, 566px 782px #fff, 844px 1056px #fff, 811px 1855px #fff, 97px 842px #fff, 1097px 10px #fff, 886px 1066px #fff, 1590px 1707px #fff, 1884px 1313px #fff, 1719px 408px #fff, 256px 319px #fff, 116px 253px #fff, 132px 1237px #fff, 912px 1912px #fff, 568px 1053px #fff, 840px 1523px #fff, 521px 1780px #fff, 1092px 554px #fff, 1833px 1018px #fff, 1897px 514px #fff, 1765px 1236px #fff, 415px 1512px #fff, 1457px 1382px #fff, 567px 1294px #fff, 777px 505px #fff, 1502px 635px #fff, 422px 933px #fff, 1609px 1030px #fff, 124px 550px #fff, 1839px 895px #fff, 671px 1187px #fff, 1445px 1668px #fff, 1457px 633px #fff, 363px 1250px #fff, 1770px 1598px #fff, 1802px 82px #fff, 1784px 1798px #fff, 1275px 1504px #fff, 888px 264px #fff, 157px 209px #fff, 1803px 1572px #fff, 722px 851px #fff, 732px 365px #fff, 485px 1277px #fff, 155px 974px #fff, 986px 339px #fff, 283px 49px #fff, 1605px 727px #fff, 55px 359px #fff, 468px 987px #fff, 789px 283px #fff, 97px 623px #fff, 237px 432px #fff, 577px 619px #fff, 891px 623px #fff, 861px 373px #fff, 510px 1655px #fff, 808px 1413px #fff, 1626px 1241px #fff, 368px 53px #fff, 796px 852px #fff, 1832px 152px #fff, 575px 1066px #fff, 1374px 1739px #fff, 951px 1313px #fff, 1305px 742px #fff, 607px 1560px #fff, 1735px 682px #fff, 827px 805px #fff, 270px 1759px #fff, 606px 1115px #fff, 569px 1730px #fff, 742px 158px #fff, 261px 1861px #fff, 1926px 1332px #fff, 461px 1982px #fff, 380px 855px #fff, 194px 1920px #fff, 423px 228px #fff, 498px 75px #fff, 480px 27px #fff, 1842px 769px #fff, 1587px 605px #fff, 721px 371px #fff, 1248px 20px #fff, 457px 1734px #fff, 1642px 895px #fff, 37px 282px #fff, 139px 856px #fff, 1863px 1254px #fff, 728px 419px #fff, 1930px 1638px #fff, 587px 1392px #fff, 52px 228px #fff, 483px 1150px #fff, 1127px 970px #fff, 20px 1909px #fff, 1427px 1208px #fff, 421px 951px #fff, 1552px 259px #fff, 688px 1070px #fff, 1618px 1896px #fff, 1422px 942px #fff, 902px 741px #fff, 340px 916px #fff, 1392px 1128px #fff, 1713px 539px #fff, 1213px 1312px #fff, 170px 1565px #fff, 1603px 719px #fff, 1504px 1666px #fff, 880px 440px #fff, 1611px 1247px #fff, 408px 1211px #fff, 624px 371px #fff, 1309px 531px #fff, 1913px 955px #fff, 170px 1921px #fff, 40px 1967px #fff, 1074px 1194px #fff, 1025px 632px #fff, 165px 277px #fff, 1685px 1842px #fff, 1840px 1925px #fff, 1534px 859px #fff, 411px 780px #fff, 1814px 618px #fff, 802px 1791px #fff, 724px 1305px #fff, 692px 603px #fff, 662px 1720px #fff, 682px 333px #fff, 962px 170px #fff, 845px 1277px #fff, 1692px 650px #fff, 810px 1576px #fff, 1812px 1536px #fff, 1031px 641px #fff, 1794px 1450px #fff, 496px 1923px #fff, 1410px 998px #fff, 1984px 1904px #fff, 989px 1970px #fff, 926px 1826px #fff, 1063px 1831px #fff, 586px 59px #fff, 769px 1816px #fff, 789px 993px #fff, 1228px 1880px #fff, 12px 1624px #fff, 1706px 787px #fff, 763px 1189px #fff, 1066px 1139px #fff, 1927px 182px #fff, 1058px 927px #fff, 463px 938px #fff, 1608px 564px #fff, 681px 1082px #fff, 1681px 1704px #fff, 499px 1586px #fff, 1270px 184px #fff, 731px 233px #fff, 500px 916px #fff, 1488px 1864px #fff, 38px 1593px #fff, 155px 639px #fff, 1210px 435px #fff, 671px 1152px #fff, 1671px 473px #fff, 424px 101px #fff, 1456px 1419px #fff, 1791px 1837px #fff, 1783px 411px #fff, 1355px 11px #fff, 1840px 536px #fff, 555px 538px #fff, 71px 683px #fff, 1375px 674px #fff, 269px 545px #fff, 1523px 79px #fff, 1960px 602px #fff, 828px 732px #fff, 723px 771px #fff, 712px 1505px #fff, 285px 606px #fff, 286px 1741px #fff, 1233px 778px #fff, 1717px 1221px #fff, 1225px 981px #fff, 691px 752px #fff, 829px 78px #fff, 1211px 1365px #fff, 1701px 1323px #fff, 1614px 87px #fff, 1974px 1744px #fff, 1227px 873px #fff, 549px 1357px #fff, 881px 1414px #fff, 321px 1381px #fff, 1378px 1339px #fff, 1331px 1263px #fff, 1997px 50px #fff, 149px 776px #fff, 1297px 1054px #fff, 1183px 757px #fff, 421px 58px #fff, 1847px 217px #fff, 1128px 1490px #fff, 681px 485px #fff, 486px 1455px #fff, 224px 804px #fff, 1971px 210px #fff, 699px 1124px #fff, 1210px 799px #fff, 521px 18px #fff, 1793px 1493px #fff, 36px 815px #fff, 1776px 462px #fff, 1701px 196px #fff;
}

.rising-stars div:nth-child(2) {
    animation-duration: 150s!important;
    box-shadow: 1432px 8687px #fff, 281px 1550px #fff, 797px 588px #fff, 1219px 1750px #fff, 291px 20px #fff, 989px 1462px #fff, 321px 1536px #fff, 660px 1179px #fff, 630px 1097px #fff, 138px 1129px #fff, 317px 982px #fff, 1005px 692px #fff, 594px 770px #fff, 817px 1325px #fff, 1750px 516px #fff, 306px 784px #fff, 103px 1251px #fff, 1035px 897px #fff, 1598px 760px #fff, 1671px 1684px #fff, 473px 120px #fff, 1871px 422px #fff, 1416px 1596px #fff, 664px 469px #fff, 1706px 1842px #fff, 1830px 647px #fff, 1494px 831px #fff, 386px 209px #fff, 1804px 1120px #fff, 439px 1000px #fff, 1089px 7px #fff, 1293px 560px #fff, 102px 1926px #fff, 1219px 1667px #fff, 1364px 1107px #fff, 1270px 619px #fff, 1180px 1657px #fff, 1208px 521px #fff, 807px 1325px #fff, 478px 396px #fff, 995px 327px #fff, 1067px 352px #fff, 1620px 1648px #fff, 114px 1380px #fff, 24px 883px #fff, 1589px 883px #fff, 1365px 139px #fff, 778px 1926px #fff, 1390px 1943px #fff, 1755px 193px #fff, 1575px 292px #fff, 214px 1095px #fff, 372px 1011px #fff, 251px 31px #fff, 1249px 1150px #fff, 1481px 520px #fff, 1716px 499px #fff, 937px 1934px #fff, 743px 494px #fff, 1341px 1953px #fff, 670px 1523px #fff, 441px 940px #fff, 1056px 944px #fff, 1963px 1467px #fff, 1543px 852px #fff, 225px 763px #fff, 957px 1937px #fff, 1344px 460px #fff, 497px 512px #fff, 1676px 1196px #fff, 961px 438px #fff, 1721px 1580px #fff, 418px 1874px #fff, 316px 1597px #fff, 1897px 526px #fff, 640px 1420px #fff, 50px 1211px #fff, 1871px 726px #fff, 1672px 1990px #fff, 1258px 864px #fff, 62px 614px #fff, 314px 882px #fff, 878px 1076px #fff, 1724px 1142px #fff, 543px 46px #fff, 641px 425px #fff, 76px 57px #fff, 227px 927px #fff, 816px 1130px #fff, 1064px 1389px #fff, 1915px 671px #fff, 407px 1527px #fff, 257px 605px #fff, 983px 1012px #fff, 1576px 388px #fff, 1575px 1935px #fff, 68px 1594px #fff, 311px 107px #fff, 832px 144px #fff, 349px 1401px #fff, 1150px 1652px #fff, 627px 1663px #fff, 922px 1119px #fff, 720px 1629px #fff, 305px 642px #fff, 1125px 146px #fff, 898px 750px #fff, 642px 1538px #fff, 88px 782px #fff, 723px 1320px #fff, 355px 785px #fff, 1149px 1949px #fff, 1522px 1885px #fff, 1984px 957px #fff, 256px 1165px #fff, 1216px 1415px #fff, 777px 408px #fff, 819px 510px #fff, 1239px 1325px #fff, 1202px 326px #fff, 225px 384px #fff, 291px 498px #fff, 1349px 535px #fff, 1927px 1931px #fff, 1673px 507px #fff, 584px 1285px #fff, 486px 743px #fff, 1391px 1091px #fff, 541px 947px #fff, 1505px 1612px #fff, 231px 1371px #fff, 1336px 1722px #fff, 729px 1068px #fff, 1179px 1525px #fff, 203px 76px #fff, 1878px 736px #fff, 1704px 1381px #fff, 551px 1527px #fff, 1110px 1859px #fff, 313px 596px #fff, 543px 9px #fff, 1091px 951px #fff, 1178px 1081px #fff, 137px 1930px #fff, 705px 1554px #fff, 1427px 1999px #fff, 988px 1968px #fff, 271px 1720px #fff, 1234px 1857px #fff, 1559px 1284px #fff, 1353px 1409px #fff, 298px 1591px #fff, 602px 1198px #fff, 1451px 106px #fff, 1835px 1119px #fff, 1098px 324px #fff, 946px 842px #fff, 1308px 1879px #fff, 1013px 57px #fff, 1856px 1163px #fff, 266px 1889px #fff, 361px 657px #fff, 1450px 873px #fff, 1008px 644px #fff, 632px 1115px #fff, 45px 1126px #fff, 845px 1090px #fff, 582px 974px #fff, 671px 82px #fff, 561px 1442px #fff, 1417px 594px #fff, 931px 984px #fff, 1677px 1052px #fff, 1698px 844px #fff, 1043px 1059px #fff, 861px 1672px #fff, 1922px 1111px #fff, 1261px 310px #fff, 1940px 1966px #fff, 391px 1960px #fff, 1116px 158px #fff, 639px 1471px #fff, 526px 1349px #fff, 888px 1053px #fff, 547px 563px #fff, 1005px 1053px #fff, 67px 98px #fff, 9px 872px #fff, 693px 1422px #fff, 1303px 1524px #fff, 1765px 655px #fff, 66px 188px #fff, 1929px 1145px #fff, 1158px 1423px #fff, 1897px 302px #fff, 1421px 630px #fff, 120px 240px #fff, 777px 1748px #fff, 802px 1919px #fff, 1039px 745px #fff, 1739px 897px #fff, 327px 972px #fff, 426px 1450px #fff, 1900px 1785px #fff, 431px 87px #fff, 394px 1871px #fff, 226px 1776px #fff, 698px 757px #fff, 944px 274px #fff, 1764px 899px #fff, 736px 858px #fff, 1581px 867px #fff, 1760px 594px #fff, 315px 1572px #fff, 612px 69px #fff, 491px 1784px #fff, 1487px 1998px #fff, 371px 1477px #fff, 1770px 638px #fff, 606px 1666px #fff, 347px 1014px #fff, 659px 585px #fff, 1762px 1819px #fff, 1795px 823px #fff, 486px 1488px #fff, 1424px 977px #fff, 1441px 1377px #fff, 372px 1103px #fff, 1736px 1114px #fff, 883px 789px #fff, 760px 456px #fff, 1475px 1368px #fff, 343px 415px #fff, 1221px 823px #fff, 894px 513px #fff, 1016px 713px #fff, 751px 22px #fff, 875px 595px #fff, 1999px 1266px #fff, 1340px 652px #fff, 1872px 540px #fff, 1957px 753px #fff, 308px 1242px #fff, 1551px 1124px #fff, 1417px 305px #fff, 1701px 1843px #fff, 539px 1505px #fff, 404px 1442px #fff, 146px 248px #fff, 1942px 602px #fff, 1019px 1240px #fff, 813px 1300px #fff, 1259px 1092px #fff, 1820px 10px #fff, 27px 222px #fff, 278px 1838px #fff, 1420px 1702px #fff, 367px 61px #fff, 433px 518px #fff, 253px 1444px #fff, 791px 954px #fff, 1768px 1504px #fff, 709px 1529px #fff, 198px 246px #fff, 1228px 131px #fff, 812px 1859px #fff, 1145px 784px #fff, 165px 377px #fff, 847px 535px #fff, 71px 1404px #fff, 1364px 1168px #fff, 410px 1120px #fff, 1265px 261px #fff, 1678px 1845px #fff, 305px 873px #fff, 1524px 1720px #fff, 608px 682px #fff, 1277px 991px #fff, 1865px 1097px #fff, 1426px 197px #fff, 435px 1774px #fff, 42px 470px #fff, 27px 453px #fff, 306px 1691px #fff, 60px 1692px #fff, 1097px 1408px #fff, 992px 136px #fff, 1082px 1688px #fff, 1925px 1301px #fff, 156px 1675px #fff, 164px 1147px #fff, 109px 480px #fff, 1597px 1391px #fff, 238px 1553px #fff, 1609px 303px #fff, 1932px 1158px #fff, 127px 891px #fff, 279px 1047px #fff, 909px 1389px #fff, 1517px 1647px #fff, 394px 1866px #fff, 1351px 838px #fff, 787px 660px #fff, 138px 871px #fff, 1228px 1149px #fff, 1251px 1946px #fff, 1766px 1350px #fff, 230px 1552px #fff, 1412px 1835px #fff, 1465px 1476px #fff, 288px 1472px #fff, 1608px 1698px #fff, 1503px 1254px #fff, 888px 1080px #fff, 962px 1952px #fff, 987px 249px #fff, 1516px 1971px #fff, 598px 1683px #fff, 740px 12px #fff, 1017px 1917px #fff, 1094px 894px #fff, 596px 71px #fff, 745px 1504px #fff, 1234px 1514px #fff, 13px 25px #fff, 1981px 758px #fff, 714px 853px #fff, 1964px 637px #fff, 373px 1568px #fff, 1580px 1172px #fff, 130px 605px #fff, 1736px 1281px #fff, 65px 1793px #fff, 436px 861px #fff, 33px 161px #fff, 1530px 1981px #fff, 1199px 1707px #fff, 1118px 1175px #fff, 470px 1959px #fff, 1552px 233px #fff, 1450px 1039px #fff, 1012px 543px #fff, 722px 621px #fff, 777px 1365px #fff, 1510px 1339px #fff, 95px 896px #fff, 60px 1765px #fff, 62px 1148px #fff, 720px 763px #fff, 1434px 1114px #fff, 250px 400px #fff, 1903px 490px #fff, 715px 762px #fff, 185px 1156px #fff, 1993px 907px #fff, 389px 95px #fff, 347px 1342px #fff, 189px 1186px #fff, 1498px 1760px #fff, 1525px 358px #fff, 479px 1712px #fff, 483px 418px #fff, 317px 815px #fff, 380px 1413px #fff, 1486px 922px #fff, 1379px 894px #fff, 1149px 1911px #fff, 1360px 1819px #fff, 140px 1776px #fff, 1167px 875px #fff, 332px 1193px #fff, 1252px 1232px #fff, 1713px 1820px #fff, 455px 58px #fff, 1045px 555px #fff, 377px 1058px #fff, 900px 1396px #fff, 288px 592px #fff, 399px 762px #fff, 590px 460px #fff, 126px 1925px #fff, 1429px 890px #fff, 1841px 1712px #fff, 1975px 182px #fff, 1559px 1169px #fff, 1661px 1463px #fff, 1723px 1948px #fff, 1280px 1703px #fff, 713px 1205px #fff, 334px 1816px #fff, 460px 724px #fff, 1573px 1084px #fff, 1543px 1086px #fff, 1319px 1241px #fff, 1014px 880px #fff, 1492px 18px #fff, 330px 153px #fff, 3px 1416px #fff, 1396px 166px #fff, 1482px 1299px #fff, 819px 1966px #fff, 281px 3px #fff, 1072px 1199px #fff, 510px 456px #fff, 1521px 1731px #fff, 1801px 643px #fff, 446px 529px #fff, 1888px 1169px #fff, 893px 683px #fff, 1588px 348px #fff, 1748px 566px #fff, 232px 481px #fff, 769px 200px #fff, 1649px 1016px #fff, 1675px 1930px #fff, 1018px 1607px #fff, 1137px 825px #fff, 491px 608px #fff, 28px 1383px #fff, 329px 746px #fff, 273px 1846px #fff, 1257px 1139px #fff, 258px 1278px #fff, 821px 1393px #fff, 237px 1117px #fff, 172px 771px #fff, 120px 608px #fff, 670px 939px #fff, 1412px 1095px #fff, 1257px 1094px #fff, 996px 1308px #fff, 953px 1799px #fff, 769px 11px #fff, 1586px 864px #fff, 1217px 1677px #fff, 1276px 1159px #fff, 1961px 488px #fff, 1888px 676px #fff, 1965px 634px #fff, 1372px 1360px #fff, 875px 1653px #fff, 939px 408px #fff, 1632px 1895px #fff, 1858px 802px #fff, 574px 1280px #fff, 1800px 1240px #fff, 1484px 537px #fff, 926px 1379px #fff, 1436px 1123px #fff, 136px 506px #fff, 920px 1692px #fff, 1640px 1581px #fff, 426px 528px #fff, 1531px 45px #fff, 634px 991px #fff, 629px 319px #fff, 808px 1818px #fff, 144px 1357px #fff, 69px 409px #fff, 284px 1280px #fff, 1975px 546px #fff, 817px 261px #fff, 1794px 575px #fff, 1747px 1141px #fff, 997px 1824px #fff, 783px 1897px #fff, 597px 1756px #fff, 464px 1327px #fff, 1041px 1795px #fff, 1341px 699px #fff, 1155px 1249px #fff, 1801px 1098px #fff, 1224px 922px #fff, 1548px 85px #fff, 1446px 1746px #fff, 898px 625px #fff, 1374px 742px #fff, 1587px 1468px #fff, 1720px 1268px #fff, 776px 667px #fff, 867px 128px #fff, 841px 1808px #fff, 1825px 1805px #fff, 411px 1851px #fff, 455px 1033px #fff, 1103px 612px #fff, 1066px 1433px #fff, 1068px 835px #fff, 1497px 1510px #fff, 1517px 1457px #fff, 793px 363px #fff, 983px 613px #fff, 655px 1820px #fff, 1244px 1592px #fff, 625px 264px #fff, 744px 248px #fff, 423px 1810px #fff, 36px 428px #fff, 797px 489px #fff, 152px 1855px #fff;
    opacity: .5;
}

.rising-stars div:nth-child(3) {
    animation-duration: 200s!important;
    box-shadow: 1101px 12446px #fff, 1029px 11px #fff, 1085px 961px #fff, 1767px 1121px #fff, 78px 1112px #fff, 1969px 440px #fff, 743px 1548px #fff, 1005px 1473px #fff, 1843px 1450px #fff, 1062px 547px #fff, 1105px 1501px #fff, 316px 1466px #fff, 831px 1071px #fff, 879px 1157px #fff, 1400px 1368px #fff, 1491px 1832px #fff, 833px 1040px #fff, 1788px 1114px #fff, 312px 406px #fff, 447px 1127px #fff, 312px 1249px #fff, 577px 1906px #fff, 1673px 1170px #fff, 926px 1822px #fff, 1378px 770px #fff, 55px 1592px #fff, 1377px 419px #fff, 577px 933px #fff, 668px 576px #fff, 1347px 1630px #fff, 1994px 1661px #fff, 856px 1426px #fff, 262px 1304px #fff, 736px 895px #fff, 419px 329px #fff, 1248px 187px #fff, 1584px 1841px #fff, 789px 603px #fff, 1831px 1181px #fff, 1972px 11px #fff, 567px 1408px #fff, 203px 1943px #fff, 502px 961px #fff, 1992px 284px #fff, 153px 1236px #fff, 1395px 491px #fff, 133px 153px #fff, 699px 61px #fff, 511px 1467px #fff, 1069px 909px #fff, 1534px 1962px #fff, 561px 866px #fff, 1392px 1318px #fff, 1524px 369px #fff, 195px 1687px #fff, 707px 1428px #fff, 1528px 208px #fff, 1658px 669px #fff, 1579px 161px #fff, 757px 766px #fff, 72px 4px #fff, 372px 1622px #fff, 515px 1062px #fff, 581px 89px #fff, 818px 860px #fff, 1949px 779px #fff, 1085px 1014px #fff, 1677px 551px #fff, 502px 371px #fff, 1034px 1401px #fff, 1745px 1621px #fff, 857px 1349px #fff, 946px 1184px #fff, 376px 1131px #fff, 781px 1298px #fff, 481px 1846px #fff, 1052px 370px #fff, 1499px 872px #fff, 1606px 905px #fff, 363px 1429px #fff, 319px 177px #fff, 1119px 1019px #fff, 1056px 1981px #fff, 64px 1192px #fff, 572px 1714px #fff, 569px 1206px #fff, 795px 29px #fff, 1125px 1133px #fff, 1495px 862px #fff, 1298px 587px #fff, 1938px 1234px #fff, 1009px 1328px #fff, 1882px 684px #fff, 682px 1022px #fff, 844px 936px #fff, 1246px 1933px #fff, 1044px 1128px #fff, 1973px 395px #fff, 482px 1715px #fff, 695px 528px #fff, 1806px 1908px #fff, 1578px 998px #fff, 143px 1347px #fff, 998px 1688px #fff, 890px 1063px #fff, 1355px 1564px #fff, 1349px 350px #fff, 1225px 1779px #fff, 1841px 1934px #fff, 314px 1913px #fff, 143px 1167px #fff, 1974px 25px #fff, 615px 1143px #fff, 416px 1967px #fff, 1504px 1977px #fff, 1017px 1660px #fff, 580px 1086px #fff, 1974px 1626px #fff, 1014px 1610px #fff, 266px 1343px #fff, 963px 1117px #fff, 82px 1048px #fff, 1963px 1702px #fff, 1294px 1845px #fff, 1758px 1448px #fff, 1829px 1691px #fff, 1299px 279px #fff, 446px 1018px #fff, 1228px 1952px #fff, 1369px 1924px #fff, 1416px 532px #fff, 263px 1688px #fff, 1437px 792px #fff, 469px 692px #fff, 1904px 34px #fff, 1618px 1580px #fff, 663px 1204px #fff, 816px 1628px #fff, 340px 529px #fff, 1404px 287px #fff, 1149px 1846px #fff, 1883px 1682px #fff, 1637px 1057px #fff, 570px 951px #fff, 1623px 205px #fff, 988px 439px #fff, 519px 316px #fff, 1510px 1127px #fff, 120px 115px #fff, 145px 853px #fff, 772px 1379px #fff, 852px 155px #fff, 1741px 817px #fff, 593px 1083px #fff, 456px 260px #fff, 527px 393px #fff, 1763px 1510px #fff, 1643px 1437px #fff, 997px 1537px #fff, 1320px 1844px #fff, 611px 892px #fff, 1242px 879px #fff, 1556px 1491px #fff, 882px 264px #fff, 1632px 1402px #fff, 206px 378px #fff, 745px 1042px #fff, 1734px 26px #fff, 996px 352px #fff, 181px 634px #fff, 1609px 1890px #fff, 1995px 1687px #fff, 381px 547px #fff, 1779px 225px #fff, 1790px 1496px #fff, 1368px 1212px #fff, 140px 1516px #fff, 992px 1470px #fff, 748px 98px #fff, 1682px 1653px #fff, 21px 823px #fff, 539px 789px #fff, 1158px 1232px #fff, 437px 1554px #fff, 1224px 1078px #fff, 262px 254px #fff, 1618px 349px #fff, 945px 1054px #fff, 780px 131px #fff, 605px 157px #fff, 1586px 617px #fff, 1120px 1794px #fff, 1533px 751px #fff, 1391px 1941px #fff, 1920px 1852px #fff, 1860px 1543px #fff, 1621px 695px #fff, 42px 1618px #fff, 362px 428px #fff, 1354px 688px #fff, 1347px 228px #fff, 1956px 1145px #fff, 1160px 1979px #fff, 124px 597px #fff, 1491px 1234px #fff, 1552px 876px #fff, 1066px 1057px #fff, 1420px 316px #fff, 179px 590px #fff, 435px 142px #fff, 772px 861px #fff, 878px 53px #fff, 1172px 1627px #fff, 1847px 580px #fff, 1574px 1056px #fff, 281px 1326px #fff, 443px 1159px #fff, 1768px 1225px #fff, 1883px 1368px #fff, 1957px 1304px #fff, 1666px 1523px #fff, 1607px 593px #fff, 413px 549px #fff, 878px 1579px #fff, 1041px 766px #fff, 638px 1178px #fff, 1985px 534px #fff, 537px 142px #fff, 1376px 1133px #fff, 990px 430px #fff, 1062px 839px #fff, 1658px 1871px #fff, 20px 29px #fff, 336px 219px #fff, 1793px 323px #fff, 1538px 176px #fff, 558px 1227px #fff, 1826px 1132px #fff, 572px 1461px #fff, 1900px 1647px #fff, 1126px 1972px #fff, 703px 358px #fff, 1444px 1988px #fff, 980px 721px #fff, 240px 674px #fff, 1731px 1607px #fff, 49px 293px #fff, 1392px 1831px #fff, 101px 1661px #fff, 1834px 1163px #fff, 1709px 1336px #fff, 88px 1546px #fff, 1688px 1721px #fff, 624px 1058px #fff, 1347px 352px #fff, 1262px 677px #fff, 948px 1820px #fff, 1222px 224px #fff, 365px 633px #fff, 747px 1162px #fff, 527px 1874px #fff, 1146px 1467px #fff, 949px 1127px #fff, 92px 1714px #fff, 546px 657px #fff, 172px 1489px #fff, 587px 970px #fff, 359px 1225px #fff, 641px 1px #fff, 1577px 926px #fff, 608px 111px #fff, 46px 1967px #fff, 1339px 1895px #fff, 723px 1320px #fff, 329px 1730px #fff, 1485px 247px #fff, 824px 944px #fff, 1441px 1462px #fff, 1790px 193px #fff, 909px 219px #fff, 1161px 1469px #fff, 1037px 501px #fff, 1397px 999px #fff, 1863px 1019px #fff, 1956px 406px #fff, 1424px 1301px #fff, 1036px 676px #fff, 1080px 1177px #fff, 3px 696px #fff, 488px 311px #fff, 1907px 334px #fff, 174px 1634px #fff, 1975px 1271px #fff, 947px 64px #fff, 669px 767px #fff, 721px 1159px #fff, 1119px 902px #fff, 1498px 2px #fff, 372px 434px #fff, 1658px 1144px #fff, 178px 1549px #fff, 1207px 1874px #fff, 254px 393px #fff, 1965px 1954px #fff, 1688px 1283px #fff, 359px 1700px #fff, 1518px 394px #fff, 77px 1612px #fff, 216px 387px #fff, 1435px 1841px #fff, 1110px 1563px #fff, 1828px 1710px #fff, 527px 973px #fff, 1471px 674px #fff, 486px 851px #fff, 926px 1590px #fff, 1566px 1940px #fff, 1638px 76px #fff, 1369px 1201px #fff, 1852px 1309px #fff, 675px 1153px #fff, 75px 1758px #fff, 583px 1871px #fff, 170px 655px #fff, 710px 12px #fff, 908px 1634px #fff, 63px 1219px #fff, 974px 1654px #fff, 855px 1576px #fff, 655px 1377px #fff, 980px 1494px #fff, 45px 100px #fff, 1347px 969px #fff, 212px 1349px #fff, 676px 1443px #fff, 1727px 738px #fff, 1724px 513px #fff, 295px 1126px #fff, 582px 722px #fff, 222px 291px #fff, 1264px 731px #fff, 1895px 1348px #fff, 1234px 76px #fff, 47px 1101px #fff, 774px 1279px #fff, 1251px 1960px #fff, 1113px 1422px #fff, 1025px 1581px #fff, 1195px 953px #fff, 1402px 1616px #fff, 537px 92px #fff, 832px 887px #fff, 95px 1596px #fff, 351px 270px #fff, 1231px 1562px #fff, 830px 364px #fff, 664px 128px #fff, 1792px 879px #fff, 1847px 287px #fff, 1140px 615px #fff, 122px 69px #fff, 1881px 1138px #fff, 1221px 1144px #fff, 338px 1372px #fff, 1222px 1110px #fff, 1245px 1334px #fff, 775px 824px #fff, 1829px 1036px #fff, 966px 1438px #fff, 1256px 1511px #fff, 1313px 1398px #fff, 1641px 1165px #fff, 1112px 355px #fff, 69px 1672px #fff, 1251px 453px #fff, 733px 244px #fff, 665px 527px #fff, 829px 975px #fff, 332px 1765px #fff, 1332px 1562px #fff, 1445px 803px #fff, 899px 1365px #fff, 1791px 1417px #fff, 1766px 1682px #fff, 1995px 234px #fff, 407px 660px #fff, 97px 88px #fff, 158px 1614px #fff, 1474px 321px #fff, 776px 889px #fff, 199px 83px #fff, 1999px 1201px #fff, 1591px 1090px #fff, 640px 404px #fff, 92px 1325px #fff, 1802px 1062px #fff, 389px 1731px #fff, 64px 1986px #fff, 334px 25px #fff, 682px 1235px #fff, 19px 1285px #fff, 761px 259px #fff, 1129px 494px #fff, 1272px 677px #fff, 285px 1943px #fff, 938px 1838px #fff, 1942px 66px #fff, 1921px 595px #fff, 1767px 843px #fff, 1018px 1857px #fff, 1487px 904px #fff, 1541px 338px #fff, 842px 593px #fff, 1643px 1017px #fff, 463px 329px #fff, 1903px 1984px #fff, 105px 663px #fff, 975px 116px #fff, 274px 955px #fff, 1421px 1158px #fff, 784px 596px #fff, 218px 796px #fff, 763px 1015px #fff, 494px 36px #fff, 99px 1630px #fff, 91px 21px #fff, 929px 1894px #fff, 670px 1560px #fff, 1096px 1824px #fff, 313px 1784px #fff, 1512px 251px #fff, 1020px 1738px #fff, 714px 671px #fff, 278px 1287px #fff, 1251px 886px #fff, 1852px 545px #fff, 209px 1270px #fff, 128px 1874px #fff, 853px 1429px #fff, 150px 1984px #fff, 991px 709px #fff, 417px 1871px #fff, 1439px 1133px #fff, 702px 1448px #fff, 827px 1661px #fff, 630px 103px #fff, 589px 894px #fff, 1178px 297px #fff, 1202px 1982px #fff, 1728px 679px #fff, 1936px 1470px #fff, 1161px 1711px #fff, 1661px 1092px #fff, 46px 1100px #fff, 187px 388px #fff, 636px 1445px #fff, 171px 1213px #fff, 1646px 1200px #fff, 1182px 157px #fff, 1217px 1015px #fff, 1936px 807px #fff, 1743px 890px #fff, 1825px 27px #fff, 545px 21px #fff, 1895px 993px #fff, 1631px 1180px #fff, 1634px 411px #fff, 1998px 886px #fff, 1479px 906px #fff, 528px 970px #fff, 861px 1238px #fff, 881px 361px #fff, 960px 916px #fff, 280px 950px #fff, 1310px 986px #fff, 768px 1796px #fff, 1187px 980px #fff, 612px 1279px #fff, 377px 1876px #fff, 1170px 736px #fff, 1331px 733px #fff, 450px 233px #fff, 1875px 1317px #fff, 1868px 1315px #fff, 1874px 1018px #fff, 1062px 1949px #fff, 1266px 797px #fff, 1087px 443px #fff, 1984px 369px #fff, 1209px 1726px #fff, 1626px 501px #fff, 1991px 986px #fff, 1467px 356px #fff, 1163px 964px #fff, 1671px 1944px #fff, 374px 1634px #fff, 1556px 820px #fff, 1800px 1600px #fff, 1314px 1935px #fff, 1174px 1293px #fff;
    opacity: .3;
}

.hero-container {
    display: flex;
    /* justify-content: center; */
    flex-direction: row;
    align-items: center;
    gap: 32px;
    margin-bottom: 80px;
    position: relative;
    z-index: 9;
}

.hero-inner {
    width: 760px;
    margin: 0 auto;
    text-align: center;
}

.hero-inner--top {
    margin-bottom: 2.5rem;
}

.hero-tag--text {
    display: inline-block;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 100px;
    color: #757682;
    font-size: 14px;
    font-weight: 400;
    line-height: .875rem;
    text-align: center;
    margin-bottom: 16px;
}

.hero-title {
    color: #1d1d20;
    font-size: 64px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0.75em 0;
    margin-bottom: 36px;
}

.hero-paragraph {
    color: rgba(0, 0, 0, .8);
    font-size: 16px;
    line-height: 1.7;
    max-width: 650px;
    margin: 0 auto;
    margin-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
}

.hero .btn-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 0 auto;
    max-width: 450px;
}

.hero-cta {
    width: 100%;
    max-width: 600px;
    max-width: 400px;
    align-self: center;
    margin: 0 auto;
}

.hero-cta .form-grid {
    grid-column-gap: 1.8rem;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
}

.hero-cta .form-grid .input-wrapper {
    width: 100%;
    grid-column-gap: 2rem;
    justify-content: space-between;
    display: flex;
}

.hero-cta .form-grid .form-input, .footer-newsletter .footer-form .form-input {
    height: auto;
    min-height: 36px;
    color: #4a4a55;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0 solid #000;
    border-bottom: 1px solid #646e7a;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 0 0 0;
    font-size: 16px;
    line-height: 1.6;
    width: 100%;
    outline: 0;
    box-shadow: none;
}

.hero-cta .form-grid .form-button, .footer-newsletter .footer-form .form-button, .cta-button {
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: center;
    background-color: #5951ff;
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 999px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .1);
    padding: 12px 18px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    /* width: 100%; */
    text-decoration: none;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
}

.hero-cta .form-grid .form-button.secondary-button, .footer-newsletter .footer-form .form-button.secondary-button, .cta-button.secondary-button {
    color: rgba(0, 0, 0, .95);
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid rgba(0, 0, 0, .3);
}

.hero-cta .form-grid .form-button .svg-icon, .footer-newsletter .footer-form .form-button .svg-icon, .cta-button .svg-icon {
    width: 14px;
    height: 14px;
    transition: .2s;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.hero-cta .form-grid .form-button:hover, .footer-newsletter .footer-form .form-button:hover, .cta-button:hover {
    color: #fff;
}

.hero-cta .form-grid .form-button.secondary-button:hover, .footer-newsletter .footer-form .form-button.secondary-button:hover, .cta-button.secondary-button:hover {
    color: inherit;
}

.hero-cta .form-grid .form-button:hover .svg-icon, .footer-newsletter .footer-form .form-button:hover .svg-icon, .cta-button:hover .svg-icon {
    transform: translate3d(2px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.hero-cta .form-input--wrapper {
    display: block;
    position: relative;
}

.hero-cta .form-input {
    background-color: rgb(255 255 255);
    border: 1px solid rgb(229, 231, 235);
    border-radius: 9999px;
    font-size: 15px;
    padding-right: 160px;
    padding-left: 1rem;
    width: 100%;
    height: 56px;
    transition-duration: 0.15s;
    outline: 0;
}

.hero-cta .form-input:focus {
    border-color: rgb(102, 105, 241);
}

.hero-cta .form-action--wrapper {
    top: 50%;
    right: 12px;
    transform: translate(0,-50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    position: absolute;
}

.hero-cta .form-action--btn {
    background-color: rgb(99 102 241);
    border: none;
    border-radius: 9999px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(129, 140, 248) 0px 1px 1px 0px inset, rgba(49, 46, 129, 0.4) 0px 1px 3px 0px, rgba(67, 56, 202, 0.6) 0px 0px 0px 1px;
    font-size: 14px;
    font-family: 'Space Mono', monospace;
    color: rgb(255 255 255);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -.75px;
    padding: 8px 12px;
    outline: 0;
}

.hero-demo {
    background-color: #fff;
    border: 0.5px solid rgba(0, 0, 0, .05);
    border-radius: 12px;
    margin-top: 0;
    padding: 0;
    box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);
    position: relative;
}

.floating-logos--wrapper {
    overflow: hidden;
}

.floating-logos--wrapper .logo-badge {
    align-items: center;
    background: linear-gradient(157.7398215600037deg,rgba(77,157,118,.2) 0%,rgba(0,115,59,0) 100%);
    background: #fff;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 2px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 5px 10px;
    position: absolute;
    width: min-content;
    animation: bounce 4s infinite;
}

.floating-logos--wrapper .logo-badge.slack {
    bottom: 220px;
    left: 50px;
    animation-delay: 0.4s;
}

.floating-logos--wrapper .logo-badge.gmail {
    bottom: 220px;
    right: 50px;
    animation-delay: 0.8s;
}

.floating-logos--wrapper .logo-badge.sheets {
    bottom: 50px;
    right: 110px;
    animation-delay: 1.2s;
}

.floating-logos--wrapper .logo-badge.notion {
    bottom: 50px;
    left: 110px;
    animation-delay: 0.6s;
}

.floating-logos--wrapper .logo-badge.gdrive {
    bottom: 130px;
    right: -40px;
    animation-delay: 1.0s;
}

.floating-logos--wrapper .logo-badge.dropbox {
    bottom: 130px;
    left: -40px;
    animation-delay: 1.4s;
}

.floating-logos--wrapper .logo-badge.docusign {
    bottom: -50px;
    right: 50px;
    animation-delay: 1.8s;
}

.floating-logos--wrapper .logo-badge.clickup {
    bottom: -50px;
    left: 50px;
    animation-delay: 1.2s;
}

.floating-logos--wrapper .logo-badge.jira {
    bottom: -100px;
    right: 250px;
    animation-delay: 1.0s;
}

.floating-logos--wrapper .logo-badge.airtable {
    bottom: -100px;
    left: 250px;
    animation-delay: 1.4s;
}

.floating-logos--wrapper .logo-badge.github {
    bottom: -130px;
    right: 580px;
}

.floating-logos--wrapper .logo-badge .icon-wrapper {
    aspect-ratio: 1 / 1;
    width: 20px;
    height: 20px;
    flex: none;
    position: relative;
}

.floating-logos--wrapper .logo-badge .icon {
    width: 100%;
    height: 100%;
}

.floating-logos--wrapper .logo-text {
    font-size: 15px;
    font-family: 'Space Mono', monospace;
    font-weight: 400;
    line-height: 16px;
    color: var(--text-default);
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(-10px);
        opacity: 0.5;
    }
}

.absolute-lines {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    transform: translate(-50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.absolute-lines.lines-2 {
    max-width: 1232px;
}

.absolute-lines.max {
    max-width: 100%;
}

.absolute-lines .vertical-line {
    background-color: rgba(40,97,103,.07);
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
}

.absolute-lines .vertical-line.line-1 {
    top: 6rem;
}

.absolute-lines .vertical-line.line-2 {
    top: 12rem;
}

.absolute-lines .horizontal-line {
    background-color: rgba(40,97,103,.07);
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
}

.absolute-lines .horizontal-line.line-1 {
    left: 0;
}

.absolute-lines .horizontal-line.line-2 {
    right: 0;
}

.hero-bg--gradient {
    width: 100%;
    height: 200px;
    filter: blur(200px);
    background-color: rgba(5, 63, 193, .3);
    display: block;
    position: absolute;
    top: auto;
    bottom: -100px;
    left: 0%;
    right: 0%;
}

.hero-bg--glow {
    /* max-width: 928px; */
    width: 1000px;
    height: 1000px;
    position: absolute;
    aspect-ratio: auto 1000 / 1000;
    left: 18%;
    top: 24%;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

.hero-video {
    background-color: #F7F5F2;
    background-color: transparent;
    padding-top: 4rem;
    position: relative;
}

.hero-video--background {
    background-image: linear-gradient(180deg,transparent 98%,hsla(240,6%,94%,.75) 0),linear-gradient(90deg,transparent 94%,hsla(240,6%,94%,.75) 0);
    background-size: 16px 35px;
    -webkit-mask: radial-gradient(#000,transparent 95%);
    mask: radial-gradient(#000,transparent 95%);
    width: 100vw;
    height: 700px;
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translate(-50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    z-index: 1;
}

.hero-video--glow {
    background-image: linear-gradient(to right, rgba(74, 222, 128, 0.2), rgba(37, 99, 235, 0.3) 50%, rgba(79, 70, 229, 0.1) 90%);
    border-radius: 9999px;
    filter: blur(40px);
    width: 50%;
    height: 50%;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    will-change: opacity;
    z-index: 1;
}

.hero-video--wrapper {
    border: 2px solid rgba(255,255,255,0.75);
    border-radius: 1.6rem;
}

.video-with--preview {
    margin: 0 auto;
    align-items: center;
    position: relative;
    z-index: 10;
}

.video-with--preview .video-play--button {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

.video-with--preview .video-content {
    width: 100%;
    border-radius: 1.5rem;
}

.video-with--preview img {
    width: 100%;
}

.video-with--preview .play-with--sound {
    display: flex;
    position: absolute;
    padding: 1rem 1.5rem;
    background: #041527;
    border-radius: 2rem;
    box-shadow: 0px 18px 36px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.04);
    color: #fff;
    font-weight: 500;
    align-items: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    bottom: 2rem;
    left: 2rem;
}

.video-with--preview .play-icon, .video-with--preview .mute-icon {
    height: 18px;
    width: 18px;
    margin-left: 10px;
}

.video-bg--shape {
    z-index: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    width: 100%;
}

.video-bg--shape::after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 0;
    bottom: -1px;
    left: 0;
    background-color: #ffffff;
}

.video-bg--shape .bg-shape {
    width: 100%;
    height: auto;
    display: block;
    bottom: 100%;
}

.hero-chat--preview {
    background: radial-gradient(96.87% 167.08% at 50% 0%,rgba(5,5,30,0) 0%,rgba(92,73,144,.06) 33.33%,rgba(254,139,187,.11) 66.67%,rgba(255,189,122,.16) 99.99%,rgba(255,189,122,0) 100%),rgba(226,232,255,.01);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    max-width: 810px;
    margin: 90px auto 0;
    position: relative;
    overflow: hidden;
}

.hero-chat--preview:before {
    border: 1px solid rgba(226, 232, 255, .1);
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
}

.hero-chat--preview:after {
    background: linear-gradient(180deg, rgb(28 28 32 / 0%) 0%, rgb(3 3 3 / 70%) 34.48%, #181818 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 5;
}

.hero-chat--preview .chat-content--group {
    align-items: center;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    position: relative;
    z-index: 10;
}

.hero-chat--preview .chat-input--group {
    background: rgba(226, 232, 255, .04);
    border-radius: 30px;
    margin-bottom: 10px;
    max-width: 650px;
    position: relative;
    padding: 8px;
    width: 100%;
    isolation: isolate;
    overflow: hidden;
}

.hero-chat--preview .chat-input--group:before {
    border: 1px solid rgba(226, 232, 255, .1);
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
}

.hero-chat--preview .chat-input--flex {
    background: rgba(226, 232, 255, .04);
    background: rgba(226, 232, 255, .02);
    border: 1px solid rgba(226, 232, 255, .06);
    border-radius: 24px;
    display: flex;
    flex:  1 1 0;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
}

.hero-chat--preview .chat-input--flex .input-wrapper {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: space-between;
    overflow: hidden;
    padding: 12px 12px 8px;
    position: relative;
    width: 100%;
}

.hero-chat--preview .chat-input--flex .typing-text--input {
    flex: 1 0 0px;
    height: 36px;
    position: relative;
}

.hero-chat--preview .chat-input--flex .typing-text {
    color: #fafafa;
    font-size: 15px;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.hero-chat--preview .chat-input--flex .action-group {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: min-content;
    justify-content: flex-end;
    overflow: hidden;
    padding: 8px 12px 12px;
    position: relative;
    width: 100%;
}

.hero-chat--preview .chat-input--flex .action-group .source-wrapper {
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    height: min-content;
    justify-content: flex-start;
    position: relative;
}

.hero-chat--preview .chat-input--flex .action-group .attach-icon {
    align-items: center;
    aspect-ratio: 1 / 1;
    background: rgba(226, 232, 255, .04);
    border: 1px solid rgba(226, 232, 255, .1);
    border-radius: 8px;
    color: #fafafa;
    display: flex;
    height: 32px;
    justify-content: center;
    overflow: visible;
    padding: 4px;
    position: relative;
    width: 32px;
}

.hero-chat--preview .chat-input--flex .action-group .attach-icon .svg-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.hero-chat--preview .chat-input--flex .action-group .source-select {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px;
    height: min-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.hero-chat--preview .chat-input--flex .action-group .source-select--text {
    color: #d0d7e7;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5em;
}

.hero-chat--preview .chat-input--flex .action-group .source-select--icon {
    color: #d0d7e7;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px;
}

.hero-chat--preview .chat-input--flex .action-group .action-btn {
    align-items: center;
    background-color: var(--background-default);
    border-radius: 16px;
    color: #fafafa;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    text-transform: uppercase;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 6px 12px;
    position: relative;
    width: min-content;
}

.hero-chat--preview .chat-input--flex .action-group .action-btn .keyboard-shortcut {
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .1);
    display: inline-flex;
    align-self: center;
    margin-left: 3px;
}

.hero-chat--preview .chat-input--flex .action-group .action-btn .keyboard-shortcut--key {
    min-height: 16px;
    min-width: 16px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 3px;
    text-align: center;
    padding: 2px 2px 0;
}

.hero-chat--preview .chat-input--flex .action-group .action-btn .keyboard-shortcut--key:first-child {
    margin-left: 0;
}

.hero-preview--animation {
    padding: 1px 1px 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
}


.hero-preview--animation-line {
    width: 300px;
    height: 300px;
    position: absolute;
    animation: hero-preview-animation-line 8s linear infinite;
    bottom: -300px;
    left: 0;
    background-image: linear-gradient(to top, rgba(109, 46, 255, 0), rgba(158, 122, 255, .3490196078), rgba(254, 139, 187, .6980392157), #ffbd7a 99%, rgba(255, 189, 122, 0) 100%);
}

.hero-preview--animation-line:nth-child(2) {
    animation-delay: 4s;
}

@keyframes hero-preview-animation-line {
    0% {
        transform: translateZ(0) translate(-100px);
    }
    20% {
        transform: translateZ(0) translate(-100px, -300px);
    }
    21% {
        transform: translateZ(0) translate(-100px, -500px) rotate(45deg);
    }
    30% {
        transform: translateZ(0) translate(100px, -550px) rotate(90deg);
    }
    46% {
        transform: translateZ(0) translate(500px, -500px) rotate(90deg);
    }
    47% {
        transform: translateZ(0) translate(500px, -500px) rotate(135deg);
    }
    54% {
        transform: translateZ(0) translate(650px, -400px) rotate(180deg);
    }
    73% {
        transform: translateZ(0) translate(650px) rotate(180deg);
    }
    100% {
        transform: translateZ(0) translate(650px) rotate(180deg);
    }
}



.support-checklist--group {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

.support-checklist--group .checklist-item {
    color: #fafafa;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: .5rem;
    white-space: nowrap;
    font-size: 15px;
    line-height: 20px;
    margin: 0;
}

.support-checklist--group .checklist-icon {
    height: 1rem;
    width: 1rem;
}

.hero .floating-logos--left {
    top: 670px;
    flex: none;
    height: 743px;
    left: 5%;
    overflow: hidden;
    position: absolute;
    width: 384px;
}

.hero .floating-logos--right {
    flex: none;
    height: 742px;
    right: 3%;
    overflow: hidden;
    position: absolute;
    top: 650px;
    width: 335px;
}

.hero .floating-logos--left .floating-logo.slack {
    left: 67%;
    top: 180px;
    transform: rotate(-6deg);
}

.hero .floating-logos--left .floating-logo.drive {
    left: 22%;
    top: 258px;
    transform: rotate(-18deg);
}

.hero .floating-logos--left .floating-logo.clickup {
    left: 44%;
    top: 80px;
    transform: rotate(2deg);
}

.hero .floating-logos--right .floating-logo.sheets {
    left: 55%;
    top: 35px;
}

.hero .floating-logos--right .floating-logo.notion {
    left: 25%;
    top: 130px;
    transform: rotate(13deg);
}

.hero .floating-logos--right .floating-logo.hubspot {
    transform: rotate(9deg);
}

.hero .floating-logos--right .floating-logo.zendesk {
    left: 10%;
    top: 280px;
    transform: rotate(9deg);
}


.hero .floating-logos--left .floating-logo, .hero .floating-logos--right .floating-logo {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 12px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 40px;
    width: 40px;
    /* animation: bounce 4s infinite */
}

.hero .floating-logos--left .floating-logo .icon-image, .hero .floating-logos--right .floating-logo .icon-image {
    width: 24px;
    height: 24px;
}


/* Input */
label {
    font-size: 13px;
}

select {
    background: url('../img/icons/arrow-down.svg') no-repeat right 0.8em center/1.4em;
    cursor: pointer !important;
}

.btn {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    font-family: 'Space Mono', monospace;
    outline: 0;
}

.btn-primary {
    color: #fff;
    background-color: #5951ff;
    border-color: #5951ff;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #4c4fe7;
    border-color: #4c4fe7;
}

.button {
    font-size: 18px;
    font-weight: 400;
}

.button-secondary {
    background-color: #F5EA61; 
    color: #6E24D0 !important;
    text-transform: none;
}

.button-rounded {
    border-radius: 100px;
}

.button-block {
    width: 100% !important;
}

.the__button {
    display: inline-block;
    text-decoration: none;
    padding: 15px 25px;
    font-family: 'Space Mono', monospace;
    font-weight: 500;
    background: #5951ff;
    color: #fff;
    border: 1px solid #5951ff;
    transition: color 600ms ease, background 1200ms ease;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
    /* line-height: inherit; */
    height: 60px;
    min-width: 170px;
    width: max-content;
    display: inline-flex;
    justify-content: center;
}

.site-header .the__button {
    min-width: auto;
    height: 52px;
    line-height: 1.4;
    letter-spacing: -.75px;
}

.the__button.btn--alt {
    background: #dac7fe;
    color: #5951ff;
    border: 1px solid #dac7fe;
}

.the__button.btn--white {
    background: #fff;
    color: var(--text-default);
    border: 1px solid #fff;
}

.the__button.dark {
    background: #202f44;
    color: #fff;
    border: 1px solid #202f44;
}

.the__button:before {
    content: "";
    width: 56px;
    height: 100%;
    border-radius: 50%;
    background: #4c4fe7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: var(--trans-600);
}

.the__button.btn--alt::before {
    background: #c4a7f9;
    color: var(--text-default);
}

.the__button.btn--white:before {
    background: #f7f7f7;
    color: var(--text-default);
}

.the__button.dark:before {
    background: #071d3c;
    color: #fff;
}

.the__button:hover:before {
    transform: translate(-50%, -50%) scale(5);
    transition: var(--trans-1200);
}

.the__button:hover {
    color: #fff;
    background: #4c4fe7;
}

.the__button.btn--alt:hover {
    color: var(--text-default);
    background: #c4a7f9;
}

.the__button.btn--white:hover {
    color: var(--text-default);
    background: #fff;
}

.the__button.dark:hover {
    color: #fff;
    background: #071d3c;
}

.the__button span {
    position: relative;
    z-index: 2;
}

.btn--link {
    width: auto;
    display: flex;
    background-color: transparent;
    color: #46287e;
    padding: 0;
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
}

.btn--link span {
    margin-right: 36px;
}

.btn--link .link-arrow {
    display: inline-block;
    margin-left: -24px;
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(-15px);
    transform: scale(0.8) translateX(-15px);
    -webkit-transition: opacity 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9),-webkit-transform 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9);
    transition: opacity 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9),-webkit-transform 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9);
    transition: transform 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9),opacity 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9);
    transition: transform 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9),opacity 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9),-webkit-transform 200ms cubic-bezier(0.4, 0.1, 0.6, 0.9);
}

.btn--link:hover {
    color: #341965;
}

.btn--link:hover .link-arrow {
    opacity: 1;
    -webkit-transform: scale(0.8) translateX(0px);
    transform: scale(0.8) translateX(-0px);
}

.btn--link .link-arrow circle, .btn--link .link-arrow path {
    fill: currentColor;
}

.underlined-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    white-space: nowrap;
}

.underlined-button .button-text {
    font-size: 14px;
    font-family: 'Space Mono', monospace;
    font-weight: 500;
    line-height: 18px;
    color: var(--color-primary);
    text-decoration: none;
}

.underlined-button .button-line--wrapper {
    width: 100%;
    height: 15px;
    position: absolute;
    top: 100%;
}

.underlined-button .button-line {
    background-color: rgb(89 81 255);
    transition: margin .3s ease-out;
    width: 100%;
    margin-top: 8px;
    border-top: 2px solid #5951ff;
}

.underlined-button:hover .button-text {
    text-decoration: none;
}

.underlined-button:hover .button-line {
    margin-top: 2px;
}


/* Modal */
.modal-dialog-sm {
    max-width: 420px;
}

.close-icon {
    width: 20px;
    height: 20px;
}

.join-waitlist--content {
    padding: 1rem 1rem 2rem;
    max-width: 400px;
    margin: 0 auto;
}

.join-waitlist--content .top-icon--wrapper {
    border: 1px solid #bcc3d2;
    border-radius: 9999px;
    color: rgb(161 161 170);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 12px;
}

.join-waitlist--content .top-icon {
    color: currentColor;
}

.join-waitlist--content .content-wrap {
    margin-bottom: 1rem;
    text-align: center;
}

.join-waitlist--content .content-wrap .section-header {
    color: #1d1d20;
    font-size: 28px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.9px;
    margin: 0;
}

.join-waitlist--content .content-wrap .body-text {
    color: #737373;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 2px;
    margin-bottom: 0;
}

.join-waitlist--content .form-flex {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.join-waitlist--content .form-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.join-waitlist--content .form-label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    color: #353b48;
    margin: 0;
}

.join-waitlist--content .form-input, .join-waitlist--content .select2-container .select2-selection--single {
    height: 45px;
    padding: 0px 18px;
    border: 1px solid #bcc3d2;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-primary);
    background: none;
    outline: 0;
}

.join-waitlist--content .form-input input::placeholder, .join-waitlist--content .form-input input::-webkit-input-placeholder, .join-waitlist--content .form-input input:-ms-input-placeholder {
    color: #8c8c8c !important;
}

.join-waitlist--content .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    padding-left: 0;
}

.join-waitlist--content .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 9px;
    right: 6px;
}

.join-waitlist--content .select2-container .select2-selection--multiple {
    min-height: 45px;
    border-color: #bcc3d2;
}

.join-waitlist--content .select2-container--default.select2-container--focus .select2-selection--multiple, .join-waitlist--content .form-input:focus, .join-waitlist--content .select2-container .select2-selection--single:focus {
    border-color: #6e99f7;
}

.join-waitlist--content .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ECFDF3;
    border-color: #17B26A;
    color: #067647;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 2px;
}

.join-waitlist--content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right-color: #17B26A;
    color: #067647;
    font-size: 16px;
    font-weight: 500;
    left: 0;
    top: -2px;
}

.select2-results__option {
    font-size: 14px;
}

.join-waitlist--content .form-item .btn {
    margin-top: 24px;
}


/* Scrolling logos */
.logo-section {
    padding-top: 4rem;
}

.logo-section .content-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.logo-section .content-wrapper .eyebrow {
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 auto;
}

.logo-section .content-wrapper .large-text {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    margin: 0 auto;
    width: 45%;
}

.logo-section .content-wrapper .logo-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-column-gap: 2rem;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.logo-section .content-wrapper .logo-grid .logo-carousel {
    grid-column: 1/-1;
    display: flex;
    overflow: hidden;
    width: 100%;
}

.logo-section .content-wrapper .logo-grid .logo-items {
    display: flex;
    gap: 2rem;
    padding: 1.25rem;
    position: relative;
    animation: 110s linear scrolling infinite;
}

@keyframes scrolling {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.logo-section .content-wrapper .logo-grid .logo-item {
    display: block;
    margin: 0 1rem;
}

.logo-section .content-wrapper .logo-grid .logo-item:nth-child(1) {
    padding-left: 1rem;
}

.logo-section .content-wrapper .logo-grid .logo-item img {
    object-fit: contain;
    width: auto;
    height: auto;
    max-height: 50px;
    max-width: 160px;
}


/* Intro Block */
.intro-block {
    padding: 80px 0 96px;
    position: relative;
}

.intro-block .intro-grid {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: repeat(1,min-content);
    position: relative;
}

.intro-block .intro-grid .intro-item {
    border-bottom: 1px solid rgb(39, 39, 42);
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 40px 40px 80px 0;
}

.intro-block .intro-grid .intro-item:nth-child(5), .intro-block .intro-grid .intro-item:last-child {
    border: none;
}

.intro-block .intro-grid .intro-item .icon-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
}

.intro-block .intro-grid .intro-item .icon-wrapper .svg-icon {
    color: #6666ff;
    flex: none;
    fill: currentColor;
    height: 30px;
    position: relative;
    width: 30px;
}

.intro-block .intro-grid .intro-item:nth-child(2) .icon-wrapper .svg-icon {
    color: #d896df;
}

.intro-block .intro-grid .intro-item:nth-child(3) .icon-wrapper .svg-icon {
    color: #69c1e0;
}

.intro-block .intro-grid .intro-item:nth-child(4) .icon-wrapper .svg-icon {
    color: #5cdda3;
}

.intro-block .intro-grid .intro-item:nth-child(5) .icon-wrapper .svg-icon {
    color: #ce744e;
}

.intro-block .intro-grid .intro-item:nth-child(6) .icon-wrapper .svg-icon {
    color: #ebd408;
}

.intro-block .intro-grid .intro-item .large-text {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
    min-width: 245px;
}

.intro-block .intro-grid .intro-item .small-text {
    color: #95929d;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}


/* Features Block */
.features-main {
    position: relative;
    padding: 64px 0 80px;
}

.features-main .floating-logos--left {
    top: 87px;
    flex: none;
    height: 743px;
    left: 2px;
    overflow: hidden;
    position: absolute;
    width: 384px;
}

.features-main .floating-logos--left .floating-logo, .features-main .floating-logos--right .floating-logo {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 66px;
    width: 66px;
}

.features-main .floating-logos--left .floating-logo.slack {
    left: 47px;
    top: 4px;
    transform: rotate(-6deg);
}

.features-main .floating-logos--left .floating-logo.github {
    left: 153px;
    top: 151px;
}

.features-main .floating-logos--left .floating-logo.clickup {
    left: 7px;
    top: 276px;
    transform: rotate(-12deg);
}

.features-main .floating-logos--left .floating-logo.drive {
    left: 285px;
    top: 49px;
}

.features-main .floating-logos--left .floating-logo.airtable {
    left: 45px;
    top: 487px;
    transform: rotate(-6deg);
}

.features-main .floating-logos--left .floating-logo .icon-image, .features-main .floating-logos--right .floating-logo .icon-image {
    width: 40px;
    height: 40px;
}

.features-main .floating-logos--right {
    flex: none;
    height: 772px;
    right: 18px;
    overflow: hidden;
    position: absolute;
    top: 110px;
    width: 335px;
}

.features-main .floating-logos--right .floating-logo.jira {
    top: 0;
    left: 142px;
}

.features-main .floating-logos--right .floating-logo.notion {
    top: 121px;
    left: 25px;
    transform: rotate(-10deg);
}

.features-main .floating-logos--right .floating-logo.sheets {
    top: 190px;
    right: 6px;
    transform: rotate(-15deg);
}

.features-main .floating-logos--right .floating-logo.zendesk {
    top: 390px;
    right: 6px;
}

.features-main .floating-logos--right .floating-logo.hubspot {
    top: 572px;
    right: 24px;
    transform: rotate(13deg);
}

.features-main .section-header, .bo-steps .section-header, .more-features--block .section-header, .use-cases--block .section-header, .blog-section .section-header, .intro-block .section-header, .enterprise-block .section-header, .pricing-block .section-header, .manifesto-block .section-header, .bottom-cta .section-header {
    display: flex;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.features-main .section-header, .intro-block .section-header, .enterprise-block .section-header, .pricing-block .section-header, .manifesto-block .section-header {
    padding-top: 1.5rem;
}

.features-main .section-header .content-wrap, .bo-steps .section-header .content-wrap, .more-features--block .section-header .content-wrap, .use-cases--block .section-header .content-wrap, .blog-section .section-header .content-wrap, .intro-block .section-header .content-wrap, .enterprise-block .section-header .content-wrap, .learn-more--block .content-grid .content-wrap, .pricing-block .section-header .content-wrap, .manifesto-block .section-header .content-wrap, .bottom-cta .section-header .content-wrap {
    max-width: 100%;
    flex: 1 1 0;
}

.features-main .section-header .heading-tag, .bo-steps .section-header .heading-tag, .more-features--block .section-header .heading-tag, .cta-block .heading-tag, .use-cases--block .heading-tag, .blog-section .section-header .heading-tag, .bottom-cta .content-wrap .heading-tag, .intro-block .section-header .heading-tag, .enterprise-block .section-header .heading-tag, .learn-more--block .content-grid .heading-tag, .pricing-block .section-header .heading-tag, .manifesto-block .section-header .heading-tag, .bottom-cta .section-header .heading-tag {
    background-color: transparent;
    border-radius: 32px;
    color: #fafafa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Geist Mono', monospace;
    font-size: 12px;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    height: 32px;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.features-main .section-header .text-wrapper, .bo-steps .section-header .text-wrapper, .more-features--block .section-header .text-wrapper, .use-cases--block .section-header .text-wrapper, .blog-section .section-header .text-wrapper, .intro-block .section-header .text-wrapper, .enterprise-block .section-header .text-wrapper, .learn-more--block .content-grid .text-wrapper, .pricing-block .section-header .text-wrapper, .manifesto-block .section-header .text-wrapper, .bottom-cta .section-header .text-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 24px;
}

.features-main .section-header .text-wrapper .header-text, .bo-steps .section-header .text-wrapper .header-text, .more-features--block .section-header .text-wrapper .header-text, .use-cases--block .section-header .text-wrapper .header-text, .use-cases--block .tab-flex--container .left-content .text-wrapper .header-text, .blog-section .section-header .text-wrapper .header-text, .intro-block .section-header .text-wrapper .header-text, .enterprise-block .section-header .text-wrapper .header-text, .learn-more--block .content-grid .text-wrapper .header-text, .pricing-block .section-header .text-wrapper .header-text, .manifesto-block .section-header .text-wrapper .header-text, .bottom-cta .section-header .text-wrapper .header-text {
    color: #1d1d20;
    font-size: 38px;
    font-weight: 400;
    line-height: 46px;
    letter-spacing: -0.6px;
    margin: 0;
    max-width: 500px;
}

.features-main .section-header .text-wrapper .body-text, .bo-steps .section-header .text-wrapper .body-text, .more-features--block .section-header .text-wrapper .body-text, .use-cases--block .section-header .text-wrapper .body-text, .use-cases--block .tab-flex--container .left-content .text-wrapper .body-text, .blog-section .section-header .text-wrapper .body-text, .intro-block .section-header .text-wrapper .body-text, .enterprise-block .section-header .text-wrapper .body-text, .learn-more--block .content-grid .text-wrapper .body-text, .pricing-block .section-header .text-wrapper .body-text, .manifesto-block .section-header .text-wrapper .body-text, .bottom-cta .section-header .text-wrapper .body-text {
    color: #1d1d20;
    font-size: 16px;
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 0;
    flex: 1 1 0%;
    max-width: 450px;
}

.bottom-cta .section-header .text-wrapper .floating-small--text {
    color: #b1b1bd;
    font-size: 13px;
    line-height: 20px;
    max-width: 400px;
    margin-top: 8px;
}

.features-main .section-grid--wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.features-main .section-grid {
    border: 1px solid #1f2228;
}

.features-main .section-grid .features-card {
    background-color: transparent;
    color: #1d1d20;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    overflow: hidden;
}

.features-main .section-grid .features-card:not(:first-child) {
    border-top: 1px solid #1f2228;
}

.features-main .section-grid.grid-two .features-card .card-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    overflow: clip;
}

.features-main .section-grid.grid-two .features-card .card-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.features-main .section-grid.grid-two .features-card .card-text .large-text {
    color: #1d1d20;
    font-size: 20px;
    line-height: 1.3;
    margin: 0;
}

.features-main .section-grid.grid-two .features-card .card-text .small-text {
    color: #5e5e6b;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.features-main .section-grid.grid-two .features-card .card-right {
    width: 282px;
    min-width: auto;
    aspect-ratio: 141/125;
}

.features-main .section-grid .features-card .card-top {
    flex-grow: 1;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.features-main .section-grid .features-card .card-top {
    min-height: 400px;
    padding-top: 40px;
}

.features-main .section-grid .features-card .card-top + .card-bottom {
    border-left: 1px solid #1f2228;
}

.features-main .section-grid .features-card .card-bottom + .card-top {
    border-left: 1px solid #1f2228;
}

.features-main .section-grid.grid-two .features-card .card-top {
    height: 300px;
}

.features-main .section-grid .features-card .card-top--content {
    background-image: url(../img/dot-bg-small.svg);
    background-position: 50% 0;
    background-size: cover;
    -webkit-mask: linear-gradient(#000,#000 50%,transparent);
    mask: linear-gradient(#000,#000 50%,transparent);
    position: relative;
    height: 100%;
}

.features-main .section-grid .features-card .card-top--content.low-mask {
    -webkit-mask: linear-gradient(#000,#000 80%,transparent);
    mask: linear-gradient(#000,#000 80%,transparent);
}

.features-main .section-grid .features-card .card-top--content-rel {
    position: relative;
    padding: 0;
    padding-top: 2rem;
}

.features-main .section-grid .features-card .card-top--content-rel .svg-bg {
    position: absolute;
    top: 0;
    z-index: 1;
}

.features-main .section-grid .features-card .sa-wrapper {
    background-color: #101010;
    border-top-left-radius: 8px;
    border-left: 1px solid #1f2228;
    border-top: 1px solid #1f2228;
    min-width: 464px;
    padding-bottom: 0.5rem;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--header {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    padding: 20px 20px 0 16px;
    width: 100%;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--header .icon-wrapper {
    background: rgba(226, 232, 255, .04);
    border: 1px solid rgba(226, 232, 255, .1);
    border-radius: 4px;
    color: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin-top: 1rem;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab {
    border-bottom: 1px solid transparent;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    line-height: 40px;
    justify-content: space-between;
    padding: 0 14px;
    width: 100%;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-item {
    border: 1px solid #1f2228;
    border-radius: 24px;
    color: #9c9c9c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    flex: 1 1 0;
    margin-bottom: 0;
    transition: all 0.2s;
    transition-property: color, border;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-item::after {
    content: attr(title);
    display: block;
    font-weight: 700;
    height: 0;
    margin: -1px 0;
    overflow: hidden;
    visibility: hidden;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-item.active::after {
    height: 2px;
    margin: -1px 0;
    background: #fafafa;
    visibility: visible;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-item.active {
    background-color: #1f2228;
    color: #fafafa;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 16px;
    margin-bottom: 0;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--tab .tab-text .svg-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .sa-panel--results {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 0 16px;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .results-item {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    padding: 12px 14px;
    width: 100%;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .results-item .svg-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-top: 4px;
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .results-item .text-wrapper {
    color: #484A4F;
    flex: 1;
    width: calc(100% - 100px);
}

.features-main .section-grid .features-card .sa-wrapper .sa-panel--body .results-item .text-wrapper .body-text {
    color: #b5bdc5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

.features-main .section-grid .features-card .cf-show--wrapper {
    width: 100%;
    height: 100%;
    padding: 1.5rem 1.5rem 1rem;
    position: relative;
    overflow: hidden;
}

.features-main .section-grid .features-card .cf-show {
    background-image: linear-gradient(140deg, rgb(112 165 255) 0%, rgb(72 162 254) 26%, rgb(208 82 237) 39%, rgb(255, 81, 0) 50%, rgb(255, 87, 137) 61%, rgb(245, 137, 220) 74%, rgb(193, 184, 255) 100%);
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px;
    width: 100%;
    height: 100%;
}

.features-main .section-grid .features-card .cf-show .main-content--wrapper {
    background-color: #f5f5f5;
    border-radius: 24px;
    padding: 12px;
    width: 100%;
    height: 100%;
}

.features-main .section-grid .features-card .cf-show .main-content {
    background-color: #fff;
    border: 1px solid #d2d5db;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.features-main .section-grid .features-card .cf-show .main-content .content-top {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

.features-main .section-grid .features-card .cf-show .main-content .content-top .content-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #6a6a76;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
}

.features-main .section-grid .features-card .cf-show .main-content .content-top .content-button {
    background-color: #5951ff;
    border: none;
    border-radius: 6px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 8px;
    cursor: default;
}

.features-main .section-grid .features-card .cf-show .main-content .content-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
}

.features-main .section-grid .features-card .cf-show .main-content .content-header {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 999px;
    cursor: pointer;
    padding: 4px 8px;
    transition-timing-function: cubic-bezier(0,0,.2,1);
    transition-duration: .25s;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown.show {
    border-color: rgba(99, 102, 241, 0.7);
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown .selection-text--wrapper {
    color: #5e5e6b;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    line-height: 1.35;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown.show .selection-text--wrapper .arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown .dropdown-menu {
    border-radius: 12px;
    padding-top: 0.25rem;
    min-width: 8rem;
    top: 5px !important;
    left: -8px !important;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown .dropdown-content {
    padding: 0 4px;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown .dropdown-item {
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 13px;
    gap: 8px;
    padding: 0.25rem 0.5rem;
}

.features-main .section-grid .features-card .cf-show .main-content .selection-dropdown .dropdown-item:hover {
    background-color: rgba(238, 238, 238, .7);
}

.features-main .section-grid .features-card .cf-show .main-content .content-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.features-main .section-grid .features-card .cf-show .main-content .content-footer .content-item {
    display: flex;
    gap: 10px;
    width: 100%;
    min-height: 32px;
    min-width: 0;
    background-color: transparent;
    border-radius: 8px;
    color: #656f7d;
    padding: 7px 8px;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.features-main .section-grid .features-card .cf-show .main-content .content-footer .content-item:hover {
    background-color: rgba(238, 238, 238, .7);
}

.features-main .section-grid .features-card .wf-container {
    position: relative;
    margin-top: 1.25rem;
}

.features-main .section-grid .features-card .wf-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
}

.features-main .section-grid .features-card .wf-wrapper.add-new {
    padding: .5rem 0;
}

.features-main .section-grid .features-card .wf-card {
    border-radius: 8px;
    border: 1px solid #d9dce1;
    border-color: #95a3f5;
    background-color: #fff;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(29, 29, 32, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
    box-sizing: border-box;
    color: #1d1d20;
    max-width: 500px;
    position: relative;
    z-index: 10;
    /* width: 100%; */
}

.features-main .section-grid .features-card .add-new .wf-card {
    border-radius: 100px;
}

.features-main .section-grid .features-card .wf-line {
    background-color: #7d8ef3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2px;
    height: 20px;
    gap: 2px;
    left: 50%;
    top: 0;
    transform: translate(-50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    position: absolute;
}

.features-main .section-grid .features-card .wf-line .line-dot {
    background-color: #d9d9de;
    border-radius: 50%;
    height: 2px;
    width: 2px;
    flex-shrink: 0;
}

.features-main .section-grid .features-card .wf-card--content {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    /* width: 100%; */
    padding: 6px 12px 6px 8px;
    gap: 14px;
    box-sizing: border-box;
}

.features-main .section-grid .features-card .add-new .wf-card--content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}

.features-main .section-grid .features-card .wf-card--content .icon-wrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #f3edff;
    border: 1px solid #e8e7e4;
    border-color: transparent;
    border-radius: 8px;
    height: 32px;
    width: 32px;
    min-width: 32px;
}

.features-main .section-grid .features-card .add-new .wf-card--content .icon-wrapper {
    background-color: #eee;
    border-radius: 100px;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.features-main .section-grid .features-card .wf-card--content .icon-image {
    width: 16px;
    height: 16px;
}

.features-main .section-grid .features-card .wf-card--content .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    -webkit-box-align: start;
    align-items: start;
    width: 100%;
}

.features-main .section-grid .features-card .wf-card--content .card-text {
    color: #1d1d20;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.features-main .section-grid .features-card .card-chat--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 0 2rem 1.5rem;
}

.features-main .section-grid .features-card .chat-intro--wrap {
    background-color: rgba(78, 76, 82, .1);
    border-radius: 12px;
    padding: 8px;
}

.features-main .section-grid .features-card .chat-intro {
    background-color: #6E757C;
    color: #fff;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.3) 0px 1px 1px 0px inset, rgba(64, 63, 69, 0.35) 0px 1px 3px 0px, rgb(172 172 172) 0px 0px 0px 1px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 8px 12px;
}

.features-main .section-grid .features-card .card-chat {
    background-color: #fff;
    border: 1px solid #adb1b8;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 3rem;
    padding: 8px 12px;
    position: relative;
}

.features-main .section-grid .features-card .chat-input {
    color: #6a6a76;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.features-main .section-grid .features-card .chat-input .icon-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
}

.features-main .section-grid .features-card .chat-input .icon-wrapper .blinking-icon {
    opacity: 0;
    position: absolute;
}

.features-main .section-grid .features-card .chat-input .icon-wrapper .blinking-icon.top {
    top: 0px;
    right: 0px;
    animation: 2s ease 0s infinite normal none running blinker;
}

.features-main .section-grid .features-card .chat-input .icon-wrapper .blinking-icon.bottom {
    animation: 2s ease 0.8s infinite normal none running blinker;
    bottom: 0px;
    left: 0px;
}

@keyframes blinker {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.features-main .section-grid .features-card .chat-input .image-icon {
    width: 17px;
    height: 17px;
}

.features-main .section-grid .features-card .chat-input .writing-text {
    display: inline;
}

.features-main .section-grid .features-card .chat-input .writing-line {
    background-color: rgb(113 113 122);
    display: inline-block;
    width: 1px;
    height: 20px;
    transform: translateY(0.25rem);
}

.features-main .section-grid .features-card .chat-button {
    background-color: #5951ff;
    border: none;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(129, 140, 248) 0px 1px 1px 0px inset, rgba(49, 46, 129, 0.4) 0px 1px 3px 0px, rgba(67, 56, 202, 0.6) 0px 0px 0px 1px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    padding: 0.425rem 0.65rem;
    cursor: default;
}

@keyframes pulse {
    50% {
        opacity: .5;
    }
}

.features-main .section-grid .features-card .tmp-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-mask: linear-gradient(0deg,transparent,#000 50%,#000);
    mask: linear-gradient(0deg,transparent,#000 50%,#000);
    position: relative;
    z-index: 9;
}

.features-main .section-grid .features-card .tmp-card {
    background: #fff;
    border: 1px solid #cfd8dd;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    max-width: 384px;
    transition: .4s;
}

.features-main .section-grid .features-card .tmp-card.active {
    border-color: rgba(99, 102, 241, 0.7) !important;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(29, 29, 32, 0.08) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
    box-sizing: border-box;
}

.features-main .section-grid .features-card .tmp-card .tmp-card--top .header-text {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.features-main .section-grid .features-card .tmp-card .tmp-card--top .card-des {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #5e5e6b;
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 0;
    overflow: hidden;
}

.features-main .section-grid .features-card .tmp-card .tmp-card--bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.features-main .section-grid .features-card .tmp-card .card-icon--bottom {
    display: flex;
    align-items: center;
    gap: 12px;
}

.features-main .section-grid .features-card .tmp-card .card-icon--bottom .card-image {
    display: block;
    width: 16px;
    height: 16px;
}

.features-main .section-grid .features-card .apps-flex {
    display: flex;
    justify-content: space-between;
    transform: translate3d(0,0,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}

.features-main .section-grid .features-card .apps-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.features-main .section-grid .features-card .apps-wrapper:first-child {
    margin-left: 32px;
}

.features-main .section-grid .features-card .apps-wrapper:last-child {
    margin-right: 32px;
}

.features-main .section-grid .features-card .apps-wrapper:nth-child(even) {
    padding-top: 32px;
}

.features-main .section-grid .features-card .apps-wrapper .icon-wrapper {
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(244, 244, 245, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    transform: scale(1);
    transition: transform 0.2s cubic-bezier(.4, 0, .2, 1);
}

.features-main .section-grid .features-card .apps-wrapper .icon-wrapper:hover {
    transform: scale(1.15);
}

.features-main .section-grid .features-card .apps-wrapper .svg-icon {
    width: 32px;
    height: 32px;
}

.features-main .section-grid .features-card .apps-connect--flex {
    display: flex;
    flex-wrap: wrap;
    padding: 24px;
    position: relative;
    right: -24px;
    top: -54px;
    margin-top: -24px;
    transform: rotate(-15deg) translateZ(10px);
    max-height: 480px;
}

.features-main .section-grid .features-card .apps-connect--flex .apps-connect--item {
    width: 33.33333332%;
}

.features-main .section-grid .features-card .apps-connect--flex .apps-connect--card {
    background-color: #121212;
    border: 1px solid #1f2228;
    border-radius: 12px;
    box-shadow: 0 2.75px 2.21px rgba(0,0,0,.07), 0 6.65px 5.32px rgba(0,0,0,.043), 0 12.5px 10px rgba(0,0,0,.03), 0 22px 18px rgba(0,0,0,.03), 0 42px 33.4px rgba(0,0,0,.02), 0 100px 80px rgba(0,0,0,.017) !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    padding: 24px 12px;
    margin: 8px;
}

.features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .icon-wrapper {
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
}

.features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .icon-image {
    width: 32px;
    height: 32px;
}

.features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .connect-btn {
    background-color: #131313;
    border: 1px solid #1f2228;
    border-radius: 24px;
    color: #f0f6fc;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 12px;
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
    height: 32px;
    padding: 0 12px;
    outline: 0;
    transition: all 0.3s ease;
}

.features-main .section-grid .features-card .uc-lists--flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}

.features-main .section-grid .features-card .uc-lists--wrapper {
    display: flex;
    flex-direction: row;
    gap: .75rem;
}

.features-main .section-grid .features-card .uc-lists--item {
    background-color: #181818;
    border: 1px solid #1f2228;
    border-radius: 8px;
    color: #dbdee2;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    line-height: 20px;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 12px 20px;
}

.features-main .section-grid .features-card .uc-lists--item .item-icon {
    border-radius: 50%;
    border: 1px solid rgba(226, 232, 255, .1);
    background: rgba(226, 232, 255, .04);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
}

.features-main .section-grid .features-card .uc-lists--item .svg-icon {
    width: 8px;
    height: 8px;
}

.features-main .section-grid .features-card .uc-lists--item .scramble-text.flash {
    animation: textFlash 0.4s ease;
    color: #00d8ff;
}

@keyframes textFlash {
    0% {
        text-shadow: 0 0 0px rgba(34, 197, 94, 0);
    }
    50% {
        text-shadow: 0 0 8px rgba(34, 197, 94, 0.8);
    }
    100% {
        text-shadow: 0 0 0px rgba(34, 197, 94, 0);
    }
}

.features-main .section-grid .features-card .card-table {
    background-color: #fff;
    border-radius: 8px;
    min-width: 464px;
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: 100%;
}

.features-main .section-grid .features-card .chat-smt--wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 1.5rem 1.5rem 1rem;
}

.features-main .section-grid .features-card .chat-smt {
    background-color: #fff;
    border: 1px solid #d2d5db;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.features-main .section-grid .features-card .chat-smt .content-top {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 45px;
    width: 100%;
}

.features-main .section-grid .features-card .chat-smt .content-top .content-text {
    color: #41414a;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.features-main .section-grid .features-card .chat-smt .content-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-item {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 8px;
    height: max-content;
    width: calc(100% - 0px);
    margin: 0px;
    z-index: 2;
    overflow: visible;
    position: relative;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-avatar, .features-main .section-grid .features-card .chat-smt .content-body .chat-icon {
    border-radius: 9999px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-icon {
    background-color: #eceff3;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-avatar .avatar-img {
    width: 100%;
    height: 100%;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-bubble {
    font-size: 13px;
    font-weight: 400;
    color: #223140;
    line-height: 1.35;
    padding: 10px 12px;
    background-color: #eceff3;
    border: 1px solid #eceff3;
    border-radius: 12px;
    min-width: 0px;
    min-height: 0px;
    height: max-content;
    width: auto;
    margin: 0px;
    overflow: visible;
    z-index: 2;
}

.features-main .section-grid .features-card .chat-smt .content-body .chat-bubble.co-pilot {
    background-color: #fff;
    border-color: #dfe3e8;
}

.features-main .section-grid .features-card .card-top--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1.5rem 2.25rem 1.5rem;
    position: relative;
}

.features-main .section-grid .features-card.span-12 .card-top--content {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.features-main .section-grid .features-card .card-response--flex {
    background-color: #181818;
    border: 1px solid #1f2228;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.features-main .section-grid .features-card.span-12 .card-response--flex {
    border-top-right-radius: 0;
}

.features-main .section-grid .features-card .card-response--flex .card-response--top {
    background-color: #181818;
    border-bottom: 1px solid #1f2228;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    height: fit-content;
    padding: 1rem;
    width: 100%;
}

.features-main .section-grid .features-card .card-response--flex .image-text--wrapper {
    display: flex;
    gap: 0.75rem;
}

.features-main .section-grid .features-card .card-response--flex .image-wrapper {
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    max-width: 2rem;
    overflow: hidden;
}

.features-main .section-grid .features-card .card-response--flex .image-wrapper .image {
    object-fit: contain;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper {
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    overflow: hidden;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .large-text {
    font-size: 15px;
    line-height: 110%;
    margin: 0;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .body-text {
    font-size: 14px;
    line-height: 150%;
    margin: 0;
}

.features-main .section-grid .features-card .card-response--flex .card-response--bottom .text-wrapper .body-text {
    margin-bottom: 12px;
}

@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes blink {
    50% { border-color: transparent }
}

.typing {
    display: inline-block;
    overflow: hidden;
    white-space: pre-wrap;
    border-right: 2px solid #ccc;
    width: 0;
    animation: typing 2s steps(40, end) forwards;
    animation-fill-mode: forwards;
}

.faded-in {
    opacity: 0;
    animation: fadeIn 0.6s ease forwards;
}

@keyframes fadeIn {
    to { opacity: 1; }
}

.features-main .section-grid .features-card .card-response--flex .card-response--bottom {
    border-bottom: 1px solid #363c42;
    padding: 1rem;
    width: 100%;
    height: fit-content;
}

.features-main .section-grid .features-card .card-response--flex .card-response--bottom .image-wrapper {
    background-color: #0a0a0a;
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    padding: 0.25rem;
}

.features-main .section-grid .features-card .card-response--flex .card-response--bottom .image-wrapper .image {
    width: 1rem;
    height: auto;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper {
    background-color: #181818;
    border: 1px solid #1f2228;
    border-radius: 8px;
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    padding: 12px 16px;
    margin: 0 0 12px;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper .icon-wrapper {
    background-color: #fff;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    margin-right: 12px;
    width: 40px;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper .icon-wrapper .icon {
    width: 24px;
    height: auto;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper .integration-des {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    gap: 4px;
}

.features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper .integration-des .large-text {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.card-response--flex .text-wrapper .integration-wrapper .integration-des .small-text {
    color: var(--color-text-body);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    max-width: 300px;
}

.card-response--flex .text-wrapper .integration-wrapper .action-btn {
    background-color: #6366f1;
    border: 1px solid #8c8eff;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
    padding: 4px 8px;
}

.features-main .section-grid .features-card .card-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6.5rem;
    padding: 48px 64px;
}

.features-main .section-grid .features-card .card-bottom .large-text {
    color: #1d1d20;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.6px;
    margin: 0;
}

.features-main .section-grid .features-card .card-bottom .small-text {
    color: #5e5e6b;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
}

.features-main .section-grid .features-card .card-bottom .floating-small--text {
    color: #b1b1bd;
    font-size: 13px;
    line-height: 20px;
    max-width: 400px;
    margin-top: 8px;
}

.features-main .section-grid .features-card.features-card.span-7 .card-bottom .small-text {
    width: 85%;
}

.features-block, .why-block, .m-features--block {
    padding: 96px 0 96px;
}

.features-block .content-wrap, .why-block .content-wrap, .m-features--block .content-wrap {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px;
    justify-content: center;
    overflow: visible;
    position: relative;
    width: 850px;
}

.why-block .content-wrap, .m-features--block .content-wrap {
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.features-block .content-wrap .heading-text, .why-block .content-wrap .heading-text, .m-features--block .content-wrap .heading-text {
    color: var(--color-primary);
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
}

.features-block .content-wrap .des-text, .why-block .content-wrap .des-text, .m-features--block .content-wrap .des-text {
    font-size: 20px;
    line-height: 1.4;
    color: var(--text-default);
    margin-bottom: 0;
}

.features-block .features-grid--container, .m-features--block .features-grid--container {
    margin-top: 4rem;
}

.features-block .features-grid, .m-features--block .features-grid {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-gap: 2rem;
    grid-column: 1/-1;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.features-block .features-grid .features-item, .m-features--block .features-grid .features-item {
    grid-column: span 4;
    width: 100%;
}

.features-block .features-grid .features-item.span-6 {
    grid-column: span 6;
}

.features-block .features-grid .features-item.span-12 {
    grid-column: span 12;
}

.features-block .features-grid .features-card, .m-features--block .features-grid .features-card {
    margin: 0 auto;
    display: grid;
    grid-template-rows: auto;
    background: rgb(243, 246, 248);
    border: 1px solid #d3d5d8;
    height: 100%;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.features-block .features-grid .features-item.span-12 .features-card {
    display: flex;
    flex-direction: row;
}

.features-block .features-grid .features-card .image-container, .features-block .features-grid .features-card .video-container, .m-features--block .features-grid .features-card .image-container {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    background: transparent;
    display: grid;
    align-items: end;
    height: 100%;
}

.features-block .features-grid .features-card .video-container {
    width: 100%;
    height: 100%;
    max-width: 500px;
}

.features-block .features-grid .features-card .video-wrapper {
    width: 100%;
    height: 100%;
}

.features-block .features-grid .features-card .video {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.features-block .features-grid .features-item.span-12 .image-wrapper {
    padding-top: 2rem;
}

.features-block .features-grid .features-card .text-container, .m-features--block .features-grid .features-card .text-container {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    background: transparent;
    padding: 2rem;
    display: flex;
    row-gap: 0.5rem;
    flex-direction: column;
    justify-content: flex-start;
}

.features-block .features-grid .features-card .heading-text, .m-features--block .features-grid .features-card .heading-text {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 500;
    color: var(--color-primary);
    margin: 0;
}

.features-block .features-grid .features-card .text-body, .m-features--block .features-grid .features-card .text-body {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
}

.features-block .nav-tabs {
    border: none;
    gap: 12px;
}

.features-block .nav-tabs .nav-link {
    border: 1px solid #c9cace;
    border-radius: 4px;
    color: #495057;
    font-size: 18px;
    text-decoration: none;
}

.features-block .nav-tabs .nav-link.active {
    background-color: #010510;
    border-color: #010510;
    color: #fff;
}

.features-tab--wrapper {
    display: grid;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    background-color: #f5f5f7;
    border-radius: 20px;
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-top: 40px;
    padding: 60px;
}

.features-tab--wrapper .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.features-tab--wrapper .text-wrapper .heading-text {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--color-primary);
    margin: 0;
}

.features-tab--wrapper .text-wrapper .text-body {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 0;
}

.m-features--block {
    padding-top: 30px;
}


/* Steps */
.bo-steps {
    padding: 64px 0 96px;
    position: relative;
    margin: 0 24px;
    background-color: #fafafa;
    border-radius: 24px;
}

.bo-steps .section-header .heading-tag .svg-icon, .more-features--block .section-header .heading-tag .svg-icon {
    width: 16px;
    height: 16px;
}

.bo-steps .section-grid--container {
    position: relative;
    overflow: visible;
}

.bo-steps .section-grid {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
}

.bo-steps .section-grid::after {
    content: "";
    background-color: rgb(238 238 240);
    display: block;
    height: 1px;
    top: 14px;
    bottom: 14px;
    z-index: 0;
    width: 100%;
    position: absolute;
}

.bo-steps .step-item--wrapper {
    grid-column: span 4/span 4;
    position: relative;
    z-index: 9;
}

.bo-steps .step-item--wrapper:not(:last-child) {
    padding-right: 3.5rem;
}

.bo-steps .step-item {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    text-align: left;
}

.bo-steps .step-item::before {
    content: "";
    background-color: rgb(247 247 248);
    border-radius: 8px;
    left: -1rem;
    right: -1rem;
    top: -0.75rem;
    bottom: -0.75rem;
    opacity: 0;
    position: absolute;
}

.bo-steps .step-item--count {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(238, 238, 240);
    border-radius: 50%;
    color: rgb(29 29 32);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
}

.bo-steps .step-item--count.active {
    background-color: #05c168;
    border-color: rgb(238 238 240);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(5, 193, 104, 0.2) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    color: rgb(255, 255, 255);
}

.bo-steps .step-item--count.active.orange {
    background-color: #f90;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(255, 153, 0, 0.2) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.bo-steps .step-item--count.active.blue {
    background-color: #2582ea;
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(37, 130, 234, 0.2) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.bo-steps .step-item--text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.bo-steps .step-item--text .header-text {
    color: rgb(29 29 32);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.bo-steps .step-item--text .body-text {
    color: rgb(66 66 74);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}



/* Why Block */
.why-block {
    background-color: var(--background-primary);
}

.why-block .why-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    margin: 64px 0 48px;
    width: 100%;
    z-index: 2;
}

.why-block .why-item {
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 10px;
    align-items: flex-start;
    align-self: stretch;
    justify-content: flex-start;
    height: auto;
    overflow: visible;
}

.why-block .why-card {
    align-content: flex-start;
    align-items: flex-start;
    background: rgb(243, 246, 248);
    border: 1px solid #d3d5d8;
    border-radius: 10px;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    overflow: visible;
    padding: 30px;
    position: relative;
    width: 100%;
}

.why-block .why-card .heading-text {
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}

.why-block .why-card .why-list--wrapper {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    position: relative;
}

.why-block .why-card .why-list {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    position: relative;
    width: 100%;
}

.why-block .why-card .why-list .why-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
}

.why-block .why-card .why-list .why-text--wrapper {
    align-items: flex-start;
    display: flex;
    flex: 1 0 0px;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
}

.why-block .why-card .why-list .large-text {
    color: var(--color-primary);
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.why-block .why-card .why-list .body-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}


/* Tooltips */
.tooltip-custom {
    position: relative;
    display: inline-block;
}

.tooltip-custom .tooltip-text {
    visibility: hidden;
    min-width: 250px;
    width: fit-content;
    max-width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.tooltip-custom .tooltip-text::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-custom:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-custom .info-circle {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    background: url(../img/icons/info-circle-purple.svg) 0 0/contain no-repeat;
    display: inline-block;
}


/* More Features */
.more-features--block {
    background-color: #fff;
    padding: 80px 0 96px;
    position: relative;
}

.more-features--block .section-header {
    padding-top: 1.5rem;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
}

.more-features--container, .bo-features--container {
    z-index: 9;
    width: 1232px;
    height: 705px;
    max-width: 1232px;
    background-image: url('../img/hero-bg-frame.svg');
    background-position: 50% 0;
    background-size: cover;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: -20px;
    display: flex;
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
}

.bo-features--container {
    background-image: url('../img/backoffice-chat-screenshot.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 624px;
}

.more-features--container .bg-opacity, .bo-features--container .bg-opacity {
    background-color: rgba(0, 0, 0, .02);
    border-radius: 8px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.more-features--tab-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.more-features--tab-container .nav-tabs {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 12px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .03);
    align-items: center;
    display: flex;
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin-top: 0;
    margin-bottom: -28px;
    padding: 6px;
    position: relative;
    z-index: 2;
}

.more-features--tab-container .nav-tabs .nav-link {
    color: rgba(0, 0, 0, .6);
    mix-blend-mode: luminosity;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    padding: 10px 12px;
    gap: 6px;
    justify-content: center;
    align-items: center;
}

.more-features--tab-container .nav-tabs .nav-link.active {
    color: #5951ff;
    mix-blend-mode: normal;
    background-color: rgba(89, 81, 255, .07);
    border-color: rgba(89, 81, 255, .4);
}

.more-features--tab-container .nav-tabs .nav-link .image {
    width: 16px;
    height: 16px;
}

.more-features--tab-container .tab-content--container {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(5, 19, 193, .8);
    border-radius: 20px;
    display: block;
    overflow: visible;
    position: relative;
    width: 100%;
    max-width: 980px;
}

.more-features--tab-container .tab-content--container .content-wrapper {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 20px;
    flex-direction: column-reverse;
    display: flex;
    overflow: visible;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .03);
}

.more-features--tab-container .tab-content--container .content-body {
    padding: 12px;
}

.more-features--tab-container .tab-content--container .content-body .content-divider {
    background-image: url('../img/dot-bg-small.svg');
    background-position: 50% 0;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 16px;
    background-color: #fcfcfc;
    justify-content: space-between;
    display: flex;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.more-features--tab-container .tab-content--container .content-body .left-content, .more-features--tab-container .tab-content--container .content-body .right-content {
    width: 50%;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    min-height: 350px;
}

.more-features--tab-container .tab-content--container .content-body .left-content {
    border-right: 0.5px solid rgba(0, 0, 0, .07);
    padding: 0;
}

.more-features--tab-container .tab-content--container .content-body .left-content .card-chat--wrapper, .more-features--tab-container .tab-content--container .content-body .right-content .chat-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 0 2rem 3rem;
}

.more-features--tab-container .tab-content--container .content-body .left-content .card-chat {
    background-color: #fff;
    border: 1px solid #9aa1ae;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 3rem;
    padding: 8px 12px;
    position: relative;
}

.more-features--tab-container .tab-content--container .content-body .left-content .chat-input, .more-features--tab-container .tab-content--container .content-body .right-content .chat-input {
    color: #6a6a76;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    line-height: 24px;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.more-features--tab-container .tab-content--container .content-body .left-content .chat-input .image-icon {
    width: 17px;
    height: 17px;
}

.more-features--tab-container .tab-content--container .content-body .left-content .chat-button {
    background-color: #6366f1;
    border: none;
    border-radius: 999px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(129, 140, 248) 0px 1px 1px 0px inset, rgba(49, 46, 129, 0.4) 0px 1px 3px 0px, rgba(67, 56, 202, 0.6) 0px 0px 0px 1px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    line-height: 16px;
    padding: 0.425rem 0.65rem;
}

.more-features--tab-container .tab-content--container .content-body .left-content .chat-button .svg-icon {
    fill: currentColor;
    width: 14px;
    height: 14px;
}

.more-features--tab-container .tab-content--container .content-body .left-content .notification-text {
    color: #787d87;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.more-features--tab-container .tab-content--container .content-body .right-content {
    border-left: 0.5px solid rgba(0, 0, 0, .07);
}

.more-features--tab-container .tab-content--container .content-body .right-content .chat-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.5rem;
    gap: 40px;
}

.more-features--tab-container .tab-content--container .content-body .right-content .card-chat--wrapper {
    background-image: linear-gradient(10deg,#0880ea 0%,#8920fe 43%,#e93d82 76%,#e93dc3 90%,#c62ab6);
    border: 1px solid transparent;
    border-radius: 9999px;
    width: 100%;
    margin-top: 0.5rem;
    position: relative;
}

.more-features--tab-container .tab-content--container .content-body .right-content .card-chat {
    background-color: #fff;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    overflow: hidden;
    width: 100%;
}

.more-features--tab-container .tab-content--container .content-body .right-content .chat-input {
    color: #41414b;
}

.more-features--tab-container .tab-content--container .content-body .right-content .cancel-button {
    background-color: #444140;
    border: none;
    border-radius: 999px;
    box-shadow: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.more-features--tab-container .tab-content--container .content-body .right-content .cancel-button .svg-icon {
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 2rem;
    width: 100%;
    position: relative;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-card {
    background-color: #fff;
    border: 1px solid #9aa1ae;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 10px;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-card .header-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    line-height: 1.4;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-card .header-tag .icon-image {
    width: 18px;
    height: 18px;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-card .header-text {
    color: #57575f;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
}

.more-features--tab-container .tab-content--container .content-body .right-content .r-card .footer-text {
    color: #8c8fa7;
    font-size: 11px;
    line-height: 1.6;
}

.more-features--tab-container .tab-content--container .content-footer {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 40px 40px;
}

.more-features--tab-container .tab-content--container .content-footer .large-text {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.more-features--tab-container .tab-content--container .content-footer .small-text {
    color: rgba(0, 0, 0, .5);
    font-size: 16px;
    line-height: 1.6;
}

.more-features--grid-container {
    position: relative;
    margin-top: 80px;
}

.more-features--grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    /* gap: 4rem; */
    width: 100%;
}

.more-features--card {
    display: flex;
    flex-direction: column;
    padding: 24px 32px 36px;
    gap: 1rem;
    position: relative;
}

.more-features--card:before {
    background-color: rgb(10 10 10 / 24%);
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 88px;
    width: 1px;
}

.more-features--card .icon-wrapper {
    width: 24px;
    height: 24px;
    color: var(--text-default);
}

.more-features--card .icon-wrapper .svg-icon {
    fill: currentColor;
}

.more-features--card .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.more-features--card .text-wrapper .large-text {
    color: #1d1d20;
    font-size: 18px;
    line-height: 1;
    margin: 0;
}

.more-features--card .text-wrapper .des-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.more-features--gridlines {
    display: flex;
    height: 100%;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.more-features--gridlines div {
    height: 100%;
    width: 1px;
}

.more-features--gridlines div:nth-child(odd) {
    background: linear-gradient(180deg,rgba(0,0,0,.12) -.89%,rgba(0,0,0,0) 100%);
}

.more-features--gridlines div:nth-child(even) {
    background: linear-gradient(0,rgba(0,0,0,.12) -.89%,rgba(0,0,0,0) 100%);
}

.more-features--gridlines div:last-child {
    background: linear-gradient(90deg,rgba(0,0,0,0) -.89%,rgba(0,0,0,.08) 24.33%,rgba(0,0,0,.08) 49.55%,rgba(0,0,0,.08) 74.78%,rgba(0,0,0,0) 100%);
    height: 1px;
    left: 0;
    position: absolute;
    top: 47%;
    transform: translateY(-47%);
    width: 100%;
}

.more-features--block .section-grid--container {
    position: relative;
}

.more-features--block .section-grid {
    display: grid;
    grid-template-columns: repeat(10,minmax(0,1fr));
    gap: 1rem;
}

.more-features--block .section-grid .mf-card {
    grid-column: span 4/span 4;
    background-color: #f6f1e7;
    background-color: #eff0ff;
    border-radius: 8px;
    border: 1px solid transparent;
    color: #1d1d20;
    display: flex;
    flex-direction: column;
    height: 336px;
    overflow: hidden;
}

.more-features--block .section-grid .mf-card.span-3 {
    grid-column: span 3/span 3;
}

.more-features--block .section-grid .mf-card .card-top {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.more-features--block .section-grid .mf-card .card-top.w-75 {
    width: 75%;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper {
    position: relative;
    padding: 2.25rem 1.5rem 1rem;
    width: 100%;
    -webkit-mask: linear-gradient(#000,#000 80%,transparent);
    mask: linear-gradient(#000,#000 80%,transparent);
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .invite-input--wrapper {
    width: 100%;
    margin-bottom: 16px;
    position: relative;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .invite-input {
    background-color: #fff;
    border: 1px solid #c8c4bc;
    border-radius: 6px;
    color: #979da9;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0px 18px;
    display: inline-flex;
    align-items: center;
    height: 45px;
    width: 100%;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .invite-button, .more-features--block .section-grid .mf-card .card-top .team-wrapper .user-role--button {
    color: rgb(120 122 123 / 68%);
    background-color: rgb(229 231 231);
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    padding: 4px 12px;
    position: absolute;
    min-width: 0;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    outline: 0;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .user-role--button {
    background-color: #6466f1;
    color: #fff;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .user-role--button .svg-icon {
    fill: currentColor;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--lists {
    width: calc(100% + 8px);
    min-height: 0px;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .user-info {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .avatar-wrapper {
    background-size: cover;
    background-color: #6466f1;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .user-info--content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .user-name {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .user-email {
    color: #71737c;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.more-features--block .section-grid .mf-card .card-top .sso-bg--wrapper {
    position: absolute;
    padding-top: 1.5rem;
    inset: 0;
    -webkit-mask: linear-gradient(#000,#000 25%,transparent);
    mask: linear-gradient(#000,#000 25%,transparent);
}

.more-features--block .section-grid .mf-card .card-top .sso-button--wrapper {
    background-color: rgba(99,102,241,.1);
    border-radius: 100px;
    padding: 0.5rem;
    position: relative;
    z-index: 9;
}

.more-features--block .section-grid .mf-card .card-top .sso-button {
    background-color: rgb(99 102 241);
    border: 0;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.3) 0px 1px 1px 0px inset, rgba(99, 102, 241, 0.35) 0px 1px 3px 0px, rgb(99, 102, 241) 0px 0px 0px 1px;
    box-sizing: border-box;
    color: rgb(255 255 255);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 6px 12px;
    outline: 0;
}

.more-features--block .section-grid .mf-card .card-top .image-wrapper {
    width: 100%;
}

.more-features--block .section-grid .mf-card .card-bottom {
    border-radius: 8px;
    padding: 0 1.5rem 1.5rem;
    width: 100%;
    margin-top: auto;
    position: relative;
}

.more-features--block .section-grid .mf-card .card-bottom .large-text {
    color: #1d1d20;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.more-features--block .section-grid .mf-card .card-bottom .small-text {
    color: #42424a;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 0;
}

.spotlight-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 4rem;
    position: relative;
    z-index: 9;
}

.spotlight-wrapper .video-wrapper {
    grid-row-start: 1;
    grid-column-start: 1;
    width: 100%;
}

.spotlight-wrapper .video-wrapper .video-content {
    width: 100%;
}

.bo-rotating--bg {
    max-width: 928px;
    width: 100%;
    height: 100%;
    transform: translate(-50%,0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

.bo-rotating {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 21rem;
}

.bo-rotating .bg-image {
    animation: spin 5s linear infinite;
    filter: blur(64px);
    width: 100%;
    height: 100%;
}

@keyframes spin {
    100% {
        transform: rotate(1turn);
    }
}

.bo-features--wrapper {
    width: 100%;
    height: 100%;
    max-height: 496px;
    max-width: 816px;
    background-color: rgba(0, 0, 0, .03);
    border: 1px #fff;
    border-radius: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.bo-features--content {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 12px;
    flex-direction: column;
    display: flex;
    overflow: hidden;
}

.bo-features--content .content-top {
    background-color: rgba(0, 0, 0, .01);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    align-items: center;
    padding: 26px 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bo-features--content .content-top .content-chat--wrapper {
    background-image: linear-gradient(10deg,#0880ea 0%,#8920fe 43%,#e93d82 76%,#e93dc3 90%,#c62ab6);
    border: 1px solid transparent;
    border-radius: 8px;
    width: 100%;
    margin-top: 0.5rem;
    position: relative;
}

.bo-features--content .content-top .content-chat {
    background-color: #fff;
    border: 1px solid #cfd8dd;
    border-radius: 8px;
    outline: 2px solid rgba(89, 81, 255, .2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    position: relative;
    animation: 4s ease 0s infinite normal none running pulsing;
}

@keyframes pulsing {
    0% {
        outline-width: 4px;
    }
    50% {
        outline-width: 12px;
    }
    100% {
        outline-width: 4px;
    }   
}

.bo-features--content .content-top .content-chat .chat-input {
    color: #484850;
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 24px;
    gap: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bo-features--content .content-top .content-chat .chat-input .writing-text {
    display: inline;
}

.bo-features--content .content-top .content-chat .chat-input .writing-line {
    background-color: rgb(113 113 122);
    display: inline-block;
    width: 1px;
    height: 20px;
    transform: translateY(0.25rem);
}

.bo-features--content .content-top .content-chat .icon-wrapper {
    position: relative;
    width: 20px;
    height: 20px;
}

.bo-features--content .content-top .content-chat .icon-wrapper .blinking-icon {
    opacity: 0;
    position: absolute;
}

.bo-features--content .content-top .content-chat .icon-wrapper .blinking-icon.top {
    top: 0px;
    right: 0px;
    animation: 2s ease 0s infinite normal none running blinker;
}

.bo-features--content .content-top .content-chat .icon-wrapper .blinking-icon.bottom {
    animation: 2s ease 0.8s infinite normal none running blinker;
    bottom: 0px;
    left: 0px;
}

@keyframes blinker {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.bo-features--content .content-top .content-chat .chat-button {
    background-color: #5951ff;
    border: none;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgb(129, 140, 248) 0px 1px 1px 0px inset, rgba(49, 46, 129, 0.4) 0px 1px 3px 0px, rgba(67, 56, 202, 0.6) 0px 0px 0px 1px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    padding: 0.425rem 0.65rem;
}

.bo-features--content .content-top .small-text {
    color: #787d87;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.bo-features--content .content-tabs--wrapper {
    width: 100%;
    height: 76%;
    flex-direction: column;
    margin-bottom: 0;
    padding-top: 0;
    display: flex;
    position: relative;
}

.bo-features--content .content-tabs--top {
    z-index: 20;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding: 12px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bo-features--content .content-tabs--top .small-text {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.bo-features--content .content-tabs {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin: 0;
    display: flex;
    border: none;
}

.bo-features--content .content-tabs .nav-link {
    color: rgba(0, 0, 0, .6);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
}

.bo-features--content .content-tabs .nav-link.active {
    color: #5951ff;
    background-color: rgba(89, 81, 255, .07);
    border-color: rgba(89, 81, 255, .4);
}

.bo-features--content .content-tabs .nav-link .image-icon {
    width: 16px;
    height: 16px;
}

.bo-features--content .tab-content {
    padding: 24px 30px;
}

.bo-features--content .tab-content .content-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
    width: 100%;
}

.bo-features--content .tab-content .content-grid .content-card {
    background: #fff;
    border: 1px solid #cfd8dd;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    gap: 10px;
}

.bo-features--content .tab-content .content-grid .content-card .header-text {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    gap: 8px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bo-features--content .tab-content .content-grid .content-card .content-card--footer {
    margin-top: auto;
}

.bo-features--content .tab-content .content-grid .content-card .content-card--icons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bo-features--content .tab-content .content-grid .content-card .content-card--footer .card-image {
    display: block;
    width: 16px;
    height: 16px;
}


/*  About Us */
.about-us--block {
    padding: 64px 0 96px;
    position: relative;
}

.about-us--block .content-flex {
    grid-column-gap: 4rem;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.about-us--block .content-left {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: 500px;
}

.about-us--block .content-left .large-text {
    color: #fff;
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: -1px;
    margin: 0;
}

.about-us--block .content-left .small-text {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    margin: 0;
}

.about-us--block .content-right {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    gap: 32px;
    width: 100%;
    max-width: 420px;
}

.about-us--block .why-bo--item {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.about-us--block .why-bo--item .icon-wrapper {
    width: 48px;
    height: 48px;
    color: #fff;
}

.about-us--block .why-bo--item .icon-wrapper .svg-icon {
    width: 36px;
    height: 36px;
    fill: currentColor;
}

.about-us--block .why-bo--item .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.about-us--block .why-bo--item .text-wrapper .header-text {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0;
    margin: 0;
}

.about-us--block .why-bo--item .text-wrapper .body-text {
    font-size: 15px;
    color: var(--color-text-body);
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.about-us--block .data-card--grid {
    grid-column-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    padding: 0 0 40px;
}

.about-us--block .data-card {
    background-color: #2d1a54;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #fff;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    display: flex;
    min-height: 250px;
    width: 100%;
}

.about-us--block .data-card:nth-child(2) {
    background-color: #52215b;
}

.about-us--block .data-card:nth-child(3) {
    background-color: #0d3f6d;
}

.about-us--block .data-card .card-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
}

.about-us--block .data-card .card-top .header-text {
    color: #e3e3e3;
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
}

.about-us--block .data-card .card-bottom  {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    align-items: flex-end;
    display: flex;
}

.about-us--block .data-card .card-bottom .large-text {
    font-size: 72px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.02rem;
    text-transform: uppercase;
}

.about-us--block .data-card .card-bottom .small-text {
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.02rem;
    text-transform: uppercase;
}

.about-us--block .data-card .card-bottom .small-text.is-label {
    margin-bottom: 8px;
}

.main-about--block {
    border-bottom: 1px solid #1f2228;
    padding-bottom: 96px;
}

.main-about--block .content-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    padding-top: 1rem;
}

.main-about--block .content-wrap .heading-tag {
    color: #ffdd03;
    font-family: 'Geist Mono', monospace;
    font-size: 13px;
    font-weight: 400;
    line-height: 1rem;
    text-transform: uppercase;
    margin: 0;
}

.main-about--block .content-wrap .large-text {
    color: #fafafa;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.6px;
    margin: 0;
    max-width: 780px;
}

.about-op--grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    position: relative;
}

.about-op--item {
    border: 1px solid #27272a;
    padding: 42px 32px;
}

.about-op--item:not(:first-child) {
    border-left: transparent;
}

.about-op--tag {
    border: 1px solid #a1a1aa;
    border-radius: 24px;
    color: rgb(161, 161, 170);
    font-size: 14px;
    font-family: 'Geist Mono', monospace;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
}

.about-op--icon {
    color: #fff;
    width: 80px;
    height: 80px;
    margin: 40px 0 64px;
}

.about-op--icon .svg-icon {
    fill: currentColor;
    width: 80px;
    height: 80px;
}

.about-op--text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.about-op--text-wrapper .large-text {
    color: #eeeeee;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.6px;
    margin: 0;
}

.about-op--text-wrapper .small-text {
    color: rgba(246, 251, 255, 0.8);
    font-size: 15px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
}


/* Enterprise Block */
.enterprise-block, .learn-more--block, .main-about--block {
    padding: 140px 0 80px;
    position: relative;
}

.enterprise-block {
    padding-bottom: 0;
}


/* Learn More - Join Wait list */
.learn-more--block .content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 2rem;
    width: 100%;
}

.learn-more--block .content-grid .content-wrap {
    max-width: 500px;
}

.learn-more--block .content-grid .text-wrapper {
    gap: 1rem;
}

.learn-more--block .content-grid .body-text--list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.learn-more--block .content-grid .body-text {
    display: flex;
    gap: 1rem;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.6 !important;
}

.learn-more--block .content-grid .body-text .svg-icon {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    margin-top: 0.25rem;
}


/* Support */
.support-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    position: relative;
}

.support-item {
    border: 1px solid #27272a;
    border-radius: 16px;
    display: block;
    padding: 42px 32px;
}

.support-tag {
    border: 1px solid #a1a1aa;
    border-radius: 24px;
    color: rgb(161, 161, 170);
    font-size: 14px;
    font-family: 'Geist Mono', monospace;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
}

.support-icon {
    color: #fff;
    width: 80px;
    height: 80px;
    margin: 40px 0 64px;
}

.support-icon .svg-icon {
    fill: currentColor;
    width: 80px;
    height: 80px;
}

.support-text--wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.support-text--wrapper .large-text {
    color: #eeeeee;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.6px;
    margin: 0;
}

.support-text--wrapper .small-text {
    color: rgba(246, 251, 255, 0.8);
    font-size: 15px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0;
}


/* Video Block */
.video-playback {
    position: relative;
}

.video-component--wrapper {
    position: relative;
}

.video-component {
    overflow: hidden;
}

.video-component video {
    border-radius: 50px;
    display: block;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* Use Cases */
.use-cases--block {
    padding: 96px 0 64px;
    position: relative;
    margin: 0 24px;
    background-color: var(--background-dark);
    border-radius: 24px;
}

.use-cases--block .section-header {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
}

.use-cases--block .heading-tag .svg-icon {
    width: 16px;
    height: 16px;
}

.use-cases--tab .tab-flex--container {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
    flex-direction: row;
}

.use-cases--tab .tab-flex--container .left-content, .use-cases--tab .tab-flex--container .right-content  {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
}

.use-cases--tab .tab-flex--container .left-content {
    flex-basis: 40%;
}

.use-cases--tab .tab-flex--container .right-content {
    flex-basis: 60%;
}

.use-cases--tab .tab-flex--container .nav-tabs {
    border: none;
    flex-direction: row;
    gap: 0.75rem;
}

.use-cases--tab .tab-flex--container .nav-tabs .nav-link {
    background-color: #fff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #1d1d20;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    padding: 10px 20px;
}

.use-cases--tab .tab-flex--container .nav-tabs .nav-link.active {
    border-color: #7185f8;
    border-width: 1.5px;
}

.use-cases--tab .tab-flex--container .nav-tabs .nav-link .svg-icon {
    width: 16px;
    height: 16px;
}

.use-cases--block .tab-flex--container .left-content .text-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
}

.use-cases--tab .tab-flex--container .right-content .content-wrapper {
    background-color: rgb(245 243 255);
    border-radius: 3rem;
    padding: 56px 48px;
}

.use-cases--tab .tab-flex--container .right-content .content-flex {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.use-cases--tab .tab-flex--container .right-content .heading-text {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 400;
    color: var(--color-primary);
    margin: 0;
}

.use-cases--tab .tab-flex--container .right-content .video-wrapper {
    border-radius: 0.75rem;
    background-color: #fff;
    width: 100%;
}

.use-cases .content-wrap {
    width: 750px;
}

.use-cases .content-wrap .heading-text {
    color: var(--color-primary);
    font-size: 38px;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
}

.use-cases .content-wrap .body-text {
    font-size: 17px;
    line-height: 1.5;
    color: #546175;
    margin-bottom: 0;
}

.use-cases--lists {
    padding-top: 3.5rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-bottom: 60px;
}

.use-cases--list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.use-cases--list .list-icon {
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.use-case--content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.use-case--content .heading-text {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    color: var(--color-primary);
}

.use-case--content .body-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}


/* Blog */
.blog-section {
    padding: 96px 0;
}

.blog-section .section-header {
    padding-top: 1.5rem;
}

.blog-section--wrap {
    max-width: 620px;
    margin: 0 auto 40px;
    text-align: center;
}

.blog-section .heading-tag .svg-icon, .bottom-cta .content-wrap .heading-tag .svg-icon {
    width: 16px;
    height: 16px;
}

.blog-card--wrapper {
    display: grid;
    grid-gap: 32px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    width: 100%;
}

.blog-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    margin-bottom: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none;
}

.blog-card--thumbnail {
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    padding-top: 52%;
}

.blog-card--thumbnail .blog-image {
    position: absolute;
    left: -.5%;
    top: -.5%;
    right: -.5%;
    bottom: -.5%;
    width: 101%;
    height: 101%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .3s ease-in;
}

.blog-card:hover .blog-card--thumbnail .blog-image {
    transform: scale3d(1.1, 1.1, 1.1);
}

.blog-card--text-wrapper {
    display: flex;
    padding: 24px 0 20px;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
}

.blog-card--header {
    margin-bottom: 0;
}

.blog-card--title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.35;
    color: #202f44;
    margin-bottom: 0;
    margin-top: 0;
}

.blog-card--title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card--meta {
    color: rgba(0, 0, 0, .6);
    font-size: 13.5px;
    font-weight: 500;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    display: flex;
}

.blog-card--meta .dot {
    background-color: var(--background-default);
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog-card--author {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    display: flex;
}

.blog-card--author .author-image {
    width: 28px;
    height: 28px;
    mix-blend-mode: luminosity;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50px;
}

.blog-card--author .author-name, .blog-card--author .author-role {
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.blog-card--author .divider-line {
    background-color: rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .1);
    width: 1px;
    height: 13px;
}

.blog-card--author .author-role {
    color: rgba(0, 0, 0, .4);
    font-weight: 400;
}


/* CTA Block */
.cta-block {
    background-color: #f1e9ea;
    background-color: rgba(243,244,246,.7);
    padding: 80px 0;
}

.cta-block .content-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding: 4rem 2rem 6rem;
}

.cta-block .content-wrap .header-text {
    color: var(--color-primary);
    font-size: 42px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.035rem;
    margin-top: 0;
    margin-bottom: 0;
}

.cta-block .content-wrap .des-text {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
}

.cta-block .two-halves {
    display: flex;
    border-radius: 16px;
    border: 1px solid rgb(229, 231, 235);
    background: #fff;
    color: #1d1d20;
    margin: 0 auto;
    min-height: 580px;
}

.cta-block .two-halves--left, .cta-block .two-halves--right {
    width: 50%;
    padding: 35px;
}

.cta-block .two-halves .two-halves--right {
    background: var(--color-background-secondary);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.cta-block .cta-title {
    position: relative;
    color: var(--color-primary);
    text-align: left;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 24px;
    z-index: 1;
}

.cta-block--description {
    position: relative;
    text-align: left;
    z-index: 1;
    margin: 14px 0 42px;
}

.cta-block--description.full-width {
    width: auto;
}

.cta-block--description p {
    font-size: 18px;
    line-height: 1.5;
    color: var(--color-primary);
    margin-bottom: 0;
}

.cta-block--description .bullet-item {
    color: var(--color-primary);
    font-size: 15px;
    display: block;
    position: relative;
    padding: 0;
    margin-top: 15px;
    padding-left: 40px;
}

.cta-block--description .bullet-item:before {
    content: "";
    width: 26px;
    height: 26px;
    text-align: center;
    margin-right: 10px;
    background: #5951ff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    border-radius: 9999px;
    top: -1.9px;
    background-image: url(../img/checkmark.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.cta-block--description .bullet-item:first-of-type {
    margin-top: 30px;
}

.cta-block--links {
    margin-bottom: 24px;
    text-align: left;
}

.cta-block--links .cta-btn:first-child {
    margin-right: 16px;
}

.cta-block .form-block .label-wrap, .waitlist-block .form-block .label-wrap {
    margin-bottom: 16px;
}

.cta-block .form-block .text-field, .waitlist-block .form-block .text-field {
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-default);
    background-color: transparent;
    border: 1px solid #9fa0ac;
    border-radius: 6px;
    text-transform: none;
    display: flex;
    align-items: center;
    height: 48px;
    padding: 8px 15px 12px 10px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-appearance: none;
    cursor: text;
    outline: 0;
    width: 100%;
}

.dark .waitlist-block .form-block .text-field {
    border-color: rgb(48 54 61);
}

.form-block .text-field::-moz-placeholder {
    color: var(--color-text-body);
    opacity: 1
}

.form-block .text-field:-ms-input-placeholder {
    color: var(--color-text-body)
}

.form-block .text-field::-webkit-input-placeholder {
    color: var(--color-text-body)
}

.cta-block .form-block label, .waitlist-block .form-block label {
    color: #fff;
    font-size: 13px;
}

.cta-block .disclaimer, .pricing-calculator .disclaimer, .waitlist-block .disclaimer {
    color: var(--text-default);
    font-size: 12px;
    line-height: 1.65;
    text-align: left;
    display: block;
    margin-top: 32px;
    margin-bottom: 0;
}

.cta-block .success-message, .waitlist-block .success-message {
    border: 1px solid #d0d7e7;
    background-color: #f5f7fe;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.6;
    padding: 1rem;
    margin-top: 20px;
}

.cta-block .success-message .header-text, .waitlist-block .success-message .header-text {
    display: block;
    font-weight: 500;
}


/* Quick Sidepanel */
.quick-sidebar--container {
    position: relative;
    z-index: 999;
}

.quick-sidebar {
    display: block;
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 555px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 1px rgb(113 106 202 / 20%);
    -moz-box-shadow: 0 4px 15px 1px rgba(113,106,202,.2);
    box-shadow: 0 4px 15px 1px rgb(113 106 202 / 20%);
    padding: 20px 30px 30px 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    right: -565px;
}

.quick-sidebar.quick-sidebar--on {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    right: 0;
}

.quick-sidebar .quick-sidebar--close {
    position: absolute;
    font-size: 1.4rem;
    cursor: pointer;
    color: inherit;
    top: 16px;
    right: 30px;
    min-width: 0;
}

.quick-sidebar button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

/* Bottom */
.bottom-cta {
    background-color: rgba(243,244,246,.7);
    background-color: #fafafa;
    background-image: url('../img/dot-bg.svg');
    background-position: 50% 0;
    background-size: cover;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding: 80px 0 40px;
    position: relative;
}

.bottom-cta .wave-wrapper {
    z-index: 1;
    height: 1px;
    align-items: center;
    display: flex;
    position: relative;
}

.bottom-cta .wave {
    width: 100%;
    margin-top: -1px;
    margin-bottom: -1px;
    background-color: #1f1f1f;
    color: #fff;
}

.bottom-cta .wave-embed {
    width: 100%;
    display: flex;
}

.bottom-cta .ring {
    height: 431px;
    position: absolute;
    top: -80px;
    width: 100%;
    display: none;
    justify-content: center;
    z-index: 9;
}

.bottom-cta .ring-inner {
    width: 812px;
    height: 100%;
    min-width: 812px;
}

.bottom-cta .ring img {
    height: 100%;
    width: 100%;
}

.slider-container {
    z-index: 2;
    margin-top: 2rem;
    position: relative;
}

.slider-container:before {
    content: "";
    background-image: linear-gradient(to right, #000000 0, transparent 10%, transparent 90%, #000000 100%);
    background-image: linear-gradient(to right, #000000 1%, rgb(255 255 255 / 0%) 6%, rgb(255 255 255 / 0%) 91%, #000000 99%);
    width: 100%;
    inset: 0;
    position: absolute;
    z-index: 10;
}

.slider-container .slider {
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5rem;
    display: flex;
    overflow: hidden;
}

.slider-container .slider-wrapper {
    width: 100%;
    flex: none;
    display: flex;
}

.slider-container .slider-wrapper .items-holder {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex: none;
    display: flex;
}

.slider-container .slider-wrapper .items-holder {
    animation: moveSlideshow 75s linear infinite;
}

@keyframes moveSlideshow {
    100% {
        transform: translateX(-30%);
    }
}

.slider-container .slider-wrapper .items-holder .items {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex: none;
    align-items: center;
    display: flex;
}

.slider-container .slider-wrapper .items-holder .item-image {
    border: 1px solid #d5d7e3;
    border-color: transparent;
    border-radius: 24px;
    max-width: 100%;
    height: 80px;
    width: 80px;
}

.connection-badge--wrapper {
    display: flex;
    justify-content: center;
    margin-top: 18px;
    position: absolute;
    top: 65%;
    left: 42%;
    z-index: 9;
}

.connection-badge {
    background-color: #131313;
    border: 1px solid rgb(40 40 71);
    border-radius: 9999px;
    box-shadow: 0 0 10px rgba(127, 90, 240, 0.4);
    color: #fafafa;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 56px;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    font-weight: 500;
    text-transform: uppercase;
    opacity: 0;
    padding: 8px 24px;
    transition: opacity 0.6s ease;
}



/* Manifesto */
.manifesto-block {
    position: relative;
    padding: 80px 0px 96px;
}

.manifesto-group {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.manifesto-group .left-content {
    width: 50%;
}

.manifesto-group .left-content .content-block {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    width: 100%;
}

.manifesto-group .left-content .content-block .content-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.manifesto-group .left-content .content-block .content-item .small-text {
    color: #a1a1aa;
    font-size: 14px;
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.manifesto-group .left-content .content-block .content-item .large-text--wrapper {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-flow: column;
    gap: 4px;
    overflow: hidden;
    padding: 0px;
    position: relative;
}

.manifesto-group .left-content .content-block .content-item .large-text {
    color: #fafafa;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

.manifesto-group .right-content {
    max-width: 54rem;
}

.manifesto-card {
    position: relative;
    overflow: hidden;
    /* width: 750px; */
    margin: 0 auto;
}

.manifesto-card .card-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
    position: relative;
}

.manifesto-group .manifesto-card .card-inner .content-block {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 22px;
    height: min-content;
    justify-content: flex-start;
    position: relative;
}

.manifesto-group .manifesto-card .card-inner .content-block .body-text {
    color: #c9d1da;
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

.manifesto-card .card-inner .card-bottom--images {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}

.manifesto-card .card-inner .card-bottom--images .image-flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px;
}


/* Pricing */
.pricing-block {
    position: relative;
    padding: 80px 0px 96px;
}

.pricing-card--group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 40px;
}

.pricing-card {
    background-color: #121212;
    border: 1px solid rgba(226, 232, 255, .1);
    border-radius: 0;
    display: flex;
    flex-direction: column;
}

.pricing-card:first-child {
    border-right: 0;
    border-top-left-radius: .75rem;
    border-bottom-left-radius: .75rem;
}

.pricing-card:nth-child(2) {
    border-radius: .75rem;
    border-width: 2px;
    margin-top: -2rem;
    margin-bottom: -2rem;
}

.pricing-card:last-child {
    border-left: 0;
    border-top-right-radius: .75rem;
    border-bottom-right-radius: .75rem;
}

.pricing-card .top-half {
    padding: 1.5rem 2rem 0;
}

.pricing-card .top-half .plan-name {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-bottom: .5rem;
}

.pricing-card .top-half .plan-name .large-text {
    color: #fafafa;
    font-size: 24px;
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    line-height: 2rem;
    text-transform: uppercase;
}

.pricing-card .top-half .plan-badge {
    color: #121212;
    background-color: #b4b4b4;
    border-radius: .375rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: 13px;
    line-height: 1rem;
    padding: .125rem .5rem;
}

.pricing-card .top-half .plan-des {
    color: #b4b4b4;
    font-size: 14px;
    line-height: 1.6;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

.pricing-card:nth-child(2) .top-half .plan-des {
    margin-bottom: 3rem;
}

.pricing-card .top-half .o-button {
    display: flex;
    justify-content: center;
}

.pricing-card .top-half .pricing-price--group {
    border-bottom: 1px solid #42424a;
    color: #fafafa;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: .25rem;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    min-height: 135px;
    padding-top: 1.5rem;
}

.pricing-card .top-half .pricing-price--group .small-text {
    color: #898989;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    margin-left: .25rem;
}

.pricing-card .top-half .pricing-price--amount {
    display: flex;
    align-items: flex-end;
}

.pricing-card .top-half .pricing-price--amount .plan-value {
    color: #fafafa;
    font-size: 48px;
    font-family: 'Space Mono', monospace;
    line-height: 1;
    margin: 0;
}

.pricing-card .top-half .pricing-price--amount .plan-duration {
    color: #b4b4b4;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    line-height: 16px;
    text-transform: uppercase;
    margin-left: .25rem;
    margin-bottom: .375rem;
}

.pricing-card .top-half .additional-text {
    margin-top: 1rem;
}

.pricing-card .top-half .pricing-slider--group {
    border-bottom: 1px solid #42424a;
    padding-bottom: 3rem;
    position: relative;
}

.pricing-card .top-half .pricing-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    background: #e2e8ff2a;
    border-radius: 999px;
    outline: none;
    transition: background 0.3s;
    position: relative;
    z-index: 2;
}

.pricing-card .top-half .pricing-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: #4649db;
    border: 2px solid #4649db;
    border-radius: 50%;
    /* box-shadow: 0 0 8px rgba(202, 183, 255, 0.4); */
    cursor: pointer;
    transition: background 0.3s ease;
    position: relative;
    z-index: 3;
}

.pricing-card .top-half .pricing-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: #4649db;
    border: 2px solid #4649db;
    border-radius: 50%;
    /* box-shadow: 0 0 8px rgba(202, 183, 255, 0.4); */
    cursor: pointer;
    transition: background 0.3s ease;
}

.pricing-card .top-half .pricing-slider:hover::-webkit-slider-thumb {
    background: #4649db;
}

.pricing-card .top-half .slider-ticks {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: 25%;
    margin-top: 1px;
    padding: 0 10px;
    z-index: 1;
}

.pricing-card .top-half .slider-ticks span {
    display: block;
    width: 3px;
    height: 8px;
    background-color: #e2e8ff33;
}

.pricing-card .bottom-half {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    padding: 1.5rem 2rem;
}

.pricing-card .bottom-half .small-text {
    color: #b4b4b4;
    font-size: 13px;
    font-family: 'Geist Mono', monospace;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0 0 1rem;
}

.pricing-card .bottom-half .checklists {
    color: #b4b4b4;
    font-size: 14px;
    flex: 1 1 0%;
    padding: 0;
    margin: 0;
}

.pricing-card .bottom-half .checklists li {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.pricing-card .bottom-half .checklists li .text-wrapper {
    color: #fafafa;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}

.pricing-card .bottom-half .checklists li .check-icon {
    color: #3ecf8e;
    width: 16px;
    height: 16px;
    min-width: 16px;
}

.pricing-card .bottom-half .checklists .extra-text {
    color: #898989;
    font-size: 13px;
    margin-left: 1.5rem;
}


/* Footer */
.footer-main {
    background-color: #fafafa;
    padding-top: 64px;
}

.footer-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .565fr max-content 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.footer-left, .footer-right {
    padding: 64px 72px;
}

.footer-left {
    /* max-width: 500px; */
    padding-left: 0;
}

.footer-left .content-flex, .footer-right .content-flex {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer-right .content-flex {
    max-width: 500px;
}

.footer-left .large-text, .footer-right .large-text {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -.025em;
    margin-top: 0;
    margin-bottom: 0;
}

.footer-left .small-text, .footer-right .small-text {
    color: #c1c1c1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    margin-top: 0;
}

.footer-divider--line {
    background-image: linear-gradient(#f8f8f800,#f8f8f84d);
    flex-direction: column;
    justify-content: center;
    width: 1px;
    height: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
}

.footer-divider--line .dot-line {
    background-color: #754eff;
    width: .0625rem;
    height: 8%;
    position: absolute;
    animation: moveDot 4s ease-in-out infinite;
}

@keyframes moveDot {
    0% {
        top: 15%;
    }
    50% {
        top: 92%;
    }
    100% {
        top: 15%;
    }
}

.footer-main--content {
    position: relative;
    z-index: 3;
    padding: 0 0 60px;
}

.footer-content {
    width: 50%;
    max-width: 760px;
}

.footer-content .heading-text {
    color: var(--color-white);
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 32px;
    margin-top: 0;
}

.footer-content .body-text--med {
    color: var(--color-white);
    font-size: 20px;
    line-height: 1.3;
}

.footer-newsletter {
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 64px;
    display: flex;
}

.footer-newsletter .footer-form {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    display: flex;
}

.footer-newsletter .footer-form .form-wrapper {
    width: 100%;
}

.footer-newsletter .footer-form .field-wrapper {
    width: 400px;
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 64px;
    display: flex;
}

.footer-newsletter .footer-form .form-field {
    width: 100%;
    grid-column-gap: 0.75rem;
    grid-row-gap: 0.75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.footer-newsletter .footer-form .form-input {
    width: 100%;
    color: #f9f8f0;
    border-bottom-color: #f9f8f0;
}

.footer-newsletter .footer-form input::placeholder, .footer-newsletter .footer-form input::-webkit-input-placeholder, .footer-newsletter .footer-form input:-ms-input-placeholder {
    color: #ffffff !important;
}

/* .footer-newsletter .footer-form .form-button {
    background-color: #13E2AC;
    border-color: #13E2AC;
} */

.footer-copyright {
    border-top: 1px solid rgb(48 54 61);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-top: 24px;
}

.footer-copyright .social-icon {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-copyright .social-icon li {
    display: inline-block;
    margin-right: 1em;
    font-size: 1em;
    line-height: 1em;
}

.footer-copyright .social-icon a {
    color: var(--color-text-body);
    display: inline-block;
    font-size: 16px;
}

.copyright-text--wrapper {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.copyright-text {
    color: #b5bdc5;
    font-size: 12px;
    font-family: 'Geist Mono', monospace;
    text-transform: uppercase;
    margin-bottom: 0;
}

.copyright-text--wrapper a:hover {
    color: #6666ff;
    text-decoration: none;
}


/* Joined Waitlist Notification */
.join-waitlist .modal-body {
    padding: 1.5rem 2rem;
}

.join-waitlist .content-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    width: 100%;
    margin-top: 40px;
}

.join-waitlist .content-header .large-text {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.join-waitlist .content-header .small-text {
    color: #b5bdc5;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.join-waitlist .content-grid .left-content {
    width: 100%;
}

.join-waitlist .content-grid .content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 470px;
    height: 100%;
}

.join-waitlist .content-grid .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-top: 1rem;
}

.join-waitlist .content-grid .text-wrapper .small-title {
    color: #7060ff;
    font-family: 'Space Mono', monospace;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.join-waitlist .content-grid .text-wrapper .large-text {
    color: #fafafa;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0;
    margin: 0;
}

.join-waitlist .content-grid .small-text--wrapper {
    display: flex;
    gap: 1rem;
    margin-top: 20px;
    margin-bottom: 0;
}

.join-waitlist .content-grid .small-text--wrapper .icon-wrapper {
    background-color: rgb(58 35 101 / 37%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
}

.join-waitlist .content-grid .small-text--wrapper .svg-icon {
    color: #9185ff;
    width: 24px;
    height: 24px;
    min-width: 24px;
    fill: currentColor;
}

.join-waitlist .content-grid .small-text {
    color: #a39fae;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

.join-waitlist .content-grid .disclaimer-text {
    border-top: 1px solid rgba(226, 232, 255, .25);
    color: #b4b0bf;
    font-size: 12px;
    line-height: 1.6;
    padding-top: 20px;
    margin-bottom: 40px;
}

.join-waitlist .content-grid {
    display: flex;
    width: 100%;
    margin-top: 40px;
}

.join-waitlist .content-grid .right-content {
    width: 100%;
}

.join-waitlist .content-grid .form-block {
    background-color: #fff;
    border-radius: 24px;
    padding: 2rem 1.5rem 2rem;
}

.waitlist-submission {
    padding: 80px 0;
    position: relative;
}

.waitlist-submission .content-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    max-width: 850px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.waitlist-submission .content-wrap .text-wrapper {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: radial-gradient(57.89% 132% at 65.79% -35%, rgba(120, 123, 255, .06) 0%, rgba(120, 123, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 54.17%, rgb(58 58 58 / 4%) 100%), rgba(255, 255, 255, .01);
    border: none;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem 1.75rem 2rem;
}

.waitlist-submission .content-wrap .text-wrapper .image-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.waitlist-submission .content-wrap .text-wrapper .small-title {
    color: #7060ff;
    font-family: 'Geist Mono', monospace;
    font-size: .75rem;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.waitlist-submission .content-wrap .text-wrapper .large-text {
    color: #fafafa;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 0;
    margin: 0;
}

.waitlist-submission .content-wrap .text-wrapper .body-text {
    color: #fafafa;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

.waitlist-submission .content-wrap .text-wrapper .text-link {
    color: #7060ff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    font-family: 'Geist Mono', monospace;
    font-size: .7rem;
    line-height: 1rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-top: 20px;
}

.waitlist-submission .content-wrap .disclaimer-text {
    color: #b4b0bf;
    font-size: 12px;
    line-height: 1.6;
    padding-top: 32px;
    margin-bottom: 40px;
}

.pwu-form--content {
    background-color: var(--color-primary);
    border-radius: 24px;
    padding: 2.5rem 52px 2rem;
}

.pwu-form--content .content-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 20px;
}

.pwu-form--content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}

.pwu-form--content p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.dark .pwu-form--content p {
    color: #b5bdc5;
}

.dark .pwu-form--content .button-submit {
    background: transparent;
    border: inherit;
    padding: 0;
    height: inherit;
    line-height: inherit;
}

.pwu-form--content .footer-text {
    color: var(--color-text-body);
    font-size: 12px;
    margin-top: 20px;
}

.jw-notification {
    display: inline;
    width: 320px;
    border: 0;
    bottom: 20px;
    left: 20px;
    position: fixed;
    text-align: left;
    z-index: 99;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    border-radius: 6px;
    -webkit-box-shadow: 2px 2px 10px 2px hsla(0,0%,60%,.2);
    box-shadow: 2px 2px 10px 2px hsla(0,0%,60%,.2);
    background-color: #fff;
}

.jw-notification.hide {
    animation: jwSlideOutVerticalBottom 1s forwards;
}

@keyframes jwSlideOutVerticalBottom {
    100% {
        opacity: 1;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
    }
}

.jw-notification .jw-notification--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
}

.jw-notification .image-wrapper {
    height: 80px;
    width: 80px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    border-radius: 6px 0 0 6px;
    text-align: center;
}

.jw-notification .image-wrapper--inside {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.jw-notification .image-wrapper img {
    max-width: 100%;
    width: auto;
    height: 100%;
}

.jw-notification .content-wrapper {
    margin: 0;
    height: 100%;
    color: gray;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0 6px 6px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    vertical-align: middle;
}

.jw-notification .content-wrapper .content-body {
    font-size: 13px;
    line-height: 1.2;
    margin: 0;
}

.jw-notification .content-wrapper .content-body small {
    margin-top: 3px;
    display: block;
    font-size: 9px;
    line-height: 12px;
    margin-right: 6px;
}

.jw-notification .jw-close {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}


/* Tooltips */
.tooltip-custom {
    position: relative;
    display: inline-block;
}

.tooltip-custom svg {
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.tooltip-custom .tooltip-text {
    visibility: hidden;
    min-width: 250px;
    width: fit-content;
    max-width: 100%;
    background-color: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    white-space: pre-wrap;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.tooltip-custom .tooltip-text::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.tooltip-custom:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}


/* Privacy Policy | Terms of Service */
.privacy-policy, .terms-of-service {
    padding: 80px 0;
    position: relative;
}

.privacy-policy .content-wrap, .terms-of-service .content-wrap {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.privacy-policy .content-wrap .large-text, .terms-of-service .content-wrap .large-text {
    color: #fafafa;
    font-size: 36px;
    line-height: 1.2;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.privacy-policy .content-wrap p, .privacy-policy .content-wrap li, .terms-of-service .content-wrap p, .terms-of-service .content-wrap li {
    color: #fafafa;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.privacy-policy .content-wrap .title-text, .terms-of-service .content-wrap .title-text {
    color: #fafafa;
    font-size: 24px;
    line-height: 1.4;
    text-transform: uppercase;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.privacy-policy .content-wrap a, .terms-of-service .content-wrap a {
    font-weight: 500;
    text-decoration: underline;
}

.privacy-policy .content-wrap a:hover, .terms-of-service .content-wrap a:hover {
    color: #6666ff;
}


/* Quick Sidebar */
.quick-sidebar {
    display: block;
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 555px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 15px 1px rgb(113 106 202 / 20%);
    -moz-box-shadow: 0 4px 15px 1px rgba(113,106,202,.2);
    box-shadow: 0 4px 15px 1px rgb(113 106 202 / 20%);
    padding: 20px 30px 30px 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    right: -565px;
}

.dark .quick-sidebar {
    background-color: #171717;
}

.quick-sidebar.quick-sidebar--on {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    right: 0;
}

.quick-sidebar .quick-sidebar--close {
    position: absolute;
    font-size: 1.4rem;
    cursor: pointer;
    color: inherit;
    top: 16px;
    right: 30px;
    min-width: 0;
}

.quick-sidebar button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
}

.instruction-text--wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.4;
    color: #4a4e62;
    margin-top: 24px;
    -webkit-font-smoothing: antialiased;
}

.instruction-text--wrapper svg {
    margin-right: 12px;
    color: currentColor;
    flex-shrink: 0;
    position: relative;
    top: 4px;
}

.instruction-text--wrapper .instruction-text {
    color: #474e68;
}

.pp-tables {
    border-collapse: collapse;
    width: 100%;
}

.pp-tables tr {
    border-bottom: 1px solid #1f2228;
}

.pp-tables th {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 8px;
    text-align: left;
}

.pp-tables td {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 14px 8px;
    text-align: left;
}



/* Task-Chat Pop-up */
.floating-chat--container {
    position: fixed;
    inset-block-end: 0;
    z-index: 99;
    inline-size: 100%;
    padding: 20px 0 60px;
}

.floating-chat--container .chat-trigger--wrapper {
    display: flex;
    max-inline-size: 1380px;
    margin: 0 auto;
    justify-content: flex-end;
    align-items: center;
}

.floating-chat--container .chat-trigger--rel {
    position: relative;
}

.floating-chat--container .floating-chat--button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.5;
    background: #5951ff;
    border: none;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 12px 18px;
}

.floating-chat--container .floating-chat--button:hover {
    animation: pulse 2s infinite;
}

.floating-chat--container .floating-chat--content {
    background-color: #fff;
    border: 1px solid #fafafa;
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 5%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%), 0 0 0 1px rgb(0 0 0 / 5%);
    box-shadow: 0 40px 90px #00000040, 0 0 2px #0000000d;
    position: absolute;
    /* width: 500px; */
    inset-inline-end: 0;
    inset-block-end: calc(100% + 22px);
    inline-size: 400px;
    z-index: 9;
}

.floating-chat--container .floating-chat--content .content-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.floating-chat--container .floating-chat--content .chat-header--wrapper {
    border-bottom: 1px solid #fafafa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.45;
    position: relative;
    padding: 15px 20px;
}

.floating-chat--container .floating-chat--content .chat-header {
    display: flex;
    align-items: center;
    gap: 8px;
}

.floating-chat--container .floating-chat--content .chat-header .close-button {
    border-radius: 4px;
    font-size: 16px;
    width: 24px;
    height: 24px;
}


/* Back to Top */
.back-to-top {
    width: 48px;
    height: 48px;
    line-height: 40px;
    background: #5951ff;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    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: 100px;
    background-image: url(../img/icons/arrow-top.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 99;
    color: var(--white);
}

.back-to-top.fade-out {
    opacity: 0;
}

.back-to-top:hover {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

/* Dark Mode */
.dark body, .dark .body-wrap, .dark .bottom-cta, .dark .bottom-cta .wave, .dark .footer-main, .dark .switch-theme--button, .dark .hero-cta .form-input {
    background-color: var(--background-dark);
}

.dark .header-brand--link.light .header-logo {
    display: none;
}

.dark .switch-theme--button {
    color: #fff;
    border-color: rgb(255 255 255 / 24%);
}

.dark .hero-cta .form-input, .dark .features-main .section-grid .features-card .card-chat {
    border-color: rgb(35 34 62);
}

.dark .features-main .section-grid .features-card .wf-card, .dark .features-main .section-grid .features-card .tmp-card, .dark .modal-content {
    border-color: #312f4c;
}

.dark .bottom-cta .wave {
    color: var(--background-dark);
}

.dark .hero-title, .dark .features-main .section-header .text-wrapper .header-text, .dark .bo-steps .section-header .text-wrapper .header-text, .dark .more-features--block .section-header .text-wrapper .header-text, .dark .logo-section .content-wrapper .eyebrow, .dark .join-waitlist--content .content-wrap .section-header, .dark .intro-block .section-header .text-wrapper .header-text, .dark .enterprise-block .section-header .text-wrapper .header-text, .heading-tag, .dark .learn-more--block .content-grid .text-wrapper .header-text, .dark .pricing-block .section-header .text-wrapper .header-text, .dark .manifesto-block .section-header .text-wrapper .header-text, .dark .bottom-cta .section-header .text-wrapper .header-text {
    color: #fff;
}

.dark .hero-paragraph, .dark .features-main .section-header .text-wrapper .body-text, .dark .bo-steps .section-header .text-wrapper .body-text, .dark .more-features--block .section-header .text-wrapper .body-text, .dark .join-waitlist--content .content-wrap .body-text, .dark .intro-block .section-header .text-wrapper .body-text, .dark .enterprise-block .section-header .text-wrapper .body-text, .dark .learn-more--block .content-grid .text-wrapper .body-text, .dark .pricing-block .section-header .text-wrapper .body-text, .dark .manifesto-block .section-header .text-wrapper .body-text, .dark .bottom-cta .section-header .body-text {
    color: #c9d1da;
}

.dark .hero-video--background {
    background-image: linear-gradient(180deg,transparent 98%,hsl(240deg 27.27% 27.3% / 75%) 0),linear-gradient(90deg,transparent 94%,hsl(240deg 31.34% 18.32% / 75%) 0);
}

.dark .hero-video--wrapper, .dark .bo-steps .step-item--count, .dark .features-main .section-grid .features-card .add-new .wf-card--content .icon-wrapper {
    border: none;
    position: relative;
}

.dark .features-main .section-grid .features-card, .dark .more-features--block .section-grid .mf-card, .dark .cta-block .two-halves {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    /* background: radial-gradient(57.89% 132% at 65.79% -35%,rgba(120,123,255,.06) 0%,rgba(120,123,255,0) 100%),linear-gradient(180deg,rgba(255,255,255,0) 54.17%,rgb(58 58 58 / 4%) 100%),rgba(255,255,255,.01); */
}

/* .dark .features-main .section-grid .features-card:before, .dark .hero-video--wrapper:before, .dark .more-features--block .section-grid .mf-card::before, .dark .cta-block .two-halves::before {
    background: linear-gradient(180deg,rgb(104 84 140 / 40%) 0%,rgba(255,255,255,0) 100%),linear-gradient(0deg,rgba(255,255,255,.04),rgba(255,255,255,.04));
    border-radius: inherit;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
    pointer-events: none;
    position: absolute;
} */

.dark .join-waitlist--content input::placeholder, .dark .join-waitlist--content input::-webkit-input-placeholder, .dark .join-waitlist--content input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

.dark .features-main .section-grid .features-card .card-bottom .large-text, .dark .bo-steps .step-item--text .header-text, .dark .more-features--block .section-grid .mf-card .card-bottom .large-text, .dark .features-main .section-grid .features-card .tmp-card .tmp-card--top .header-text, .dark .more-features--block .section-grid .mf-card .card-top .team-wrapper .team-members--row .user-name, .dark .join-waitlist--content .form-label, .dark .join-waitlist--content .form-input, .dark .close, .dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #eeeeee;
}

.dark .join-waitlist--content .form-input, .dark .join-waitlist--content .select2-container .select2-selection--single {
    border-color: #515069;
}

.dark .features-main .section-grid .features-card .card-bottom .small-text, .dark .bo-steps .step-item--text .body-text, .dark .features-main .section-grid .features-card .chat-input, .dark .more-features--block .section-grid .mf-card .card-bottom .small-text, .dark .features-main .section-grid .features-card .wf-card--content .card-text, .dark .features-main .section-grid .features-card .tmp-card .tmp-card--top .card-des, .dark .cta-block .disclaimer, .dark .more-features--card .text-wrapper .des-text {
    color: rgba(246, 251, 255, 0.8);
}

.dark .bo-steps .section-grid::after {
    background-color: rgb(35 34 62);
}

.dark .features-main .section-grid .features-card .card-chat, .dark .features-main .section-grid .features-card .wf-card, .dark .features-main .section-grid .features-card .tmp-card, .dark .modal-content {
    background-color: #06021c;
}

.dark .features-main .section-grid .features-card .button-text {
    background-color: var(--background-dark);
}

.dark .features-main .section-grid .features-card .button-bg, .dark .hero .rising-stars, .dark .bottom-cta .rising-stars, .dark .header-brand--link.dark .header-logo {
    display: inline-block;
}

.dark .features-main .section-grid .features-card .chat-intro--wrap {
    background-color: rgba(34, 211, 238, 0.1);
}

.dark .features-main .section-grid .features-card .chat-intro {
    background-color: rgb(8, 145, 178);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.3) 0px 1px 1px 0px inset, rgba(6, 182, 212, 0.35) 0px 1px 3px 0px, #06b6d4 0px 0px 0px 1px;
}

.dark .cta-block .cta-title, .dark .cta-block--description p, .dark .cta-block--description .bullet-item, .dark .cta-block .form-block label, .dark .more-features--card .text-wrapper .large-text, .dark .more-features--card .icon-wrapper, .dark .underlined-button .button-text {
    color: #fff;
}

.dark .cta-block .form-block .text-field {
    color: rgba(255,255,255,0.5);
}

.dark .bottom-cta .ring {
    display: flex;
}

.dark .close-icon {
    color: #fafafa;
}



/* Responsiveness */
@media (max-width: 767px) {
    .d-xs-none {
        display: none;
    }
    .site-header {
        margin: 0 auto;
        width: 100%;
    }
    .dark .site-header {
        background-color: var(--background-dark);
    }
    .site-header .the__button {
        display: none;
    }
    .header-brand {
        flex: 1;
    }
    .mobile-menu-toggle {
        display: flex;
    }
    .header-nav {
        overflow: visible;
    }
    .header-links {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 75px;
        right: 0;
        left: 0;
        width: 100%;
        border: none;
        background-color: #0a0a0a;
        border-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 1rem 24px 24px;
        z-index: 1000;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease;
    }
    .header-links.active {
        max-height: 300px; /* enough to show the menu items */
        opacity: 1;
    }
    .header-links li {
        width: 100%;
    }
    .header-links li:not(:last-child) {
        border-bottom: 1px solid #1f2228;
    }
    .header-links a:not(.button) {
        color: #ededed;
        line-height: 28px;
        padding: 12px 0;
    }
    .menu-actions {
        display: none;
    }
    .mobile-only {
        display: inline-flex !important;
    }
    button:focus {
        outline: none;
    }
    .hero, .more-features--block {
        padding-bottom: 48px;
    }
    .hero-inner {
        text-align: center;
        width: 100%;
    }
    .hero-inner--top {
        margin-bottom: 3rem;
    }
    .hero-title {
        font-size: 36px;
        line-height: 1.2;
        margin-top: 0;
    }
    .hero-paragraph {
        font-size: 16px;
    }
    .hero-cta {
        display: block;
        margin: 0 0 40px;
    }
    .hero-cta .form-grid, .support-checklist--group {
        flex-direction: column;
        gap: 1rem;
    }
    .support-checklist--group {
        padding-inline-start: 0;
    }
    .hero-cta .the__button, .bottom-cta .content-wrap, .cta-block .two-halves--left, .cta-block .two-halves--right {
        width: 100%;
    }
    .hero-image--container {
        display: none;
    }
    .hero-chat--preview .chat-input--flex .typing-text--input {
        height: auto;
    }
    .hero-chat--preview .chat-input--flex .typing-text {
        line-height: 1.5;
    }
    .floating-logos--wrapper, .bottom-cta .wave-wrapper, .hero-video--background {
        display: none;
    }
    .features-main .section-header .text-wrapper, .bo-steps .section-header .text-wrapper, .more-features--block .section-header .text-wrapper, .use-cases--block .section-header .text-wrapper, .blog-section .section-header .text-wrapper, .intro-block .section-header .text-wrapper, .enterprise-block .section-header .text-wrapper, .learn-more--block .content-grid .text-wrapper, .pricing-block .section-header .text-wrapper, .manifesto-block .section-header .text-wrapper, .bottom-cta .section-header .text-wrapper {
        flex-direction: column;
    }
    .features-main .section-grid, .more-features--block .section-grid, .bo-steps .section-grid, .more-features--grid, .cta-block .two-halves, .features-main .section-grid .features-card.span-12 {
        display: flex;
        flex-direction: column;
        gap: 60px;
    }
    .features-main .section-grid .features-card {
        display: flex;
        flex-direction: column;
    }
    .features-main .section-grid .features-card .card-top {
        height: 100%;
    }
    .features-main .section-grid .features-card .card-top + .card-bottom, .features-main .section-grid .features-card .card-bottom + .card-top {
        border: none;
    }
    .features-main .section-grid .features-card .card-chat--wrapper, .features-main .section-grid .features-card .card-bottom {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 0;
        gap: 4rem;
    }
    .features-main .section-grid .features-card .card-bottom .floating-small--text {
        position: relative;
        bottom: 0;
        max-width: 100%;
        margin-top: 20px;
    }
    .features-main .section-grid .features-card.features-card.span-7 .card-bottom .small-text, .features-main .section-grid .features-card.span-12 .card-top, .features-main .section-grid .features-card.span-12 .card-bottom {
        width: 100%;
    }
    .features-main .section-grid .features-card .card-top--content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .features-main .section-grid .features-card .apps-connect--flex {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        right: 24px;
        top: 0;
        padding: 0;
        gap: 12px;
    }
    .features-main .section-grid .features-card .card-response--flex .text-wrapper .integration-wrapper {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .features-main .section-grid .features-card .apps-connect--flex .apps-connect--item, .manifesto-card {
        width: 100%;
    }
    .features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .icon-wrapper {
        width: 48px;
        height: 48px;
    }
    .features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .icon-image {
        width: 24px;
        height: 24px;
    }
    .features-main .section-grid .features-card .apps-connect--flex .apps-connect--card {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    .features-main .section-grid .features-card .apps-connect--flex .apps-connect--card .connect-btn {
        font-size: 12px;
        height: 30px;
        padding: 0 9px;
    }
    .intro-block .intro-grid, .intro-block .intro-grid .intro-item, .about-us--block .data-card--grid, .footer-wrapper, .pricing-card--group, .join-waitlist .content-grid {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .intro-block .intro-grid .intro-item {
        padding: 16px 0 40px;
    }
    .connection-badge--wrapper {
        position: relative;
        left: auto;
        top: auto;
        padding-top: 30px;
    }
    .main-about--block .content-wrap .large-text {
        font-size: 32px;
        line-height: 1.4;
    }
    .about-op--grid {
        display: flex;
        flex-direction: column;
    }
    .about-op--item:not(:first-child) {
        border-left: 1px solid #27272a;
        border-top: transparent;
    }
    .manifesto-group {
        flex-direction: column;
        gap: 24px;
    }
    .manifesto-group .left-content, .manifesto-group .right-content {
        width: 100%;
        max-width: 100%;
    }
    .manifesto-card .card-inner {
        flex-direction: column;
        gap: 22px;
    }
    .manifesto-group .manifesto-card .card-inner .content-block .body-text {
        font-size: 16px;
    }
    .join-waitlist .content-grid, .join-waitlist .content-grid .text-wrapper {
        margin-top: 0;
    }
    .join-waitlist .content-grid .text-wrapper {
        padding-top: 0;
    }
    .join-waitlist .content-grid .disclaimer-text {
        margin-top: 40px;
    }
    .about-us--block {
        padding-bottom: 40px;
    }
    .about-us--block .data-card .card-bottom .large-text {
        font-size: 60px;
    }
    .pricing-card:first-child, .pricing-card:last-child {
        border: 1px solid rgba(226, 232, 255, .1);
        border-radius: .75rem;
    }
    .pricing-card:nth-child(2) {
        margin: 0;
    }
    .footer-left, .footer-right {
        padding: 24px 0;
    }
    .footer-right {
        padding: 0 0 64px;
    }
    .footer-left .large-text, .footer-right .large-text {
        font-size: 24px;
    }
    .footer-divider--line {
        width: 100%;
        height: 1px;
    }
    .footer-copyright, .copyright-text--wrapper {
        flex-direction: column;
        text-align: center;
    }
    .copyright-text:first-child {
        line-height: 1.5;
        margin-top: 24px;
    }
    .privacy-policy, .terms-of-service {
        padding-top: 48px;
    }
    .privacy-policy .content-wrap .large-text, .terms-of-service .content-wrap .large-text {
        font-size: 30px;
    }
    .privacy-policy .content-wrap .title-text, .terms-of-service .content-wrap .title-text {
        font-size: 22px;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none!important;
    }
}