.association-page {
    --party-purple: #7256e8;
    --association-gold: #f7b500;
    --association-cyan: #0ea5b7;
    --audience-accent-a: var(--association-cyan);
    --audience-accent-b: var(--party-pink);
    --audience-page-bg: #fffaf0;
}

.association-hero .party-hero-copy {
    padding-block: clamp(4px, 1vw, 14px);
}

.association-hero .party-hero-media {
    border-color: rgba(14, 165, 183, 0.22);
    background: #eefbff;
    box-shadow: 0 18px 48px rgba(15, 96, 112, 0.16);
}

.association-page .party-trust-row span {
    border-color: rgba(14, 165, 183, 0.16);
    background: #eefbff;
    color: #15515a;
}

.association-plans {
    background: linear-gradient(180deg, #ffffff 0%, #f4fbff 16%, #fff8e8 100%);
}

.association-plans .party-plan-card:nth-child(1) {
    --card-accent: var(--party-blue);
}

.association-plans .party-plan-card:nth-child(2).featured {
    --card-accent: var(--party-pink);
}

.association-plans .party-plan-card:nth-child(3) {
    --card-accent: var(--party-purple);
}

.association-page .party-plan-card h3 {
    overflow-wrap: anywhere;
}

.association-final-cta {
    border-color: rgba(14, 165, 183, 0.22);
    background:
        linear-gradient(135deg, rgba(14, 165, 183, 0.12) 0%, rgba(21, 151, 239, 0.1) 44%, rgba(247, 181, 0, 0.12) 100%),
        #ffffff;
}

.association-page--has-plan .association-guide-hero {
    padding-bottom: clamp(28px, 4vw, 42px);
}

.association-page--has-plan .association-guide-steps {
    padding-top: clamp(28px, 4vw, 42px);
}

.association-page--has-plan .association-guide-faq {
    padding-bottom: clamp(56px, 7vw, 88px);
}

.association-page--has-plan .party-hero-lead strong {
    color: var(--association-cyan);
}