

.section {
    display: none;
    transition: opacity 0.2s ease;
    /* Smooth fade for visibility */
}
.section.active {
    display: block;
    opacity: 1;
}

.section.inactive {
    opacity: 0;
    /* Fade out inactive sections */
    pointer-events: none;
    /* Disable interactions on inactive */
}

#signal-trace {
    position: fixed;
    top: 10px;
    right: 10px;
    background: #f0f0f0;
    padding: 5px;
    font-size: 12px;
}

#home-section h1 {
    text-align: center;
}