How It Works Sections

Three-column grid of soft-tinted rounded cards with centered brand-colored step titles and concise descriptions under a centered section header.

Three-column bordered card grid with a top row pairing faded step titles and pill category badges above bottom-bordered headings and descriptions.

Dark four-column staggered grid of translucent gradient cards under a split header, pairing faded step numbers and bordered icon boxes above titles and descriptions.

Four-column white card grid under a split header, pairing faded top-left step numbers and top-right icon badges above bold titles and descriptions.

Four-column staggered grid of vertically offset white cards on a soft-tinted background, each stacking a bold oversized brand number, title, and description.

Split header above a two-column layout pairing a four-step interactive numbered accordion on the left with a large rounded photo on the right.

Three-column horizontal icon timeline under a centered header, connecting outlined circular icon badges with a solid brand line above centered titles and descriptions.

Dark banner card under a split header, blending a three-step vertical checkmark timeline on the left with a gradient-masked photo on the right.

Three-column bordered card grid stacking fractional step counters, titles, widescreen photos, descriptions, and checkmark lists that elevate with white backgrounds on hover.

Four-column horizontal process timeline under a centered header, connecting dashed circular number badges with dashed lines above left-aligned titles and descriptions.

Split section header above a four-column grid of centered white bordered cards stacking rounded icon badges, bold brand numbers, titles, and descriptions.

Left-aligned header above a four-column minimal grid stacking large faded step numbers that turn solid brand color on hover over titles and descriptions.

Left-aligned section header above a three-column horizontal row where each step pairs an outlined square number badge beside a bold title and description.

Two-column layout pairing a sticky left section header with a seven-step vertical timeline of outlined circular number badges connected by a solid line.

Three-column white card grid with split header, circular icon badges, numbered titles, descriptions, and top-bordered footers displaying pipe-separated feature tags.

Dark three-column grid combining a top-left section header with five translucent step cards featuring rotating brand number badges inline with titles.

Four-column minimal process row where each step features an accented uppercase step label, bold title, description, and animated bottom hover border.

Four-step alternating vertical center timeline with dashed connectors, speech-bubble cards, parallax outlined step headers, icon badges, and three-item checkmark lists.

Four-card bordered white grid with top-left icon badges and large outlined corner numbers beneath a split header, plus a centered bottom CTA.

Single-column vertical timeline of three dashed-connected steps, each pairing a rounded number badge, step label, title, and description with a right-side illustration.

Three-column grid of soft-tinted cards with top-left brand icons and oversized outlined step labels overlapping the top edge that fill on hover.

Two-column split layout with three stacked steps featuring circular number badges and dashed dividers on the left alongside a tall right photo.

Two-column split layout pairing a tall left photo with a four-step grid featuring large faded numbers and animated bottom hover borders.

Three-column grid of soft-tinted rounded cards topped by uppercase step labels and circular brand-colored number badges above titles and descriptions.

Six-card bordered white grid across two rows, each step pairing a top-left icon badge and muted step label with a title and description.

Three-column minimal step layout featuring oversized faded numbers, centered brand-colored titles, and descriptions without card borders or backgrounds.