Wide brand lockup replaces a separate logo bar

The For The 343 / NFFF lockup graphic carries the logo and seal in one compact banner, so no separate navy header bar is needed above it. This plus the title fit in one viewport on a standard phone with zero scrolling required to see the amount grid.

One-Time / Monthly toggle above the amounts

Segmented control, two states, no dropdown. Monthly pre-selected as the default state (matches The 343 Circle recurring-giving strategy) but one tap switches to one-time. Full-width, thumb-height target (44px minimum).

2×2 preset amount grid, not a vertical list

Four large tap targets in a 2-column grid instead of a stacked list. Selected state uses red border + red fill tint, matching brand. “Other” is always the fourth tile, never buried in a separate link.

Tiers reflect the confirmed Givebutter amounts, reordered low to high ($25 Remember the Fallen → $110 Assist the Survivors → $343 Honor the Fallen) — an ascending ladder of commitment rather than leading with the largest ask.

Custom amount as a single persistent row, not a modal

Sits directly below the grid, always visible. Numeric keyboard should trigger automatically on focus (inputmode=”decimal”).

Donor fields cut to three: first name, last name, email

First/last split into one row to save vertical space; email full-width below. Nothing else — company, address, and payment all move to Screen 2, so this first screen stays a single fast decision: how much, and who’s giving.

“Give Now” hands off to Screen 2, doesn’t submit the gift

This button advances the flow — it does not charge the card. Trust line underneath reassures the donor before that handoff, not after a real charge.

Back arrow + amount summary chip, always visible

Donor never loses sight of what they committed to on Screen 1. “Edit” jumps back to Screen 1 without losing anything they’ve typed here.

Company field, clearly marked optional

Sits first since it’s the field most donors skip — marking it “(optional)” right in the label removes any hesitation about whether it’s required, so it doesn’t slow down the fields that actually are.

Billing address: one full-width row, then a 3-up row

Street address alone on its own line (long field, needs the room), then City / State / ZIP compressed into a single row instead of three stacked fields. Cuts roughly 100px of scroll versus a fully stacked layout.

Card info lives on this same screen, as requested

Apple Pay / Google Pay buttons sit above manual entry as the fast path for return donors, then Card Number as one field, Expiry and CVC sharing a row beneath it. No separate payment step or redirect — billing and payment are one screen, one scroll, one “Complete Donation” tap.

Final CTA repeats the exact amount

“Complete Donation — $25/mo” instead of a generic “Submit,” so the last thing a donor confirms before their card is charged is the same number they chose at the very start. Trust line below states plainly that card data is PCI-handled by Givebutter, not stored by For The 343.