/* Generated from the English landing page component styles. */
:is(.nav-wrap,.footer,.consent){--ink2:#10284a;--blue2:#1c78ff;--blueSoft:#edf4ff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.nav-wrap,.consent{line-height:normal}.nav{flex-wrap:nowrap}.nav .button{line-height:normal}:where(.nav-wrap,.footer) a{text-decoration:none;color:inherit;overflow-wrap:normal}:where(.nav-wrap,.footer,.consent) button{font:inherit;cursor:pointer}
.nav-wrap.shell,.footer.shell{

    width: min(
        1380px,
        calc(100% - 60px)
    );

    margin: 0 auto;
}
.nav-wrap{

    position: sticky;

    top: 14px;

    z-index: 1000;

    padding-top: 14px;
}
.nav{

    min-height: 70px;

    padding: 11px 13px 11px 23px;

    display: flex;

    align-items: center;

    gap: 28px;

    background:
        rgba(255,255,255,.91);

    border:
        1px solid rgba(219,229,242,.92);

    border-radius: 19px;

    box-shadow:
        0 12px 45px rgba(7,29,59,.06);

    backdrop-filter: blur(20px);

    -webkit-backdrop-filter: blur(20px);
}
.brand{

    display: inline-flex;

    align-items: center;

    gap: 3px;

    flex-shrink: 0;

    color: var(--ink);

    font-size: 25px;

    line-height: 1;

    font-weight: 850;

    letter-spacing: -.05em;
}
.brand-mark{

    width: 22px;

    height: 22px;

    margin: 0;

    flex-shrink: 0;
}
.brand-rule{
    color: var(--blue);
}
.nav-links{

    margin-left: auto;

    display: flex;

    align-items: center;

    gap: 28px;

    color: var(--ink2);

    font-size: 13px;

    font-weight: 700;
}
.nav-links a{

    transition:
        color .18s ease;
}
.nav-links a:hover{
    color: var(--blue);
}
.nav-built{

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        9px 12px;

    color: var(--blue);

    background:
        var(--blueSoft);

    border-radius:
        999px;

    font-size:
        11px;

    font-weight:
        800;

    white-space:
        nowrap;
}
.nav-built-dot{

    width: 8px;

    height: 8px;

    background:
        var(--blue);

    border-radius:
        50%;

    box-shadow:
        0 0 0 5px rgba(46,111,224,.09);
}
.nav .button{

    min-height: 50px;

    padding:
        0 20px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap: 10px;

    border:
        0;

    border-radius:
        13px;

    font-weight:
        800;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}
.nav .button:hover{

    transform:
        translateY(-1px);
}
.nav .button-primary{

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--blue2)
        );

    box-shadow:
        0 13px 30px rgba(46,111,224,.24);
}
.nav .button-primary:hover{

    box-shadow:
        0 16px 38px rgba(46,111,224,.30);
}
.nav .button-large{

    min-height:
        58px;

    padding:
        0 27px;

    font-size:
        15px;
}
.footer{

    padding:
        27px 0 38px;

    display:
        grid;

    grid-template-columns:
        1fr auto;

    gap:
        24px;

    align-items:
        center;

    border-top:
        1px solid #dfe7f1;

    color:
        #8595aa;

    font-size:
        10px;

    line-height:
        1.55;
}
.footer-links{

    display:
        flex;

    flex-wrap:
        wrap;

    align-items:
        center;

    justify-content:
        flex-end;

    gap:
        15px;
}
.footer-links a,.footer-links button{

    padding:
        0;

    color:
        #71839b;

    background:
        none;

    border:
        0;

    font:
        inherit;

    cursor:
        pointer;
}
.footer-links a:hover,.footer-links button:hover{
    color: var(--blue);
}
.consent{

    position:
        fixed;

    z-index:
        5000;

    left:
        18px;

    right:
        18px;

    bottom:
        18px;

    max-width:
        670px;

    margin:
        0 auto;

    display:
        none;

    padding:
        17px;

    background:
        rgba(255,255,255,.97);

    border:
        1px solid var(--border);

    border-radius:
        17px;

    box-shadow:
        0 25px 70px rgba(7,29,59,.17);

    backdrop-filter:
        blur(18px);
}
.consent.show{
    display: block;
}
.consent-inner{

    display:
        flex;

    align-items:
        center;

    gap:
        18px;
}
.consent-copy{
    flex: 1;
}
.consent-title{

    margin:
        0 0 4px;

    color:
        var(--ink);

    font-size:
        13px;

    font-weight:
        850;
}
.consent-text{

    margin:
        0;

    color:
        var(--text);

    font-size:
        10px;

    line-height:
        1.45;
}
.consent-actions{

    display:
        flex;

    gap:
        7px;

    flex-shrink:
        0;
}
.consent-button{

    min-height:
        40px;

    padding:
        0 14px;

    border-radius:
        10px;

    border:
        1px solid var(--border);

    font-size:
        10px;

    font-weight:
        800;
}
.consent-reject{

    color:
        var(--text);

    background:
        #f7f9fc;
}
.consent-accept{

    color:
        #ffffff;

    background:
        var(--blue);

    border-color:
        var(--blue);
}
@media  (max-width: 1050px) {.nav-wrap.shell,.footer.shell{

        width:
            min(
                920px,
                calc(100% - 36px)
            );
    }
.nav-links{
        display: none;
    }
.nav-built{
        margin-left: auto;
    }}
