/* Thin green scroll progress bar */
#scroll-progress-837e5b34 {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: #00ED64;
    width: 0%;
    z-index: 99999;
    transition: width 0.1s ease;
}

body.admin-bar #scroll-progress-837e5b34 {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar #scroll-progress-837e5b34 {
        top: 46px;
    }
}

/* Scroll reveal helper classes */
.reveal-837e5b34 {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1), transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal-837e5b34.active-837e5b34 {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger reveals */
.reveal-parent-837e5b34 > * {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.reveal-parent-837e5b34.active-837e5b34 > * {
    opacity: 1;
    transform: translateY(0);
}

.reveal-parent-837e5b34.active-837e5b34 > *:nth-child(1) { transition-delay: 0ms; }
.reveal-parent-837e5b34.active-837e5b34 > *:nth-child(2) { transition-delay: 80ms; }
.reveal-parent-837e5b34.active-837e5b34 > *:nth-child(3) { transition-delay: 160ms; }
.reveal-parent-837e5b34.active-837e5b34 > *:nth-child(4) { transition-delay: 240ms; }
.reveal-parent-837e5b34.active-837e5b34 > *:nth-child(5) { transition-delay: 320ms; }

/* Sticky Header scrolled state override */
.sticky-header-837e5b34 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: background 0.3s ease, border-bottom 0.3s ease, backdrop-filter 0.3s ease;
    background: transparent;
    border-bottom: 1px solid transparent;
}
body.admin-bar .sticky-header-837e5b34 {
    top: var(--wp-admin--admin-bar--height, 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .sticky-header-837e5b34 {
        top: 46px;
    }
}

.sticky-header-837e5b34.scrolled-837e5b34 {
    background: rgba(0, 20, 28, 0.82) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}