.arp-page .am-quiz,
.arp-page .arp-panel {
    position: relative;
    overflow: hidden
}

.arp-quiz__bg,
.arp-panel__bg {
    position: absolute;
    left: -18px;
    top: -58px;
    width: 553px;
    height: 311px;
    max-width: none;
    object-fit: cover;
    pointer-events: none
}

.arp-quiz__bg {
    opacity: .1
}

.arp-panel__bg {
    opacity: .2
}

.arp-page .am-quiz__ask,
.arp-page .am-quiz__options,
.arp-panel__stack {
    position: relative;
    z-index: 1
}

.arp-page .am-sentence__box {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.arp-sentence__text {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.arp-page .am-sentence__label,
.arp-sentence__text>p {
    margin: 0
}

.arp-sentence__text>p {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 26px;
    color: #474650
}

.arp-led {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
    margin: 0
}

.arp-led>p {
    margin: 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #7b61ff
}

.arp-led__person {
    display: flex;
    align-items: flex-start;
    gap: 16px
}

.arp-led img {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    border-radius: 50%;
    object-fit: cover
}

.arp-led__person div {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.arp-led__person p {
    margin: 0;
    font-family: Inter, sans-serif;
    color: #474650
}

.arp-led__person p:first-child {
    font-size: 16px;
    line-height: 26px
}

.arp-led__person p:last-child {
    font-size: 14px;
    line-height: 20px
}

.arp-page .am-speed__copy .hv-h2 {
    margin-top: 0
}

.arp-page .am-speed__note {
    margin-top: 32px !important;
    font-weight: 400
}

.arp-panel {
    box-sizing: border-box;
    padding: 40px 36px;
    border-top: 3px solid #7b61ff;
    border-radius: 16px;
    background: #f5f6ff;
    box-shadow: 0 8px 24px rgba(149, 157, 165, .2)
}

.arp-panel__stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.arp-panel__card {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 12px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 12px rgba(149, 157, 165, .2)
}

.arp-panel__card img {
    width: 24px;
    height: 24px;
    flex: 0 0 24px
}

.arp-panel__card div {
    display: flex;
    flex-direction: column;
    gap: 12px
}

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

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

.arp-panel__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #7b61ff;
    border-radius: 6px;
    background: #7b61ff;
    box-shadow: 0 7px 14.5px rgba(100, 100, 111, .2);
    font-family: Inter, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .192px;
    color: #fff !important;
    text-decoration: none
}

.arp-page .am-compare>.am-kicker {
    margin: 0
}

.arp-notes {
    display: flex;
    gap: 26px;
    align-items: flex-start;
    margin-top: 26px
}

.arp-notes .am-callout {
    margin-top: 0
}

.arp-page .am-lights .hv-h2 {
    margin-top: 0
}

.arp-page .am-video {
    padding-top: 50px;
    padding-bottom: 50px
}

.arp-page .am-video__grid h3 {
    margin-top: 9px
}

.arp-page .am-video__grid p {
    margin-top: 12px
}

.arp-page .am-ai {
    padding-bottom: 40px
}

.arp-page .am-ai .hv-h2 {
    margin-top: 4px
}

.arp-page .am-ai__grid {
    margin-bottom: 32px
}

.arp-page .am-ai__lead {
    max-width: 672px;
    font-family: Inter, sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.arp-page .am-ai__grid img {
    width: 16px;
    height: 16px;
    padding: 8px
}

.arp-page .am-faq {
    margin-top: 0;
    padding: 0
}

.arp-page .ub-growth {
    background: #f5f6ff
}

.arp-page .ub-growth-list-footer .arp-tip {
    color: #7b61ff
}


@media (min-width:1200px) {
    .arp-page .am-hero__inner {
        padding: 109.5px 0 60px
    }

    .arp-page .am-hero .am-quiz {
        width: 534px;
        padding: 40px 36px;
        display: none;
    }

    .arp-page .am-hero .am-quiz__ask p {
        width: 394px
    }

    .arp-page .am-hero .am-quiz__options {
        width: 462px
    }

    .arp-page .arp-panel {
        width: 517px
    }

    .arp-page .am-compare .hv-h2 {
        width: 1248px
    }

    .arp-notes .am-callout:first-child {
        flex: 0 0 822px;
        width: 822px
    }

    .arp-notes .am-callout:last-child {
        flex: 0 0 375px;
        width: 375px
    }

    .arp-road {
        height: 858px
    }

    .arp-road .am-road__stage {
        height: 858px
    }

    .arp-road .am-road__fill {
        top: 488px
    }

    .arp-road .am-road__cut {
        top: 631px
    }

    .arp-road .am-road__line {
        top: 562.68px
    }

    .arp-road .am-road__head {
        top: 66px
    }

    .arp-road .am-road__head .hv-h2 {
        width: 813px;
        margin-top: 8px
    }

    .arp-road .am-road__steps {
        top: 263px;
        height: 318px
    }

    .arp-road .am-road__step.is-sink {
        padding-top: 30px;
        padding-bottom: 0
    }
}

@media (max-width:1199px) {

    .arp-page .am-hero .am-quiz,
    .arp-page .am-hero .am-quiz__ask p,
    .arp-page .am-hero .am-quiz__options,
    .arp-page .arp-panel,
    .arp-notes .am-callout,
    .arp-page .am-compare .hv-h2 {
        width: auto
    }

    .arp-page .arp-panel {
        margin-top: 32px
    }

    .arp-notes {
        display: block
    }

    .arp-notes .am-callout {
        margin-top: 16px
    }

    .arp-road .am-road__head .hv-h2 {
        margin-left: 0
    }
}