src/app/page.tsx

@@ -107,6 +107,7 @@ export default function LandingPage() {
           tagClassName="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-[var(--primary-cta)] text-[var(--primary-cta-text)] font-semibold text-sm mb-4"
           cardClassName="p-6 rounded-xl border border-[var(--primary-cta)] bg-[var(--card)] hover:shadow-lg transition-all duration-300"
           iconClassName="w-10 h-10 text-[var(--primary-cta)] mb-4"
+          cardTitleClassName="text-xl font-bold text-[var(--accent)] mb-3"
           cardDescriptionClassName="text-sm text-[var(--foreground)] font-light leading-relaxed"
         />
       </div>
@@ -153,6 +154,7 @@ export default function LandingPage() {
           cardClassName="group relative rounded-xl overflow-hidden bg-[var(--card)] border border-[var(--background-accent)] hover:border-[var(--primary-cta)] transition-all duration-300"
           cardBrandClassName="text-xs uppercase tracking-widest text-[var(--primary-cta)] font-bold"
           cardNameClassName="text-xl font-bold text-[var(--accent)] mt-2"
+          cardPriceClassName="text-2xl font-extrabold text-[var(--primary-cta)] mt-2"
         />
       </div>
 
@@ -235,6 +237,7 @@ export default function LandingPage() {
           cardClassName="p-8 rounded-xl border border-[var(--primary-cta)] bg-[var(--card)] text-center hover:shadow-lg transition-all duration-300"
           valueClassName="text-4xl md:text-5xl font-extrabold text-[var(--primary-cta)] mb-2"
           metricTitleClassName="text-xl font-bold text-[var(--accent)] mb-4"
+          featureItemClassName="text-sm text-[var(--foreground)] font-light"
         />
       </div>