/* ==========================================================================
   Pages builder, conversion pass (15 Oct 2026): /prices/, /how-it-works/,
   /about/, /work/ and the case studies, /refer/, /word-of-mouth/, /thanks/.
   Loaded only by the pages that need it (head(css=("pages",))). Existing
   tokens only: no new colours or fonts.
   ========================================================================== */

/* /prices/: four figures at a glance now ("Bigger builds, quoted" has its own
   band, #sizes), so four columns from 1024 px and only the £0 in blue */
@media (min-width:1024px){.g1-glance{grid-template-columns:repeat(4,minmax(0,1fr))}}
.g1-glance>div:last-child dd{color:var(--ink)}
.g1-glance>div:first-child dd{color:var(--deep)}
/* /prices/: a card's small suffix ("per group") never splits over two lines */
.g1-card__n small{white-space:nowrap}
/* /prices/ #sizes: the note is a div now (aside_link() is a <p> of its own),
   so the link sits 12px under the sentence instead of the default 40px */
.g1-bigger-note .aside-link{margin-top:12px}

/* case studies: the plain-terms line and the measuring note under the
   before-and-after table sit together */
.g2-cmp__note+.g2-cmp__note{margin-top:8px}

/* /check/: the lead box takes an email or a phone number now (type="text"),
   so it is styled by its name, exactly as the email box was */
.g3-lead input[name=email]{flex:1 1 220px;min-width:0;height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:var(--night);color:#fff;font:400 1rem/1.4 var(--body)}
.g3-lead input[name=email]::placeholder{color:var(--mist);opacity:1}
.g3-lead input[name=email]:focus{outline:none;border-color:var(--lift);box-shadow:0 0 0 3px rgba(108,193,255,.25)}
/* /check/: links, the rating and its stars on the night "Want it fixed?" panel */
.g3-fix a:not(.pill){color:var(--lift);font-weight:600}
.g3-fix .trust__rate{margin-top:16px;color:var(--haze)}
.g3-fix .trust__rate b{color:#fff}
.g3-fix .trust__rate svg{fill:var(--lift)}