refactor: simplify primary workflows

packages/ui/app-shell.css

@@ -396,3 +396,218 @@ p {
     transition-duration: 0.01ms !important;
   }
 }
+
+/* Compact, task-first landing page. */
+.landing-header {
+  display: flex;
+  width: min(1120px, calc(100% - 40px));
+  min-height: 64px;
+  margin: 0 auto;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  border-bottom: 1px solid var(--line);
+}
+
+.landing-brand,
+.landing-docs {
+  color: inherit;
+  font-weight: 760;
+  text-decoration: none;
+}
+
+.landing-brand {
+  font-size: 1rem;
+  letter-spacing: -0.035em;
+}
+
+.landing-docs {
+  color: var(--muted);
+  font-size: 0.78rem;
+}
+
+.landing-docs:hover,
+.landing-docs:focus-visible {
+  color: var(--text);
+}
+
+.landing-header .status-row {
+  justify-content: center;
+  margin-left: auto;
+}
+
+.landing-shell {
+  width: min(960px, calc(100% - 40px));
+  padding: clamp(44px, 8vw, 84px) 0 36px;
+}
+
+.landing-intro {
+  max-width: 720px;
+}
+
+.landing-intro .eyebrow {
+  margin-bottom: 10px;
+}
+
+.landing-intro h1 {
+  margin-bottom: 12px;
+  font-size: clamp(2.25rem, 6vw, 4.2rem);
+  font-weight: 760;
+  letter-spacing: -0.065em;
+  line-height: 1;
+}
+
+.landing-intro > p:last-child {
+  margin-bottom: 0;
+  color: #c8d9d3;
+  font-size: clamp(0.95rem, 2vw, 1.1rem);
+  line-height: 1.6;
+}
+
+.landing-shell .launcher-grid {
+  gap: 16px;
+  margin-top: 28px;
+}
+
+.landing-shell .launcher-card {
+  grid-template-rows: auto 1fr auto;
+  min-height: 250px;
+  padding: clamp(22px, 4vw, 30px);
+  border-radius: 20px;
+  box-shadow: 0 16px 48px rgb(0 0 0 / 20%);
+}
+
+.landing-shell .launcher-card:hover,
+.landing-shell .launcher-card:focus-visible {
+  transform: translateY(-3px);
+}
+
+.launcher-card__number {
+  font: 750 0.7rem ui-monospace, SFMono-Regular, Consolas, monospace;
+}
+
+.launcher-card__kicker {
+  margin: 28px 0 6px !important;
+  color: var(--mint) !important;
+  font-size: 0.7rem;
+  font-weight: 760;
+  letter-spacing: 0.08em;
+}
+
+.launcher-card--accent .launcher-card__kicker {
+  color: var(--cyan) !important;
+}
+
+.landing-shell .launcher-card h2 {
+  margin-bottom: 10px;
+  font-size: clamp(1.45rem, 3vw, 2rem);
+}
+
+.landing-shell .launcher-card p {
+  line-height: 1.6;
+}
+
+.landing-shell .launcher-card__action {
+  margin-top: 24px;
+  font-size: 0.84rem;
+}
+
+.workflow-disclosure {
+  margin-top: 16px;
+  padding: 0 18px;
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  background: rgb(255 255 255 / 2%);
+}
+
+.workflow-disclosure summary {
+  padding: 16px 0;
+  color: #c8d9d3;
+  cursor: pointer;
+  font-size: 0.82rem;
+  font-weight: 700;
+}
+
+.workflow-disclosure[open] summary {
+  border-bottom: 1px solid var(--line);
+}
+
+.workflow-disclosure .workflow-list {
+  margin: 16px 0 12px;
+}
+
+.workflow-disclosure .workflow-list li {
+  min-height: 78px;
+  padding: 12px;
+  border-radius: 10px;
+}
+
+.workflow-disclosure .workflow-list li::before {
+  margin-bottom: 9px;
+  font-size: 0.62rem;
+}
+
+.workflow-disclosure .workflow-list strong {
+  font-size: 0.78rem;
+}
+
+.workflow-disclosure .workflow-list span {
+  margin-top: 4px;
+  font-size: 0.68rem;
+  line-height: 1.4;
+}
+
+.workflow-disclosure .workflow-note {
+  margin: 0 0 16px;
+  font-size: 0.74rem;
+  line-height: 1.55;
+}
+
+.workflow-disclosure .workflow-note a {
+  color: var(--mint);
+}
+
+@media (max-width: 720px) {
+  .landing-header {
+    min-height: 58px;
+    gap: 10px;
+  }
+
+  .landing-header .status-chip--neutral {
+    display: none;
+  }
+
+  .landing-shell .launcher-card {
+    min-height: 220px;
+  }
+}
+
+@media (max-width: 430px) {
+  .landing-header,
+  .landing-shell {
+    width: min(100% - 28px, 960px);
+  }
+
+  .landing-header {
+    flex-wrap: wrap;
+    padding-top: 12px;
+  }
+
+  .landing-header .status-row {
+    order: 3;
+    width: 100%;
+    margin: 0 0 10px;
+  }
+
+  .landing-shell {
+    padding-top: 36px;
+  }
+
+  .landing-intro h1 {
+    font-size: 2.25rem;
+  }
+
+  .landing-shell .launcher-card {
+    min-height: 205px;
+  }
+}