nouvelle version des textes

static/css/home.css

@@ -198,10 +198,19 @@
     }
 
     .hero-text h1 span {
-      color: var(--teal);
       font-style: normal;
     }
 
+    /* Chaque ligne du h1 hero : bloc non-wrappable */
+    .hero-h1-line {
+      display: block;
+      white-space: nowrap;
+    }
+
+    .hero-h1-accent {
+      color: var(--teal);
+    }
+
     .hero-text p {
       font-size: 17px;
       line-height: 1.7;
@@ -654,7 +663,7 @@
     }
 
     /* ══════════════════════════════════════════
-   SECTION 1 — KIRIQ AI (fond blanc)
+   SECTION 1 — KIRiQ Ai (fond blanc)
 ══════════════════════════════════════════ */
     .s-kiriq {
       background: var(--white);
@@ -1152,6 +1161,7 @@
       letter-spacing: -.04em;
       line-height: 1;
       margin-bottom: 10px;
+      white-space: nowrap;
     }
 
     .stat-lbl {
@@ -1436,7 +1446,7 @@
     }
 
     .faq-item.open .faq-a {
-      max-height: 300px;
+      max-height: 900px;
       padding: 0 24px 22px;
     }
 
@@ -1723,6 +1733,11 @@
         padding: 72px 32px 0;
       }
 
+      /* Taille du h1 hero réduite pour que les 2 lignes tiennent sans wrap */
+      .hero-text h1 {
+        font-size: clamp(1.8rem, 8.5vw, 2.8rem);
+      }
+
       .hero-visual {
         margin: 0 auto;
       }
@@ -1740,14 +1755,49 @@
         padding: 64px 28px;
       }
 
+      /* Boutons côte à côte sur mobile */
+      .btn-row {
+        flex-wrap: nowrap;
+      }
+
+      .btn-primary {
+        font-size: 13px;
+        padding: 11px 16px;
+        gap: 6px;
+        white-space: nowrap;
+      }
+
+      .btn-primary .material-icons-round {
+        font-size: 16px;
+      }
+
+      .btn-outline-dark,
+      .btn-outline-light {
+        font-size: 13px;
+        padding: 10px 16px;
+        white-space: nowrap;
+      }
+
       .s-stats {
-        padding: 64px 28px;
+        padding: 64px 20px;
       }
 
       .stats-row {
         grid-template-columns: repeat(2, 1fr);
       }
 
+      .stat-cell {
+        padding: 28px 12px;
+      }
+
+      .stat-val {
+        font-size: clamp(1.5rem, 7vw, 2.4rem);
+      }
+
+      .stat-lbl {
+        font-size: 12px;
+      }
+
       .feat-grid {
         grid-template-columns: 1fr 1fr;
       }
@@ -1863,6 +1913,10 @@
         grid-template-columns: 1fr 1fr;
       }
 
+      .stat-val {
+        font-size: clamp(1.3rem, 6vw, 1.8rem);
+      }
+
       .hero-mockup {
         width: 280px;
       }