feat: apply Nunito font to all landing page section headings

apps/landing/src/components/bento-grid.tsx

@@ -381,7 +381,7 @@ export function BentoGrid() {
     <section id="features" className="px-6 py-24 md:py-36">
       <div className="mx-auto max-w-6xl">
         <FadeIn>
-          <h2 className="text-center text-3xl font-bold tracking-tight md:text-4xl">
+          <h2 className="font-[family-name:var(--font-nunito)] text-center text-3xl font-bold tracking-tight md:text-4xl">
             40+ tools. Zero cloud dependency.
           </h2>
           <p className="mx-auto mt-4 max-w-xl text-center text-lg text-muted">

apps/landing/src/components/enterprise.tsx

@@ -32,7 +32,7 @@ export function Enterprise() {
       <div className="mx-auto max-w-6xl">
         <FadeIn>
           <p className="text-center text-sm font-medium text-accent">Enterprise ready</p>
-          <h2 className="mt-2 text-center text-3xl font-bold tracking-tight md:text-4xl">
+          <h2 className="mt-2 font-[family-name:var(--font-nunito)] text-center text-3xl font-bold tracking-tight md:text-4xl">
             Your data never leaves your network.
           </h2>
           <p className="mx-auto mt-4 max-w-xl text-center text-lg text-muted">
@@ -49,7 +49,9 @@ export function Enterprise() {
                 <div className="flex h-12 w-12 items-center justify-center rounded-xl bg-background shadow-sm">
                   <feat.icon size={22} className="text-accent" />
                 </div>
-                <h3 className="mt-5 text-xl font-bold">{feat.title}</h3>
+                <h3 className="mt-5 font-[family-name:var(--font-nunito)] text-xl font-bold">
+                  {feat.title}
+                </h3>
                 <p className="mt-3 leading-relaxed text-muted">{feat.description}</p>
               </div>
             </FadeIn>

apps/landing/src/components/how-it-works.tsx

@@ -22,7 +22,7 @@ export function HowItWorks() {
       <div className="mx-auto max-w-3xl text-center">
         <FadeIn>
           <p className="text-sm font-medium text-accent">Get started in seconds</p>
-          <h2 className="mt-2 text-2xl font-bold tracking-tight md:text-3xl">
+          <h2 className="mt-2 font-[family-name:var(--font-nunito)] text-2xl font-bold tracking-tight md:text-3xl">
             One command. That&apos;s it.
           </h2>
         </FadeIn>

apps/landing/src/components/open-source.tsx

@@ -6,7 +6,9 @@ export function OpenSource() {
     <section id="open-source" className="px-6 py-24 md:py-36">
       <div className="mx-auto max-w-3xl text-center">
         <FadeIn>
-          <h2 className="text-3xl font-bold tracking-tight md:text-4xl">Open source. Always.</h2>
+          <h2 className="font-[family-name:var(--font-nunito)] text-3xl font-bold tracking-tight md:text-4xl">
+            Open source. Always.
+          </h2>
           <p className="mt-6 text-lg leading-relaxed text-muted">
             SnapOtter is AGPL-3.0 licensed. Inspect every line of code. Contribute back. Self-host
             forever. No vendor lock-in, no surprise pricing changes, no rug pulls.
@@ -16,7 +18,7 @@ export function OpenSource() {
               href="https://github.com/ashim-hq/ashim"
               target="_blank"
               rel="noopener noreferrer"
-              className="inline-flex items-center gap-2 rounded-xl border border-border bg-background px-6 py-3 text-base font-semibold transition-colors hover:bg-background-alt"
+              className="inline-flex items-center gap-2 rounded-xl bg-teal px-6 py-3 text-base font-semibold text-white transition-colors hover:bg-teal-hover"
             >
               <Github size={20} />
               Star on GitHub

apps/landing/src/components/pricing.tsx

@@ -57,7 +57,7 @@ export function Pricing() {
       <div className="mx-auto max-w-5xl">
         <FadeIn>
           <p className="text-center text-sm font-medium text-accent">Pricing</p>
-          <h2 className="mt-2 text-center text-3xl font-bold tracking-tight md:text-4xl">
+          <h2 className="mt-2 font-[family-name:var(--font-nunito)] text-center text-3xl font-bold tracking-tight md:text-4xl">
             Free for everyone. Enterprise when you need it.
           </h2>
           <p className="mx-auto mt-4 max-w-2xl text-center text-lg text-muted">
@@ -70,7 +70,9 @@ export function Pricing() {
           <FadeIn>
             <div className="flex h-full flex-col rounded-2xl border border-border bg-background p-8">
               <p className="text-sm font-medium text-accent">{freePlan.subtitle}</p>
-              <h3 className="mt-1 text-2xl font-bold">{freePlan.name}</h3>
+              <h3 className="mt-1 font-[family-name:var(--font-nunito)] text-2xl font-bold">
+                {freePlan.name}
+              </h3>
               <p className="mt-4 text-4xl font-bold">{freePlan.price}</p>
 
               <ul className="mt-8 flex-1 space-y-3">
@@ -96,7 +98,9 @@ export function Pricing() {
           <FadeIn delay={0.1}>
             <div className="flex h-full flex-col rounded-2xl border border-border bg-background p-8">
               <p className="text-sm font-medium text-accent">{enterprisePlan.subtitle}</p>
-              <h3 className="mt-1 text-2xl font-bold">{enterprisePlan.name}</h3>
+              <h3 className="mt-1 font-[family-name:var(--font-nunito)] text-2xl font-bold">
+                {enterprisePlan.name}
+              </h3>
               <p className="mt-4 text-4xl font-bold">{enterprisePlan.price}</p>
 
               <ul className="mt-8 flex-1 space-y-3">

apps/landing/src/components/why-choose.tsx

@@ -75,7 +75,7 @@ export function WhyChoose() {
       <div className="mx-auto max-w-6xl">
         <FadeIn>
           <p className="text-center text-sm font-medium text-accent">Why SnapOtter</p>
-          <h2 className="mt-2 text-center text-3xl font-bold tracking-tight md:text-4xl">
+          <h2 className="mt-2 font-[family-name:var(--font-nunito)] text-center text-3xl font-bold tracking-tight md:text-4xl">
             Built different. On purpose.
           </h2>
           <p className="mx-auto mt-4 max-w-xl text-center text-lg text-muted">
@@ -92,7 +92,9 @@ export function WhyChoose() {
                 <div className="flex h-11 w-11 items-center justify-center rounded-xl bg-background shadow-sm">
                   <benefit.icon size={22} className="text-accent" />
                 </div>
-                <h3 className="mt-4 text-base font-bold">{benefit.title}</h3>
+                <h3 className="mt-4 font-[family-name:var(--font-nunito)] text-base font-bold">
+                  {benefit.title}
+                </h3>
                 <p className="mt-2 text-sm leading-relaxed text-muted">{benefit.description}</p>
               </div>
             </FadeIn>