.el-page .lf-hero__media img {
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.el-page .lf-hero__content {
    padding-top: 123px
}

.el-page .lf-points__grid {
    gap: 40px
}

.el-page .lf-points article:last-child {
    flex-basis: 515px;
    width: 515px;
    max-width: 515px;
    padding: 12px;
    background: #f5f6ff
}

.el-page .lf-what__note {
    padding: 20px 11px
}

.el-page .el-links a {
    color: #7b61ff;
    text-decoration: underline;
    text-underline-position: from-font
}

.el-page .ub-growth-header h2 {
    max-width: 575px
}

.el-exhibits {
    padding: 40px 0
}

.el-exhibits .lf-h2 {
    margin-bottom: 32px
}

.el-exhibits__grid {
    display: flex;
    align-items: stretch;
    gap: 24px
}

.el-exhibits article {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 33px;
    border: 1px solid #a8aed0;
    border-radius: 4px;
    background: #fff
}

.el-exhibits__label {
    margin: 0;
    padding-bottom: 13px;
    border-bottom: 1px solid #a8aed0;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #05053e
}

.el-exhibits h3 {
    margin: 9px 0 0;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #05053e
}

.el-exhibits article>p:last-child {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5f5d68
}

.el-page .lf-scope__head {
    max-width: 858px
}

.el-page .lf-scope__kicker {
    color: #7b61ff
}

.el-scope__copy {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.el-page .el-scope__copy p,
.el-page .lf-scope__links {
    margin: 0
}

.el-compare {
    padding: 40px 0
}

.el-compare .lf-h2 {
    max-width: 1003px;
    margin-bottom: 26px
}

.el-table {
    width: 1026px;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e8e5f5;
    border-radius: 10px;
    overflow: hidden
}

.el-table th,
.el-table td {
    height: 58px;
    padding: 18px;
    border-top: 1px solid #e8e5f5;
    text-align: left;
    vertical-align: middle;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #474650
}

.el-table th {
    border-top: 0;
    background: #ebe5ff;
    font-size: 16px;
    color: #05053e
}

.el-table th:first-child,
.el-table td:first-child {
    width: 351px
}

.el-table th:nth-child(2),
.el-table td:nth-child(2) {
    width: 341px
}

.el-note {
    margin-top: 26px;
    padding: 24px 24px 24px 28px;
    border-left: 4px solid #7b61ff;
    border-radius: 4px;
    background: #f5f6ff
}

.el-note h3 {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #05053e
}

.el-note p {
    margin: 12px 0 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #5f5d68
}

.el-rules {
    padding: 50px 0;
    background: #f5f6ff
}

.el-rules__grid {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px
}

.el-rules__copy {
    flex: 0 0 523px;
    width: 523px;
    max-width: 100%
}

.el-rules__copy h2 {
    max-width: 431px
}

.el-rules__copy p {
    max-width: 461px;
    margin: 16px 0 0;
    padding-top: 4px;
    font-family: Inter, sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #474650
}

.el-rules__card {
    flex: 0 0 647px;
    width: 647px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px;
    border-top: 8px solid #7b61ff;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 12px rgba(149, 157, 165, .2)
}

.el-rules__card>p {
    margin: 0;
    font-family: Inter, sans-serif !important;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #474650
}

.el-rules__card ol,
.el-checks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column
}

.el-rules__card ol {
    gap: 16px
}

.el-rules__card li,
.el-checks li {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #5f5d68
}

.el-rules__card li span,
.el-checks li span {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    background: #d8d8ff;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #7b61ff
}

.el-page .lf-intake__head h2 {
    max-width: 789px
}

.el-page .lf-intake__head p {
    max-width: 868px
}

.el-page .el-panel {
    flex: 0 0 658px;
    width: 658px;
    padding-bottom: 20px
}

.el-page .lf-panel__label {
    margin-bottom: 12px
}

.el-page .lf-steps {
    gap: 12px
}

.el-page .lf-step {
    padding: 16px
}

.el-page .lf-panel--never {
    background: #fffbfb
}

.el-page .lf-step--no {
    border: .4px solid #991b1b
}

.el-page .el-mark {
    background: #7b61ff
}

.el-intake__fine {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #474650
}

.el-screen {
    padding: 80px 0
}

.el-screen__grid {
    display: flex;
    align-items: flex-start;
    gap: 45px
}

.el-screen__grid h2 {
    max-width: 615px
}

.el-checks {
    gap: 10px;
    margin-top: 32px
}

.el-screen__grid img {
    flex: 0 0 614px;
    width: 614px;
    height: 346px;
    object-fit: cover
}

.el-screen .el-note {
    margin-top: 40px
}

.el-page .lf-results__head {
    max-width: 744px
}

.el-page .lf-results__head p {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #474650
}

.el-page .el-ledger {
    display: block;
    text-align: center
}

.el-page .el-ledger p {
    text-transform: uppercase
}

.el-page .el-ledger strong {
    max-width: 1120px;
    margin: 0 auto;
    font-family: Inter, sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px
}

@media (max-width:991.98px) {
    .el-exhibits__grid,
    .el-rules__grid,
    .el-screen__grid {
        flex-direction: column
    }

    .el-rules__copy,
    .el-rules__card,
    .el-page .el-panel,
    .el-screen__grid img,
    .el-table th:first-child,
    .el-table td:first-child,
    .el-table th:nth-child(2),
    .el-table td:nth-child(2) {
        flex-basis: auto;
        width: 100%;
        max-width: none;
        height: auto
    }

    .el-page .lf-points article,
    .el-page .lf-points article:last-child {
        flex-basis: auto;
        width: 100%;
        max-width: 100%
    }
}