@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

@keyframes dash { to { stroke-dashoffset: -100; } }
.animate-dash-slow { animation: dash 12s linear infinite; }
.animate-dash-fast { animation: dash 6s linear infinite; }

.reveal { opacity: 0; transform: translateY(35px); transition: opacity 1.1s cubic-bezier(0.25,0.1,0.25,1), transform 1.1s cubic-bezier(0.25,0.1,0.25,1); }
.reveal.visible { opacity: 1; transform: translateY(0); }
.stagger-container .reveal:nth-child(1) { transition-delay: 0.1s; }
.stagger-container .reveal:nth-child(2) { transition-delay: 0.25s; }
.stagger-container .reveal:nth-child(3) { transition-delay: 0.4s; }
.stagger-container .reveal:nth-child(4) { transition-delay: 0.55s; }
.stagger-container .reveal:nth-child(5) { transition-delay: 0.7s; }
.stagger-container .reveal:nth-child(6) { transition-delay: 0.85s; }

.page { display: none; }
.page.active { display: block; }

.mobile-menu { display: none; }
.mobile-menu.open { display: block; }