refactor: standardize Tailwind class syntax and component usage

- Replaced arbitrary CSS values with standard Tailwind utilities (e.g., `bottom-[-18rem]` → `-bottom-72`, `mt-[-2rem]` → `-mt-8`)
- Fixed invalid gradient syntax by removing `bg-` prefix from gradient utilities
- Consolidated text styling by replacing inline elements with CT/CP text components
- Adjusted CT component typography from semibold to medium for better visual hierarchy

src/pages/compute/ComputeDesign.tsx

@@ -38,7 +38,7 @@ export function ComputeDesign() {
       <div className="mx-auto max-w-7xl border-gray-100">
           <dl className="grid grid-cols-1 gap-4 lg:gap-14  overflow-hidden  text-center  lg:grid-cols-3">
             {stats.map((stat) => (
-              <div key={stat.id} className="flex flex-col items-center bg-gray-400/5 py-8 px-12 border border-gray-100 lg:border-t-0 lg:border-b-0">
+              <div key={stat.id} className="flex flex-col items-center bg-gray-100 py-8 px-12 border border-gray-100 lg:border-t-0 lg:border-b-0">
                 <stat.icon className="h-8 w-8 fill-cyan-500 mb-4" aria-hidden="true" />
                 <CT className="">{stat.value}</CT>
                 <CP className="mt-1">{stat.name}</CP>