/* =====================================================
   HelpStar — Careers Page Styles
   ===================================================== */

/* ── Hero / Join Banner ── */
.careers-banner {
    background-color: var(--color-hs-cream-bg, #FAF8F5);
    padding: 3.5rem 0;
    position: relative;
    overflow: hidden;
}

.careers-banner-label {
    color: var(--color-hs-navy, #1B2A4A);
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 1rem;
}

.careers-banner-text {
    color: var(--color-hs-text-body, #555555);
    font-size: 0.95rem;
    line-height: 1.75;
    max-width: 460px;
    margin: 0;
}

/* ── Benefits Section Cards ── */
.careers-benefit-card {
    background-color: var(--color-hs-cream-bg, #FAF8F5);
    border: 1px solid var(--color-hs-border-light, #E8E8E8);
    border-radius: 1rem;
    padding: 1.5rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.careers-benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}