.manifesto { max-width: 640px; font: 400 20px/1.45 var(--font-text); color: var(--fg); margin-bottom: 40px; }
.prod-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.prod { position: relative; display: flex; gap: 24px; padding: 24px; min-height: 220px; }
.prod-icon { width: 96px; height: 96px; border-radius: 22px; flex: none; }
.prod-body { display: flex; flex-direction: column; gap: 8px; padding-right: 32px; }
.prod-name { font: 700 22px/1.2 var(--font-display); color: var(--fg); }
.prod-line { color: var(--fg-2); }
.prod-status { color: var(--accent); }
.prod .arrow { position: absolute; top: 24px; right: 24px; }
@media (max-width: 640px) { .prod-grid { grid-template-columns: 1fr; } .prod { flex-direction: column; } }