/* Webidir brand statement in the opening viewport. */
body.home-v4 .dp-home .dp-hero .dp-brand-slogan {
    max-width: none;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    column-gap: .22em;
    margin: 0;
    color: #10275b;
    font-size: clamp(52px, 6.8vw, 92px);
    font-weight: 850;
    line-height: 1.08;
    letter-spacing: -.075em;
    text-wrap: balance;
}
body.home-v4 .dp-home .dp-brand-slogan em {
    position: relative;
    display: inline-block;
    color: #315fff;
    font-style: normal;
    white-space: nowrap;
}
body.home-v4 .dp-home .dp-brand-slogan em::after {
    content: "";
    position: absolute;
    right: .07em;
    bottom: -.09em;
    left: .05em;
    height: .075em;
    border-radius: 999px;
    background: linear-gradient(90deg, #26bfe4, #315fff 65%, #684ff0);
    transform-origin: left center;
    animation: webidir-slogan-line 1.1s cubic-bezier(.2,.8,.2,1) both;
}
body.home-v4 .dp-home .dp-hero .dp-hero-promise {
    max-width: 780px;
    margin: 28px auto 0;
    color: #163465;
    font-size: clamp(25px, 2.7vw, 35px);
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.035em;
    text-wrap: balance;
}
body.home-v4 .dp-home .dp-hero-promise em {
    color: #4567c9;
    font-style: normal;
}
body.home-v4 .dp-home .dp-hero-inner > p {
    max-width: 740px;
    margin-top: 17px;
}
@keyframes webidir-slogan-line {
    from { opacity: 0; transform: scaleX(0); }
    to { opacity: 1; transform: scaleX(1); }
}
@media (max-width: 620px) {
    body.home-v4 .dp-home .dp-hero .dp-brand-slogan {
        column-gap: .15em;
        font-size: clamp(40px, 10.4vw, 54px);
        line-height: 1.12;
    }
    body.home-v4 .dp-home .dp-hero .dp-hero-promise {
        margin-top: 24px;
        font-size: clamp(21px, 5.8vw, 27px);
        line-height: 1.25;
    }
    body.home-v4 .dp-home .dp-hero-inner > p {
        margin-top: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.home-v4 .dp-home .dp-brand-slogan em::after { animation: none; }
}