Update Flux v0.23

public/css/app.css

@@ -224,6 +224,23 @@ h1, h2, h3 {
     color: var(--accent-contrast);
 }
 
+@media (max-width: 640px) {
+    .navbar {
+        padding: 12px 16px;
+    }
+
+    .navbar-links {
+        gap: 8px;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        row-gap: 6px;
+    }
+
+    .nav-self-hosting {
+        display: none;
+    }
+}
+
 /* ---------- Coquilles de mise en page ---------- */
 
 .app-shell {
@@ -393,7 +410,7 @@ h1, h2, h3 {
 }
 
 .hero h1 {
-    font-size: var(--font-3xl);
+    font-size: clamp(1.9rem, 5vw + 1rem, var(--font-3xl));
     margin-bottom: var(--space-4);
     background: var(--gradient-text);
     background-size: 200% auto;
@@ -673,8 +690,13 @@ h1, h2, h3 {
 }
 
 @media (max-width: 900px) {
+    .hero {
+        padding: var(--space-6) var(--space-4) var(--space-6);
+    }
+
     .hero-grid {
         grid-template-columns: 1fr;
+        gap: var(--space-6);
     }
 
     .hero-inner {
@@ -694,6 +716,27 @@ h1, h2, h3 {
     .hero-float-icon {
         display: none;
     }
+
+    .hero-cta .btn {
+        flex: 1 1 auto;
+    }
+}
+
+@media (max-width: 480px) {
+    .hero-cta {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .trust-badge {
+        font-size: 11px;
+        padding: 6px 10px;
+    }
+
+    .screenshot-thumb {
+        width: 60px;
+        height: 40px;
+    }
 }
 
 /* ---------- Page docs / self-hosting ---------- */