chore: landing page improvements

apps/dashboard/src/app.postcss

@@ -149,6 +149,11 @@ code {
 .bx--list-box__menu-item__option {
   height: fit-content !important;
 }
+.cio-bg-blue {
+  background: rgb(2, 51, 189);
+  background-size: cover;
+  background: radial-gradient(circle at 50% 100%, rgba(2, 51, 189, 1) 1%, rgb(4, 2, 56) 100%);
+}
 
 @media screen and (max-width: 457px) {
   .org-slot {

apps/dashboard/src/lib/components/Upgrade/Modal.svelte

@@ -151,7 +151,7 @@
         {#each planNames as planName}
           <div
             class="max-w-xl rounded-xl {planName === 'EARLY_ADOPTER' &&
-              'bg-primary-900'} p-4 ring-1 ring-gray-200 lg:max-w-sm"
+              'cio-bg-blue'} p-4 ring-1 ring-gray-200 lg:max-w-sm"
           >
             <p
               class="mb-2 text-lg font-semibold leading-8 {planName === 'EARLY_ADOPTER'