improved a lot of things

packages/app/public/marketing.html

@@ -1319,12 +1319,13 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
 }
 .cmp-card:hover { box-shadow: var(--sh-lg); }
 .cmp-card.hero-card {
-  background: var(--fg);
+  background: #06060E;
-  border-color: transparent;
+  border-color: rgba(51,133,255,0.4);
-  box-shadow: var(--sh-xl);
+  box-shadow: 0 0 0 1px rgba(51,133,255,0.18), var(--sh-xl);
+  transform: translateY(-10px);
 }
 .cmp-eyebrow { font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-3); margin-bottom: 14px; }
-.cmp-card.hero-card .cmp-eyebrow { color: rgba(255,255,255,0.35); }
+.cmp-card.hero-card .cmp-eyebrow { color: rgba(51,133,255,0.85); }
 .cmp-name {
   font-size: 1.625rem;
   font-weight: 800;
@@ -1335,9 +1336,9 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
 }
 .cmp-card.hero-card .cmp-name { color: #fff; }
 .cmp-hr { height: 1px; background: var(--border); margin: 18px 0; }
-.cmp-card.hero-card .cmp-hr { background: rgba(255,255,255,0.1); }
+.cmp-card.hero-card .cmp-hr { background: rgba(255,255,255,0.08); }
 .cmp-body { font-size: 0.9375rem; line-height: 1.7; color: var(--fg-2); margin-bottom: 20px; }
-.cmp-card.hero-card .cmp-body { color: rgba(255,255,255,0.55); }
+.cmp-card.hero-card .cmp-body { color: rgba(255,255,255,0.62); }
 .cmp-tags { display: flex; flex-wrap: wrap; gap: 7px; }
 .cmp-tag {
   font-size: 0.8125rem;
@@ -1347,7 +1348,7 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
   background: var(--bg-muted);
   color: var(--fg-2);
 }
-.cmp-card.hero-card .cmp-tag { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.7); }
+.cmp-card.hero-card .cmp-tag { background: rgba(51,133,255,0.12); color: rgba(51,133,255,0.9); border: 1px solid rgba(51,133,255,0.2); }
 
 /* ════════════════════════════════════════════════════════════
    TESTIMONIAL