/* * The helicopter calculator page. * * THIS IS THE DESIGN HANDOFF OF 16 AUGUST 2026, REVISED 17 AUGUST, turned into classes. * * The revision changed no copy and no page order. It replaced three loose systems with three * constrained ones, and that is the whole point of it: * * ONE TYPE LADDER, WITH HARD FLOORS. Six steps, nothing between them. The floors matter more * than the ceilings: section headings now hold 28px on a phone where they used to fall to * 20px and sit almost on top of the body text under them. * * ONE 8px SPACING RAMP. 8 / 16 / 24 / 32 / 48 / 64 / 96. Nothing off-scale. The old set had a * 40px step and a 160px band inset that belonged to no ramp. * * ONE 12-COLUMN GRID. 12 columns of 64px with 32px gutters makes the 1120px container, and * only four layout patterns are allowed: 12, 8+4, 6+6, 4+4+4. Text measure now comes from * those spans rather than from character counts — there is not one `ch` value left on the * page, and there should not be. A `ch` measure and a column measure disagree at every * viewport, so a page using both is really using neither. * * The system is the flight calculator's, which the handoff reuses deliberately: "the two pages * are the same page with different words". Scoped `.cl-hc` so neither can disturb the other. * * LIME IS RESERVED for actions and one emphasis line per dark band: the card's top rule, the * calculate button, "Register your interest", "Offer this calculator to your clients", the * closing call to action, and the hero's lime paragraph. Nothing else. A sixth lime thing * weakens the other five. * * THERE IS EXACTLY ONE MEDIA QUERY, and it moves the page gutter from 24px to 32px at 800px. * Everything else reflows through auto-fit grids that collapse when content stops fitting, * clamp() on the type and padding that shrink, and flex-wrap with token gaps. Adding a second * breakpoint starts a system competing with this one. * * WHY THIS IS A FILE AND NOT A