CountUp-Effekt für Zahlen, Navbar-Button wie Hero-Button (dark)

src/index.css

@@ -595,6 +595,19 @@
     animation: none;
   }
 
+  @media (max-width: 639px) {
+    .btn {
+      font-size: 0.9rem;
+      padding: 0.5em 0.9em;
+      gap: 0.4rem;
+    }
+    .btn-svg,
+    .btn-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+
   /* Shared primary button look – for all blue/primary buttons */
   .btn-primary-style {
     padding: 0.5em 1.1em;
@@ -685,6 +698,23 @@
     line-height: 1;
   }
 
+  /* Count-up with gradient */
+  .count-up-text {
+    background: linear-gradient(135deg, hsl(0 0% 92%) 0%, hsl(0 0% 70%) 50%, hsl(0 0% 92%) 100%);
+    background-size: 200% auto;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  .dark .count-up-text {
+    background: linear-gradient(135deg, hsl(0 0% 98%) 0%, hsl(0 0% 75%) 50%, hsl(0 0% 98%) 100%);
+    background-size: 200% auto;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
   /* Grid line decoration */
   .grid-lines {
     background-image: