.capabilities-grid { display: grid; gap: 0.85rem; }
.capability-card {
  --cap-accent: var(--color-blue);
  position: relative;
  display: grid;
  min-height: 31rem;
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: start;
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--cap-accent) 13%, var(--color-transparent)), var(--color-transparent) 30%), linear-gradient(160deg, var(--color-surface-card-a), var(--color-surface-row-b));
}
.capability-card:nth-child(2) { --cap-accent: var(--color-blue-2); }
.capability-card:nth-child(3) { --cap-accent: var(--color-cyan); }
.capability-card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.capability-card__number { color: var(--cap-accent); font-family: var(--font-mono); font-size: 0.72rem; }
.capability-card h3 { max-width: none; margin-top: 2rem; font-size: clamp(1.9rem, 3.2vw, 2.65rem); line-height: 1; text-wrap: balance; }

.mini-interface { position: relative; min-height: 12rem; align-self: end; overflow: hidden; margin-top: 2rem; border: 1px solid var(--color-rule); border-radius: 1rem; background: var(--color-paper-2); box-shadow: var(--shadow-card); }
.mini-workflow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; align-items: center; padding: 2rem 1rem; }
.mini-node { position: relative; display: grid; min-height: 4.5rem; place-items: center; padding: 0.6rem; border: 1px solid var(--color-rule); border-radius: 0.8rem; background: var(--color-ink-03); color: var(--color-muted); font-size: 0.6rem; text-align: center; }
.mini-node:not(:last-child)::after { position: absolute; width: 0.65rem; height: 1px; left: calc(100% + 1px); top: 50%; background: var(--cap-accent); content: ""; box-shadow: 0 0 0.7rem var(--cap-accent); }
.mini-chart { display: grid; height: 9.7rem; grid-template-columns: repeat(7, 1fr); gap: 0.45rem; align-items: end; padding: 1.3rem; }
.mini-chart i { height: var(--h); border-radius: 0.35rem 0.35rem 0 0; background: linear-gradient(var(--cap-accent), var(--color-ink-05)); opacity: 0.8; }
.mini-chart i:nth-child(1) { --h: 35%; }
.mini-chart i:nth-child(2) { --h: 62%; }
.mini-chart i:nth-child(3) { --h: 48%; }
.mini-chart i:nth-child(4) { --h: 88%; }
.mini-chart i:nth-child(5) { --h: 72%; }
.mini-chart i:nth-child(6) { --h: 94%; }
.mini-chart i:nth-child(7) { --h: 78%; }
.mini-agent { display: grid; gap: 0.65rem; padding: 1rem; }
.mini-agent span { width: 78%; height: 1.8rem; border-radius: 0.65rem; background: var(--color-ink-04); }
.mini-agent span:nth-child(2) { width: 68%; margin-left: auto; background: color-mix(in srgb, var(--cap-accent) 12%, var(--color-transparent)); }
.mini-agent span:nth-child(3) { width: 88%; height: 2.6rem; }

.press-wall { display: grid; min-height: 31rem; align-content: center; border-block: 1px solid var(--color-rule-2); }
.press-wall strong { display: block; padding: 1rem 0.25rem; border-bottom: 1px solid var(--color-rule); color: var(--color-ink-2); font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 3.6rem); font-weight: 600; letter-spacing: -0.045em; line-height: 1; }
.press-wall strong:first-child { color: var(--color-ink); }
.press-wall strong:last-child { border-bottom: 0; }
.press-wall--compact { min-height: 0; }
.press-wall--compact strong { font-size: clamp(1.55rem, 3.2vw, 2.65rem); }

.not-found { display: grid; min-height: 100svh; align-content: center; gap: 1.4rem; }
.not-found__code { color: var(--color-blue); font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }