chore: emphasize cloud CTA over enterprise

README.md

@@ -17,8 +17,8 @@
 <a href="https://strix.ai"><img src="https://img.shields.io/badge/Website-strix.ai-f0f0f0?style=for-the-badge&logoColor=000000" alt="Website"></a>
 [![](https://dcbadge.limes.pink/api/server/strix-ai)](https://discord.gg/strix-ai)
 
-<a href="https://app.strix.ai?utm_source=github&utm_medium=readme&utm_content=badge_cloud"><img src="https://img.shields.io/badge/Strix%20Cloud-app.strix.ai-f0f0f0?style=for-the-badge&logoColor=000000" alt="Strix Cloud"></a>
-<a href="https://strix.ai/demo?utm_source=github&utm_medium=readme&utm_content=badge_demo"><img src="https://img.shields.io/badge/Try%20Strix%20Enterprise-2b9246?style=for-the-badge&logoColor=white" alt="Try Strix Enterprise"></a>
+<a href="https://app.strix.ai?utm_source=github&utm_medium=readme&utm_content=badge_cloud"><img src="https://img.shields.io/badge/Strix%20Cloud-app.strix.ai-2b9246?style=for-the-badge&logoColor=white" alt="Strix Cloud"></a>
+<a href="https://strix.ai/demo?utm_source=github&utm_medium=readme&utm_content=badge_demo"><img src="https://img.shields.io/badge/Try%20Strix%20Enterprise-555555?style=for-the-badge&logoColor=white" alt="Try Strix Enterprise"></a>
 
 <a href="https://deepwiki.com/usestrix/strix"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"></a>
 <a href="https://github.com/usestrix/strix"><img src="https://img.shields.io/github/stars/usestrix/strix?style=flat-square" alt="GitHub Stars"></a>

strix/interface/viewer/frontend/src/App.tsx

@@ -718,6 +718,7 @@ function OverviewTab({
               slug="overview_cloud"
               surface="overview"
               icon={Rocket}
+              primary
             />
             <ProInlineCta
               label="Try Strix Enterprise"
@@ -822,6 +823,7 @@ function AgentsTab({ run, canSteer }: { run: LoadedRun; canSteer: boolean }) {
             slug="live_scan"
             surface="agents"
             icon={Rocket}
+            primary
           />
           <ProInlineCta
             label="Try Strix Enterprise"

strix/interface/viewer/frontend/src/components/ProCta.tsx

@@ -49,6 +49,7 @@ export function ProInlineCta({
   icon: Icon,
   surface,
   href = SIGNUP_URL,
+  primary = false,
 }: {
   label: string;
   desc: string;
@@ -57,6 +58,8 @@ export function ProInlineCta({
   surface?: string;
   /** Destination before attribution params. Defaults to cloud sign-up. */
   href?: string;
+  /** Solid white button instead of the outlined default. */
+  primary?: boolean;
 }) {
   return (
     <Tooltip text={desc}>
@@ -65,9 +68,20 @@ export function ProInlineCta({
         target="_blank"
         rel="noopener noreferrer"
         onClick={() => trackCta(slug, surface)}
-        className="group inline-flex items-center gap-2 rounded-lg border border-[#222] bg-[rgba(255,255,255,0.02)] px-3 py-2 text-sm text-[#aaa] transition-colors hover:border-[#444] hover:text-white"
+        className={
+          primary
+            ? "group inline-flex items-center gap-2 rounded-lg border border-white bg-white px-3 py-2 text-sm font-semibold text-black transition-colors hover:bg-[#e5e5e5]"
+            : "group inline-flex items-center gap-2 rounded-lg border border-[#222] bg-[rgba(255,255,255,0.02)] px-3 py-2 text-sm text-[#aaa] transition-colors hover:border-[#444] hover:text-white"
+        }
       >
-        <Icon className="h-4 w-4 text-[#888] transition-colors group-hover:text-white" aria-hidden="true" />
+        <Icon
+          className={
+            primary
+              ? "h-4 w-4 text-black"
+              : "h-4 w-4 text-[#888] transition-colors group-hover:text-white"
+          }
+          aria-hidden="true"
+        />
         <span>{label}</span>
       </a>
     </Tooltip>

strix/interface/viewer/static/index.html

@@ -6,8 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="color-scheme" content="dark" />
     <title>Strix Results</title>
-    <script type="module" crossorigin src="./assets/index-BYM-KXEd.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BDPPJNTX.css">
+    <script type="module" crossorigin src="./assets/index-B94ANU8d.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DN__rVv3.css">
   </head>
   <body>
     <div id="root"></div>