/* Local edits on top of the Framer export.
   Applied as CSS, not by deleting nodes: the page is a hydrated React tree, so
   markup removed from the static HTML is re-inserted on hydration. */

/* "I'm ready to grow my business" - Calendly CTA, home page. */
.framer-88wOy,
/* "In case you have any questions... / If you trust us, but still need to
   verify..." block: Service Journey, FAQs and Book-a-call links. All pages.
   Do not widen this to .framer-pzsJ1 - the site footer shares that class.
   Removing these shortens the home page, which is why the copy reveal is
   re-driven from scroll position in tweaks.js rather than left to Framer. */
.framer-zzwdeg {
  display: none !important;
}

/* The Formspark form on /Support. Its submissions went to an outside company.
   Hidden rather than removed - the page is a hydrated React tree - and
   support-form.js mounts our own form into the same container. Scoped to the
   container's React child so our form, which is a sibling of it, still shows. */
.framer-jym69d-container > div:not([data-wrk-form]) {
  display: none !important;
}
.framer-jym69d-container {
  display: flex;
  align-items: stretch;
  /* Framer fixed this at 290px for a three-field form. Ours has a subject line
     and a verification widget, and a fixed height centred the overflow, so the
     top of the form rode up over the page heading. Let it grow. */
  height: auto !important;
  min-height: 290px;
}
