@font-face {
    font-family: hagridText;
    src: url(Hagrid-Text-Extrabold.ttf) format("truetype");
    font-display: swap
}
@font-face {
    font-family: hagridText Fallback;
    src: local("Arial");
    ascent-override: 62.90%;
    descent-override: 8.58%;
    line-gap-override: 0.00%;
    size-adjust: 139.90%
}
@font-face {
    font-family: hagridTextMedium;
    src: url(Hagrid-Regular.ttf) format("truetype");
    font-display: swap
}
@font-face {
    font-family: hagridTextMedium Fallback;
    src: local("Arial");
    ascent-override: 66.59%;
    descent-override: 10.66%;
    line-gap-override: 0.00%;
    size-adjust: 129.44%
}
@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(Inter-Variable.ttf) format("truetype");
    unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}
.__className_9b953d {
    font-family: hagridTextMedium, hagridTextMedium Fallback
}
.title_landing_page{
    text-transform: capitalize;
    font-size: 2rem;
    font-family: hagridTextMedium;
}
.__className_d65c78 {
    font-family: Inter, Inter Fallback;
    font-style: normal
}
ul.sf-menu li a{
    color: #0976ff;
    font-family: 'hagridTextMedium';
}
nav.top-menu {
    background-color: unset;
}
body,
html {
    overflow-x: hidden
}
body {
    font-family: Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

:focus {
    background-color: rgba(52, 116, 255, .05)
}

:focus:not(:focus-visible) {
    background-color: transparent
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

a {
    color: inherit;
    text-decoration: none
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-thumb {
    background-color: #e5e6ed;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::selection {
    background: #ebf1ff;
    color: #3474ff
}

.__className_9b953d {
    font-family: hagridTextMedium, hagridTextMedium Fallback
}

.styles_container__n1j0m {
    padding: 64px 24px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.styles_header__6lA9G {
    text-align: center;
    margin-bottom: 48px
}

.styles_header__6lA9G h2 {
    font-size: 48px;
    color: var(--text-primary);
    margin: 0
}

.styles_widgetsGrid__PL0TT {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    align-items: center;
    padding: 0
}

.styles_zekeCharacter__nU_xO {
    position: absolute;
    width: 200px;
    height: 200px;
    top: -100px;
    right: 100px
}

.styles_cloudContainer__hSn1o {
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.styles_widget__HnSuq {
    flex: 0 0 auto;
    transition: all .2s ease
}

.styles_widget__HnSuq[data-name="Live Location"],
.styles_widget__HnSuq[data-name=Connect4] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 8px)
}

.styles_widgetContent__SG90G {
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: center
}

.styles_icon__9PeF7 {
    min-width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 22px;
    overflow: hidden
}

.styles_pill__FqpVN {
    display: block;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 99em
}

@media (max-width:1024px) {
    .styles_container__n1j0m {
        padding: 48px 20px
    }
    .styles_header__6lA9G h2 {
        font-size: 42px
    }
    .styles_widgetsGrid__PL0TT {
        gap: 20px
    }
    .styles_pill__FqpVN {
        font-size: 22px;
        padding: 9px 14px
    }
    .styles_zekeCharacter__nU_xO {
        width: 150px;
        height: 150px;
        right: 0
    }
}

@media (max-width:768px) {
    .styles_zekeCharacter__nU_xO {
        display: none
    }
    .styles_container__n1j0m {
        padding: 32px 16px
    }
    .styles_header__6lA9G h2 {
        font-size: 36px
    }
    .styles_widgetsGrid__PL0TT {
        gap: 16px
    }
    .styles_pill__FqpVN {
        font-size: 21px;
        padding: 8px 13px
    }
    .styles_icon__9PeF7 {
        min-width: 40px;
        height: 40px
    }
}

@media (max-width:480px) {
    .styles_widgetsGrid__PL0TT {
        gap: 12px
    }
    .styles_pill__FqpVN {
        font-size: 20px;
        padding: 8px 12px
    }
    .styles_icon__9PeF7 {
        min-width: 36px;
        height: 36px
    }
}
.styles_cloudContainer__UO8_V {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.styles_logo__EpvBJ {
    display: block;
    height: auto
}
.styles_container__Cgys_ {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 48px 24px;
    min-height: 100vh
}

.styles_container__Cgys_ h1 {
    font-size: 72px;
    line-height: 1.2;
    max-width: 760px;
    margin: 150px auto;
    text-align: center;
    color: #0c1937;
    position: relative;
    z-index: 2
}

.styles_contentContainer__AQLmj {
    display: flex;
    gap: 24px;
    position: relative;
    width: 100%
}

.styles_tableOfContentsWrapper__3_XNc {
    width: 250px;
    flex-shrink: 0;
    position: relative
}

.styles_tableOfContents__I3O6h {
    width: 250px;
    position: absolute;
    left: 0;
    background: #fff;
    padding: 24px;
    border-radius: 16px
}

.styles_tableOfContents__I3O6h.styles_sticky__UMgUK {
    position: fixed;
    top: 24px;
    left: calc((100% - 1200px) / 2 + 24px)
}

.styles_tableOfContents__I3O6h.styles_bottom__ihsm8 {
    position: absolute;
    bottom: 0
}

.styles_tableOfContents__I3O6h h3 {
    font-size: 16px;
    margin-bottom: 24px;
    color: #3474ff
}

.styles_tableOfContents__I3O6h ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.styles_tableOfContents__I3O6h li {
    margin-bottom: 12px
}

.styles_tableOfContents__I3O6h a {
    color: #666;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    transition: color .2s ease;
    cursor: pointer
}

.styles_tableOfContents__I3O6h a:hover {
    color: #1a1a1a
}

.styles_tableOfContents__I3O6h a[data-active=true] {
    color: #3474ff
}

.styles_page__ZyE7s {
    flex: 1 1;
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}

.styles_section__asTRB {
    margin-bottom: 48px
}

.styles_section__asTRB h2 {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #0c1937
}

.styles_section__asTRB p {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 16px
}

.styles_section__asTRB ul {
    list-style-type: disc;
    margin-left: 24px;
    margin-bottom: 16px
}

.styles_section__asTRB li {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 8px
}

.styles_section__asTRB a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500
}

.styles_section__asTRB a:hover {
    text-decoration: underline
}

.styles_container__Cgys_ .styles_clouds___guR6 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
    z-index: 1
}

@media (max-width:768px) {
    .styles_container__Cgys_ {
        padding: 32px 16px
    }
    .styles_container__Cgys_ .styles_clouds___guR6 {
        top: 0;
        transform: translateX(-50%) scale(.6)
    }
    .styles_container__Cgys_ h1 {
        font-size: 36px;
        margin: 32px auto
    }
    .styles_contentContainer__AQLmj {
        flex-direction: column;
        gap: 0;
        width: 100%
    }
    .styles_tableOfContentsWrapper__3_XNc {
        display: none
    }
    .styles_page__ZyE7s {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
    .styles_section__asTRB {
        margin-bottom: 32px
    }
    .styles_section__asTRB h2 {
        font-size: 28px;
        margin-bottom: 16px
    }
}
.styles_heading___nxoL {
    font-style: normal;
    letter-spacing: .32px;
    flex-direction: column;
    position: relative;
    z-index: 2
}

.styles_heading___nxoL,
.styles_line__AtbiL {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.styles_line__AtbiL {
    flex-direction: row;
    overflow: hidden
}

.styles_word__qvqhv {
    display: flex;
    flex-direction: row
}

.styles_letter__ZSd0R {
    display: block;
    min-width: 15px
}

.styles_word__qvqhv.styles_highlight__O7Maa .styles_letter__ZSd0R {
    color: var(--highlight-color, #3474ff);
    color: color(display-p3 .2039 .4549 1)
}

@media only screen and (max-width:645px) {
    .styles_heading___nxoL {
        gap: 5px;
        font-size: 48px !important
    }
}

@media only screen and (max-width:500px) {
    .styles_heading___nxoL {
        gap: 5px
    }
    .styles_letter__ZSd0R {
        min-width: 10px
    }
}
.styles_footer__ORjCf {
    width: 100%;
    background-color: #0c1937;
    color: #fff;
    padding: 64px 24px 0;
    position: relative;
    overflow: hidden
}

.styles_content__uzODy {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 65px
}

.styles_linksWrapper__fh5Ta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px;
    gap: 32px
}

.styles_logoSection__ih02t {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_logoSection__ih02t svg {
    width: 120px;
    height: auto
}

.styles_address__ZTYF_ {
    font-style: normal;
    font-size: 14px;
    line-height: 1.5;
    color: hsla(0, 0%, 100%, .8)
}

.styles_email__gG__7,
.styles_phone__6ukNV {
    color: hsla(0, 0%, 100%, .8);
    text-decoration: none;
    font-size: 14px;
    transition: color .2s ease
}

.styles_email__gG__7:hover,
.styles_phone__6ukNV:hover {
    color: #fff
}

.styles_linksSection__Mtred,
.styles_socialSection__C3cn9 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_linksSection__Mtred h2,
.styles_socialSection__C3cn9 h2 {
    font-size: 16px;
    font-weight: 600;
    margin: 0
}

.styles_linksSection__Mtred ul,
.styles_socialSection__C3cn9 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.styles_linksSection__Mtred a,
.styles_socialSection__C3cn9 a {
    color: hsla(0, 0%, 100%, .8);
    text-decoration: none;
    font-size: 14px;
    transition: color .2s ease
}

.styles_linksSection__Mtred a:hover,
.styles_socialSection__C3cn9 a:hover {
    color: #fff
}

.styles_email__gG__7:focus-visible,
.styles_linksSection__Mtred a:focus-visible,
.styles_phone__6ukNV:focus-visible,
.styles_socialSection__C3cn9 a:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 4px;
    border-radius: 2px
}

.styles_backgroundLogo__n2efE {
    display: flex;
    justify-content: center;
    width: 100%
}

.styles_backgroundLogo__n2efE svg {
    width: 100%;
    height: auto
}

@media (max-width:768px) {
    .styles_linksWrapper__fh5Ta {
        grid-template-columns: 1fr;
        gap: 48px
    }
    .styles_footer__ORjCf {
        padding: 48px 24px 0
    }
}
.__className_8f055a {
    font-family: hagridText, hagridText Fallback
}
.page_page__VLcHB {
    margin: 0 auto;
    max-width: 1060px;
    padding: 0 16px;
    width: 100%;
    display: flex;
    flex-direction: column
}

.page_testimonialsSection__1jFJb {
    background-color: #3474ff
}
.BentoGrid_bentoGrid__vmtXG {
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(100px, auto)
}

.BentoGrid_bentoItem___TT54 {
    border-radius: 36px;
    background-color: var(--background-color, #fff);
    overflow: hidden
}

.BentoGrid_bentoItem___TT54:hover {
    transform: translateY(-4px)
}

.BentoGrid_fullWidth__vTkRh {
    grid-column: 1/-1
}

@media (max-width:1024px) {
    .BentoGrid_bentoGrid__vmtXG {
        gap: 1.25rem
    }
}

@media (max-width:680px) {
    .BentoGrid_bentoGrid__vmtXG {
        grid-template-columns: 1fr;
        gap: 1rem
    }
    .BentoGrid_bentoItem___TT54 {
        grid-column: 1/-1 !important
    }
    .BentoGrid_fullWidth__vTkRh {
        grid-column: 1
    }
}

.styles_section__iWqzA {
    padding: 4rem 1rem;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.styles_section__iWqzA h2 {
    font-size: 36px;
    line-height: 39px
}

.styles_yellowSection__rqx_p {
    --background-color: #fff2d7;
    grid-column: 1/7;
    grid-row: 1;
    min-height: 320px;
    border: 1px solid rgba(27, 27, 27, .1)
}

.styles_yellowSection__rqx_p h2 {
    color: #7a5400
}

.styles_yellowSection__rqx_p .styles_yellowContentHeader__w1vkk {
    display: flex;
    align-items: center;
    gap: 16px
}

.styles_blueSection__M9rmk {
    --background-color: #c6d8ff;
    grid-column: 7/-1;
    grid-row: 1/3;
    min-height: 460px;
    border: 1px solid rgba(27, 27, 27, .1)
}

.styles_pinkSection___5LoO {
    --background-color: #ffe0f8;
    grid-column: 1/7;
    grid-row: 2/4;
    min-height: 600px;
    border: 1px solid rgba(27, 27, 27, .1)
}

.styles_greenSection__u7Z1x {
    --background-color: #d7f4e4;
    grid-column: 7/-1;
    grid-row: 3;
    min-height: 400px;
    border: 1px solid rgba(27, 27, 27, .1)
}

.styles_redSection__wWORI {
    --background-color: #feeeec;
    grid-column: 1/-1;
    grid-row: 4;
    min-height: 160px;
    border: 1px solid rgba(27, 27, 27, .1)
}

@media (max-width:1024px) {
    .styles_section__iWqzA {
        padding: 3rem 1rem
    }
}

@media (max-width:680px) {
    .styles_section__iWqzA {
        padding: 2rem 1rem
    }
    .styles_blueSection__M9rmk,
    .styles_greenSection__u7Z1x,
    .styles_pinkSection___5LoO,
    .styles_redSection__wWORI,
    .styles_yellowSection__rqx_p {
        min-height: 240px;
        grid-column: 1/-1;
        grid-row: auto
    }
    .styles_pinkSection___5LoO {
        min-height: 320px
    }
    .styles_redSection__wWORI {
        min-height: 120px
    }
}

.styles_container__M0RKx {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 36px 0
}

.styles_header__3xPwZ {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 36px
}

.styles_header__3xPwZ h2 {
    font-size: 36px;
    line-height: 39px;
    color: #7a5400
}

.styles_marqueeContainer__w6UL9 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden
}

.styles_marqueeWrapper__POjrv {
    position: relative;
    width: 100%;
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)
}

.styles_marquee__3icqM {
    display: flex;
    gap: 12px;
    width: max-content;
    will-change: transform;
    transform: translateZ(0)
}

.styles_leftToRight__INNsZ {
    animation: styles_scrollLeft__1abnr 200s linear infinite
}

.styles_rightToLeft__TEgVM {
    animation: styles_scrollRight__Nsb9T 200s linear infinite
}

.styles_widget__MoJ1x {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    min-width: 306px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    transition: transform .2s ease
}

.styles_widgetIconContainer__Z7YsI {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_widgetIcon__NvF6d {
    border-radius: 5px
}

.styles_widget__MoJ1x h3 {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: #0c1937;
    margin: 0;
    padding: 0
}

.styles_widget__MoJ1x p {
    font-size: 17.5px;
    color: #6d6d6d;
    line-height: 25px;
    padding: 0;
    margin: 0
}

@keyframes styles_scrollLeft__1abnr {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-50% - 12px))
    }
}

@keyframes styles_scrollRight__Nsb9T {
    0% {
        transform: translateX(calc(-50% - 12px))
    }
    to {
        transform: translateX(0)
    }
}

@media (max-width:900) {
    .styles_container__M0RKx {
        padding: 24px 0;
        gap: 24px
    }
    .styles_header__3xPwZ img {
        display: none
    }
}

@media (max-width:640px) {
    .styles_header__3xPwZ {
        padding: 0 24px
    }
    .styles_widget__MoJ1x {
        min-width: 180px;
        padding: 16px
    }
    .styles_marqueeWrapper__POjrv {
        mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent)
    }
}

@media (max-width:500px) {
    .styles_header__3xPwZ h2 {
        font-size: 27px;
        line-height: 30px
    }
}

.styles_container__N5v2O {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 36px 0
}

.styles_container__N5v2O p {
    font-size: 18px;
    line-height: 32px;
    color: #0c1937;
    padding: 0 36px;
    margin: 0
}

.styles_header__yuGyk {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 0 36px
}

.styles_header__yuGyk h2 {
    font-size: 36px;
    line-height: 39px;
    color: #0c1937;
    max-width: 230px;
    margin: 0;
    padding: 0
}

.styles_illoContainer__xN5Va {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 34px;
    overflow: hidden;
    top: 30px;
    left: 50%;
    transform: translateX(-50%) rotate(-12deg);
    max-width: 399px;
    box-shadow: 0 2.115px 25.382px 0 rgba(0, 0, 0, .16)
}

.styles_illoContainer__xN5Va img {
    width: 100%;
    height: auto;
    display: block
}

.styles_heartsContainer__WI8mP {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    overflow: visible
}

.styles_heart__mRMtZ {
    position: absolute;
    font-size: 32px;
    animation: styles_fall__kvTIB linear forwards;
    opacity: 0;
    top: -10%;
    will-change: transform, opacity
}

@keyframes styles_fall__kvTIB {
    0% {
        transform: translateY(0) rotate(var(--start-rotation));
        opacity: 1
    }
    20% {
        transform: translateY(200%) rotate(calc(var(--start-rotation) + 72deg));
        opacity: 1
    }
    40% {
        transform: translateY(400%) rotate(calc(var(--start-rotation) + 144deg));
        opacity: 1
    }
    60% {
        transform: translateY(600%) rotate(calc(var(--start-rotation) + 216deg));
        opacity: 1
    }
    80% {
        transform: translateY(800%) rotate(calc(var(--start-rotation) + 288deg));
        opacity: .5
    }
    95% {
        transform: translateY(900%) rotate(calc(var(--start-rotation) + 324deg));
        opacity: .5
    }
    to {
        transform: translateY(1000%) rotate(var(--end-rotation));
        opacity: 0
    }
}

.styles_container__0ltyl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding: 24px
}

