{"id":6,"date":"2026-09-28T10:11:38","date_gmt":"2026-09-28T10:11:38","guid":{"rendered":"https:\/\/www.clientqueries.com\/?page_id=6"},"modified":"2026-09-28T11:28:19","modified_gmt":"2026-09-28T11:28:19","slug":"client-queries","status":"publish","type":"page","link":"https:\/\/www.clientqueries.com\/","title":{"rendered":"Client Queries"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   CLIENT QUERIES \u2014 EARLY ACCESS LANDING PAGE\n   ========================================================= *\/\n\n#cq-landing {\n  --cq-navy: #071638;\n  --cq-blue: #315bf5;\n  --cq-text: #657596;\n  --cq-border: #d5ddeb;\n  --cq-white: #ffffff;\n\n  min-height: 100vh;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 50px 24px 70px;\n\n  background:\n    radial-gradient(\n      circle at 50% 20%,\n      #ffffff 0%,\n      #ffffff 30%,\n      #f9fbff 70%,\n      #f1f5ff 100%\n    );\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n               Inter, Roboto, Helvetica, Arial, sans-serif;\n\n  color: var(--cq-navy);\n}\n\n#cq-landing *,\n#cq-landing *::before,\n#cq-landing *::after {\n  box-sizing: border-box;\n}\n\n\/* Decorative background shapes *\/\n\n#cq-landing::before,\n#cq-landing::after {\n  content: \"\";\n  position: absolute;\n  pointer-events: none;\n  z-index: 0;\n  border-radius: 50%;\n  background: rgba(49, 91, 245, 0.055);\n}\n\n#cq-landing::before {\n  width: 750px;\n  height: 750px;\n  left: -430px;\n  bottom: -490px;\n}\n\n#cq-landing::after {\n  width: 900px;\n  height: 500px;\n  right: -390px;\n  bottom: -350px;\n  transform: rotate(-12deg);\n}\n\n.cq-container {\n  width: 100%;\n  max-width: 760px;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n\n\/* =========================================================\n   LOGO\n   ========================================================= *\/\n\n.cq-logo {\n  margin: 0 auto 50px;\n}\n\n.cq-logo-mark {\n  height: 46px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 9px;\n}\n\n.cq-logo-circle {\n  width: 39px;\n  height: 39px;\n  border: 6px solid var(--cq-navy);\n  border-radius: 50%;\n  display: block;\n}\n\n.cq-logo-circle + .cq-logo-circle {\n  margin-left: -13px;\n  border-color: var(--cq-blue);\n  position: relative;\n}\n\n.cq-logo-circle + .cq-logo-circle::after {\n  content: \"\";\n  width: 15px;\n  height: 6px;\n  position: absolute;\n  right: -9px;\n  bottom: -3px;\n  background: var(--cq-blue);\n  transform: rotate(45deg);\n  border-radius: 5px;\n}\n\n.cq-logo-text {\n  margin: 0;\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 700;\n  letter-spacing: 5px;\n  color: var(--cq-navy);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.cq-heading {\n  max-width: 700px;\n  margin: 0 auto 24px;\n  font-size: clamp(46px, 7vw, 72px);\n  line-height: 0.98;\n  letter-spacing: -3.5px;\n  font-weight: 750;\n  color: var(--cq-navy);\n}\n\n.cq-heading span {\n  display: block;\n  color: var(--cq-blue);\n}\n\n.cq-intro {\n  max-width: 650px;\n  margin: 0 auto 42px;\n  color: var(--cq-text);\n  font-size: 20px;\n  line-height: 1.55;\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   TOGGLE\n   ========================================================= *\/\n\n.cq-toggle-row {\n  width: 100%;\n  max-width: 650px;\n  min-height: 70px;\n  margin: 0 auto;\n\n  border: 0;\n  border-radius: 999px;\n  padding: 11px 16px 11px 30px;\n\n  background: rgba(234, 239, 249, 0.82);\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n\n  font: inherit;\n  color: var(--cq-navy);\n  cursor: pointer;\n\n  transition:\n    background 0.25s ease,\n    box-shadow 0.25s ease,\n    transform 0.15s ease;\n}\n\n.cq-toggle-row:hover {\n  background: rgba(229, 235, 247, 1);\n}\n\n.cq-toggle-row:active {\n  transform: scale(0.995);\n}\n\n.cq-toggle-row:focus-visible {\n  outline: 3px solid rgba(49, 91, 245, 0.25);\n  outline-offset: 4px;\n}\n\n.cq-toggle-label {\n  font-size: 18px;\n  font-weight: 650;\n  text-align: left;\n}\n\n.cq-switch {\n  flex: 0 0 auto;\n  position: relative;\n  width: 72px;\n  height: 42px;\n  border-radius: 999px;\n  background: #c8d2e5;\n\n  transition:\n    background 0.3s ease,\n    box-shadow 0.3s ease;\n}\n\n.cq-switch-knob {\n  position: absolute;\n  width: 34px;\n  height: 34px;\n  left: 4px;\n  top: 4px;\n  border-radius: 50%;\n  background: #fff;\n\n  box-shadow: 0 2px 8px rgba(8, 25, 60, 0.15);\n\n  transition:\n    transform 0.32s cubic-bezier(.2,.8,.2,1);\n}\n\n.cq-toggle-row[aria-expanded=\"true\"] .cq-switch {\n  background: var(--cq-blue);\n  box-shadow: 0 3px 14px rgba(49, 91, 245, 0.22);\n}\n\n.cq-toggle-row[aria-expanded=\"true\"] .cq-switch-knob {\n  transform: translateX(30px);\n}\n\n\n\/* =========================================================\n   FORM REVEAL\n   ========================================================= *\/\n\n.cq-form-wrap {\n  width: 100%;\n  max-width: 650px;\n  margin: 0 auto;\n\n  display: grid;\n  grid-template-rows: 0fr;\n\n  opacity: 0;\n  transform: translateY(-8px);\n\n  transition:\n    grid-template-rows 0.45s cubic-bezier(.2,.8,.2,1),\n    opacity 0.35s ease,\n    transform 0.45s cubic-bezier(.2,.8,.2,1),\n    margin 0.45s ease;\n}\n\n.cq-form-wrap.is-open {\n  grid-template-rows: 1fr;\n  opacity: 1;\n  transform: translateY(0);\n  margin-top: 20px;\n}\n\n.cq-form-overflow {\n  overflow: hidden;\n}\n\n.cq-form-card {\n  text-align: left;\n\n  background: rgba(255, 255, 255, 0.95);\n  border: 1px solid rgba(220, 226, 238, 0.72);\n  border-radius: 28px;\n\n  padding: 34px 38px 30px;\n\n  box-shadow:\n    0 18px 60px rgba(30, 55, 105, 0.08),\n    0 3px 12px rgba(30, 55, 105, 0.03);\n}\n\n.cq-form-title {\n  margin: 0 0 5px;\n  color: var(--cq-navy);\n  font-size: 32px;\n  line-height: 1.2;\n  letter-spacing: -1px;\n  font-weight: 750;\n}\n\n.cq-form-subtitle {\n  margin: 0 0 24px;\n  color: var(--cq-text);\n  font-size: 17px;\n}\n\n\n\/* =========================================================\n   FORM FIELDS\n   ========================================================= *\/\n\n.cq-field {\n  margin-bottom: 17px;\n}\n\n.cq-field label {\n  display: block;\n  margin: 0 0 7px;\n\n  color: var(--cq-navy);\n\n  font-size: 15px;\n  font-weight: 550;\n}\n\n.cq-field input {\n  width: 100%;\n  height: 50px;\n\n  appearance: none;\n\n  border: 1px solid var(--cq-border);\n  border-radius: 9px;\n\n  padding: 0 14px;\n\n  background: #fff;\n  color: var(--cq-navy);\n\n  font: inherit;\n  font-size: 16px;\n\n  outline: none;\n\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.cq-field input::placeholder {\n  color: #8795b0;\n}\n\n.cq-field input:focus {\n  border-color: var(--cq-blue);\n  box-shadow: 0 0 0 3px rgba(49, 91, 245, 0.10);\n}\n\n\n\/* =========================================================\n   BUTTON\n   ========================================================= *\/\n\n.cq-submit {\n  width: 100%;\n  min-height: 56px;\n  margin-top: 3px;\n\n  border: 0;\n  border-radius: 9px;\n\n  background: linear-gradient(135deg, #315bf5, #3466ff);\n  color: #fff;\n\n  font: inherit;\n  font-size: 17px;\n  font-weight: 650;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 7px 20px rgba(49, 91, 245, 0.18);\n\n  transition:\n    transform 0.15s ease,\n    box-shadow 0.2s ease,\n    opacity 0.2s ease;\n}\n\n.cq-submit:hover {\n  transform: translateY(-1px);\n  box-shadow:\n    0 10px 25px rgba(49, 91, 245, 0.24);\n}\n\n.cq-submit:active {\n  transform: translateY(0);\n}\n\n.cq-submit:focus-visible {\n  outline: 3px solid rgba(49, 91, 245, 0.25);\n  outline-offset: 3px;\n}\n\n.cq-privacy {\n  margin: 17px 0 0;\n  text-align: center;\n\n  color: #7887a5;\n\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n\n\/* Honeypot \u2014 hidden from real users *\/\n\n.cq-honeypot {\n  position: absolute !important;\n  left: -10000px !important;\n  top: auto !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n}\n\n\n\/* =========================================================\n   CLOSED STATE FOOTER\n   ========================================================= *\/\n\n.cq-footer {\n  margin-top: 68px;\n\n  color: var(--cq-text);\n\n  font-size: 16px;\n  line-height: 1.55;\n\n  transition:\n    opacity 0.25s ease,\n    transform 0.25s ease;\n}\n\n.cq-footer::before {\n  content: \"\";\n\n  display: block;\n\n  width: 55px;\n  height: 1px;\n\n  background: #cbd5e7;\n\n  margin: 0 auto 30px;\n}\n\n.cq-footer.is-hidden {\n  opacity: 0;\n  transform: translateY(8px);\n  pointer-events: none;\n}\n\n\n\/* =========================================================\n   SUCCESS \/ ERROR\n   ========================================================= *\/\n\n.cq-message {\n  display: none;\n  padding: 20px 0 12px;\n  text-align: center;\n}\n\n.cq-message.is-visible {\n  display: block;\n}\n\n.cq-message-icon {\n  width: 56px;\n  height: 56px;\n\n  margin: 0 auto 18px;\n\n  border-radius: 50%;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background: rgba(49, 91, 245, 0.10);\n  color: var(--cq-blue);\n\n  font-size: 25px;\n  font-weight: 700;\n}\n\n.cq-message h2 {\n  margin: 0 0 8px;\n\n  font-size: 30px;\n  line-height: 1.2;\n  letter-spacing: -0.8px;\n}\n\n.cq-message p {\n  max-width: 450px;\n\n  margin: 0 auto;\n\n  color: var(--cq-text);\n\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n.cq-error .cq-message-icon {\n  background: rgba(190, 50, 50, 0.08);\n  color: #b83232;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  #cq-landing {\n    padding: 32px 18px 50px;\n  }\n\n  .cq-logo {\n    margin-bottom: 42px;\n  }\n\n  .cq-heading {\n    font-size: clamp(42px, 13vw, 58px);\n    letter-spacing: -2.5px;\n    margin-bottom: 21px;\n  }\n\n  .cq-intro {\n    font-size: 17px;\n    line-height: 1.55;\n    margin-bottom: 32px;\n    padding: 0 5px;\n  }\n\n  .cq-desktop-break {\n    display: none;\n  }\n\n  .cq-toggle-row {\n    min-height: 65px;\n\n    padding:\n      10px\n      12px\n      10px\n      21px;\n\n    gap: 14px;\n  }\n\n  .cq-toggle-label {\n    font-size: 15px;\n    line-height: 1.25;\n  }\n\n  .cq-switch {\n    width: 62px;\n    height: 38px;\n  }\n\n  .cq-switch-knob {\n    width: 30px;\n    height: 30px;\n  }\n\n  .cq-toggle-row[aria-expanded=\"true\"]\n  .cq-switch-knob {\n    transform: translateX(24px);\n  }\n\n  .cq-form-card {\n    padding: 27px 21px 24px;\n    border-radius: 22px;\n  }\n\n  .cq-form-title {\n    font-size: 28px;\n  }\n\n  .cq-form-subtitle {\n    font-size: 15px;\n  }\n\n  .cq-footer {\n    margin-top: 55px;\n    font-size: 15px;\n  }\n\n}\n\n\n\/* Accessibility *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  #cq-landing *,\n  #cq-landing *::before,\n  #cq-landing *::after {\n    scroll-behavior: auto !important;\n    transition-duration: 0.01ms !important;\n    animation-duration: 0.01ms !important;\n  }\n\n}\n<\/style>\n\n\n<section id=\"cq-landing\">\n\n  <main class=\"cq-container\">\n\n    <!-- ================= LOGO ================= -->\n\n    <header class=\"cq-logo\" aria-label=\"Client Queries\">\n\n<img decoding=\"async\" src=\"https:\/\/www.clientqueries.com\/wp-content\/uploads\/2026\/09\/cq-logo-small.png\" alt=\"Client Queries Logo\">\n\n\n    <\/header>\n\n\n    <!-- ================= HERO ================= -->\n\n    <h1 class=\"cq-heading\">\n      Client Queries,\n      <span>Simplified.<\/span>\n    <\/h1>\n\n    <p class=\"cq-intro\">\n      A simpler way for accountants and bookkeepers\n      <br class=\"cq-desktop-break\">\n      to manage technical queries and client communications.\n    <\/p>\n\n\n    <!-- ================= TOGGLE ================= -->\n\n    <button class=\"cq-toggle-row\" id=\"cqToggle\" type=\"button\" aria-expanded=\"false\" aria-controls=\"cqFormWrap\">\n\n      <span class=\"cq-toggle-label\">\n        Simplify my client queries process\n      <\/span>\n\n      <span class=\"cq-switch\" aria-hidden=\"true\">\n        <span class=\"cq-switch-knob\"><\/span>\n      <\/span>\n\n    <\/button>\n\n\n    <!-- ================= FORM ================= -->\n\n    <div class=\"cq-form-wrap\" id=\"cqFormWrap\" aria-hidden=\"true\">\n\n      <div class=\"cq-form-overflow\">\n\n        <div class=\"cq-form-card\">\n\n\n          <!-- Normal form -->\n\n          <div id=\"cqFormContent\">\n\n            <h2 class=\"cq-form-title\">\n              You\u2019re on.\n            <\/h2>\n\n            <p class=\"cq-form-subtitle\">\n              Get early access to Client Queries.\n            <\/p>\n\n\n            <form id=\"cqEarlyAccessForm\" method=\"post\" action=\"\/wp-admin\/admin-post.php\">\n\n              <!-- Tells WordPress which PHP handler to use -->\n\n              <input type=\"hidden\" name=\"action\" value=\"cq_early_access\">\n\n\n              <!-- First name -->\n\n              <div class=\"cq-field\">\n\n                <label for=\"cqFirstName\">\n                  First name\n                <\/label>\n\n                <input id=\"cqFirstName\" name=\"first_name\" type=\"text\" placeholder=\"e.g. Sarah\" autocomplete=\"given-name\" maxlength=\"100\" required=\"\">\n\n              <\/div>\n\n\n              <!-- Surname -->\n\n              <div class=\"cq-field\">\n\n                <label for=\"cqSurname\">\n                  Surname\n                <\/label>\n\n                <input id=\"cqSurname\" name=\"surname\" type=\"text\" placeholder=\"e.g. Taylor\" autocomplete=\"family-name\" maxlength=\"100\" required=\"\">\n\n              <\/div>\n\n\n              <!-- Email -->\n\n              <div class=\"cq-field\">\n\n                <label for=\"cqEmail\">\n                  Work email address\n                <\/label>\n\n                <input id=\"cqEmail\" name=\"email\" type=\"email\" placeholder=\"e.g. sarah.taylor@yourfirm.co.uk\" autocomplete=\"email\" inputmode=\"email\" maxlength=\"254\" required=\"\">\n\n              <\/div>\n\n\n              <!-- Honeypot anti-spam field -->\n\n              <div class=\"cq-honeypot\" aria-hidden=\"true\">\n\n                <label for=\"cqWebsite\">\n                  Website\n                <\/label>\n\n                <input id=\"cqWebsite\" name=\"cq_website\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\">\n\n              <\/div>\n\n\n              <!-- Submit -->\n\n              <button class=\"cq-submit\" type=\"submit\">\n                Get early access&nbsp; \u2192\n              <\/button>\n\n\n              <p class=\"cq-privacy\">\n                No spam. Just occasional updates\n                as we get closer to launch.\n              <\/p>\n\n            <\/form>\n\n          <\/div>\n\n\n          <!-- Success message -->\n\n          <div class=\"cq-message cq-success\" id=\"cqSuccess\" role=\"status\" aria-live=\"polite\">\n\n            <div class=\"cq-message-icon\">\n              \u2713\n            <\/div>\n\n            <h2>\n              You\u2019re on the list.\n            <\/h2>\n\n            <p>\n              Thanks \u2014 we\u2019ll be in touch as\n              Client Queries gets closer to launch.\n            <\/p>\n\n          <\/div>\n\n\n          <!-- Error message -->\n\n          <div class=\"cq-message cq-error\" id=\"cqError\" role=\"alert\">\n\n            <div class=\"cq-message-icon\">\n              !\n            <\/div>\n\n            <h2>\n              Something went wrong.\n            <\/h2>\n\n            <p>\n              We couldn&#8217;t submit your details.\n              Please refresh the page and try again.\n            <\/p>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ================= FOOTER ================= -->\n\n    <div class=\"cq-footer\" id=\"cqFooter\">\n      Built for accountants &amp; bookkeepers in practice.\n      <br>\n      Get early access to Client Queries.\n    <\/div>\n\n\n  <\/main>\n\n<\/section>\n\n\n<script>\n(function () {\n\n  const toggle =\n    document.getElementById('cqToggle');\n\n  const formWrap =\n    document.getElementById('cqFormWrap');\n\n  const footer =\n    document.getElementById('cqFooter');\n\n  const formContent =\n    document.getElementById('cqFormContent');\n\n  const success =\n    document.getElementById('cqSuccess');\n\n  const error =\n    document.getElementById('cqError');\n\n  const firstName =\n    document.getElementById('cqFirstName');\n\n\n  \/* =============================================\n     OPEN \/ CLOSE FORM\n     ============================================= *\/\n\n  function setFormOpen(open) {\n\n    toggle.setAttribute(\n      'aria-expanded',\n      open ? 'true' : 'false'\n    );\n\n    formWrap.setAttribute(\n      'aria-hidden',\n      open ? 'false' : 'true'\n    );\n\n    formWrap.classList.toggle(\n      'is-open',\n      open\n    );\n\n    footer.classList.toggle(\n      'is-hidden',\n      open\n    );\n\n  }\n\n\n  toggle.addEventListener(\n    'click',\n    function () {\n\n      const isOpen =\n        toggle.getAttribute('aria-expanded') === 'true';\n\n      setFormOpen(!isOpen);\n\n      if (!isOpen) {\n\n        window.setTimeout(\n          function () {\n\n            if (firstName) {\n              firstName.focus({\n                preventScroll: true\n              });\n            }\n\n          },\n          400\n        );\n\n      }\n\n    }\n  );\n\n\n  \/* =============================================\n     CHECK RETURN STATUS FROM WORDPRESS\n     ============================================= *\/\n\n  const params =\n    new URLSearchParams(\n      window.location.search\n    );\n\n  const status =\n    params.get('cq_status');\n\n\n  \/* SUCCESS *\/\n\n  if (status === 'success') {\n\n    setFormOpen(true);\n\n    if (formContent) {\n      formContent.style.display = 'none';\n    }\n\n    if (success) {\n      success.classList.add('is-visible');\n    }\n\n  }\n\n\n  \/* ERROR *\/\n\n  if (status === 'error') {\n\n    setFormOpen(true);\n\n    if (formContent) {\n      formContent.style.display = 'none';\n    }\n\n    if (error) {\n      error.classList.add('is-visible');\n    }\n\n  }\n\n\n  \/* =============================================\n     REMOVE STATUS FROM ADDRESS BAR\n\n     Keeps URL clean after submission without\n     reloading the page.\n     ============================================= *\/\n\n  if (status) {\n\n    params.delete('cq_status');\n\n    const cleanQuery =\n      params.toString();\n\n    const cleanURL =\n      window.location.pathname +\n      (cleanQuery ? '?' + cleanQuery : '') +\n      window.location.hash;\n\n    window.history.replaceState(\n      {},\n      document.title,\n      cleanURL\n    );\n\n  }\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Client Queries, Simplified. A simpler way for accountants and bookkeepers to manage technical queries and client communications. Simplify my client queries process You\u2019re on. Get early access to Client Queries. First name Surname Work email address Website Get early access&nbsp; \u2192 No spam. Just occasional updates as we get closer to launch. \u2713 You\u2019re on [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":6,"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/www.clientqueries.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}