/* Audience Selector — "I Am…" dropdown + submit on a colored band (Figma section #4). */
.audience-selector {
    padding: 74px 0;
}
/* Align the content container with the hero text (same max-width + side padding). */
.audience-selector .container {
    max-width: 1440px;
    width: 100%;            /* beat the bundle's .container { width:85% } (<1600px) so it aligns with the hero */
    padding-left: 86px;
    padding-right: 86px;
}
@media (max-width: 991px) {
    .audience-selector .container { padding-left: 24px; padding-right: 24px; }
}
.audience-selector__form {
    display: flex;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
}
.audience-selector__label {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: clamp(30px, 3.4vw, 52px);
    white-space: nowrap;
    margin: 0;
}
.audience-selector__field {
    flex: 1 1 auto;
    min-width: 240px;
}
.audience-selector__select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 22px 58px 22px 26px;
    font-family: 'Albert Sans', sans-serif;
    font-size: 20px;
    color: var(--ct-navy);
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230056FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 22px center;
}
.audience-selector__submit {
    background: rgba(0, 0, 0, 0.28);
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: 24px 42px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background .2s ease;
}
.audience-selector__submit:hover {
    background: rgba(0, 0, 0, 0.42);
}
@media (max-width: 767px) {
    .audience-selector__form { gap: 16px; }
    .audience-selector__label { width: 100%; }
}