fix: unclip Cartographer brand descender, slow suggestion box stagger

- sidebar-brand-name: line-height 1.1→1.2 + padding-bottom 0.08em
fixes 'g' descender clipping caused by background-clip gradient mask
- suggestionIn: duration 560ms→800ms, stagger 80+90i→150+180i ms
makes the 3 landing boxes cascade visibly instead of all at once

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ui/src/App.jsx

@@ -807,7 +807,7 @@ export default function App() {
                         { icon: "explore", title: "Explore the structure", body: "Concept map of key components and how they connect." },
                       ].map(({ icon, title, body }, i) => (
                         <div key={title} className="suggestion-btn"
-                          style={{ animationDelay: `${80 + i * 90}ms`, cursor: "default" }}>
+                          style={{ animationDelay: `${150 + i * 180}ms`, cursor: "default" }}>
                           <span className="suggestion-icon">{ICONS[icon]}</span>
                           <span className="suggestion-content">
                             <span className="suggestion-title">{title}</span>

ui/src/index.css

@@ -296,7 +296,8 @@ textarea:focus-visible {
   background-clip: text;
   color: #FFFFFF;
   letter-spacing: -0.02em;
-  line-height: 1.1;
+  line-height: 1.2;
+  padding-bottom: 0.08em;  /* gradient clip mask cuts descenders — padding restores them */
 }
 
 /* ── Sidebar sections — gradient dividers instead of harsh solid lines ─────── */
@@ -1358,9 +1359,9 @@ textarea:focus-visible {
   animation: onboardIn 580ms cubic-bezier(0.16, 1, 0.3, 1) both;
   animation-delay: 0ms;
 }
-.onboarding-steps .onboarding-step:nth-child(2) { animation: onboardIn 800ms cubic-bezier(0.16, 1, 0.3, 1) 180ms both; }
-.onboarding-steps .onboarding-step:nth-child(3) { animation: onboardIn 800ms cubic-bezier(0.16, 1, 0.3, 1) 320ms both; }
-.onboarding-steps .onboarding-step:nth-child(4) { animation: onboardIn 800ms cubic-bezier(0.16, 1, 0.3, 1) 460ms both; }
+.onboarding-steps .onboarding-step:nth-child(2) { animation: onboardIn 560ms cubic-bezier(0.16, 1, 0.3, 1) 120ms both; }
+.onboarding-steps .onboarding-step:nth-child(3) { animation: onboardIn 560ms cubic-bezier(0.16, 1, 0.3, 1) 210ms both; }
+.onboarding-steps .onboarding-step:nth-child(4) { animation: onboardIn 560ms cubic-bezier(0.16, 1, 0.3, 1) 300ms both; }
 
 /* Header for onboarding section */
 .onboarding-header {
@@ -1560,7 +1561,7 @@ textarea:focus-visible {
 /* Staggered entrance — delay set inline via animationDelay style prop in App.jsx
    so index-based order is always guaranteed correct */
 @keyframes suggestionIn {
-  from { opacity: 0; transform: translateY(10px); }
+  from { opacity: 0; transform: translateY(16px); }
   to   { opacity: 1; transform: translateY(0); }
 }
 
@@ -1578,7 +1579,7 @@ textarea:focus-visible {
   padding: 13px 14px 13px 14px;
   text-align: left;
   transition: border-color var(--transition), background var(--transition), transform var(--transition), box-shadow var(--transition);
-  animation: suggestionIn 560ms cubic-bezier(0.16, 1, 0.3, 1) both;
+  animation: suggestionIn 800ms cubic-bezier(0.16, 1, 0.3, 1) both;
   box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 4px 16px rgba(0,0,0,0.15);
 }