.styles_container__0ltyl p {
    font-size: 18px;
    color: #0c1937;
    line-height: 25px;
    padding: 0 36px;
    margin: 0
}

.styles_header__aelLd {
    display: flex;
    align-items: center
}

.styles_header__aelLd h2 {
    max-width: 300px;
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
    color: #cc009e
}

.styles_illosContainer___ZYBf {
    position: relative;
    width: 100%;
    height: calc(100% - 80px);
    flex: 1 1
}

.styles_imageWrapper__qJFJ_ {
    position: absolute;
    will-change: transform, opacity;
    transition-property: all;
    transition-duration: .65054s;
    transition-timing-function: cubic-bezier(1, -.4, .35, .95)
}

.styles_illo__amfUU {
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: 0 2.315px 18.519px 0 rgba(0, 0, 0, .1);
    border-radius: 24px;
    overflow: visible
}

.styles_image1__7dfqo {
    left: 2%;
    top: 0;
    z-index: 1
}

.styles_image2__vu4iD {
    right: 2%;
    top: 35%;
    z-index: 2
}

.styles_image3__8b0cf {
    right: 2%;
    top: 5%;
    z-index: 3
}

.styles_image4__eUkr0 {
    left: 0;
    top: 75%;
    z-index: 2
}

.styles_image5__pthY1 {
    right: -5%;
    top: 60%;
    z-index: 3
}

