body {
    font-family: 'Montserrat', sans-serif;
    background-color: #F5F5F5;
    color: #666666;
}

.primary-accent {
    background-color: #FF6F00;
}

.secondary-accent {
    color: #00BFFF;
}

.headline {
    color: #333333;
}

.cta-button-primary {
    background-color: #FF6F00;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255, 111, 0, 0.3);
}

.cta-button-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 111, 0, 0.4);
}

.cta-button-secondary {
    color: #FF6F00;
    border-color: #FF6F00;
    transition: all 0.3s ease;
}

.cta-button-secondary:hover {
    background-color: #FF6F00;
    color: white;
}

.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.final-cta-bg {
    background: linear-gradient(180deg, #F5F5F5 0%, rgba(0, 191, 255, 0.1) 100%);
}

/* Animation for elements fading in on scroll */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}