style: simplify pricing page header, update home CTA buttons to match filter chip style

web/default/src/features/home/components/sections/hero.tsx

@@ -196,7 +196,7 @@ export function Hero(props: HeroProps) {
           <div className='mt-8 flex items-center justify-center gap-3'>
             {props.isAuthenticated ? (
               <Button
-                className='h-10 rounded-lg px-6 text-sm font-semibold'
+                className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary/20 hover:border-primary/50'
                 render={<Link to='/dashboard' />}
               >
                 {t('Dashboard')}
@@ -204,14 +204,13 @@ export function Hero(props: HeroProps) {
             ) : (
               <>
                 <Button
-                  className='h-10 rounded-lg px-6 text-sm font-semibold'
+                  className='inline-flex items-center gap-1.5 rounded-lg border border-primary/40 bg-primary/10 px-5 py-2.5 text-sm font-medium text-primary transition-all hover:bg-primary/20 hover:border-primary/50'
                   render={<Link to='/sign-up' />}
                 >
                   {t('Get Started')}
                 </Button>
                 <Button
-                  variant='outline'
-                  className='h-10 rounded-lg px-6 text-sm font-semibold'
+                  className='inline-flex items-center gap-1.5 rounded-lg border border-border/70 bg-background px-5 py-2.5 text-sm font-medium text-muted-foreground transition-all hover:border-border hover:bg-muted/50 hover:text-foreground'
                   render={<Link to='/docs' />}
                 >
                   {t('View Docs')}

web/default/src/features/pricing/index.tsx

@@ -189,17 +189,11 @@ export function Pricing() {
         />
 
         <PageTransition className='relative mx-auto w-full max-w-6xl px-4 pt-20 pb-12'>
-          {/* Header - matching home page hero style */}
+          {/* Header */}
           <header className='mb-8 text-center'>
             <h1 className='text-[clamp(1.75rem,4vw,2.5rem)] leading-tight font-bold tracking-[-0.025em] text-foreground'>
-              {t('Model Square')}{' '}
               <span className='text-primary'>{t('Pricing')}</span>
             </h1>
-            <p className='mx-auto mt-2 max-w-lg text-[15px] leading-relaxed text-muted-foreground'>
-              {t('This site currently has {{count}} models enabled', {
-                count: models?.length || 0,
-              })}
-            </p>
           </header>
 
           {/* Search + Filters */}