@media (max-width:680px) {
    .styles_image1__7dfqo {
        top: -20%
    }
    .styles_image2__vu4iD {
        top: 5%
    }
    .styles_image3__8b0cf {
        top: -40%
    }
    .styles_image4__eUkr0 {
        left: -20%
    }
    .styles_image5__pthY1 {
        right: -20%
    }
}

.styles_container__mApdi {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 36px 0;
    position: relative
}

.styles_container__mApdi p {
    font-size: 18px;
    line-height: 32px;
    color: #003421;
    padding: 0 36px;
    margin: 0
}

.styles_header__CKRrO {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 0 36px
}

.styles_header__CKRrO h2 {
    font-size: 36px;
    line-height: 39px;
    color: #003421;
    margin: 0;
    padding: 0
}

.styles_notificationStack__mUrys {
    position: relative;
    height: 150px;
    margin-top: 24px;
    padding: 0 36px
}

.styles_notification__Ue5Xb {
    position: absolute;
    top: 0;
    left: 36px;
    right: 36px;
    height: 122px;
    background: #fff;
    border-radius: 30px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 21.563px 43.126px -21.563px rgba(27, 27, 27, .05), 0 0 0 1.797px rgba(27, 27, 27, .05);
    -webkit-backdrop-filter: blur(10.781576156616211px);
    backdrop-filter: blur(10.781576156616211px);
    transform-origin: center top;
    pointer-events: none;
    will-change: transform, opacity, background-color
}

