Show the Zendesk mark on the dark ground and keep use case names in their proper case.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

Author: edenbuilds

components/brand-icon.tsx

@@ -61,7 +61,7 @@ function pick(icon: Icon, mono: boolean): { svg: string; flat: boolean; tint?: s
   if (w / h > 1.6 && variants.mono) return { svg: variants.mono, flat: true, tint: `#${icon.hex}` };
   const fills = [...new Set([...icon.svg.matchAll(/fill="#([0-9a-fA-F]{3,6})"/g)].map((m) => m[1].toLowerCase()))];
   const lum = fills.length === 1 ? luminance(fills[0]) : 0.5;
-  if (fills.length === 0 || lum < 0.08 || lum > 0.95) {
+  if (fills.length === 0 || lum < 0.2 || lum > 0.95) {
     return { svg: icon.svg.replace(/fill="#[0-9a-fA-F]{3,6}"/g, 'fill="currentColor"'), flat: true };
   }
   return { svg: icon.svg, flat: false };

components/live-demo.tsx

@@ -36,7 +36,7 @@ export default function LiveDemo({ initial = useCases[0].slug }: { initial?: str
     return (
       <div className="live-card">
         <div className="lg-feed-head">
-          <strong>Your {uc.label.toLowerCase()} sandbox is live</strong>
+          <strong>{uc.label} sandbox is live</strong>
           <button type="button" className="link" onClick={() => setState({ status: "idle" })}>
             Start over
           </button>