Build one responsive process section from the supplied background assets. Reproduce the reference composition exactly: ONLY three rounded image-backed tiles with interface content inside. Do not add a section heading, step numbers, captions, explanatory paragraphs, navigation, page footer, or labels beneath the tiles. The three tiles are one cohesive section, not three hero sections.

ASSETS
Use these exact local files from the included assets folder; do not generate substitute landscapes:
audit-light: assets/audit-light.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-analyze-day.webp)
build-light: assets/build-light.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-build-day.webp)
scale-light: assets/scale-light.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-scale-day.webp)
audit-dark: assets/audit-dark.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-analyze-night.webp)
build-dark: assets/build-dark.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-build-night.webp)
scale-dark: assets/scale-dark.webp (source: https://backgrounds.venust.ai/media/our-choice/our-choice-scale-night.webp)
Use the light images in light mode and the corresponding dark images in dark mode. Do not fake the dark imagery by merely dimming the light photos. All six backgrounds are AI-generated library assets shared under CC0; the reference UI is recreated as live HTML and CSS, not flattened into a screenshot.

DESKTOP GEOMETRY
Max section width 1440px. Three equal columns, 32px gap. Each tile has a 4:3 aspect ratio, 30px radius, overflow hidden, and an edge-to-edge background image with object-fit: cover, object-position: center. Stagger the tiles vertically: tile one at 0px; tile two at 30px; tile three at 60px. Include the stagger in layout height, not a transform that overlaps the following section. Keep tiles within the available width, without horizontal scrolling. At a 1440px container, tile widths are roughly 459px.
Only the image and its internal content appear in each tile; external surrounding page chrome is not part of this section.

TILE 1: AUDIT
Cloud-ridge photo. Center a white rounded panel, 76% of tile width, inside the image. Panel radius 13px, padding 22px, subtle 1px neutral border, no heavy shadow. Top title "Growth audit", 16px semibold. Under it, three real bullet-list items: "Offer and audience", "Where leads leak", "Fastest path to revenue". Body 16px, line-height 1.5, muted warm gray. Vertical spacing between rows 10px. No icon above the title.

TILE 2: BUILD
Layered-stone photo. Center a horizontal white pill, 82% of tile width and 58px tall. Full pill radius. Padding 20px. Small 20px outlined sparkle icon on the left, then exact text "Your next campaign" in 16px regular sans. A small outlined cursor-arrow icon is aligned at the far right. Balanced vertical alignment. This is a static illustrative command bar, not a real input; do not add a blinking caret, send button, loading effect, or extra form controls.

TILE 3: SCALE
Mountain-range photo. Center a white chart panel, 82% of tile width, radius 13px, padding 20px. Header row: "Leads" in 16px semibold on left; "+312%" in restrained green on right. Below, eight gray rounded bars aligned to a common bottom baseline, with heights 24, 33, 28, 42, 36, 52, 44, and 58px, equal widths, 8px gaps, and 10px top radii. The sequence is intentionally uneven, not strictly increasing. In light mode bars step from medium gray toward charcoal. No axes, gridlines, legend, dates, extra statistics, or animated counting. Provide an accessible text description of this illustrative trend; the metric is example content, not a factual business claim.

TYPOGRAPHY AND THEMES
Use Satoshi (or a close neutral sans-serif fallback), with natural letter spacing and no display serif. Light mode: white panels, #171717 titles, #64635f body, #168256 metric, very light borders; imagery remains naturally colored. Dark mode: #121212 panels, #f4f4f1 titles, #a3a3a0 body, #7acb95 metric, thin #363636 borders. Use the supplied monochrome nighttime photos. In dark mode bars range from dark gray toward light gray. Retain exactly the same content and geometry in both themes. Inherit the site's theme and respect prefers-color-scheme as a fallback; support an explicit light/dark preview override. Do not add a theme toggle within the section itself.

RESPONSIVE BEHAVIOR
Above 760px section width, use the three-column stagger. At 760px and below, stack tiles in source order in one column, remove stagger, use a 24px vertical gap, and retain the 4:3 image ratio. On narrow screens use 22px outer radius, 12px inner radius, panel padding 16px, text 14px. Keep the pill and chart inside their image with visible image space around every side. Cap the mobile section at 520px and center it. At widths between 761px and 1100px, scale internal text to 14px and padding to 16px so all labels fit. Do not crop the internal content, wrap "Your next campaign", or let cards overflow.

IMPLEMENTATION AND ACCESSIBILITY
Create a reusable React + TypeScript component with semantic section/list markup and isolated CSS. Background images should be decorative with empty alt text because the visible panel content is real DOM text. Keep one accessible description for the chart. Use outlined SVG icons (Phosphor Sparkle and Cursor or equivalent); hide decorative icons from assistive technology. The illustrative panels are not controls and should not enter keyboard tab order. No automatic motion, no sticky scroll, no parallax, no new dependencies needed beyond React and optional icons. Keep imagery separate from the editable DOM content. Return the complete component and styles with no placeholders.