.styles_notification__Ue5Xb:first-child {
    transform: translateY(0) scale(1);
    opacity: 1;
    z-index: 5;
    background: #fff
}

.styles_notification__Ue5Xb:nth-child(2) {
    transform: translateY(24px) scale(.95);
    opacity: 1;
    z-index: 4;
    background: #fdfffd
}

.styles_notification__Ue5Xb:nth-child(3) {
    transform: translateY(48px) scale(.9);
    opacity: 1;
    z-index: 3;
    background: #e7f1eb
}

.styles_notification__Ue5Xb:nth-child(4) {
    transform: translateY(72px) scale(.85);
    opacity: 0;
    z-index: 2;
    background: #e7f1eb;
    pointer-events: none
}

.styles_notification__Ue5Xb:nth-child(5) {
    transform: translateY(96px) scale(.8);
    opacity: 0;
    z-index: 1;
    background: #e7f1eb;
    pointer-events: none
}

.styles_entering__blLhw {
    animation: styles_enterFromTop__Rw8WZ .6s cubic-bezier(.4, 0, .2, 1) forwards;
    z-index: 5
}

.styles_entering__blLhw .styles_notificationIcon__IGOeP img.styles_imageLoaded__iU1RK {
    opacity: 1;
    transition: none
}

.styles_movingToSecond__FE5Iy {
    animation: styles_moveToSecond__5gWRL .6s cubic-bezier(.4, 0, .2, 1) forwards;
    z-index: 4
}

