fix(landing): left-align carousel code snippets

Author: molty3000

docs/index.html

@@ -123,14 +123,14 @@
       }
       .use-icon .u-emoji { font-size: 28px; }
       .use-icon .u-label { font-size: 10px; color: var(--accent); text-transform: uppercase; letter-spacing: 0.6px; font-weight: 600; }
-      .use-body { min-width: 0; }
+      .use-body { min-width: 0; text-align: left; }
       .use-body h4 { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 6px; }
       .use-body p { font-size: 13px; color: var(--text-secondary); line-height: 1.55; margin-bottom: 12px; }
       .use-body .use-code {
         font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary);
         background: #111113; border: 1px solid var(--border-subtle);
         border-radius: var(--radius-sm); padding: 10px 14px;
-        white-space: pre; overflow-x: auto;
+        white-space: pre; overflow-x: auto; text-align: left;
       }
       .use-body .use-code .kw { color: #c792ea; }
       .use-body .use-code .fn { color: #82aaff; }