settings site changes

settings-site/public/css/main.css

@@ -194,6 +194,7 @@ body::before {
 
 /* Sections */
 .section { margin-bottom: 20px; }
+.section.hidden { display: none; }
 .section-header {
   background: var(--surface);
   border: 1px solid var(--border);
@@ -1023,4 +1024,49 @@ button.ss-chip {
   line-height: 1.4;
 }
 
+/* Landing / home card grid */
+.landing-section { margin-bottom: 20px; }
+.landing-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 16px;
+}
+.landing-card {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 20px 22px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  text-decoration: none;
+  color: var(--text);
+  transition: border-color 150ms ease, background 150ms ease;
+}
+.landing-card:hover {
+  border-color: var(--border-strong);
+  background: var(--surface-2);
+}
+.landing-card-body { flex: 1; min-width: 0; }
+.landing-card h3 {
+  font-family: var(--font-title);
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--text);
+  margin-bottom: 4px;
+}
+.landing-card p {
+  font-family: var(--font-body);
+  font-size: 13px;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+.landing-card .chevron {
+  color: var(--primary);
+  font-size: 14px;
+  transition: transform 150ms ease;
+}
+.landing-card:hover .chevron { transform: translateX(3px); }
+