.styles_movingToThird__LAjVw {
    animation: styles_moveToThird__UK_F_ .6s cubic-bezier(.4, 0, .2, 1) forwards;
    z-index: 3
}

.styles_movingToFourth__19LkV {
    animation: styles_moveToFourth__8UrKp .6s cubic-bezier(.4, 0, .2, 1) forwards;
    z-index: 2
}

.styles_exiting__1SMPp {
    animation: styles_exitToBottom__GCzWo .6s cubic-bezier(.4, 0, .2, 1) forwards;
    z-index: 1;
    pointer-events: none
}

@keyframes styles_enterFromTop__Rw8WZ {
    0% {
        opacity: 0;
        transform: translateY(-48px) scale(1.2);
        background: #fff
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
        background: #fff
    }
}

@keyframes styles_moveToSecond__5gWRL {
    0% {
        opacity: 1;
        transform: translateY(0) scale(1);
        background: #fff
    }
    to {
        opacity: 1;
        transform: translateY(24px) scale(.95);
        background: #fdfffd
    }
}

@keyframes styles_moveToThird__UK_F_ {
    0% {
        opacity: 1;
        transform: translateY(24px) scale(.95);
        background: #fdfffd
    }
    to {
        opacity: 1;
        transform: translateY(48px) scale(.9);
        background: #e7f1eb
    }
}

