Bold Dark SaaS Contact Section with Inline Form — Divi 5 Layout

This is a single-section contact block built on a two-tone dark stack: the outer section runs deep near-black (#0A0A0A) with 140px of vertical breathing room, and a slightly lifted card (#141414) with a 28px radius, a hairline 1px inner border, and a heavy 80px black shadow floats at the center — capped at 1080px so the composition never sprawls on wide monitors. Inside the card, everything is center-aligned along a single column, which keeps the eye moving straight down the stack without a competing sidebar or split hero.

The type hierarchy is deliberately tight. An orange (#FF4D2E) uppercase eyebrow labels the audience, then a 56px h2 in Outfit 700 delivers the ask — Let's map your growth stack together. — with -1px letter-spacing for a modern SaaS feel. A softer 18px paragraph at 72% white opacity handles the response-time promise, followed by an uppercase micro-strip of email, phone, and address in dimmer 55% white. That four-tier hierarchy (accent → headline → body → meta) tells the whole story before the form even appears.

The Contact Form itself sits below at 760px max width, using five native Divi 5 fields: Name, Work Email, Company, and Team Size ride together as half-width pairs (12_24 flex), and the Message textarea takes the full row (24_24). Inputs share the pitch-black background so they nest visually into the card, with 12px rounded corners and a 1px translucent border. The pill 'Send message' button pops in the orange accent with a glowing 36px shadow, then hover-flips to solid white. On phones the row collapses to a single column, the headline scales 56px → 40px → 32px, and the paired form fields stack — so the whole card compresses cleanly on a 360px viewport without touching a setting.