4.2.1 polish

src/lib/components/PricingPage.svelte

@@ -96,6 +96,22 @@
       {#if pageContent.subtitle}
         <p class="pricing-page-sub">{pageContent.subtitle}</p>
       {/if}
+
+      <a
+        class="pricing-trust"
+        href="https://g.page/r/CUsvrWPhkYrAEB0/"
+        target="_blank"
+        rel="noopener"
+        aria-label="Read our 5-star Google reviews"
+      >
+        <span class="pricing-trust-stars" aria-hidden="true">
+          {#each Array(5) as _}
+            <Icon name="fas fa-star" />
+          {/each}
+        </span>
+        <span class="pricing-trust-label">30+ five-star Google reviews</span>
+        <Icon name="fas fa-arrow-right" className="pricing-trust-arrow" />
+      </a>
     </div>
   </section>
 
@@ -204,6 +220,46 @@
     color: rgba(255, 255, 255, 0.7);
   }
 
+  .pricing-trust {
+    display: inline-flex;
+    align-items: center;
+    gap: 12px;
+    margin-top: 22px;
+    padding: 9px 18px;
+    border-radius: 999px;
+    background: rgba(255, 255, 255, 0.1);
+    border: 1px solid rgba(255, 255, 255, 0.18);
+    color: #fff;
+    font-size: 14px;
+    font-weight: 600;
+    text-decoration: none;
+    transition:
+      background 0.2s ease,
+      transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
+  }
+
+  .pricing-trust:hover {
+    background: rgba(255, 255, 255, 0.18);
+    transform: translateY(-1px);
+  }
+
+  .pricing-trust-stars {
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    color: var(--yellow);
+    font-size: 13px;
+  }
+
+  .pricing-trust-label {
+    letter-spacing: 0.01em;
+  }
+
+  :global(.pricing-trust .pricing-trust-arrow) {
+    font-size: 12px;
+    opacity: 0.85;
+  }
+
   .pricing-section-heading h2 {
     margin: 0;
     text-align: center;