body {
    font-family: 'Inter', sans-serif;
    background-color: #FFFFFF;
    color: #111827;
}
.hero-bg {
    background-color: #f9fafb;
}
.lozenge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #ecfdf5;
    color: #067647;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid #abefc9;
}
.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #111827;
    color: #ffffff;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    transition: background-color 0.3s ease;
}
.cta-button:hover {
    background-color: #374151;
}
.contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #111827;
    color: #ffffff;
    font-weight: 600;
    padding: 0.6rem 1.2rem;
    border-radius: 9999px;
    transition: background-color 0.3s ease;
}
.contact-button:hover {
    background-color: #374151;
}
.faq-item .faq-question.open svg {
    transform: rotate(180deg);
}
/* Background Animation Styles */
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}
.animate-blob {
    animation: blob 10s infinite ease-in-out !important;
}
.animation-delay-2 {
    animation-delay: -5s !important;
}
.animation-delay-3 {
    animation-delay: -3s !important;
}