.landing-multiselect { position: relative; width: 100%; }
.landing-multiselect-trigger { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border: 1px solid #e5e7eb; background: white; cursor: pointer; font-size: 14px; min-height: 40px; user-select: none; transition: border-color 0.15s ease; }
.landing-multiselect-trigger:hover { border-color: #9ca3af; }
.landing-multiselect-values { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.landing-multiselect-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #e5e7eb; border-top: none; z-index: 50; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); max-height: 240px; overflow-y: auto; }
.landing-multiselect-option { display: flex; align-items: center; gap: 8px; padding: 8px 12px; cursor: pointer; font-size: 14px; }
.landing-multiselect-option:hover { background: #f3f4f6; }
.landing-multiselect-chevron { flex-shrink: 0; width: 12px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; margin-left: 8px; transition: transform 0.15s ease; }
.landing-multiselect.open .landing-multiselect-chevron { transform: rotate(180deg); }

@keyframes checkmark-pop {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.landing-checkmark-animated {
    display: inline-block;
    font-size: 40px;
    animation: checkmark-pop 0.4s ease-out forwards;
}