@media  (max-width: 700px) {.nav-wrap.shell,.footer.shell{

        width:
            calc(100% - 26px);
    }
.nav-wrap{

        top:
            8px;

        padding-top:
            8px;
    }
.nav{

        min-height:
            59px;

        padding:
            9px 10px 9px 14px;

        border-radius:
            15px;
    }
.brand{

        font-size:
            21px;
    }
.brand-mark{

        width:
            19px;

        height:
            19px;
    }
.nav-built{
        display: none;
    }
.nav .button{

        min-height:
            40px;

        padding:
            0 13px;

        font-size:
            10px;
    }
.footer{

        grid-template-columns:
            1fr;

        text-align:
            center;

        padding-bottom:
            max(
                30px,
                env(safe-area-inset-bottom)
            );
    }
.footer-links{
        justify-content: center;
    }
.consent{

        left:
            10px;

        right:
            10px;

        bottom:
            max(
                10px,
                env(safe-area-inset-bottom)
            );
    }
.consent-inner{
        display: block;
    }
.consent-actions{

        margin-top:
            13px;

        display:
            grid;

        grid-template-columns:
            1fr 1fr;
    }
.consent-button{
        width: 100%;
    }}

.sr-lang{
    position: relative;
    flex-shrink: 0;
}
.sr-lang details{
    position: relative;
}
.sr-lang summary{
    list-style: none;
    cursor: pointer;

    min-height: 40px;
    padding: 0 11px;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #526985;
    background: #f3f7fd;
    border: 1px solid #dce6f2;
    border-radius: 11px;

    font-size: 11px;
    font-weight: 800;

    user-select: none;
}
.sr-lang summary::-webkit-details-marker{
    display: none;
}
.sr-lang-current-flag{
    font-size: 17px;
    line-height: 1;
}
.sr-lang-chevron{
    color: #91a0b3;
    font-size: 9px;
}
.sr-lang-menu{
    position: absolute;
    z-index: 4000;

    top: calc(100% + 9px);
    right: 0;

    width: 190px;
    padding: 7px;

    background: #ffffff;
    border: 1px solid #dce6f2;
    border-radius: 14px;

    box-shadow: 0 22px 60px rgba(7,29,59,.14);
}
.sr-lang-option{
    width: 100%;
    min-height: 42px;

    padding: 0 11px;

    display: flex;
    align-items: center;
    gap: 10px;

    color: #526985;
    border-radius: 9px;

    font-size: 12px;
    font-weight: 700;
}
.sr-lang-option:hover{
    color: #2e6fe0;
    background: #f4f8ff;
}
.sr-lang-option.active{
    color: #2e6fe0;
    background: #edf4ff;
}
.sr-lang-option-flag{
    width: 23px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}
@media  (max-width: 700px) {.nav{
        gap: 8px !important;
    }
.sr-lang{
        margin-left: auto;
    }
.sr-lang summary{
        min-height: 38px;
        padding: 0 9px;
    }
.sr-lang-current-name{
        display: none;
    }
.sr-lang-menu{
        position: fixed;

        top: 76px;
        left: 13px;
        right: 13px;

        width: auto;
    }
.sr-lang-option{
        min-height: 48px;
        font-size: 13px;
    }}
@media  (min-width: 1051px) {html[lang="hi"] .nav{
        gap: 17px !important;
    }
html[lang="hi"] .nav-links{
        gap: 20px !important;
    }
html[lang="hi"] .nav-links a{
        white-space: nowrap;
    }}
@media (max-width:1200px){.nav-built{display:none}.sr-lang{margin-left:auto}}
@media (max-width:360px){.nav .button{min-width:0;overflow-wrap:anywhere}}
