/* Impulse Services Page Styles */

/* Import shared components */
@import '/static/css/components/services-page-index.css';

/* Import Section Styles */
@import './_hero.css';
@import './_cta.css';

/* Impulse specific theme variables */
.impulse {
    --service-color: var(--service-impulse);
    --service-color-light: linear-gradient(135deg, #fff4e9 0%, #fde5c7 100%);
}

.reveal-element {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
    transition-delay: var(--animation-delay, 0ms);
}

.reveal-element.revealed {
    opacity: 1;
    transform: translateY(0);
}

.revealed {
    opacity: 1;
    transform: translateY(0);
}