Fix responsive

Author: AlchemiistCreative

index.html

@@ -576,6 +576,33 @@ <h2>Built by practitioners, for practitioners.</h2>
     }
     .footer a { color: var(--muted); text-decoration: none; }
     .footer a:hover { color: var(--text); }
+    .hero .cta { 
+  align-items: center;          /* au lieu du stretch implicite */
+}
+
+.hero .cta .btn{
+  flex: 0 0 auto;               /* ne grandit pas pour “remplir” */
+  width: auto;                  /* pas de full width par défaut */
+  min-width: 170px;
+  max-width: 260px;
+  padding: 9px 14px;
+  font-size: 15px;
+  line-height: 1.15;
+  border-radius: 12px;
+  white-space: nowrap;
+}
+
+@media (max-width: 420px){
+  .hero .cta{
+    flex-direction: column;
+    gap: 10px;
+  }
+  .hero .cta .btn{
+    width: auto;                /* override l’ancienne width:100% */
+    max-width: 280px;
+    margin: 0 auto;             /* centré */
+  }
+}
   </style>
 </body>
 </html>