@charset "UTF-8";:root {
    --gradient-purple-color-start: #a31be2;
    --gradient-purple-color-end: #278feb
}


.o-container {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 40%;
    padding: 0 1rem;
   
}

@media (min-width: 576px) {
    .o-container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .o-container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .o-container {
        max-width:960px
    }
}

@media (min-width: 768px) {
    .o-container--wider {
        max-width:992px
    }
}

@media (min-width: 992px) {
    .o-container--wider {
        max-width:1200px
    }
}

@media (min-width: 1200px) {
    .o-container--wider {
        max-width:1350px
    }
}


.c-mira-cta__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff2f9;
    background-image: url(https://res.cloudinary.com/smartsupp/image/upload/q_40/v1718694183/upload/Frame_8351_vodz0p_a_-90_a_hflip_y9ylge.jpg);
    background-size: cover;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1rem
}

@media (min-width: 992px) {
    .c-mira-cta__box {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        background-image: url(https://res.cloudinary.com/smartsupp/image/upload/q_40/v1718631576/upload/Frame_8351_vodz0p.jpg);
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 3rem 2.75rem
    }
}




.c-mira-cta__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 992px) {
    .c-mira-cta__content {
        -ms-flex-preferred-size:50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        flex-basis: 50%;
        order: 1
    }
}




.c-mira-cta__header {
    gap: 1rem;
    margin-bottom: .75rem
}

.c-mira-cta__badge,.c-mira-cta__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}



.c-mira-cta__badge {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #6e4ee7;
    border-radius: 9999px;
    color: #fff2f9;
    font-size: .7rem;
    font-weight: 600;
    justify-content: center;
    padding: .25rem .75rem
}




.c-mira-cta__heading {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.25;
    padding-bottom: 1rem
}






.c-mira-cta__text p {
    color: #4b5258;
    font-weight: 400
}

.c-mira-cta__text p,.c-mira-cta__text ul {
    margin-bottom: 1.5rem
}

.c-mira-cta__text ul li {
    color: #422f8b;
    font-weight: 400;
    list-style-type: none;
    margin-left: 1.6em;
    position: relative
}

.c-mira-cta__text ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='10' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 1.509 4 8.842.667 5.509' stroke='%236e4ee7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.248'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    color: #6e4ee7;
    content: "";
    display: block;
    height: .85em;
    left: -1.5em;
    position: absolute;
    top: .35em;
    width: .85em
}




.c-mira-cta__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem
}

@media (min-width: 992px) {
    .c-mira-cta__buttons {
        -webkit-box-align:start;
        -ms-flex-align: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: start;
        -ms-flex-direction: row;
        flex-direction: row
    }
}




@media (min-width: 992px) {
    .u-btn:not(:last-child,.u-btn--no-margin,.u-btn--special-header,.u-btn--special-demo) {
        margin-right:1rem
    }
}

@media (min-width: 768px) {
    .u-btn[class*=u-btn--link] {
        padding-left:1rem!important
    }
}

@media (min-width: 992px) {
    .u-btn[class*=u-btn--link] {
        padding-left:0!important
    }
}

.u-btn--disabled {
    background-color: #eee!important;
    border-color: #eee!important;
    color: #999!important;
    cursor: not-allowed!important
}

.u-btn--block {
    width: 100%
}

.u-btn svg {
    left: 3rem;
    position: absolute
}

.u-btn:not(.u-btn--no-arrow):after {
    content: ">";
    padding-left: 1rem;
    position: absolute;
    -webkit-transition: transform .2s ease;
    transition: transform .2s ease
}

.u-btn:not(.u-btn--no-arrow):hover:after {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}
.u-btn--small:not(.u-btn--no-arrow) {
    padding-right: 1.5rem
}

.u-btn--medium {
    font-size: 1rem;
    padding: .75rem 1.5rem
}

.u-btn--medium:not(.u-btn--no-arrow) {
    padding-right: 4rem
}

.u-btn--submedium {
    font-size: .9rem;
    padding: .8rem 3rem
}

.u-btn--submedium:not(.u-btn--no-arrow) {
    padding-right: 4rem
}

.u-btn--large {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 2rem .9rem
}

.u-btn--large:not(.u-btn--no-arrow) {
    padding-right: 4rem
}
.u-btn--small:not(.u-btn--no-arrow) {
    padding-right: 1.5rem
}

.u-btn--medium {
    font-size: 1rem;
    padding: .75rem 1.5rem
}

.u-btn--medium:not(.u-btn--no-arrow) {
    padding-right: 4rem
}

.u-btn--submedium {
    font-size: .9rem;
    padding: .8rem 3rem
}

.u-btn--submedium:not(.u-btn--no-arrow) {
    padding-right: 4rem
}

.u-btn--large {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 2rem .9rem
}

.u-btn--large:not(.u-btn--no-arrow) {
    padding-right: 4rem
}
.u-btn:not(.u-btn--no-arrow):after {
    content: ">";
    padding-left: 1rem;
    position: absolute;
    -webkit-transition: transform .2s ease;
    transition: transform .2s ease
}

.u-btn:not(.u-btn--no-arrow):hover:after {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.u-btn--primary {
    background: linear-gradient(101.29deg,#144dda 5%,#2890ec 50%,#144dda 95%);
    background-size: 200% 200%;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 -4px 9px 0 #ffffff33,inset 0 4px 9px 0 #ffffff33,inset 0 0 3px 0 #ffffffb2;
    box-shadow: inset 0 -4px 9px 0 #ffffff33,inset 0 4px 9px 0 #ffffff33,inset 0 0 3px 0 #ffffffb2;
    color: #fff;
    -webkit-transition: background-position .3s ease-out;
    transition: background-position .3s ease-out
}

.u-btn--primary:hover {
    background-position: 100%
}

.u-btn--coal {
    background-color: #3d3c57;
    border: 1px solid #9da1c2;
    -webkit-box-shadow: inset 0 -4px 9px 0 #ffffff33,inset 0 4px 9px 0 #ffffff33,inset 0 0 3px 0 #ffffffb2;
    box-shadow: inset 0 -4px 9px 0 #ffffff33,inset 0 4px 9px 0 #ffffff33,inset 0 0 3px 0 #ffffffb2;
    color: #fff
}

.u-btn--purple-gradient {
    background: linear-gradient(92.99deg,#6e4ee7 -.04%,#aa36d9 99.96%);
    border: none;
    -webkit-box-shadow: inset 0 -4px 9px 0 #ffffff4d,inset 0 4px 9px 0 #ffffff4d,inset 0 0 3px 0 #ffffff4d!important;
    box-shadow: inset 0 -4px 9px 0 #ffffff4d,inset 0 4px 9px 0 #ffffff4d,inset 0 0 3px 0 #ffffff4d!important;
    color: #fff;
    position: relative
}

.u-btn--purple-gradient:after {
    background: linear-gradient(92.99deg,#ad98f1 -.04%,#ce8de8 99.96%);
    border-radius: 9999px;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: -1
}

.u-btn--purple-gradient:hover {
    -webkit-box-shadow: inset 0 -4px 9px 0 #ffffff4d,inset 0 4px 9px 0 #ffffff4d,inset 0 0 3px 0 #ffffff4d,0 15px 25px #21328a29!important;
    box-shadow: inset 0 -4px 9px 0 #ffffff4d,inset 0 4px 9px 0 #ffffff4d,inset 0 0 3px 0 #ffffff4d,0 15px 25px #21328a29!important
}


.u-btn--yellow {
    background: #f5d63a;
    border: 0;
    -webkit-box-shadow: 0 26.36px 57.76px 0 #f5d63a29,inset 0 4.77px 11.93px 0 #ffffffbf;
    box-shadow: 0 26.36px 57.76px 0 #f5d63a29,inset 0 4.77px 11.93px 0 #ffffffbf;
    color: #3f2a01
}

.u-btn--yellow:hover {
    background: #fdf2b1;
    border-color: #fdf2b1
}

.u-btn--primary-outline {
    border-color: #408fec;
    color: #408fec
}

.u-btn--primary-outline:hover {
    background: #408fec;
    color: #fff
}

.u-btn--white {
    background: #fff;
    color: #408fec
}

.u-btn--white-outline {
    border-color: #fff;
    color: #fff
}

.u-btn--white-outline-gray {
    background: #fff;
    border-color: #dadde0;
    color: #191b1d
}

.u-btn--white-outline-gray:hover {
    background: #f5f5f6
}

.u-btn--black-outline,.u-btn--black-outline-miniborder {
    border-color: #032139;
    color: #032139
}

.u-btn--black-outline-miniborder {
    border-width: 1px
}

.u-btn--black-outline-miniborder:hover {
    background-color: #032139;
    color: #fff
}

.u-btn--secondary {
    border: 1px solid #e8e9eb;
    color: #408fec
}

.u-btn--secondary:hover {
    border: 1px solid #cbd0d4
}

.u-btn--light-blue {
    background: #ecf4fd;
    border: 1px solid #ecf4fd;
    color: #3074e5
}

.u-btn--light-blue:hover {
    background: #f1f7ff;
    border-color: #f1f7ff
}

.u-btn--white {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.u-btn--white:after {
    content: ">";
    padding-left: 1rem;
    position: absolute;
    -webkit-transition: transform .2s ease;
    transition: transform .2s ease
}

.u-btn--white:hover {
    border: 1px solid #fff
}

.u-btn--white:hover:after {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.u-btn--white-transparent {
    background: #fff;
    border: 1px solid #fff;
    color: #408fec
}

.u-btn--white-transparent:hover {
    background-color: transparent;
    color: #fff
}

.u-btn--white-transparent:hover:after {
    -webkit-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%)
}

.u-btn--link {
    border-color: transparent;
    color: #032139
}

.u-btn--link:hover {
    color: #408fec
}

.u-btn--bold {
    font-weight: 700
}


.u-btn--link-purple {
    border-color: transparent;
    color: #8b71ec
}

.u-btn--squircle-semibold {
    border-radius: 20px!important;
    font-weight: 600
}

.u-btn--small {
    font-size: .85rem;
    padding: .5rem 1rem
}


.u-btn--no-y-margin {
    margin-bottom: 0;
    margin-top: 0
}


.u-btn--purple-light-gradient {
    background: linear-gradient(93.3deg,#8d71ea,#ca76ec);
    border: 1px solid #ca76ec40;
    color: #fff;
    outline: 3px solid #ca76ec40
}





.c-mira-cta__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin-bottom: 1.5rem;
    order: 1;
    width: 100%
}

@media (min-width: 992px) {
    .c-mira-cta__image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        -ms-flex-preferred-size: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-basis: 50%;
        justify-content: center;
        margin: -3rem 0;
        order: 2;
        position: relative;
        width: auto
    }
}

.c-mira-cta__image img {
    display: block;
    height: auto;
    width: 100%
}

@media (min-width: 992px) {
    .c-mira-cta__image img {
        margin-top:5rem;
        position: absolute
    }
}



.u-btn {

    border-radius: 9999px;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: .5rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: border-color .2s ease,background-color .2s ease,color .2s ease,-webkit-box-shadow .2s ease;
    transition: border-color .2s ease,background-color .2s ease,color .2s ease,-webkit-box-shadow .2s ease;
    transition: border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;
    transition: border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease
}

@media (min-width: 992px) {
    .u-btn {
        display:inline-block;
        margin-bottom: .5rem;
        margin-top: .5rem;
        width: auto
    }
}





.c-mira-cta {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

@media (min-width: 768px) {
    .c-mira-cta {
        padding-bottom:3rem;
        padding-top: 3rem
    }
}

@media (min-width: 992px) {
    .c-mira-cta {
        padding-bottom:5rem;
        padding-top: 5rem
    }
}

.c-mira-cta__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff2f9;
    background-image: url(https://res.cloudinary.com/smartsupp/image/upload/q_40/v1718694183/upload/Frame_8351_vodz0p_a_-90_a_hflip_y9ylge.jpg);
    background-size: cover;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem 1rem
}

@media (min-width: 992px) {
    .c-mira-cta__box {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        background-image: url(https://res.cloudinary.com/smartsupp/image/upload/q_40/v1718631576/upload/Frame_8351_vodz0p.jpg);
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 3rem 2.75rem
    }
}

.c-mira-cta__heading {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.25;
    padding-bottom: 1rem
}

.c-mira-cta__header {
    gap: 1rem;
    margin-bottom: .75rem
}

.c-mira-cta__badge,.c-mira-cta__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mira-cta__badge {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #6e4ee7;
    border-radius: 9999px;
    color: #fff2f9;
    font-size: .7rem;
    font-weight: 600;
    justify-content: center;
    padding: .25rem .75rem
}

.c-mira-cta__text p {
    color: #4b5258;
    font-weight: 400
}

.c-mira-cta__text p,.c-mira-cta__text ul {
    margin-bottom: 1.5rem
}

.c-mira-cta__text ul li {
    color: #422f8b;
    font-weight: 400;
    list-style-type: none;
    margin-left: 1.6em;
    position: relative
}

.c-mira-cta__text ul li:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='10' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.333 1.509 4 8.842.667 5.509' stroke='%236e4ee7' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.248'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    color: #6e4ee7;
    content: "";
    display: block;
    height: .85em;
    left: -1.5em;
    position: absolute;
    top: .35em;
    width: .85em
}

.c-mira-cta__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem
}

@media (min-width: 992px) {
    .c-mira-cta__buttons {
        -webkit-box-align:start;
        -ms-flex-align: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: start;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-mira-cta__content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-family: Poppins, Arial, sans-serif;
        color: #4b5258;
}

.c-mira-cta__content p{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-family: Poppins, Arial, sans-serif;
        color: #4b5258;
}

@media (min-width: 992px) {
    .c-mira-cta__content {
        -ms-flex-preferred-size:50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        flex-basis: 50%;
        order: 1
    }
}

.c-mira-cta__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin-bottom: 1.5rem;
    order: 1;
    width: 100%
}

@media (min-width: 992px) {
    .c-mira-cta__image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        -ms-flex-preferred-size: 50%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-basis: 50%;
        justify-content: center;
        margin: -3rem 0;
        order: 2;
        position: relative;
        width: auto
    }
}

.c-mira-cta__image img {
    display: block;
    height: auto;
    width: 100%
}

@media (min-width: 992px) {
    .c-mira-cta__image img {
        margin-top:5rem;
        position: absolute
    }
}


.c-hero-homepage-2024__wrapper {
    padding: 2rem 0 0;
    position: relative;
    text-align: center
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__wrapper {
        padding:6rem 0 0
    }
}

.c-hero-homepage-2024--steel .c-hero-homepage-2024__wrapper:before {
    background: #f6f8fb;
    border-radius: 32px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.c-hero-homepage-2024--with-media.c-hero-homepage-2024--steel .c-hero-homepage-2024__wrapper:before {
    bottom: 13rem
}


.c-hero-homepage-2024--mira .c-hero-homepage-2024__wrapper:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='390' height='365' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M387.995 257.499c-10.28 45.461-70.554 56.696-112.294 77.437-32.61 16.204-66.109 27.286-102.469 29.281-36.445 1.999-74.05.957-105.313-17.881-31.887-19.215-62.3-49.003-66.977-85.938-4.488-35.44 38.693-59.482 44.09-94.796C51.656 122.256 8.915 72.93 34.979 37.668c24.748-33.48 78.624-16.663 120.045-20.873 44.166-4.49 94.027-30.758 129.842-4.528 35.961 26.337 18.127 84.464 35.406 125.552 18.215 43.313 78.085 73.85 67.723 119.68z' fill='%23CA76EC'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-filter: blur(90px);
    filter: blur(90px);
    height: 25rem;
    left: 10%;
    opacity: .4;
    position: absolute;
    top: 40%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 25rem;
    z-index: -1
}

@media (min-width: 992px) {
    .c-hero-homepage-2024--mira .c-hero-homepage-2024__wrapper:after {
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='417' height='342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M72.9 297.487C105.534 322.606 146.6 350.826 186.049 339c39.658-11.89 37.568-74.793 72.418-97.146 45.508-29.189 125.953 1.423 151.286-46.339 23.213-43.764-21.164-98.345-55.714-133.846-28.592-29.381-73.064-31.431-113.211-39.734-26.952-5.574-53.138 2.178-80.545-.336-36.246-3.324-72.617-32.914-105.205-16.701-32.776 16.306-42.99 58.559-50.81 94.322-7.71 35.25-4.663 71.261 7.14 105.359 12.454 35.975 31.324 69.687 61.492 92.908z' fill='%238D71EA'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        -webkit-filter: blur(90px);
        filter: blur(90px);
        height: 35rem;
        opacity: .8;
        position: absolute;
        right: 12.5%;
        top: 60%;
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
        width: 35rem;
        z-index: -1
    }
}


.c-hero-homepage-2024__intro {
    margin-bottom: 3rem
}

.c-hero-homepage-2024__intro-logo {
    margin-bottom: .5rem
}

.c-hero-homepage-2024__intro-text {
    font-size: 16px;
    font-weight: 500
}

.c-hero-homepage-2024__intro-text--mira {
    color: #6e4ee7
}





.o-grid {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -1rem
}

.o-grid--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.o-grid--center-vertical {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.o-grid--mobile-gap {
    gap: 1.5rem
}

@media (min-width: 992px) {
    .o-grid--mobile-gap {
        gap:0
    }
}

.o-grid--swap>:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.o-grid__col {
    padding: 0 1rem;
    width: 100%
}

.o-grid--space-none {
    margin: 0
}

.o-grid--space-none>.o-grid__col {
    padding: 0
}

.o-grid--space-x-sm {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.o-grid--space-x-sm>.o-grid__col {
    padding-left: .5rem;
    padding-right: .5rem
}

.o-grid--space-y-sm>.o-grid__col {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.o-grid--space-y-lg>.o-grid__col {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.o-grid__col.o-grid__col--xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.o-grid__col.o-grid__col--xs-4 {
    -ms-flex-preferred-size: 33.333333%;
    flex-basis: 33.333333%;
    max-width: 33.333333%
}

.o-grid__col.o-grid__col--xs-5 {
    -ms-flex-preferred-size: 41.666666%;
    flex-basis: 41.666666%;
    max-width: 41.666666%
}

.o-grid__col.o-grid__col--xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.o-grid__col.o-grid__col--xs-7 {
    -ms-flex-preferred-size: 58.333333%;
    flex-basis: 58.333333%;
    max-width: 58.333333%
}

.o-grid__col.o-grid__col--xs-8 {
    -ms-flex-preferred-size: 66.666666%;
    flex-basis: 66.666666%;
    max-width: 66.666666%
}

@media (min-width: 576px) {
    .o-grid__col.o-grid__col--sm-5 {
        -ms-flex-preferred-size:41.666666%;
        flex-basis: 41.666666%;
        max-width: 41.666666%
    }

    .o-grid__col.o-grid__col--sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .o-grid__col.o-grid__col--sm-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .o-grid__col.o-grid__col--sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .o-grid__col.o-grid__col--md-6 {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .o-grid__col.o-grid__col--md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .o-grid__col.o-grid__col--lg-2 {
        -ms-flex-preferred-size:16.666666%;
        flex-basis: 16.666666%;
        max-width: 16.666666%
    }

    .o-grid__col.o-grid__col--lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .o-grid__col.o-grid__col--lg-4 {
        -ms-flex-preferred-size: 33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .o-grid__col.o-grid__col--lg-5 {
        -ms-flex-preferred-size: 41.666666%;
        flex-basis: 41.666666%;
        max-width: 41.666666%
    }

    .o-grid__col.o-grid__col--lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .o-grid__col.o-grid__col--lg-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .o-grid__col.o-grid__col--lg-8 {
        -ms-flex-preferred-size: 66.666666%;
        flex-basis: 66.666666%;
        max-width: 66.666666%
    }

    .o-grid__col.o-grid__col--lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .o-grid__col.o-grid__col--lg-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .o-grid__col.o-grid__col--lg-11 {
        -ms-flex-preferred-size: 91.666666%;
        flex-basis: 91.666666%;
        max-width: 91.666666%
    }

    .o-grid__col.o-grid__col--lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .o-grid__col.o-grid__col--xl-4 {
        -ms-flex-preferred-size:33.333333%;
        flex-basis: 33.333333%;
        max-width: 33.333333%
    }

    .o-grid__col.o-grid__col--xl-5 {
        -ms-flex-preferred-size: 41.666666%;
        flex-basis: 41.666666%;
        max-width: 41.666666%
    }

    .o-grid__col.o-grid__col--xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .o-grid__col.o-grid__col--xl-7 {
        -ms-flex-preferred-size: 58.333333%;
        flex-basis: 58.333333%;
        max-width: 58.333333%
    }

    .o-grid__col.o-grid__col--xl-8 {
        -ms-flex-preferred-size: 66.666666%;
        flex-basis: 66.666666%;
        max-width: 66.666666%
    }

    .o-grid__col.o-grid__col--xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .o-grid__col.o-grid__col--xl-10 {
        -ms-flex-preferred-size: 83.333333%;
        flex-basis: 83.333333%;
        max-width: 83.333333%
    }

    .o-grid__col.o-grid__col--xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.c-hero-homepage-2024__heading {
    display: inline-block;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -3%;
    line-height: 44px
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__heading {
        font-size:64px;
        line-height: 75.33px
    }
}

.c-hero-homepage-2024__heading strong {
    color: #408fec;
    font-weight: 700
}

.c-hero-homepage-2024__heading.c-hero-homepage-2024__heading--animation-in:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Ccircle cx='4' cy='12' r='3' fill='%237E8991'%3E%3Canimate id='b' attributeName='cy' begin='0;a.end+0.25s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3' fill='%237E8991'%3E%3Canimate attributeName='cy' begin='b.begin+0.1s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3' fill='%237E8991'%3E%3Canimate id='a' attributeName='cy' begin='b.begin+0.2s' calcMode='spline' dur='0.6s' keySplines='.33,.66,.66,1;.33,0,.66,.33' values='12;6;12'/%3E%3C/circle%3E%3C/svg%3E");
    background-position: 0 12px;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    content: "..";
    display: inline-block;
    height: 1em;
    margin-left: -3px;
    width: 1em
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__heading.c-hero-homepage-2024__heading--animation-in:after {
        background-position:0 20px
    }
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__heading--animation-in:after {
        margin-left:5px;
        position: absolute
    }
}

.c-hero-homepage-2024__text {
    color: #4b5258;
    font-size: 8px;
    margin-top: 1.5rem;
    padding-bottom: .5rem
}

.c-hero-homepage-2024__text p {
    line-height: 1.75
}


.c-hero-homepage-2024__buttons {
    margin-top: 2rem
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__buttons {
        margin-top:1.5rem
    }
}

.c-hero-homepage-2024__buttons-subtext {
    color: #a1a8ac;
    font-size: 14px;
    margin-bottom: 3rem
}

[class*="--formatted"] a:not(.u-btn) {
    background: transparent;
    color: #408fec;
    text-decoration: underline;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

[class*="--formatted"] a:not(.u-btn):hover {
    text-decoration: none
}

[class*="--formatted"] .u-btn {
    margin-bottom: 1.5rem
}



.c-hero-homepage-2024 {
    background-position: center 3rem;
    background-repeat: no-repeat;
    background-size: 115%;
    overflow-x: clip;
    padding: .25rem .5rem;
    position: relative
}

@media (min-width: 1200px) {
    .c-hero-homepage-2024 {
        margin-top:-90px
    }
}

@media (max-width: 767.98px) {
    .c-hero-homepage-2024--mobile-no-background {
        background-image:none!important
    }
}


.c-hero-homepage-2024--mira:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='390' height='365' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M387.995 257.499c-10.28 45.461-70.554 56.696-112.294 77.437-32.61 16.204-66.109 27.286-102.469 29.281-36.445 1.999-74.05.957-105.313-17.881-31.887-19.215-62.3-49.003-66.977-85.938-4.488-35.44 38.693-59.482 44.09-94.796C51.656 122.256 8.915 72.93 34.979 37.668c24.748-33.48 78.624-16.663 120.045-20.873 44.166-4.49 94.027-30.758 129.842-4.528 35.961 26.337 18.127 84.464 35.406 125.552 18.215 43.313 78.085 73.85 67.723 119.68z' fill='%23CA76EC'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 15rem;
    left: -25%;
    opacity: .8;
    position: absolute;
    top: 5%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 15rem;
    z-index: -1
}

@media (min-width: 992px) {
    .c-hero-homepage-2024--mira:before {
        left:-2%
    }
}

.c-hero-homepage-2024--mira:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='417' height='342' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' fill-rule='evenodd' clip-rule='evenodd' d='M72.9 297.487C105.534 322.606 146.6 350.826 186.049 339c39.658-11.89 37.568-74.793 72.418-97.146 45.508-29.189 125.953 1.423 151.286-46.339 23.213-43.764-21.164-98.345-55.714-133.846-28.592-29.381-73.064-31.431-113.211-39.734-26.952-5.574-53.138 2.178-80.545-.336-36.246-3.324-72.617-32.914-105.205-16.701-32.776 16.306-42.99 58.559-50.81 94.322-7.71 35.25-4.663 71.261 7.14 105.359 12.454 35.975 31.324 69.687 61.492 92.908z' fill='%238D71EA'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 25rem;
    opacity: .8;
    position: absolute;
    right: -60%;
    top: -5%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 25rem;
    z-index: -1
}

@media (min-width: 992px) {
    .c-hero-homepage-2024--mira:after {
        right:-7.5%;
        top: -2.5%
    }
}


.c-hero-homepage-2024__badge {
    background-color: #ffe6f4;
    border-radius: 9999px;
    color: #c72687;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 500;
    margin-bottom: 3rem;
    padding: .25rem 1rem
}



.c-hero-homepage-2024__rating {
    padding-bottom: 3rem
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__rating {
        padding-bottom:3rem
    }

    .c-hero-homepage-2024__rating--inline {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

.c-hero-homepage-2024__rating--bottom {
    margin-top: 1.5rem
}

.c-hero-homepage-2024__rating-stars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    justify-content: center;
    margin-bottom: .5rem
}

.c-hero-homepage-2024__rating--inline .c-hero-homepage-2024__rating-stars {
    margin-bottom: 0;
    margin-right: 1rem
}

.c-hero-homepage-2024__rating-star,.c-hero-homepage-2024__rating-stars svg {
    -ms-flex-negative: 0;
    color: #7e8991;
    flex-shrink: 0;
    height: 20px;
    margin-bottom: 2px;
    width: auto
}

.c-hero-homepage-2024__rating-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7e8991;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    gap: .5rem
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__rating-text {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.c-hero-homepage-2024__rating-logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: .25rem
}

.c-hero-homepage-2024__rating-logos-logo {
    display: block;
    height: 19px;
    width: auto
}


.c-hero-homepage-2024__image {
    display: block;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__image.c-hero-homepage-2024__image--animation-enabled {
        display:none
    }
}

.c-hero-homepage-2024__animation-wrapper {
    display: none
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__animation-wrapper {
        display:block;
        padding-top: 56.22%;
        position: relative
    }
}

.c-hero-homepage-2024__animation {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}


.c-hero-homepage-2024__logos {
    display: none;
    margin-top: 3rem
}

.c-hero-homepage-2024__logos-text {
    color: #a1a8ac;
    font-size: 15px;
    margin-bottom: 1.5rem;
    text-transform: uppercase
}

.c-hero-homepage-2024__logos-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    row-gap: 1.5rem
}

.c-hero-homepage-2024__logos-list-item {
    display: inline-block
}

.c-hero-homepage-2024__logos-list-image {
    display: block;
    height: 32px;
    opacity: .66;
    width: auto
}

@media (min-width: 992px) {
    .c-hero-homepage-2024__logos-list-image {
        display:none
    }
}

.c-hero-homepage-2024__video {
    border-radius: 24px;
    display: none;
    max-width: 100%
}

.c-hero-homepage-2024__video-poster {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-hero-homepage-2024__video-poster-image {
    display: block
}

.c-hero-homepage-2024__video-poster-play {
    max-width: 10%;
    position: absolute
}

















































































@charset "UTF-8";:root {
    --gradient-purple-color-start: #a31be2;
    --gradient-purple-color-end: #278feb
}

.js-loading *,.js-loading :after,.js-loading :before {
    -webkit-animation-play-state: paused!important;
    animation-play-state: paused!important
}

[data-tippy-content] {
    cursor: help
}

.grecaptcha-badge {
    visibility: hidden
}

.hidden {
    display: none!important
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Poppins,Arial,sans-serif;
    margin: 0;
    padding: 0
}

body,html {
    -webkit-font-smoothing: antialiased
}

body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.5;
    min-height: 100vh;
}

html {
    scroll-behavior: smooth
}

body.t-disable-scrolling {
    overflow: hidden
}


p {
    font-size: 1rem;
    line-height: 1.5
}

img {
    height: auto;
    max-width: 100%
}

[class*="--formatted"] h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1rem
}

@media (min-width: 992px) {
    [class*="--formatted"] h1 {
        font-size:2.75rem
    }
}

[class*="--formatted"] h2 {
    color: #0e73ed;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem
}

@media (min-width: 992px) {
    [class*="--formatted"] h2 {
        line-height:1.5
    }
}

[class*="--formatted"] h3 {
    font-size: 1.33rem;
    line-height: 1.5;
    margin-bottom: 1.5rem
}

[class*="--formatted"] p {
    color: #032139;
    font-size: 1.1rem;
    margin-bottom: 1rem
}

[class*="--formatted"] strong {
    font-weight: 700
}


[class*="--formatted"] ol,[class*="--formatted"] ul {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem
}

[class*="--formatted"] li {
    margin-bottom: .5rem
}

[class*="--formatted"] iframe,[class*="--formatted"] img {
    margin-bottom: 1.5rem
}

[class*="--formatted"] iframe {
    height: auto!important;
    width: auto!important
}

[class*="--formatted"] code {
    background: #f4f4f4;
    color: #000;
    font-family: monospace
}

[class*="--formatted"] pre {
    background: #f4f4f4;
    border-left: 0;
    border-radius: 8px;
    font-family: monospace;
    font-size: 1rem;
    line-height: 1.3rem;
    margin-bottom: 1.3rem;
    overflow-x: scroll;
    padding: 1rem
}

[class*="--formatted"] pre code {
    background: #f4f4f4;
    color: #000
}


.o-container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 1rem
}

@media (min-width: 576px) {
    .o-container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .o-container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .o-container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .o-container {
        max-width:1200px
    }
}

@media (min-width: 768px) {
    .o-container--wider {
        max-width:992px
    }
}

@media (min-width: 992px) {
    .o-container--wider {
        max-width:1200px
    }
}

@media (min-width: 1200px) {
    .o-container--wider {
        max-width:1350px
    }
}