@keyframes styles_moveToFourth__8UrKp {
    0% {
        opacity: 1;
        transform: translateY(48px) scale(.9);
        background: #e7f1eb
    }
    to {
        opacity: 0;
        transform: translateY(72px) scale(.85);
        background: #e7f1eb
    }
}

@keyframes styles_exitToBottom__GCzWo {
    0% {
        opacity: 0;
        transform: translateY(72px) scale(.85);
        background: #e7f1eb
    }
    to {
        opacity: 0;
        transform: translateY(96px) scale(.8);
        background: #e7f1eb
    }
}

.styles_notificationIcon__IGOeP {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    background: #e8f5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative
}

.styles_notificationIcon__IGOeP img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.styles_notificationContent__KIsf0 {
    flex: 1 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.styles_notificationContent__KIsf0 h3 {
    font-family: inherit;
    font-size: 20px;
    line-height: 24px;
    color: #003421;
    margin: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_notificationContent__KIsf0 p {
    font-size: 16px;
    line-height: 20px;
    color: #4d6b5d;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.styles_container__Mmb2H {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 36px
}

.styles_container__Mmb2H p {
    font-size: 18px;
    line-height: 32px;
    color: #741307;
    padding: 0;
    margin: 0
}

.styles_header__dvZZJ {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    flex: 1 1
}

.styles_header__dvZZJ h2 {
    font-size: 36px;
    line-height: 39px;
    color: #741307;
    margin: 0;
    padding: 0
}

.styles_illoContainer__lRnLD {
    position: relative;
    margin: 0 auto
}

.styles_bobby__N8WqB {
    position: absolute;
    z-index: 1;
    top: -50px;
    left: -150px;
    width: 150px;
    height: 150px
}

@media (max-width:750px) {
    .styles_container__Mmb2H {
        flex-direction: column;
        align-items: flex-start
    }
    .styles_illoContainer__lRnLD {
        width: 100%
    }
    .styles_bobby__N8WqB {
        top: -100px;
        right: -30px;
        left: auto
    }
}

@media (max-width:600px) {
    .styles_container__Mmb2H {
        align-items: center;
        padding: 24px
    }
    .styles_header__dvZZJ {
        align-items: center;
        text-align: center
    }
    .styles_illoContainer__lRnLD {
        width: 100%;
        text-align: center
    }
    .styles_bobby__N8WqB {
        display: none
    }
}

.styles_button__u37yd {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 99em;
    text-decoration: none;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    line-height: 20px;
    outline: none;
    border: none;
    transition: opacity .2s ease
}

.styles_button__u37yd:focus-visible {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1b1b1b
}

.styles_button__u37yd:disabled {
    opacity: .5;
    cursor: not-allowed
}

.styles_button__u37yd.styles_large__qIyNN {
    padding: 12px 16px;
    height: 44px;
    font-size: 16px
}

@media (max-width:600px) {
    .styles_button__u37yd.styles_large__qIyNN {
        padding: 12px 14px;
        height: 44px;
        font-size: 14px
    }
}

.styles_button__u37yd.styles_black__nWntv {
    background-color: #1b1b1b;
    background-color: color(display-p3 .1059 .1059 .1059);
    color: #fff;
    color: color(display-p3 1 1 1)
}

.styles_loadingSpinner__Pe4wL {
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: styles_spin__3FhqW 1s linear infinite
}

@keyframes styles_spin__3FhqW {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}
.__className_97e3ca {
    font-family: hagridTextMedium, hagrid Fallback
}

.styles_container__ffH3_ {
    width: 100%;
    overflow: hidden
}

.styles_content__Ve7pJ {
    max-width: 1024px;
    margin: 0 auto;
    padding: 8rem 2rem;
    display: grid;
    grid-template-columns: 350px 1fr;
    grid-gap: 4rem;
    gap: 4rem;
    align-items: flex-start
}

.styles_leftSection__BTEB5 {
    position: relative;
    max-width: 350px
}

.styles_leftSection__BTEB5 h2 {
    font-size: 42px;
    line-height: 1.1;
    color: var(--navy-900);
    position: -webkit-sticky;
    position: sticky;
    top: 2rem
}

.styles_rightSection__MbFmy {
    width: 100%
}

.styles_faqList__cn_kv {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%
}

.styles_faqItem__EHd4_ {
    border-radius: 12px;
    background: transparent;
    overflow: hidden;
    transition: background-color .3s ease;
    border: 1px solid transparent
}

.styles_faqItem__EHd4_.styles_open__JltLZ {
    background: rgba(52, 116, 255, .03);
    border: 1px dashed #3474ff
}

.styles_faqButton__MQV4S {
    width: 100%;
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color .2s ease;
    gap: 8px;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    color: #0c1937
}

.styles_faqButton__MQV4S:focus-visible {
    background-color: #99b9ff;
    outline: none
}

.styles_faqButton__MQV4S:not(:focus-visible) {
    outline: none;
    background-color: transparent
}

.styles_question__eU_Dp {
    font-size: 17px;
    font-weight: 500;
    color: var(--navy-900);
    flex: 1 1
}

.styles_icon__C3T43 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3474ff
}

.styles_answer__4ayYl {
    overflow: hidden
}

.styles_answerInner__iq6l4 {
    padding: 0 1.5rem 1.5rem 1rem;
    color: #4b5563;
    line-height: 1.6;
    font-size: 1rem
}

@media (max-width:1024px) {
    .styles_content__Ve7pJ {
        gap: 2rem;
        grid-template-columns: 300px 1fr;
        padding: 6rem 2rem
    }
    .styles_leftSection__BTEB5 {
        max-width: 300px
    }
    .styles_leftSection__BTEB5 h2 {
        font-size: 36px
    }
}

@media (max-width:768px) {
    .styles_content__Ve7pJ {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 4rem 1rem
    }
    .styles_leftSection__BTEB5 {
        max-width: none
    }
    .styles_leftSection__BTEB5 h2 {
        font-size: 32px;
        position: static
    }
    .styles_question__eU_Dp {
        font-size: 15px
    }
}

@media (max-width:480px) {
    .styles_content__Ve7pJ {
        padding: 3rem 1rem
    }
    .styles_leftSection__BTEB5 h2 {
        font-size: 28px
    }
    .styles_answerInner__iq6l4 {
        padding: 0 1.25rem 1.25rem
    }
}
.styles_featureSection__jo6Qy {
    padding: 120px 24px;
    display: flex;
    flex-direction: column;
    gap: 160px;
    max-width: 1200px;
    margin: 0 auto
}

.styles_feature__TaLBo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
    gap: 80px;
    align-items: center
}

