html {
    scroll-behavior:smooth;
}


body {
    margin:0;
}


.idk-public-nav {

    position:sticky;
    top:0;
    z-index:1000;

    border-bottom:
        1px solid #e5e9f1;

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

    backdrop-filter:
        blur(12px);
}


.idk-public-nav-inner {

    max-width:1260px;

    margin:auto;

    padding:
        14px 28px;

    display:flex;

    align-items:center;

    gap:25px;
}


.idk-public-brand {

    display:flex;

    align-items:center;

    gap:10px;

    color:#13213a;

    text-decoration:none;

    font-size:19px;

    font-weight:800;

    white-space:nowrap;
}


.idk-public-brand span {

    display:flex;

    align-items:center;

    justify-content:center;

    width:36px;

    height:36px;

    border-radius:10px;

    background:#3862dd;

    color:white;

    font-size:14px;
}


.idk-public-links {

    flex:1;

    display:flex;

    justify-content:center;

    gap:21px;

    flex-wrap:wrap;
}


.idk-public-links a {

    color:#42516a;

    text-decoration:none;

    font-size:14px;

    font-weight:650;
}


.idk-public-links a:hover {

    color:#3159d5;
}


.idk-public-login,
.idk-public-primary {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:42px;

    padding:
        0 18px;

    border-radius:
        9px;

    background:
        #315bdd;

    color:white;

    text-decoration:none;

    font-weight:750;

    white-space:nowrap;
}


#idkPublicDynamicModules {

    width:100%;
}


.idk-public-module {

    padding:
        84px 28px;

    border-top:
        1px solid #e7ebf2;

    background:white;
}


.idk-public-module:nth-child(even) {

    background:
        #f7f9fc;
}


.idk-public-module-inner {

    max-width:
        1180px;

    margin:auto;
}


.idk-public-heading {

    max-width:
        760px;

    margin-bottom:
        36px;
}


.idk-public-eyebrow {

    display:block;

    margin-bottom:
        10px;

    color:
        #315bdd;

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.idk-public-heading h2 {

    margin:
        0 0 14px;

    color:
        #142039;

    font-size:
        clamp(
            30px,
            4vw,
            48px
        );

    line-height:
        1.08;
}


.idk-public-heading p {

    margin:0;

    color:#68768d;

    font-size:
        18px;

    line-height:
        1.65;
}


.idk-public-card-grid {

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:18px;
}


.idk-public-card {

    padding:
        25px;

    border:
        1px solid #dfe5ee;

    border-radius:
        14px;

    background:white;

    box-shadow:
        0 8px 28px
        rgba(20,32,57,.04);
}


.idk-public-card h3 {

    margin:
        0 0 10px;

    color:
        #16223a;

    font-size:
        19px;
}


.idk-public-card p {

    margin:0;

    color:
        #69778d;

    line-height:
        1.6;
}


.idk-public-section-link {

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:
        28px;

    color:
        #315bdd;

    text-decoration:none;

    font-weight:
        750;
}


.idk-public-contact {

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:25px;

    padding:
        26px;

    border:
        1px solid #dfe5ee;

    border-radius:
        15px;

    background:
        #f8fafc;
}


.idk-public-contact strong {

    color:#152139;

    font-size:18px;
}


.idk-public-contact p {

    margin:
        5px 0 0;

    color:
        #68768c;
}


@media(max-width:1000px) {

    .idk-public-links {

        display:none;
    }


    .idk-public-card-grid {

        grid-template-columns:
            1fr 1fr;
    }

}


@media(max-width:680px) {

    .idk-public-nav-inner {

        padding:
            12px 16px;
    }


    .idk-public-module {

        padding:
            60px 20px;
    }


    .idk-public-card-grid {

        grid-template-columns:
            1fr;
    }


    .idk-public-contact {

        align-items:
            flex-start;

        flex-direction:
            column;
    }

}