vibecarbon 0.8.0 → 0.10.0

package/README.md

@@ -18,7 +18,7 @@ Vibecarbon is a full-stack SaaS starter that combines React 19, Vite, Tailwind v
 
 Skip the choice between vendor lock-in and DIY infrastructure. Create web applications with authentication, billing, teams, email, blog, docs, i18n, and production deployment — without a dedicated DevOps engineer.
 
-Includes Docker Compose, Kubernetes, High-Availability with replication and failover, auto-scaling, and automated backups.
+Includes Docker Compose, Kubernetes, High-Availability with replication and one-command failover, scaling, and automated backups.
 
 ---
 
@@ -39,9 +39,9 @@ npx vibecarbon deploy
 npx vibecarbon destroy
 ```
 
-> **Create for free, always. Pay to deploy.** `create`, `up`, `down`, and all local development are free forever. `deploy`, `destroy`, `backup`, `restore`, `failover`, and `scale` require a Diamond or Fullerene license — a one-time payment, no subscriptions, your servers.
+> **Create for free, always. Pay to deploy.** `create`, `up`, `down`, and all local development are free forever — and so is `destroy`, because teardown is never held hostage. `deploy`, `backup`, `restore`, `failover`, `scale`, and `upgrade` require a Diamond or Fullerene license — a one-time payment, no subscriptions, your servers.
 
-> Open source under AGPL v3. Generated project code is MIT — you own your app.
+> Fair Source (FSL-1.1-MIT) — every release becomes MIT open source after two years. Generated project code is MIT today — you own your app.
 
 ---
 
@@ -171,7 +171,7 @@ _End-to-end wall-clock from the last fully-green e2e matrix run against real Het
 
 ## License & Terms
 
-The CLI is open source under the [GNU Affero General Public License v3.0](./LICENSE). **Building from source is free for any use, forever.**
+The CLI is Fair Source under the [Functional Source License 1.1 with MIT future license](./LICENSE). **Building from source is free for any non-competing use — and every release automatically becomes MIT open source two years after publication.**
 
 Using the distributed `npx vibecarbon` package requires a license for deployment commands:
 

package/carbon/.env.example

@@ -34,6 +34,17 @@ VITE_PUBLIC_URL="http://localhost:5173"
 ADMIN_EMAIL="admin@example.com"
 ADMIN_PASSWORD="your-password-here"
 
+# =============================================================================
+# REVERSE PROXY (optional)
+# =============================================================================
+# Number of trusted reverse-proxy hops in front of the API server. The server
+# uses this to pick the real client IP out of X-Forwarded-For for rate limiting
+# and login lockout — only the entry this many positions from the RIGHT is
+# trusted; everything to its left is treated as attacker-controlled. The default
+# of 1 matches the standard single-Traefik deployment. Increase it only if you
+# add another trusted proxy in front (e.g. Cloudflare -> Traefik -> app = 2).
+TRUSTED_PROXY_HOPS="1"
+
 # =============================================================================
 # OAUTH PROVIDERS (optional)
 # =============================================================================

package/carbon/backup/compose-backup.sh

@@ -54,6 +54,14 @@ docker compose exec -T db bash -c '
     echo "scheduled backup skipped: no S3 credentials configured (empty AWS_ACCESS_KEY_ID/SECRET)."
     exit 0
   fi
+  # WRITE-GUARD (finding #3): a standby must never base-backup into the single
+  # canonical prefix. WALG_ROLE=standby is set on the standby db env. This closes
+  # the bring-up window the pg_is_in_recovery() check below cannot (an
+  # independent primary not yet in recovery).
+  if [ "${WALG_ROLE:-primary}" = "standby" ]; then
+    echo "WALG_ROLE=standby — skipping base backup (only the primary writes to the canonical prefix)."
+    exit 0
+  fi
   if [ "$(psql -U supabase_admin -d postgres -tAc "SELECT pg_is_in_recovery()")" != "f" ]; then
     echo "supabase-db is in recovery (standby) — skipping base backup."
     exit 0

package/carbon/docker-compose.yml

@@ -200,7 +200,18 @@ services:
       # `WARN The "S3_*" variable is not set` for every compose invocation.
       # WAL-G is dormant locally without these anyway; the warns were pure
       # noise.
+      #
+      # WALG_S3_PREFIX is a SINGLE canonical path (NO role segment). Reads
+      # (backup-fetch/restore/reseed) and writes (backup-push/wal-push) must all
+      # agree on ONE prefix — otherwise a standby restoring/reseeding would read
+      # an empty `…/walg/standby` and fail with "No backups found". Anti-collision
+      # (finding #3: a standby / bring-up-phase independent primary must never
+      # WRITE into this prefix) is enforced by the WALG_ROLE WRITE-GUARD:
+      # wal-archive.sh and the backup path both no-op when WALG_ROLE=standby.
+      # WALG_ROLE is exposed to the container so those write guards can read it;
+      # deployComposeHA writes WALG_ROLE=standby into the standby's .env.
       WALG_S3_PREFIX: s3://${S3_BACKUP_BUCKET:-${S3_BUCKET:-}}/backups/${PROJECT_NAME}/walg
+      WALG_ROLE: ${WALG_ROLE:-primary}
       AWS_ACCESS_KEY_ID: ${S3_ACCESS_KEY:-}
       AWS_SECRET_ACCESS_KEY: ${S3_SECRET_KEY:-}
       AWS_ENDPOINT: ${S3_ENDPOINT:-}

package/carbon/ha/primary-init.sql

@@ -2,14 +2,22 @@
 -- Run on the primary database before initializing the standby.
 --
 -- This script is idempotent: safe to run multiple times.
+--
+-- SECURITY: `{{REPL_PASSWORD}}` below is a PLACEHOLDER, not a real password.
+-- This file MUST be rendered with a real per-deploy password before running;
+-- never run it raw. The vibecarbon deploy tooling renders it automatically
+-- (src/lib/deploy/k8s/ha/index.js substitutes '{{REPL_PASSWORD}}' with the
+-- random REPL_PASSWORD generated at create time). Running this file unrendered
+-- would either fail (invalid SQL) or, if hand-edited, risk a weak-cred
+-- `replicator` role — do not do it.
 
 -- Create dedicated replication role (if not exists), or update its password on re-runs.
 DO $$
 BEGIN
   IF NOT EXISTS (SELECT FROM pg_catalog.pg_roles WHERE rolname = 'replicator') THEN
-    CREATE ROLE replicator WITH REPLICATION LOGIN PASSWORD 'repl_password';
+    CREATE ROLE replicator WITH REPLICATION LOGIN PASSWORD '{{REPL_PASSWORD}}';
   ELSE
-    ALTER ROLE replicator WITH PASSWORD 'repl_password';
+    ALTER ROLE replicator WITH PASSWORD '{{REPL_PASSWORD}}';
   END IF;
 END $$;
 

package/carbon/k8s/base/backup/cronjob.yaml

@@ -74,6 +74,15 @@ spec:
                     # (wal-push/archiving and backup-fetch/restore do not connect to
                     # PG, which is why this only bit backup-push. RCA 2026-05-30.)
                     export PGUSER=supabase_admin PGHOST=localhost PGPORT=5432 PGDATABASE=postgres
+                    # WRITE-GUARD (finding #3): never base-backup on a standby into
+                    # the single canonical WALG_S3_PREFIX. WALG_ROLE is rendered
+                    # into the db container env (supabase.values.yaml) and inherited
+                    # by this kubectl-exec. Closes the bring-up window the recovery
+                    # check below cannot (independent primary, not yet in recovery).
+                    if [ "${WALG_ROLE:-primary}" = "standby" ]; then
+                      echo "WALG_ROLE=standby — skipping base backup (only the primary writes the canonical prefix)."
+                      exit 0
+                    fi
                     if [ "$(psql -U supabase_admin -d postgres -tAc "SELECT pg_is_in_recovery()")" != "f" ]; then
                       echo "supabase-db is in recovery (standby) — skipping base backup."
                       exit 0

package/carbon/k8s/base/repl-gateway/kustomization.yaml

@@ -0,0 +1,11 @@
+# repl-gateway — HA-only cross-cluster replication transport (WireGuard + socat).
+#
+# NOTE: this kustomization is intentionally NOT referenced by the parent
+# carbon/k8s/base/kustomization.yaml. The gateway is applied only on HA k8s
+# deploys (by setupReplication), with per-cluster placeholders rendered at apply
+# time. Keeping it as a standalone base lets `kustomize build` validate the
+# manifest in isolation.
+apiVersion: kustomize.config.k8s.io/v1beta1
+kind: Kustomization
+resources:
+  - repl-gateway.yaml

package/carbon/k8s/base/repl-gateway/repl-gateway.yaml

@@ -0,0 +1,92 @@
+# =============================================================================
+# VIBECARBON REPLICATION GATEWAY (HA k8s only)
+# =============================================================================
+# Cross-cluster PostgreSQL streaming replication runs over a point-to-point
+# WireGuard tunnel between the two clusters' supabase nodes (wg0, UDP 51821).
+# This gateway is a hostNetwork socat relay pinned to the supabase node; it
+# bridges the intra-cluster db pod to the tunnel.
+#
+#   standby db pod ──tcp <node-priv-ip>:15433──► standby repl-gateway (this pod)
+#        └─ socat into wg0 → 10.99.0.1:15433 ──► primary repl-gateway (this pod)
+#                                                    └─ socat → 127.0.0.1:5433 (primary postgres hostPort)
+#
+# The WireGuard device (wg0) is owned by the HOST kernel (brought up over SSH by
+# setupReplication / exchangeAndBringUpTunnel). Because this pod is
+# `hostNetwork: true`, its socat shares the host netns and reaches wg0 + the
+# node's private IP directly — so the pod itself needs NO extra capabilities.
+#
+# This manifest is NOT part of the base kustomization: it is HA-only and needs
+# per-cluster values (relay direction + node private IP). setupReplication
+# renders the placeholders below and applies it to each cluster via stdin.
+#
+# Placeholders (patched at apply time by setupReplication — NEVER at runtime):
+#   __RELAY_LISTEN__       socat listen address spec  (differs per primary/standby)
+#   __RELAY_TARGET__       socat downstream target    (differs per primary/standby)
+#   __SUPABASE_PRIVATE_IP__  this cluster's supabase node private IP (egress netpol)
+# =============================================================================
+apiVersion: v1
+kind: Pod
+metadata:
+  name: repl-gateway
+  namespace: vibecarbon
+  labels:
+    app: repl-gateway
+spec:
+  # Share the host netns so socat can bind the node's private IP / the wg0
+  # tunnel IP and reach the host WireGuard device.
+  hostNetwork: true
+  dnsPolicy: ClusterFirstWithHostNet
+  # The supabase node carries a dedicated taint; without this toleration the
+  # pod stays Pending ("untolerated taint {dedicated: supabase}").
+  tolerations:
+    - key: dedicated
+      operator: Equal
+      value: supabase
+      effect: NoSchedule
+  nodeSelector:
+    dedicated: supabase
+  restartPolicy: Always
+  containers:
+    - name: relay
+      # Floating tag (no digest pin — users always get the latest socat). The
+      # image ENTRYPOINT is `socat`; args are its two address specs.
+      image: alpine/socat
+      imagePullPolicy: IfNotPresent
+      args:
+        - "__RELAY_LISTEN__"
+        - "__RELAY_TARGET__"
+      resources:
+        requests:
+          cpu: 10m
+          memory: 16Mi
+        limits:
+          cpu: 250m
+          memory: 64Mi
+---
+# The ONE additive egress NetworkPolicy that admits the db pod → local gateway
+# hop. The gateway presents as the node's private IP (inside the 10.0.0.0/8
+# range excluded by supabase-db-s3-egress) on tcp 15433, so the hop is blocked
+# by default. This policy is additive to default-deny-all and scoped to exactly
+# one destination IP + one port. NetworkPolicy is connection-stateful, so
+# allowing the egress SYN clears the return path too — no ingress rule needed
+# (and none applies to the hostNetwork gateway). Shipped on BOTH clusters (each
+# targeting its own node) for failover symmetry.
+apiVersion: networking.k8s.io/v1
+kind: NetworkPolicy
+metadata:
+  name: allow-db-repl-gateway-egress
+  namespace: vibecarbon
+spec:
+  podSelector:
+    matchLabels:
+      app.kubernetes.io/instance: supabase
+      app.kubernetes.io/name: supabase-db
+  policyTypes:
+    - Egress
+  egress:
+    - to:
+        - ipBlock:
+            cidr: __SUPABASE_PRIVATE_IP__/32
+      ports:
+        - protocol: TCP
+          port: 15433

package/carbon/k8s/values/supabase.values.yaml

@@ -270,9 +270,14 @@ environment:
   # SECRET keys (AWS_ACCESS_KEY_ID / AWS_SECRET_ACCESS_KEY) are injected
   # separately via a StatefulSet env patch in applyK3sManifests.
   # {{WALG_S3_PREFIX}} resolves to s3://<backup-bucket|storage-bucket>/
-  # backups/<project>/walg (fallback handled in installSupabase).
+  # backups/<project>/walg (a SINGLE canonical prefix; fallback handled in
+  # installSupabase). {{WALG_ROLE}} is 'primary' or 'standby' — it is NOT part
+  # of the prefix; it's the WRITE-GUARD signal that wal-archive.sh + the backup
+  # CronJob read to no-op on the standby (so a standby never writes into the
+  # canonical prefix), while restore/reseed still READ the one canonical prefix.
   db:
     WALG_S3_PREFIX: "{{WALG_S3_PREFIX}}"
+    WALG_ROLE: "{{WALG_ROLE}}"
     WALG_COMPRESSION_METHOD: lz4
     WALG_UPLOAD_CONCURRENCY: "2"
     AWS_ENDPOINT: "{{S3_ENDPOINT}}"

package/carbon/scripts/dev-init.js

@@ -174,12 +174,16 @@ if (existsSync(sqlTemplatePath)) {
   writeFileSync(sqlGeneratedPath, sql);
   console.log(`  CREATED: ${sqlGeneratedPath} (dev admin credentials)`);
 
-  // Write a compose override that mounts the generated SQL instead of the template
+  // Write a compose override that mounts the generated SQL instead of the template.
+  // Must target /tmp/super-admin.sql — that's the path `db:migrate` executes, and
+  // docker-compose.override.yml mounts the raw template there. This file is loaded
+  // after the override (getComposeFiles), so the same target wins and the seeded
+  // admin gets real credentials instead of literal {{ADMIN_EMAIL}} placeholders.
   const composeOverride = `# Generated by dev-init.js — DO NOT COMMIT
 services:
   db:
     volumes:
-      - ./volumes/db/super-admin.generated.sql:/docker-entrypoint-initdb.d/post-init/super-admin.sql:Z
+      - ./volumes/db/super-admin.generated.sql:/tmp/super-admin.sql:Z
 `;
   writeFileSync('docker-compose.dev-init.yml', composeOverride);
   console.log('  CREATED: docker-compose.dev-init.yml (mounts generated admin SQL)');

package/carbon/src/client/assets/vibecarbon-icon.svg

@@ -1,18 +1,18 @@
 <svg width="877" height="1012" viewBox="0 0 877 1012" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_77_141)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M434.346 2.3064C436.82 0.879051 439.867 0.879058 442.342 2.30641L872.685 250.582C875.162 252.01 876.688 254.652 876.688 257.511V754.051C876.688 756.91 875.162 759.552 872.685 760.981L442.342 1009.26C439.867 1010.68 436.82 1010.68 434.346 1009.26L4.00221 760.981C1.52575 759.552 0 756.91 0 754.051V257.511C0 254.652 1.52576 252.01 4.00222 250.582L434.346 2.3064ZM708.094 505.781C708.094 577.323 679.674 645.935 629.086 696.523C578.498 747.111 509.886 775.531 438.344 775.531C366.802 775.531 298.19 747.111 247.602 696.523C197.014 645.935 168.594 577.323 168.594 505.781C168.594 434.239 197.014 365.627 247.602 315.039C298.19 264.451 366.802 236.031 438.344 236.031C509.886 236.031 578.498 264.451 629.086 315.039C679.674 365.627 708.094 434.239 708.094 505.781Z" fill="url(#paint0_linear_77_141)"/>
-<path d="M876.688 252.891V472.062L438.344 606.938L0 472.062V252.891L438.344 0L876.688 252.891Z" fill="url(#paint1_linear_77_141)"/>
+<g clip-path="url(#clip0_114_6)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M434.346 2.3064C436.82 0.879051 439.867 0.879058 442.342 2.30641L872.685 250.582C875.162 252.01 876.688 254.652 876.688 257.511V754.051C876.688 756.91 875.162 759.552 872.685 760.981L442.342 1009.26C439.867 1010.68 436.82 1010.68 434.346 1009.26L4.00221 760.981C1.52575 759.552 0 756.91 0 754.051V257.511C0 254.652 1.52576 252.01 4.00222 250.582L434.346 2.3064ZM708.094 505.781C708.094 577.323 679.674 645.935 629.086 696.523C578.498 747.111 509.886 775.531 438.344 775.531C366.802 775.531 298.19 747.111 247.602 696.523C197.014 645.935 168.594 577.323 168.594 505.781C168.594 434.239 197.014 365.627 247.602 315.039C298.19 264.451 366.802 236.031 438.344 236.031C509.886 236.031 578.498 264.451 629.086 315.039C679.674 365.627 708.094 434.239 708.094 505.781Z" fill="url(#paint0_linear_114_6)"/>
+<path d="M876.688 252.891V472.062L438.344 606.938L0 472.062V252.891L438.344 0L876.688 252.891Z" fill="url(#paint1_linear_114_6)"/>
 </g>
 <defs>
-<linearGradient id="paint0_linear_77_141" x1="0" y1="0" x2="0" y2="1011.56" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_114_6" x1="0" y1="0" x2="0" y2="1011.56" gradientUnits="userSpaceOnUse">
 <stop stop-color="#5EEAD4"/>
 <stop offset="1" stop-color="#0D9488"/>
 </linearGradient>
-<linearGradient id="paint1_linear_77_141" x1="175.338" y1="-5.42644e-06" x2="516.194" y2="492.348" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint1_linear_114_6" x1="175.338" y1="-5.42644e-06" x2="516.194" y2="492.348" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0.5"/>
 <stop offset="1" stop-color="white" stop-opacity="0"/>
 </linearGradient>
-<clipPath id="clip0_77_141">
+<clipPath id="clip0_114_6">
 <rect width="876.688" height="1011.56" fill="white"/>
 </clipPath>
 </defs>

package/carbon/src/client/assets/vibecarbon-wordmark-text-dark.svg

@@ -0,0 +1,12 @@
+<svg width="5175" height="1061" viewBox="0 0 5175 1061" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M189.981 758.92C186.619 758.92 183.616 756.818 182.465 753.66L3.91491 263.842C2.01266 258.623 5.87675 253.102 11.4311 253.102H128.387C131.803 253.102 134.842 255.271 135.952 258.501L255.668 606.681C258.146 613.888 268.343 613.876 270.804 606.663L389.594 258.519C390.699 255.279 393.743 253.102 397.165 253.102H511.149C516.703 253.102 520.567 258.623 518.665 263.842L340.115 753.66C338.964 756.818 335.961 758.92 332.599 758.92H189.981Z" fill="white"/>
+<path d="M586.913 758.92C582.495 758.92 578.913 755.338 578.913 750.92V261.102C578.913 256.684 582.495 253.102 586.913 253.102H696.135C700.553 253.102 704.135 256.684 704.135 261.102V750.92C704.135 755.338 700.553 758.92 696.135 758.92H586.913ZM641.031 187.04C600.605 187.04 571.025 157.46 571.025 118.02C571.025 78.58 600.605 49 641.031 49C680.471 49 711.037 78.58 711.037 118.02C711.037 157.46 680.471 187.04 641.031 187.04Z" fill="white"/>
+<path d="M1092 764.836C1024.91 764.836 976.303 739.429 944.129 702.222C939.464 696.826 930.128 698.971 928.878 705.993L920.628 752.323C919.948 756.14 916.629 758.92 912.751 758.92H818.007C813.588 758.92 810.007 755.338 810.007 750.92V76.72C810.007 72.3017 813.588 68.72 818.007 68.72H927.229C931.647 68.72 935.229 72.3017 935.229 76.72V298.558C935.229 306.201 945.285 309.773 950.605 304.285C982.946 270.932 1028.97 247.186 1092.99 247.186C1229.06 247.186 1328.64 343.814 1328.64 505.518C1328.64 661.306 1229.06 764.836 1092 764.836ZM1067.35 661.306C1148.2 661.306 1201.45 599.188 1201.45 506.504C1201.45 412.834 1148.2 350.716 1067.35 350.716C986.501 350.716 933.257 412.834 933.257 505.518C933.257 599.188 986.501 661.306 1067.35 661.306Z" fill="white"/>
+<path d="M1655.33 764.836C1490.67 764.836 1390.1 662.292 1390.1 507.49C1390.1 350.716 1492.64 247.186 1645.47 247.186C1794.36 247.186 1895.92 341.842 1895.92 492.7C1895.92 503.334 1895.92 514.647 1895.35 526.639C1895.16 530.846 1891.66 534.112 1887.45 534.112H1527.15C1523.88 534.112 1521.24 536.761 1521.24 540.028C1521.24 617.922 1573.49 667.222 1649.42 667.222C1708.04 667.222 1750.35 641.829 1765.02 596.261C1766.14 592.793 1769.29 590.314 1772.94 590.314H1881.48C1886.44 590.314 1890.22 594.795 1889.14 599.64C1868.5 691.905 1782.22 764.836 1655.33 764.836ZM1524.87 439.185C1523.84 443.964 1527.6 448.33 1532.49 448.33H1760.6C1765.43 448.33 1769.17 444.061 1768.29 439.314C1756.7 376.993 1712.41 342.828 1647.44 342.828C1587.31 342.828 1537.92 378.645 1524.87 439.185Z" fill="white"/>
+<path d="M2212.61 764.836C2053.87 764.836 1957.24 665.25 1957.24 506.504C1957.24 349.73 2058.8 247.186 2216.56 247.186C2347.1 247.186 2430.93 316.338 2453.47 429.168C2454.44 434.016 2450.67 438.47 2445.73 438.47H2330.48C2326.71 438.47 2323.48 435.836 2322.52 432.199C2309.16 381.668 2271.43 350.716 2214.59 350.716C2135.71 350.716 2085.42 414.806 2085.42 506.504C2085.42 598.202 2134.72 661.306 2214.59 661.306C2272.41 661.306 2310.19 629.409 2323.53 577.881C2324.48 574.229 2327.71 571.58 2331.49 571.58H2445.82C2450.73 571.58 2454.49 575.983 2453.56 580.809C2431.73 694.688 2343.22 764.836 2212.61 764.836Z" fill="white"/>
+<path d="M2750.45 764.836C2616.36 764.836 2512.83 666.236 2512.83 506.504C2512.83 350.716 2616.36 247.186 2750.45 247.186C2817.76 247.186 2865.7 271.986 2898.38 309.905C2903.03 315.295 2912.31 313.151 2913.56 306.146L2921.83 259.699C2922.51 255.882 2925.83 253.102 2929.71 253.102H3024.45C3028.87 253.102 3032.45 256.684 3032.45 261.102V750.92C3032.45 755.338 3028.87 758.92 3024.45 758.92H2929.72C2925.84 758.92 2922.51 756.13 2921.84 752.304L2913.41 704.325C2912.2 697.4 2903.13 695.195 2898.49 700.478C2865.28 738.288 2818.02 764.836 2750.45 764.836ZM2775.1 661.306C2855.96 661.306 2908.21 599.188 2908.21 507.49C2908.21 412.834 2855.96 350.716 2775.1 350.716C2693.27 350.716 2641.01 412.834 2641.01 506.504C2641.01 599.188 2693.27 661.306 2775.1 661.306Z" fill="white"/>
+<path d="M3146.28 758.92C3141.86 758.92 3138.28 755.338 3138.28 750.92V261.102C3138.28 256.684 3141.86 253.102 3146.28 253.102H3240.87C3244.81 253.102 3248.17 255.975 3248.78 259.87L3256.21 307.536C3257.35 314.889 3267.31 316.992 3271.87 311.112C3298.35 276.986 3337.34 253.102 3407.45 253.102H3426.08C3430.49 253.102 3434.08 256.684 3434.08 261.102V359.478C3434.08 363.896 3430.49 367.478 3426.08 367.478H3381.82C3294.06 367.478 3263.5 430.582 3263.5 508.476V750.92C3263.5 755.338 3259.92 758.92 3255.5 758.92H3146.28Z" fill="white"/>
+<path d="M3783.28 764.836C3716.19 764.836 3667.58 739.429 3635.41 702.221C3630.74 696.826 3621.41 698.971 3620.16 705.993L3611.91 752.323C3611.23 756.14 3607.91 758.92 3604.03 758.92H3509.29C3504.87 758.92 3501.29 755.338 3501.29 750.92V76.72C3501.29 72.3017 3504.87 68.72 3509.29 68.72H3618.51C3622.93 68.72 3626.51 72.3017 3626.51 76.72V298.558C3626.51 306.201 3636.56 309.773 3641.88 304.285C3674.23 270.932 3720.25 247.186 3784.27 247.186C3920.34 247.186 4019.92 343.814 4019.92 505.518C4019.92 661.306 3920.34 764.836 3783.28 764.836ZM3758.63 661.306C3839.48 661.306 3892.73 599.188 3892.73 506.504C3892.73 412.834 3839.48 350.716 3758.63 350.716C3677.78 350.716 3624.54 412.834 3624.54 505.518C3624.54 599.188 3677.78 661.306 3758.63 661.306Z" fill="white"/>
+<path d="M4344.64 764.836C4186.88 764.836 4081.38 661.306 4081.38 506.504C4081.38 350.716 4186.88 247.186 4344.64 247.186C4502.4 247.186 4607.9 350.716 4607.9 506.504C4607.9 661.306 4502.4 764.836 4344.64 764.836ZM4344.64 661.306C4427.46 661.306 4479.72 597.216 4479.72 506.504C4479.72 414.806 4427.46 350.716 4344.64 350.716C4261.82 350.716 4209.56 414.806 4209.56 506.504C4209.56 597.216 4261.82 661.306 4344.64 661.306Z" fill="white"/>
+<path d="M4699.42 758.92C4695 758.92 4691.42 755.338 4691.42 750.92V261.102C4691.42 256.684 4695 253.102 4699.42 253.102H4794.19C4798.05 253.102 4801.37 255.867 4802.06 259.671L4809.55 300.893C4810.78 307.645 4819.5 309.909 4824.22 304.93C4855.56 271.903 4900.75 247.186 4971.44 247.186C5081.88 247.186 5174.56 306.346 5174.56 477.91V750.92C5174.56 755.338 5170.98 758.92 5166.56 758.92H5057.34C5052.92 758.92 5049.34 755.338 5049.34 750.92V487.77C5049.34 398.044 5011.87 351.702 4938.9 351.702C4859.04 351.702 4816.64 401.988 4816.64 492.7V750.92C4816.64 755.338 4813.06 758.92 4808.64 758.92H4699.42Z" fill="white"/>
+</svg>

package/carbon/src/client/assets/vibecarbon-wordmark-text-light.svg

@@ -0,0 +1,12 @@
+<svg width="5175" height="1061" viewBox="0 0 5175 1061" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M189.981 758.92C186.619 758.92 183.616 756.818 182.465 753.66L3.91491 263.842C2.01266 258.623 5.87675 253.102 11.4311 253.102H128.387C131.803 253.102 134.842 255.271 135.952 258.501L255.668 606.681C258.146 613.888 268.343 613.876 270.804 606.663L389.594 258.519C390.699 255.279 393.743 253.102 397.165 253.102H511.149C516.703 253.102 520.567 258.623 518.665 263.842L340.115 753.66C338.964 756.818 335.961 758.92 332.599 758.92H189.981Z" fill="black"/>
+<path d="M586.913 758.92C582.495 758.92 578.913 755.338 578.913 750.92V261.102C578.913 256.684 582.495 253.102 586.913 253.102H696.135C700.553 253.102 704.135 256.684 704.135 261.102V750.92C704.135 755.338 700.553 758.92 696.135 758.92H586.913ZM641.031 187.04C600.605 187.04 571.025 157.46 571.025 118.02C571.025 78.58 600.605 49 641.031 49C680.471 49 711.037 78.58 711.037 118.02C711.037 157.46 680.471 187.04 641.031 187.04Z" fill="black"/>
+<path d="M1092 764.836C1024.91 764.836 976.303 739.429 944.129 702.222C939.464 696.826 930.128 698.971 928.878 705.993L920.628 752.323C919.948 756.14 916.629 758.92 912.751 758.92H818.007C813.588 758.92 810.007 755.338 810.007 750.92V76.72C810.007 72.3017 813.588 68.72 818.007 68.72H927.229C931.647 68.72 935.229 72.3017 935.229 76.72V298.558C935.229 306.201 945.285 309.773 950.605 304.285C982.946 270.932 1028.97 247.186 1092.99 247.186C1229.06 247.186 1328.64 343.814 1328.64 505.518C1328.64 661.306 1229.06 764.836 1092 764.836ZM1067.35 661.306C1148.2 661.306 1201.45 599.188 1201.45 506.504C1201.45 412.834 1148.2 350.716 1067.35 350.716C986.501 350.716 933.257 412.834 933.257 505.518C933.257 599.188 986.501 661.306 1067.35 661.306Z" fill="black"/>
+<path d="M1655.33 764.836C1490.67 764.836 1390.1 662.292 1390.1 507.49C1390.1 350.716 1492.64 247.186 1645.47 247.186C1794.36 247.186 1895.92 341.842 1895.92 492.7C1895.92 503.334 1895.92 514.647 1895.35 526.639C1895.16 530.846 1891.66 534.112 1887.45 534.112H1527.15C1523.88 534.112 1521.24 536.761 1521.24 540.028C1521.24 617.922 1573.49 667.222 1649.42 667.222C1708.04 667.222 1750.35 641.829 1765.02 596.261C1766.14 592.793 1769.29 590.314 1772.94 590.314H1881.48C1886.44 590.314 1890.22 594.795 1889.14 599.64C1868.5 691.905 1782.22 764.836 1655.33 764.836ZM1524.87 439.185C1523.84 443.964 1527.6 448.33 1532.49 448.33H1760.6C1765.43 448.33 1769.17 444.061 1768.29 439.314C1756.7 376.993 1712.41 342.828 1647.44 342.828C1587.31 342.828 1537.92 378.645 1524.87 439.185Z" fill="black"/>
+<path d="M2212.61 764.836C2053.87 764.836 1957.24 665.25 1957.24 506.504C1957.24 349.73 2058.8 247.186 2216.56 247.186C2347.1 247.186 2430.93 316.338 2453.47 429.168C2454.44 434.016 2450.67 438.47 2445.73 438.47H2330.48C2326.71 438.47 2323.48 435.836 2322.52 432.199C2309.16 381.668 2271.43 350.716 2214.59 350.716C2135.71 350.716 2085.42 414.806 2085.42 506.504C2085.42 598.202 2134.72 661.306 2214.59 661.306C2272.41 661.306 2310.19 629.409 2323.53 577.881C2324.48 574.229 2327.71 571.58 2331.49 571.58H2445.82C2450.73 571.58 2454.49 575.983 2453.56 580.809C2431.73 694.688 2343.22 764.836 2212.61 764.836Z" fill="black"/>
+<path d="M2750.45 764.836C2616.36 764.836 2512.83 666.236 2512.83 506.504C2512.83 350.716 2616.36 247.186 2750.45 247.186C2817.76 247.186 2865.7 271.986 2898.38 309.905C2903.03 315.295 2912.31 313.151 2913.56 306.146L2921.83 259.699C2922.51 255.882 2925.83 253.102 2929.71 253.102H3024.45C3028.87 253.102 3032.45 256.684 3032.45 261.102V750.92C3032.45 755.338 3028.87 758.92 3024.45 758.92H2929.72C2925.84 758.92 2922.51 756.13 2921.84 752.304L2913.41 704.325C2912.2 697.4 2903.13 695.195 2898.49 700.478C2865.28 738.288 2818.02 764.836 2750.45 764.836ZM2775.1 661.306C2855.96 661.306 2908.21 599.188 2908.21 507.49C2908.21 412.834 2855.96 350.716 2775.1 350.716C2693.27 350.716 2641.01 412.834 2641.01 506.504C2641.01 599.188 2693.27 661.306 2775.1 661.306Z" fill="black"/>
+<path d="M3146.28 758.92C3141.86 758.92 3138.28 755.338 3138.28 750.92V261.102C3138.28 256.684 3141.86 253.102 3146.28 253.102H3240.87C3244.81 253.102 3248.17 255.975 3248.78 259.87L3256.21 307.536C3257.35 314.889 3267.31 316.992 3271.87 311.112C3298.35 276.986 3337.34 253.102 3407.45 253.102H3426.08C3430.49 253.102 3434.08 256.684 3434.08 261.102V359.478C3434.08 363.896 3430.49 367.478 3426.08 367.478H3381.82C3294.06 367.478 3263.5 430.582 3263.5 508.476V750.92C3263.5 755.338 3259.92 758.92 3255.5 758.92H3146.28Z" fill="black"/>
+<path d="M3783.28 764.836C3716.19 764.836 3667.58 739.429 3635.41 702.221C3630.74 696.826 3621.41 698.971 3620.16 705.993L3611.91 752.323C3611.23 756.14 3607.91 758.92 3604.03 758.92H3509.29C3504.87 758.92 3501.29 755.338 3501.29 750.92V76.72C3501.29 72.3017 3504.87 68.72 3509.29 68.72H3618.51C3622.93 68.72 3626.51 72.3017 3626.51 76.72V298.558C3626.51 306.201 3636.56 309.773 3641.88 304.285C3674.23 270.932 3720.25 247.186 3784.27 247.186C3920.34 247.186 4019.92 343.814 4019.92 505.518C4019.92 661.306 3920.34 764.836 3783.28 764.836ZM3758.63 661.306C3839.48 661.306 3892.73 599.188 3892.73 506.504C3892.73 412.834 3839.48 350.716 3758.63 350.716C3677.78 350.716 3624.54 412.834 3624.54 505.518C3624.54 599.188 3677.78 661.306 3758.63 661.306Z" fill="black"/>
+<path d="M4344.64 764.836C4186.88 764.836 4081.38 661.306 4081.38 506.504C4081.38 350.716 4186.88 247.186 4344.64 247.186C4502.4 247.186 4607.9 350.716 4607.9 506.504C4607.9 661.306 4502.4 764.836 4344.64 764.836ZM4344.64 661.306C4427.46 661.306 4479.72 597.216 4479.72 506.504C4479.72 414.806 4427.46 350.716 4344.64 350.716C4261.82 350.716 4209.56 414.806 4209.56 506.504C4209.56 597.216 4261.82 661.306 4344.64 661.306Z" fill="black"/>
+<path d="M4699.42 758.92C4695 758.92 4691.42 755.338 4691.42 750.92V261.102C4691.42 256.684 4695 253.102 4699.42 253.102H4794.19C4798.05 253.102 4801.37 255.867 4802.06 259.671L4809.55 300.893C4810.78 307.645 4819.5 309.909 4824.22 304.93C4855.56 271.903 4900.75 247.186 4971.44 247.186C5081.88 247.186 5174.56 306.346 5174.56 477.91V750.92C5174.56 755.338 5170.98 758.92 5166.56 758.92H5057.34C5052.92 758.92 5049.34 755.338 5049.34 750.92V487.77C5049.34 398.044 5011.87 351.702 4938.9 351.702C4859.04 351.702 4816.64 401.988 4816.64 492.7V750.92C4816.64 755.338 4813.06 758.92 4808.64 758.92H4699.42Z" fill="black"/>
+</svg>

package/carbon/src/client/components/AIIntegrationSection.tsx

@@ -58,9 +58,7 @@ export function AIIntegrationSection() {
           </motion.div>
           <h2 className="text-3xl md:text-5xl font-black tracking-tight mb-4">
             {t('landing.aiIntegration.headline1')}{' '}
-            <span className="bg-gradient-to-r from-primary via-cyan-400 to-secondary-accent bg-clip-text text-transparent">
-              {t('landing.aiIntegration.headlineHighlight')}
-            </span>{' '}
+            <span className="text-primary">{t('landing.aiIntegration.headlineHighlight')}</span>{' '}
             {t('landing.aiIntegration.headline2')}
           </h2>
           <p className="text-lg text-muted-foreground max-w-2xl mx-auto">

package/carbon/src/client/components/AppSidebar.tsx

@@ -63,7 +63,7 @@ import { useEnabledServices } from '@/hooks/useRunningServices';
 import { getServiceUrl } from '@/lib/admin-services';
 import { cn, getUserInitials } from '@/lib/utils';
 import { useAuth } from './auth/AuthProvider';
-import { Wordmark } from './Logo';
+import { Logo, WordmarkText } from './Logo';
 
 const prefetchMap: Record<string, () => Promise<unknown>> = {
   '/dashboard': () => import('@/pages/Dashboard'),
@@ -188,7 +188,14 @@ export function AppSidebar() {
             onClick={toggleSidebar}
             className="flex h-full w-full cursor-pointer items-center"
           >
-            <Wordmark textClassName="group-data-[collapsible=icon]:hidden" />
+            <IconSlot>
+              <Logo size="sm" />
+            </IconSlot>
+            <span className="grid shrink-0 grid-cols-[1fr] opacity-100 transition-[grid-template-columns,opacity] duration-300 ease-in-out group-data-[collapsible=icon]:grid-cols-[0fr] group-data-[collapsible=icon]:opacity-0">
+              <span className="overflow-hidden">
+                <WordmarkText size="sm" className="font-display text-2xl font-bold" />
+              </span>
+            </span>
           </button>
         </SidebarHeader>
 
@@ -200,7 +207,7 @@ export function AppSidebar() {
                 <SidebarMenu>
                   <SidebarMenuItem>
                     <DropdownMenu>
-                      <DropdownMenuTrigger className="flex w-full items-center gap-2 rounded-md border border-border text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 transition-colors cursor-pointer group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
+                      <DropdownMenuTrigger className="flex w-full items-center rounded-md border border-border text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-10 transition-colors cursor-pointer group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
                         <IconSlot>
                           <Building2 className="size-4" />
                         </IconSlot>
@@ -262,7 +269,7 @@ export function AppSidebar() {
                           onMouseEnter={() => prefetch(item.path)}
                           onFocus={() => prefetch(item.path)}
                           tooltip={t(item.titleKey)}
-                          className="p-0"
+                          className="gap-0 p-0"
                         >
                           <IconSlot>
                             <item.icon className="size-4" />
@@ -288,7 +295,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -313,7 +320,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/profile')}
                         onFocus={() => prefetch('/settings/profile')}
                         tooltip={t('sidebar.profile')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <User className="size-4" />
@@ -330,7 +337,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/billing')}
                         onFocus={() => prefetch('/settings/billing')}
                         tooltip={t('sidebar.billing')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <CreditCard className="size-4" />
@@ -347,7 +354,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/settings/security')}
                         onFocus={() => prefetch('/settings/security')}
                         tooltip={t('sidebar.security')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Shield className="size-4" />
@@ -372,7 +379,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -395,7 +402,7 @@ export function AppSidebar() {
                         isActive={location.pathname === `/organizations/${currentOrgId}/details`}
                         onClick={() => navigate(`/organizations/${currentOrgId}/details`)}
                         tooltip={t('sidebar.orgDetails')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Building2 className="size-4" />
@@ -410,7 +417,7 @@ export function AppSidebar() {
                         isActive={location.pathname === `/organizations/${currentOrgId}/members`}
                         onClick={() => navigate(`/organizations/${currentOrgId}/members`)}
                         tooltip={t('sidebar.members')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Users className="size-4" />
@@ -435,7 +442,7 @@ export function AppSidebar() {
                     <SidebarMenuButton
                       onClick={() => navigate('/dashboard')}
                       tooltip={t('common.back')}
-                      className="p-0"
+                      className="gap-0 p-0"
                     >
                       <IconSlot>
                         <ArrowLeft className="size-4" />
@@ -460,7 +467,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/dashboard')}
                         onFocus={() => prefetch('/admin/dashboard')}
                         tooltip={t('sidebar.overview')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <LayoutDashboard className="size-4" />
@@ -477,7 +484,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/organizations')}
                         onFocus={() => prefetch('/admin/organizations')}
                         tooltip={t('sidebar.organizations')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Building2 className="size-4" />
@@ -494,7 +501,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/users')}
                         onFocus={() => prefetch('/admin/users')}
                         tooltip={t('sidebar.users')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Users className="size-4" />
@@ -511,7 +518,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/notifications')}
                         onFocus={() => prefetch('/admin/notifications')}
                         tooltip={t('sidebar.notifications')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Bell className="size-4" />
@@ -528,7 +535,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/logs')}
                         onFocus={() => prefetch('/admin/logs')}
                         tooltip={t('sidebar.logs')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <FileText className="size-4" />
@@ -545,7 +552,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/theme')}
                         onFocus={() => prefetch('/admin/theme')}
                         tooltip={t('sidebar.theme')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Palette className="size-4" />
@@ -562,7 +569,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/jobs')}
                         onFocus={() => prefetch('/admin/jobs')}
                         tooltip="Background Jobs"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Clock className="size-4" />
@@ -577,7 +584,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/contact')}
                         onFocus={() => prefetch('/admin/contact')}
                         tooltip="Contact Submissions"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <MessageSquare className="size-4" />
@@ -592,7 +599,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/newsletter')}
                         onFocus={() => prefetch('/admin/newsletter')}
                         tooltip="Newsletter"
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Mail className="size-4" />
@@ -607,7 +614,7 @@ export function AppSidebar() {
                         onMouseEnter={() => prefetch('/admin/settings')}
                         onFocus={() => prefetch('/admin/settings')}
                         tooltip={t('sidebar.settings')}
-                        className="p-0"
+                        className="gap-0 p-0"
                       >
                         <IconSlot>
                           <Settings className="size-4" />
@@ -628,7 +635,7 @@ export function AppSidebar() {
                                 ? service.description
                                 : 'Internal only — kubectl port-forward svc/traefik-dashboard 8080:8080 -n vibecarbon'
                             }
-                            className={cn('p-0', !url && 'cursor-default opacity-50')}
+                            className={cn('gap-0 p-0', !url && 'cursor-default opacity-50')}
                           >
                             <IconSlot>
                               <service.icon className="size-4" />
@@ -653,7 +660,7 @@ export function AppSidebar() {
         <SidebarFooter>
           {/* User Menu */}
           <DropdownMenu>
-            <DropdownMenuTrigger className="group/user flex w-full items-center gap-2 rounded-md text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 transition-colors group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
+            <DropdownMenuTrigger className="group/user flex w-full items-center rounded-md text-left text-sm hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-12 transition-colors group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0">
               <IconSlot>
                 <Avatar size="sm">
                   <AvatarFallback>{getUserInitials(user)}</AvatarFallback>
@@ -672,7 +679,7 @@ export function AppSidebar() {
             <DropdownMenuContent
               align="start"
               side={isCollapsed ? 'right' : 'top'}
-              className="w-56"
+              className="min-w-56"
             >
               <div className="flex items-start justify-between px-3 py-2">
                 <div>
@@ -691,18 +698,18 @@ export function AppSidebar() {
               </div>
               <DropdownMenuSeparator />
               <DropdownMenuItem onClick={() => navigate('/settings/profile')}>
-                <Settings className="size-4 mr-2" />
+                <Settings className="size-4" />
                 {t('common.settings')}
               </DropdownMenuItem>
               {isSuperAdmin && (
                 <DropdownMenuItem onClick={() => navigate('/admin/dashboard')}>
-                  <Shield className="size-4 mr-2" />
+                  <Shield className="size-4" />
                   {t('sidebar.superAdmin')}
                 </DropdownMenuItem>
               )}
               <DropdownMenuSeparator />
               <DropdownMenuItem onClick={handleSignOut}>
-                <LogOut className="size-4 mr-2" />
+                <LogOut className="size-4" />
                 {t('common.signOut')}
               </DropdownMenuItem>
             </DropdownMenuContent>

package/carbon/src/client/components/CTAFooter.tsx

@@ -51,7 +51,7 @@ export function CTAFooter({
 
       {/* Footer */}
       <div className="relative mx-auto flex max-w-7xl flex-col items-center justify-between gap-4 px-6 py-8 sm:flex-row">
-        <Wordmark size="sm" className="text-white" />
+        <Wordmark size="sm" className="text-white" forceTheme="dark" />
         {footerLinks}
       </div>
     </footer>

package/carbon/src/client/components/ComparisonSection.tsx

@@ -72,9 +72,7 @@ export function ComparisonSection() {
           </motion.div>
           <h2 className="text-3xl md:text-5xl font-black tracking-tight mb-4">
             {t('landing.comparison.headline')}{' '}
-            <span className="bg-gradient-to-r from-secondary-accent to-fuchsia-400 bg-clip-text text-transparent">
-              {t('landing.comparison.headlineHighlight')}
-            </span>
+            <span className="text-primary">{t('landing.comparison.headlineHighlight')}</span>
           </h2>
           <p className="text-lg text-muted-foreground max-w-xl mx-auto">
             {t('landing.comparison.subheading')}