Why it is here

Progressive disclosure
without lost context.

The tabs and matrix solve different jobs. The opening switch makes a wide product inventory feel small by showing only the card set relevant to one audience. The table refuses that simplification once comparison begins: all six columns return, organized into named feature groups, and their header follows the reader. The first view supports recognition; the second supports proof.

The narrow layout is the sharper choice. Instead of stacking six plan cards or forcing a wide table off screen, it turns each plan into a tiny color identity, repeats that key above the rows, and preserves one value slot per plan. Kaki keeps that density but changes the implementation boundary: the source renders its comparison from div grids, while this reconstruction uses table headers and row headers so the visual relationships also exist in the document structure.

The page separates two different pricing questions without making them compete. The tabs answer “which context am I buying for?” with a short card set; the matrix below answers “what changes between every tier?” and keeps that full comparison stable no matter which audience was selected above.