:root {
    --brand-blue: #0A2540;
    --brand-orange: #F97316;
    --brand-light-blue: #EFF6FF;
}

body {
    font-family: 'Inter', sans-serif;
}

.font-sans {
    font-family: 'Inter', sans-serif;
}

.bg-brand-blue {
    background-color: var(--brand-blue);
}

.text-brand-blue {
    color: var(--brand-blue);
}

.bg-orange-500 {
    background-color: var(--brand-orange);
}

.hover\:bg-orange-600:hover {
    background-color: #EA580C;
}

.text-orange-400 {
    color: #FB923C;
}

.text-orange-500 {
    color: var(--brand-orange);
}

.hover\:text-orange-600:hover {
     color: #EA580C;
}

.bg-blue-50 {
    background-color: var(--brand-light-blue);
}

.hero-title {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.cta-button {
    box-shadow: 0 4px 14px 0 rgba(249, 115, 22, 0.39);
}

.final-cta {
    background-color: var(--brand-blue);
    background-image: linear-gradient(135deg, var(--brand-blue) 0%, #1a3c61 100%);
}

.faq-item.active .faq-question i {
    transform: rotate(180deg);
}

.pain-point-card, .feature-card, .testimonial-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.pain-point-card:hover, .feature-card:hover, .testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

.animated-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animated-section.visible {
    opacity: 1;
    transform: translateY(0);
}