refactor: update cyan accent colors from cyan-400 to cyan-500 across multiple components for improved contrast

- Changed AgentBento subtitle text from text-cyan-400 to text-cyan-500
- Changed CloudIntro key capabilities label from text-cyan-400 to text-cyan-500
- Changed ComputeCapabilities eyebrow from text-cyan-400 to text-cyan-500
- Changed GpuCapabilities link from text-cyan-400/hover:text-cyan-300 to text-cyan-500/hover:text-cyan-400
- Changed GpuOverview eyebrow from text-cyan-400 to text-cyan-500

src/pages/agents/AgentBento.tsx

@@ -136,7 +136,7 @@ export function AgentBento() {
                   ) : (
                     <>
                      {/* ✅ NEW SUBTITLE */}
-                      <p className="text-sm text-cyan-400">{card.subtitle}</p>
+                      <p className="text-sm text-cyan-500">{card.subtitle}</p>
 
                       <p className="mt-1 text-lg font-medium lg:text-xl tracking-tight text-white">
                         {card.title}

src/pages/cloud/CloudArchitecture.tsx

@@ -40,7 +40,7 @@ export function CloudArchitecture() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-4xl sm:text-center">
-            <Eyebrow className="text-cyan-400">ARCHITECTURE</Eyebrow>
+            <Eyebrow className="">ARCHITECTURE</Eyebrow>
 
             <H3 className="text-3xl lg:text-4xl font-medium tracking-tight text-white">
               How Mycelium Cloud Works

src/pages/cloud/CloudIntro.tsx

@@ -159,7 +159,7 @@ export function CloudIntro() {
               </div>
 
               <div className="mt-4 space-y-2">
-                <p className="text-sm uppercase tracking-wide text-cyan-400 font-semibold">
+                <p className="text-sm uppercase tracking-wide text-cyan-500 font-semibold">
                   Key capabilities
                 </p>
 

src/pages/compute/ComputeCapabilities.tsx

@@ -47,7 +47,7 @@ export function ComputeCapabilities() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-4xl sm:text-center">
-            <Eyebrow className="text-cyan-400">CAPABILITIES</Eyebrow>
+            <Eyebrow className="text-cyan-500">CAPABILITIES</Eyebrow>
             <H3 className="text-3xl lg:text-4xl font-medium tracking-tight text-white">
               What You Can Run
             </H3>

src/pages/gpu/GpuCapabilities.tsx

@@ -84,7 +84,7 @@ export function GpuCapabilities() {
                   <div className="flex items-center gap-x-4 mt-3">
                     <a
                       href="#"
-                      className="inline-flex items-center gap-1 text-cyan-400 hover:text-cyan-300 text-sm font-medium mr-auto"
+                      className="inline-flex items-center gap-1 text-cyan-500 hover:text-cyan-400 text-sm font-medium mr-auto"
                     >
                       Learn more →
                     </a>

src/pages/gpu/GpuOverview.tsx

@@ -42,7 +42,7 @@ export function GpuOverview() {
       <div className="relative mx-auto max-w-7xl border border-t-0 border-b-0 border-gray-800 bg-[#111111] py-12">
         <Container>
           <div className="mx-auto max-w-3xl text-center">
-            <Eyebrow className="text-cyan-400 tracking-[0.32em] uppercase">
+            <Eyebrow className="text-cyan-500 tracking-[0.32em] uppercase">
               PLATFORM OVERVIEW
             </Eyebrow>