New pricing tiers: Developer, Editor, and White Glove

[alexhking]

Replaces the single itemized $14/mo panel on /pricing with three tiers — Developer ($5), Editor ($15), and White Glove ($150). Same simple pricing, aimed at three buckets of users instead of one: someone who just wants hosting isn't served by a plan bundling an editor they'll never open.

Changes

• [pricing.items] becomes [pricing.tiers] — each tier carries its own price, feature list, and CTA. One level of children, so no nested-child support required.
• Editor is highlighted with the existing glow-container treatment rather than a "most popular" badge, so the page still has exactly one glowing panel and the emphasis comes from the site's own visual language.
• White Glove links to white-glove@archival.dev with a quieter secondary button, since a conversation isn't the same action as self-serve signup.
• Diamond icon for White Glove, filled rather than stroked to match the supplied artwork.
• Final copy for all three tiers by @jesseditson.

Alignment

The featured tier reads larger via grid geometry rather than transform: scale(), which would have resampled its text and glow edge against crisp neighbours.

That larger box has to not disturb the row: it grows 1.25rem in each direction via a negative margin, so its vertical padding is 2rem + 1.25rem = 3.25rem to cancel exactly. Content top lands at row_top + 2rem and the CTA baseline at row_bottom − 2rem, matching both neighbours. The inset is even on all four sides, with the column at 1.18fr so the extra horizontal padding doesn't leave the featured tier with less usable text width than the others (281.9px vs 263.0px at the 68rem cap).

.pricing-tier-audience reserves two lines so White Glove's longer audience doesn't push its price and features out of line — three lines between 901px and 1328px where the columns narrow, none once the tiers stack.

Copy kept in sync

Three places outside /pricing referenced the old flat price or drifted from the real tiers:

• objects/home.toml said $14 was "the whole price: no tiers, no hidden charges" — which renders into dist/llms.txt, so the site would have been telling LLMs there are no tiers while /pricing showed three. Rewritten from the actual tier content, with the plans named, since that's how people will ask about them.
• The same paragraph claimed the $15 plan "includes 100GB of bandwidth", which contradicts the Developer tier's virtually unlimited traffic now that the real feature lists are in.
• Its closing paragraph offered "hiring the archival team to build something custom" at pricing@archival.dev, competing with White Glove and its own address. Reworded so pricing@ covers what the three plans don't: custom work beyond White Glove, or hosting at volume.
• pages/product.liquid had a mock settings panel reading a bare $14/mo; it now names the plan too — Editor · $15/mo.

No $14 or "no tiers" string remains anywhere in source or build output.

Cleanup included

• Removes the accordion, which bound click to a plain <div> with no tabindex or aria-expanded — it was unreachable by keyboard. Three real <a> CTAs replace it.
• Deletes ~105 lines of dead .pricing-card* / .pricing-list / .pricing-check CSS left over from an earlier card-based pricing design, referenced by no template, plus the retired breakdown/item/total rules and their stale mobile overrides.

Net −250 lines.

Unrelated drive-by fix

Bundled at Alex's request rather than split out: the contact section wrapped "Connect With Us" onto two lines at 1328px and below.

.contact-container is capped at max-width: 30rem, and Tailwind's preflight makes it border-box, so the padding: 0 4rem added at that breakpoint was subtracted from the cap instead of sitting outside it — leaving 22rem of usable content. Above 1328px there's no padding, which is why the break only showed below it. Setting box-sizing: content-box keeps 30rem of actual content at every breakpoint; nothing changes above 1328px.

The fix goes in the nested .lower-container block because that rule ships as native CSS nesting, so it computes at (0,2,0) and outranks the bare .contact-container selectors in the media queries — a max-width added there would have been silently overridden.

Verification

archival build exits 0 and tailwind rebuilds clean. Rendered output confirmed: three tiers at the right prices, CTAs resolving correctly, exactly one featured panel (editor), markdown rendering to 3 lists, and zero orphaned pricing selectors in source or compiled CSS.

Visual review was done by @alexhking against local screenshots — the browser tooling wasn't available on my side, so the layout, the featured tier's sizing, and the spacing are confirmed by eye rather than automated check.