Website Update

Author: Modelized

docs/assets/css/style.css

@@ -1060,6 +1060,8 @@ a {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1.3px var(--hero-outline-color);
   text-shadow: none;
+  opacity: 0;
+  filter: blur(4px);
 }
 
 .hero-text--fill,
@@ -1087,14 +1089,31 @@ a {
     0 0 16px rgba(89, 109, 255, 0.28);
 }
 
+.js body.hero-ready .hero-text--outline {
+  animation: hero-outline-intro 260ms cubic-bezier(0.22, 0.9, 0.32, 1) forwards;
+  animation-delay: calc(var(--line-index, 0) * 36ms + 30ms);
+}
+
 .js body.hero-ready .hero-text--fill {
-  animation: hero-fill-reveal 1120ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  animation-delay: calc(var(--line-index, 0) * 150ms + 90ms);
+  animation: hero-fill-reveal 980ms cubic-bezier(0.2, 0.9, 0.2, 1) forwards;
+  animation-delay: calc(var(--line-index, 0) * 180ms + 220ms);
 }
 
 .js body.hero-ready .hero-text--glow {
-  animation: hero-glow-sweep 1120ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  animation-delay: calc(var(--line-index, 0) * 150ms + 90ms);
+  animation: hero-glow-sweep 1100ms cubic-bezier(0.2, 0.88, 0.24, 1) forwards;
+  animation-delay: calc(var(--line-index, 0) * 180ms + 260ms);
+}
+
+@keyframes hero-outline-intro {
+  0% {
+    opacity: 0;
+    filter: blur(4px);
+  }
+
+  100% {
+    opacity: 1;
+    filter: blur(0);
+  }
 }
 
 @keyframes hero-fill-reveal {
@@ -1116,14 +1135,14 @@ a {
     filter: blur(12px);
   }
 
-  14% {
-    opacity: 0.82;
+  18% {
+    opacity: 0.34;
   }
 
-  72% {
+  70% {
     width: 100%;
-    opacity: 0.42;
-    filter: blur(5px);
+    opacity: 0.18;
+    filter: blur(4px);
   }
 
   100% {
@@ -1519,4 +1538,11 @@ a {
     animation: none !important;
     transition: none !important;
   }
+
+  .hero-text--outline {
+    opacity: 1 !important;
+    filter: none !important;
+    animation: none !important;
+    transition: none !important;
+  }
 }

docs/index.html

@@ -8,7 +8,7 @@
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;700;800&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="assets/css/style.css?v=20260408n">
+  <link rel="stylesheet" href="assets/css/style.css?v=20260408o">
 
   <link rel="icon" type="image/svg+xml" href="favicon.svg">
   <link rel="icon" sizes="192x192" href="android-chrome-192x192.png">