.styles_feature__TaLBo.styles_reversed__u4l0i {
    direction: rtl
}

.styles_feature__TaLBo.styles_reversed__u4l0i .styles_content__7TPOa,
.styles_feature__TaLBo.styles_reversed__u4l0i .styles_imageContainer__i_BxL {
    direction: ltr
}

.styles_content__7TPOa {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.styles_content__7TPOa h2 {
    font-size: 44px;
    line-height: 48px;
    color: #1d4930;
    margin: 0
}

.styles_content__7TPOa p {
    font-size: 16px;
    line-height: 21px;
    color: #4b5563;
    margin: 0;
    max-width: 480px
}

.styles_featureList__5KRsY {
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.styles_featureList__5KRsY li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    line-height: 21px
}

.styles_featureList__5KRsY li span {
    display: block
}

.styles_tick__7wRuv {
    flex-shrink: 0
}

.styles_imageContainer__i_BxL {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.styles_featureImage__LRHHA {
    width: 100%;
    height: auto;
    max-width: 500px;
    border-radius: 24px
}

@media (max-width:1024px) {
    .styles_featureSection__jo6Qy {
        padding: 80px 24px;
        gap: 120px
    }
    .styles_feature__TaLBo {
        gap: 48px
    }
    .styles_content__7TPOa h2 {
        font-size: 36px
    }
}

@media (max-width:768px) {
    .styles_feature__TaLBo {
        grid-template-columns: 1fr;
        gap: 32px
    }
    .styles_feature__TaLBo.styles_reversed__u4l0i {
        direction: ltr
    }
    .styles_content__7TPOa {
        text-align: center;
        align-items: center
    }
    .styles_featureList__5KRsY {
        width: 100%;
        align-items: center
    }
    .styles_featureList__5KRsY li {
        justify-content: center
    }
    .styles_content__7TPOa h2 {
        font-size: 32px
    }
    .styles_content__7TPOa p {
        font-size: 16px
    }
}

.styles_hero {
    overflow: visible;
    position: relative;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.styles_hero .styles_clouds__jZrTf {
    top: 300px
}
.styles_hero .styles_characterContainer__AEkJs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.styles_hero .styles_bloomCharacter__WcTaQ {
    position: absolute;
    top: 120px;
    left: 50px;
    z-index: 1
}

.styles_hero .styles_luluCharacter__dSlFp {
    position: absolute;
    top: 200px;
    right: 70px;
    z-index: 1
}

.styles_hero .styles_phoneContainer__EM78P {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 50px;
    height: 440px;
    overflow: hidden;
    z-index: 2
}

.styles_hero .styles_phoneFrame__0CzsE {
    width: 332px;
    height: 719px;
    background-image: url(icons/phone_frame.svg);
    background-size: 332px 719px;
    background-repeat: no-repeat;
    background-position: top
}

.styles_hero .styles_phoneFrame__0CzsE img {
    margin-top: 55px;
    margin-left: 8px
}

.styles_hero .styles_textContainer__QJCgv {
    text-align: center;
    padding: 7rem;
    margin-top: -20px;
    position: relative;
    z-index: 2
}

.styles_hero .styles_tagline__oDhJj {
    color: rgba(0, 0, 0, .7);
    color: color(display-p3 0 0 0/.7);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    margin: 30px auto
}

@media (max-width:645px) {
    .styles_hero .styles_tagline__oDhJj {
        font-size: 18px;
        margin: 15px auto
    }
    .styles_hero .styles_phoneContainer__EM78P {
        padding-top: 0
    }
    .styles_hero .styles_clouds__jZrTf {
        top: 250px
    }
    .styles_textContainer__QJCgv {
        margin-top: -130px !important
    }
    .styles_hero .styles_phoneFrame__0CzsE {
        width: 228px;
        height: 350px;
        overflow: hidden;
        background-size: 228px 494px
    }
    .styles_hero .styles_phoneFrame__0CzsE img {
        width: 210px;
        height: auto
    }
}

@media only screen and (max-width:500px) {
    .styles_hero .styles_bloomCharacter__WcTaQ {
        top: 100px;
        left: -100px
    }
    .styles_hero .styles_luluCharacter__dSlFp {
        top: 160px;
        right: -60px
    }
    .styles_hero .styles_tagline__oDhJj {
        font-size: 16px;
        margin: 10px auto
    }
}