/* ANIMATIONS */
.reveal-up{opacity:0;transform:translateY(40px)}
.reveal-left{opacity:0;transform:translateX(-40px)}
.reveal-right{opacity:0;transform:translateX(40px)}
.reveal-fade{opacity:0}
.is-visible{opacity:1!important;transform:translate(0)!important;transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}
.is-visible:nth-child(2){transition-delay:.1s}
.is-visible:nth-child(3){transition-delay:.2s}
.is-visible:nth-child(4){transition-delay:.3s}
.is-visible:nth-child(5){transition-delay:.4s}
.tab-panel.active{animation:panelIn .4s var(--ease-out-expo)}
@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.tool-particle{position:absolute;font-family:'remixicon'!important;font-style:normal;color:var(--color-accent);pointer-events:none;user-select:none}
@keyframes toolFloat{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(-14px)rotate(6deg)}66%{transform:translateY(8px)rotate(-4deg)}100%{transform:translateY(0)rotate(0)}}