.coreos-hero .fp-banner {
    padding-bottom: 7rem;
    padding-top: 4rem;
    text-align: center
}

@media (min-width:768px) {
    .coreos-hero .fp-banner {
        text-align: left
    }
}

@media (min-width:1024px) {
    .coreos-hero .fp-banner {
        padding-bottom: 18rem;
        padding-top: 8rem
    }
}

@media (min-width:100%) {
    .coreos-hero .fp-banner {
        padding-left: 0;
        padding-right: 0
    }
}

.coreos-hero .fp-banner h1 {
    font-size: 2.25rem;
    font-weight: 500;
    line-height: 2.5rem
}

@media (min-width:1024px) {
    .coreos-hero .fp-banner h1 {
        font-size: 3.75rem;
        line-height: 1
    }
}

.coreos-hero .fp-banner h2 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding-top: 1.5rem
}

@media (min-width:1024px) {
    .coreos-hero .fp-banner h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.coreos-accent ul ::marker,
ul.coreos-accent ::marker {
    color: #db3279
}

.coreos-accent ul::marker,
ul.coreos-accent::marker {
    color: #db3279
}

:is(.dark .coreos-accent ul *)::marker,
:is(.dark ul.coreos-accent *)::marker {
    color: #b32963
}

:is(.dark .coreos-accent ul)::marker,
:is(.dark ul.coreos-accent)::marker {
    color: #b32963
}