Update sign up page with new designs for price selection.

[deathbearbrown]

This closes
#2119

One thing I cannot figure out is setting $tab globally in order to get the nav highlighted. I set it in signup-flow-step-1.php before the require_once of the header.inc, which is what checks for tab and sets it to string (tab is later used in wpt-header.php) but... it doesn't add to the global space....

[stoyan]

Nit: possible to update the page title? Maybe it's just for power users but I have too many "WebPageTest" tabs :)

[stoyan]

Nit: overlap in some screen sizes

[scottjehl]

This looks GREAT!

A couple very small things I noticed before it's ready to go:

• At tablet-ish breakpoints, the top text gets crashy with black text over the purple. I think those breakpoints could have a good amount of margin under the purple header to give the text some space over the white.

- The WPT pro logo and text can swap out for this in an image element for alignment and consistency /images/wpt-logo-pro.svg

- minor thing, but for units, I've been trying to shift text a touch smaller, and the weight to normal or light for more texture. That impacts a couple places on this page:

and

- These x icons can be more consistent with the green checks by using this SVG: https://user-images.githubusercontent.com/214783/181105702-3c58def5-332d-4a7f-bb82-68b899750c4d.svg

[scottjehl]

Nit: possible to update the page title? Maybe it's just for power users but I have too many "WebPageTest" tabs :)

I think that'd be a good global issue to look at yeah?

[scottjehl]

A couple more weird ones.

• On iOS, the yellow buttons have white text for me. Maybe iOS needs a reset on button text or appearance?
• Also on iOS, the page breaks out horizontally. It looks like the button flex layout needs to wrap for the contact us box, and maybe the buttons up top need some slightly smaller font size, padding, margin?

[deathbearbrown]

• more breakpoints for header overlap
• change to WPT pro logo
• switch bold font-weight to normal or lighter for units on buttons and callouts
• update the X circle icon
• iOS buttons are white text
• iOS breaks weird around the contact us page?
• add a new title (temporarily for this page just update it)

[deathbearbrown]

I think I fixed the header overlap thing yesterday and must have not made a note of it cause I can't recreate it now. :/

[scottjehl]

Great stuff. Thanks!