/* Desktop */
.hero-copy h1 {
    font-size: clamp(34px, 2.65vw, 44px);
    line-height: 1.32;
}

.hero-description {
    font-size: 14.5px;
}

.form-card__heading h2 {
    font-size: 22px;
}

.form-step legend strong {
    font-size: 18px;
}

.field label,
.selection-label {
    font-size: 13px;
}

.field input,
.field select,
.field textarea {
    font-size: 13.5px;
}


/* Tablet */
@media (min-width: 768px) and (max-width: 1100px) {

    .hero-copy h1 {
        font-size: clamp(32px, 3.7vw, 39px);
    }

    .form-card__heading h2 {
        font-size: 21px;
    }
}


/* Mobile */
@media (max-width: 767px) {

    /* Hero title smaller */
    .hero-copy h1 {
        font-size: clamp(18px, 5.2vw, 22px);
        line-height: 1.42;
    }

    /* Hero description bigger */
    .hero-description {
        font-size: 14px;
        line-height: 1.9;
    }

    .form-card__heading h2 {
        font-size: 19px;
        line-height: 1.45;
    }

    .form-step legend strong {
        font-size: 16px;
    }

    .field label,
    .selection-label {
        font-size: 12.5px;
    }

    .field input,
    .field select,
    .field textarea {
        font-size: 13px;
    }
}


/* QARAR red card numbers */
.benefit-card .card-number,
.station-card .station-index {
    color: #c9091d;
    opacity: 1;
    font-weight: 800;
}


/* Final CTA Typography */
.final-cta .eyebrow {
    font-size: 12px;
}

.final-cta h2 {
    font-size: clamp(26px, 2.1vw, 32px);
    line-height: 1.4;
}

.final-cta p {
    font-size: 14px;
    line-height: 1.8;
}

.final-cta .button {
    font-size: 14px;
}


/* Final CTA Mobile */
@media (max-width: 767px) {

    .final-cta .eyebrow {
        font-size: 10.5px;
    }

    .final-cta h2 {
        font-size: 23px;
        line-height: 1.45;
    }

    .final-cta p {
        font-size: 12.5px;
        line-height: 1.8;
    }

    .final-cta .button {
        font-size: 13px;
    }
}


/* Footer logo white */
.site-footer .footer-brand img,
.site-footer .footer-logo img,
.site-footer img[alt*="QARAR"],
.site-footer img[alt*="Qarar"] {
    filter: brightness(0) invert(1);
    opacity: 1;
}