Add package links to landing page

site/decodal-site/src/style.css

@@ -518,6 +518,46 @@ button:disabled {
   color: var(--text);
 }
 
+.home-packages {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 18px;
+  margin-bottom: 1.5rem;
+  padding: 1.4rem;
+}
+
+.home-packages h2 {
+  margin-top: 0;
+}
+
+.package-links {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.package-links a {
+  border: 1px solid var(--border);
+  border-radius: 14px;
+  display: block;
+  padding: 1rem;
+  text-decoration: none;
+}
+
+.package-links span {
+  color: var(--muted);
+  display: block;
+  font-size: 0.9rem;
+  margin-bottom: 0.3rem;
+}
+
+.package-links strong {
+  color: var(--text);
+  display: block;
+  font-size: 0.95rem;
+  overflow-wrap: anywhere;
+}
+
 .home-grid {
   display: grid;
   gap: 1rem;
@@ -564,7 +604,8 @@ button:disabled {
   }
   .playground-shell,
   .home-grid,
-  .home-example {
+  .home-example,
+  .package-links {
     grid-template-columns: 1fr;
   }
   .hero {