Act as a product marketing designer. Build a features section for {{business_name}} as alternating rows, one per feature: {{features}}. Style: {{visual_style}}. Reuse existing section and image components. Each row: - a short label naming the feature, an h3 benefit headline (24 / 28 / 32px), 2 or 3 sentences of real copy, 2 to 4 specifics as a list, and a link to learn more - a real screenshot cropped to the part of the product that proves the headline, zoomed so its UI text is readable, not the whole app shrunk Screenshots: same theme, scale and frame across rows (1px border, the app's radius, no shadow or one soft one); captured at 2x, AVIF or WebP, width and height set, srcset and sizes; lazy-load below the fold; alt text describes what the screen shows. Up to 3 numbered markers on the image that match numbered items in the text. Layout: - 1280: image 7 columns and text 5, swapping sides each row, text vertically centered; max width 1200px - 768 and 360: stacked, text first and image second, every row the same; never alternate on phones - spacing between rows 64 / 96 / 128px States: a missing screenshot drops the image column and the text centers at max 640px, and you flag it in the change list; long headlines wrap to 3 lines at 360; links have hover, focus-visible and active styles. Variety: if there are more than 4 rows, make one row a quote or a number instead, so the rhythm doesn't go numb. Motion: each row fades up 16px over 400ms once when it enters; none under prefers-reduced-motion. Avoid: floating phones at angles, fake data like "Acme Inc", every row starting with the same sentence shape, icons in gradient circles. Ask for screenshots I haven't provided rather than inventing UI.