/*
    Theme Name: My Wealth Help
    Author: Huddled Media
    Version 1.0
*/

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

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fade-in {
    animation: fadeIn 2s forwards;
}

/* All segment groups start hidden and have consistent styling */
.segment-group-1,
.segment-group-2,
.segment-group-3,
.segment-group-4,
.segment-group-5,
.segment-group-6 {
    opacity: 0;
    will-change: opacity, transform;
    transition: opacity 0.8s ease-out;
}

/* Fade-in state for all segment groups */
.segment-group-1.fade-in,
.segment-group-2.fade-in,
.segment-group-3.fade-in,
.segment-group-4.fade-in,
.segment-group-5.fade-in,
.segment-group-6.fade-in {
    opacity: 1;
}

svg text {
    font-family: 'Sora', sans-serif;
}