/* Align the statement with the full logo, including its sphere symbol. */
.st-brand-slot { width: 384px; max-width: 100%; }
.st-brand-tagline, .st-footer-tagline {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: .25em;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--font-sans);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.015em;
    color: #084bdc;
}
.st-brand-tagline { margin: 0 0 14px; }
.st-footer-tagline { max-width: 340px; margin: 8px 0 0; font-size: 16px; color: #79c7f5; }
.st-brand-tagline span, .st-footer-tagline span { white-space: nowrap; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
    .st-brand-tagline, .st-footer-tagline {
        background: linear-gradient(105deg,#007b91 0%,#084bdc 52%,#850bd5 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
    /* Brighter shades retain the brand hue and contrast on the dark footer. */
    .st-footer-tagline { background-image: linear-gradient(105deg,#60d9df 0%,#79b5ff 52%,#c58aff 100%); }
}
@media(min-width:768px) and (max-width:1100px) {
    .st-brand-slot { width: 334px; }
    .st-brand-tagline { font-size: 16px; }
}
@media(max-width:767px) {
    .st-brand-slot { width: calc(clamp(210px,65vw,310px) + 52px); }
    .st-brand-tagline { margin: 2px 0 0; font-size: clamp(13px,3.8vw,17px); }
}
@media(max-width:360px) {
    .st-footer-tagline { font-size: 13px; }
}
@media(forced-colors:active) {
    .st-brand-tagline, .st-footer-tagline { background: none; color: CanvasText; }
}