{"id":987796,"date":"2026-01-03T12:17:48","date_gmt":"2026-01-03T12:17:48","guid":{"rendered":"https:\/\/croncodestudio.com\/en\/?page_id=987796"},"modified":"2026-05-02T20:17:56","modified_gmt":"2026-05-02T20:17:56","slug":"forms","status":"publish","type":"page","link":"https:\/\/croncodestudio.com\/en\/forms\/","title":{"rendered":"Forms"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"987796\" class=\"elementor elementor-987796\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed81cb5 e-con-full e-flex e-con e-parent\" data-id=\"ed81cb5\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f58581c e-flex e-con-boxed e-con e-parent\" data-id=\"f58581c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c55806 elementor-widget elementor-widget-html\" data-id=\"3c55806\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ====== CRONCODE | FULL HERO + SHOW FORM + PDF.JS GATED CONSENT ====== -->\n<style>\n  html, body{\n    margin:0 !important; padding:0 !important; width:100% !important;\n    overflow-x:hidden !important; background:#fff !important;\n  }\n  .elementor-widget-html,.elementor-widget-container{ margin:0 !important; padding:0 !important; overflow-x:hidden !important; }\n\n  .cc-wrap{\n    --p:#00d6d0; --a:#6a00ff; --ink:#0b0f1a; --muted:#5f6675; --max:1260px;\n    \n\n  \n\n  .cc-hero{\n    display:grid; grid-template-columns: 1.05fr .95fr;\n    align-items:center; gap:clamp(26px,4vw,80px);\n  }\n\n  .cc-title{\n    margin:0 0 18px 0;\n    font-size:clamp(3rem,5.6vw,5.2rem);\n    line-height:1.02; font-weight:950; letter-spacing:-1.2px;\n    color:var(--ink) !important;\n  }\n  .cc-grad{\n    background:linear-gradient(90deg,var(--p),var(--a));\n    -webkit-background-clip:text; -webkit-text-fill-color:transparent;\n  }\n  .cc-sub{\n    margin:0 0 30px 0;\n    font-size:clamp(1.06rem,1.45vw,1.32rem);\n    line-height:1.72; color:var(--muted) !important; max-width:62ch;\n  }\n\n  \/* CTA Button - show *\/\n  .cc-btn{\n    appearance:none; border:none; cursor:pointer;\n    display:inline-flex; align-items:center; justify-content:center; gap:12px;\n    padding:18px 34px; border-radius:999px;\n    font-weight:950; font-size:1.08rem; letter-spacing:.25px;\n    color:#fff !important;\n    background:linear-gradient(120deg, rgba(10,18,28,.92), rgba(12,24,40,.90), rgba(32,18,64,.90));\n    border:1px solid rgba(255,255,255,.14);\n    box-shadow:0 30px 76px rgba(12,18,40,.22);\n    backdrop-filter: blur(14px);\n    position:relative; overflow:hidden;\n    transition: transform .18s ease, box-shadow .18s ease, background-position .25s ease, filter .18s ease;\n    background-size:200% 200%; background-position: 20% 30%;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .cc-btn::before{\n    content:\"\"; position:absolute; inset:-2px;\n    background:linear-gradient(90deg, rgba(0,214,208,.45), rgba(106,0,255,.42));\n    opacity:0; filter: blur(18px); transition: opacity .18s ease; pointer-events:none;\n  }\n  .cc-btn::after{\n    content:\"\"; position:absolute; top:-60%; left:-30%;\n    width:70%; height:220%;\n    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));\n    transform:rotate(18deg); opacity:0;\n    transition: opacity .18s ease, transform .35s ease; pointer-events:none;\n  }\n  .cc-btn:hover{ transform:translateY(-2px); box-shadow:0 38px 92px rgba(12,18,40,.26); background-position:85% 65%; filter:saturate(1.06); }\n  .cc-btn:hover::before{ opacity:1; }\n  .cc-btn:hover::after{ opacity:1; transform:translateX(120%) rotate(18deg); }\n  .cc-btn:active{ transform:translateY(0) scale(.985); box-shadow:0 18px 54px rgba(12,18,40,.20); }\n  .cc-btn:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; transform:none; }\n\n  \/* Mockup bigger *\/\n  .cc-preview{ display:flex; align-items:center; justify-content:center; width:100%; min-width:0; }\n  .cc-mock-wrap{\n    width:min(720px,100%); position:relative; display:flex; justify-content:center; align-items:center;\n    filter: drop-shadow(0 34px 90px rgba(12,18,40,.18));\n    animation: ccFloat 5.2s ease-in-out infinite;\n  }\n  .cc-mock-wrap::before{\n    content:\"\"; position:absolute; width:92%; height:58%; bottom:3%; left:4%;\n    border-radius:26px;\n    background: radial-gradient(circle at 30% 40%, rgba(0,214,208,.12), transparent 60%),\n                radial-gradient(circle at 70% 60%, rgba(106,0,255,.10), transparent 60%);\n    filter: blur(34px); opacity:.9; z-index:0; pointer-events:none;\n  }\n  .cc-mock{ width:100%; height:auto; display:block; position:relative; z-index:1; user-select:none; -webkit-user-drag:none; }\n  @keyframes ccFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-12px)} }\n\n  \/* MODAL Overlay *\/\n  .cc-modal{\n    display:none; position:fixed; inset:0; z-index:9999;\n    background:rgba(7,10,16,.74); backdrop-filter: blur(12px);\n    align-items:center; justify-content:center; padding:16px;\n  }\n\n  \/* Form card - show *\/\n  .cc-card{\n    width:100%; max-width:620px; position:relative;\n    border-radius:26px; overflow:hidden;\n    box-shadow:0 40px 120px rgba(0,0,0,.35);\n    border:1px solid rgba(255,255,255,.16);\n    background:\n      radial-gradient(circle at 15% 10%, rgba(0,214,208,.16), transparent 55%),\n      radial-gradient(circle at 90% 85%, rgba(106,0,255,.14), transparent 55%),\n      linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));\n  }\n  .cc-card-inner{ padding:22px 18px 18px; }\n\n  .cc-close{\n    position:absolute; right:14px; top:12px;\n    width:42px; height:42px; border-radius:14px;\n    display:flex; align-items:center; justify-content:center;\n    cursor:pointer; font-size:20px; font-weight:900;\n    border:1px solid rgba(15,20,40,.10);\n    background:rgba(255,255,255,.72); color:var(--ink) !important;\n  }\n\n  .cc-h{\n    margin:10px 0 16px; text-align:center;\n    font-weight:950; font-size:1.28rem; color:var(--ink) !important;\n  }\n  .cc-note{\n    margin:-6px auto 16px; text-align:center;\n    color:rgba(15,20,40,.62) !important; font-weight:700; font-size:.9rem; line-height:1.4;\n    max-width:52ch;\n  }\n\n  \/* Inputs - show *\/\n  .cc-field{\n    position:relative; margin-bottom:12px;\n  }\n  .cc-input, .cc-text{\n    width:100%;\n    padding:14px 14px;\n    border-radius:16px;\n    border:1px solid rgba(15,20,40,.12);\n    background:rgba(255,255,255,.82);\n    outline:none;\n    color:var(--ink) !important;\n    font-size:16px;\n    box-shadow: 0 10px 30px rgba(12,18,40,.06);\n    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;\n  }\n  .cc-input:focus, .cc-text:focus{\n    border-color: rgba(0,214,208,.55);\n    box-shadow: 0 18px 44px rgba(0,214,208,.12), 0 12px 34px rgba(106,0,255,.08);\n    transform: translateY(-1px);\n  }\n  .cc-text{ resize:vertical; min-height:110px; }\n\n  \/* Consent box *\/\n  .cc-consent{\n    margin:10px 0 14px;\n    padding:14px;\n    border-radius:18px;\n    border:1px solid rgba(255,255,255,.22);\n    background:linear-gradient(180deg, rgba(15,20,40,.04), rgba(15,20,40,.02));\n  }\n  .cc-consent-row{ display:flex; gap:10px; align-items:flex-start; }\n  .cc-check{\n    width:18px; height:18px; margin-top:3px;\n    accent-color: var(--p);\n    cursor:pointer;\n  }\n  .cc-consent label{\n    font-size:.95rem; line-height:1.45;\n    color:rgba(15,20,40,.82) !important;\n    font-weight:800;\n  }\n\n  .cc-mini{\n    margin-top:10px; font-size:.78rem; color:rgba(15,20,40,.62) !important;\n    text-align:center; line-height:1.35; font-weight:800;\n  }\n\n  \/* Privacy open button *\/\n  .cc-privacy-btn{\n    width:100%;\n    margin-top:10px;\n    padding:12px 14px;\n    border-radius:999px;\n    border:1px solid rgba(255,255,255,.22);\n    background:linear-gradient(90deg, rgba(0,214,208,.10), rgba(106,0,255,.08));\n    cursor:pointer;\n    font-weight:950;\n    color:var(--ink) !important;\n    box-shadow:0 14px 38px rgba(12,18,40,.08);\n    transition: transform .18s ease, box-shadow .18s ease;\n  }\n  .cc-privacy-btn:hover{ transform:translateY(-1px); box-shadow:0 18px 46px rgba(12,18,40,.10); }\n\n  .cc-msg{\n    display:none;\n    margin-top:12px;\n    padding:12px 12px;\n    border-radius:16px;\n    border:1px solid rgba(255,255,255,.18);\n    background:rgba(255,255,255,.78);\n    color:rgba(15,20,40,.78) !important;\n    font-weight:850;\n    text-align:center;\n  }\n\n  \/* PDF Modal *\/\n  .cc-pdf-modal{\n    display:none; position:fixed; inset:0; z-index:10000;\n    background:rgba(7,10,16,.78); backdrop-filter:blur(12px);\n    align-items:center; justify-content:center; padding:12px;\n  }\n  .cc-pdf-card{\n    width:min(1100px,100%);\n    height:min(88vh, 920px);\n    height:min(88dvh, 920px);\n    border-radius:24px; overflow:hidden;\n    background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86));\n    border:1px solid rgba(255,255,255,.18);\n    box-shadow:0 40px 140px rgba(0,0,0,.38);\n    display:flex; flex-direction:column;\n  }\n  .cc-pdf-head{\n    padding:12px;\n    display:flex; align-items:center; justify-content:space-between;\n    gap:10px; flex-wrap:wrap;\n    border-bottom:1px solid rgba(15,20,40,.10);\n    background:rgba(255,255,255,.86);\n  }\n  .cc-pill{\n    padding:10px 12px; border-radius:999px;\n    border:1px solid rgba(15,20,40,.12);\n    background:rgba(255,255,255,.92);\n    color:var(--ink) !important;\n    font-weight:950;\n    cursor:pointer;\n    white-space:nowrap;\n  }\n  .cc-pill.primary{\n    background:linear-gradient(120deg, rgba(10,18,28,.92), rgba(12,24,40,.90), rgba(32,18,64,.90));\n    border:1px solid rgba(255,255,255,.14);\n    color:#fff !important;\n  }\n  .cc-pill.primary:disabled{ opacity:.55; cursor:not-allowed; }\n\n  .cc-pdf-body{\n    position:relative; flex:1;\n    overflow:auto; -webkit-overflow-scrolling:touch;\n    background:rgba(255,255,255,.72);\n    padding:16px;\n  }\n\n  \/* PDF.js canvas pages *\/\n  .cc-pdf-page{\n    display:flex; justify-content:center;\n    margin:0 0 16px 0;\n  }\n  .cc-pdf-page canvas{\n    width:min(900px,100%);\n    height:auto;\n    border-radius:16px;\n    border:1px solid rgba(15,20,40,.10);\n    box-shadow:0 18px 54px rgba(12,18,40,.10);\n    background:#fff;\n  }\n  .cc-hint{\n    position:sticky;\n    bottom:12px;\n    margin:0 auto;\n    width:min(520px,100%);\n    padding:10px 12px;\n    border-radius:16px;\n    background:rgba(255,255,255,.90);\n    border:1px solid rgba(15,20,40,.10);\n    color:rgba(15,20,40,.78) !important;\n    font-weight:900;\n    text-align:center;\n    box-shadow:0 14px 42px rgba(12,18,40,.08);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 900px){\n    .cc-hero{ grid-template-columns:1fr; text-align:center; gap:22px; }\n    .cc-sub{ margin-left:auto; margin-right:auto; }\n    .cc-btn{ width:min(460px,100%); }\n    .cc-mock-wrap{ width:min(760px,100%); }\n  }\n  @media (max-width: 520px){\n    .cc-title{ font-size:clamp(2.35rem,9vw,3.1rem); }\n    .cc-btn{ width:100%; padding:16px 18px; }\n  }\n  @media (prefers-reduced-motion: reduce){ .cc-mock-wrap{ animation:none; } }\n<\/style>\n\n<div class=\"cc-wrap\" id=\"ccRoot\">\n  <div class=\"cc-inner\">\n    <div class=\"cc-hero\">\n      <div>\n        <h1 class=\"cc-title\">Would you like to try it<br><span class=\"cc-grad\">before it's released?<\/span><\/h1>\n        <p class=\"cc-sub\">\n          Be the first to discover the power of <strong>Croncode<\/strong>. Become one of our selected tester users,\n          help shape the development process, and gain early access via TestFlight.\n        <\/p>\n        <button class=\"cc-btn\" type=\"button\" id=\"ccApplyBtn\">\n          APPLY NOW <span aria-hidden=\"true\">\u2197\ufe0f<\/span>\n        <\/button>\n      <\/div>\n\n      <div class=\"cc-preview\">\n        <div class=\"cc-mock-wrap\">\n          <img decoding=\"async\" class=\"cc-mock\" id=\"ccMock\" src=\"\" alt=\"Croncode Beta Mockup\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Hidden iframe so page doesn't navigate on submit -->\n  <iframe name=\"ccHiddenFrame\" style=\"display:none;\"><\/iframe>\n\n  <!-- FORM MODAL -->\n  <div class=\"cc-modal\" id=\"ccFormModal\" aria-hidden=\"true\">\n    <div class=\"cc-card\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Tester Application\">\n      <div class=\"cc-close\" id=\"ccCloseForm\" aria-label=\"Close\">\u00d7<\/div>\n      <div class=\"cc-card-inner\">\n        <div class=\"cc-h\">Tester Application<\/div>\n        <div class=\"cc-note\">Fill the form. After approval, we\u2019ll send you a TestFlight code via email.<\/div>\n\n        <form id=\"ccForm\"\n              class=\"cc-form\"\n              action=\"https:\/\/formsubmit.co\/info@croncodestudio.com\"\n              method=\"POST\"\n              target=\"ccHiddenFrame\">\n          <!-- FormSubmit settings -->\n          <input type=\"hidden\" name=\"_subject\" value=\"Croncode | Beta Tester Application\">\n          <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n          <input type=\"hidden\" name=\"_template\" value=\"table\">\n\n          <div class=\"cc-field\">\n            <input class=\"cc-input\" type=\"text\" name=\"fullName\" placeholder=\"Name - Surname\" required>\n          <\/div>\n\n          <!-- IMPORTANT: name=\"email\" so FormSubmit uses it as reply-to -->\n          <div class=\"cc-field\">\n            <input class=\"cc-input\" type=\"email\" name=\"email\" placeholder=\"Apple ID (E-mail)\" required>\n          <\/div>\n\n          <div class=\"cc-field\">\n            <input class=\"cc-input\" type=\"tel\" name=\"phone\"\n              placeholder=\"Phone Number (e.g. 05xx xxx xx xx)\"\n              inputmode=\"tel\" autocomplete=\"tel\"\n              pattern=\"^(\\+?90\\s?)?0?5\\d{2}\\s?\\d{3}\\s?\\d{2}\\s?\\d{2}$\"\n              required>\n          <\/div>\n\n          <div class=\"cc-field\">\n            <textarea class=\"cc-text\" name=\"note\" rows=\"4\" placeholder=\"Why do you want to be a tester? (A brief note)\"><\/textarea>\n          <\/div>\n\n          <div class=\"cc-consent\">\n            <div class=\"cc-consent-row\">\n              <input class=\"cc-check\" type=\"checkbox\" id=\"ccAgree\" disabled required>\n              <label for=\"ccAgree\">I have read and agree to the Privacy Policy & User Consent Agreement.<\/label>\n            <\/div>\n\n            <button type=\"button\" class=\"cc-privacy-btn\" id=\"ccOpenPrivacy\">\n              Open the Privacy Agreement (PDF) \u2197\ufe0f\n            <\/button>\n\n            <div class=\"cc-mini\">The accept button will activate only after you scroll to the bottom.<\/div>\n          <\/div>\n\n          <button class=\"cc-btn\" id=\"ccSubmit\" type=\"submit\" style=\"width:100%;\" disabled>\n            COMPLETE APPLICATION\n          <\/button>\n\n          <div class=\"cc-msg\" id=\"ccMsg\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PDF MODAL (PDF.JS) -->\n  <div class=\"cc-pdf-modal\" id=\"ccPdfModal\" aria-hidden=\"true\">\n    <div class=\"cc-pdf-card\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Privacy Agreement PDF\">\n      <div class=\"cc-pdf-head\">\n        <div style=\"font-weight:950;color:var(--ink)\">Privacy Agreement<\/div>\n        <div style=\"display:flex; gap:10px; align-items:center; flex-wrap:wrap;\">\n          <button class=\"cc-pill\" type=\"button\" id=\"ccClosePdf\">Close<\/button>\n          <button class=\"cc-pill primary\" type=\"button\" id=\"ccAcceptPdf\" disabled>I have read and agree<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"cc-pdf-body\" id=\"ccPdfScroll\">\n        <div id=\"ccPdfPages\"><\/div>\n        <div class=\"cc-hint\" id=\"ccPdfHint\">Scroll to the bottom to enable \u201cI have read and agree\u201d.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- PDF.js (CDN) -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\n\n<script>\n(function(){\n  \/\/ \u2705 update these anytime\n  const MOCKUP_IMG_URL  = \"https:\/\/croncodestudio.com\/en\/wp-content\/uploads\/2026\/01\/croncode-2.png\";\n  const PRIVACY_PDF_URL = \"https:\/\/croncodestudio.com\/en\/wp-content\/uploads\/2026\/01\/PRIVACY-POLICY-TESTER-PRE-REQUEST-DISCLOSURE.pdf\";\n\n  \/\/ elements\n  const mock = document.getElementById('ccMock');\n  const applyBtn = document.getElementById('ccApplyBtn');\n  const formModal = document.getElementById('ccFormModal');\n  const closeForm = document.getElementById('ccCloseForm');\n\n  const openPrivacy = document.getElementById('ccOpenPrivacy');\n  const pdfModal = document.getElementById('ccPdfModal');\n  const closePdf = document.getElementById('ccClosePdf');\n  const acceptPdf = document.getElementById('ccAcceptPdf');\n\n  const pdfScroll = document.getElementById('ccPdfScroll');\n  const pdfPages = document.getElementById('ccPdfPages');\n  const pdfHint = document.getElementById('ccPdfHint');\n\n  const agree = document.getElementById('ccAgree');\n  const submitBtn = document.getElementById('ccSubmit');\n  const form = document.getElementById('ccForm');\n  const msg = document.getElementById('ccMsg');\n\n  mock.src = MOCKUP_IMG_URL;\n\n  function lockBody(lock){ document.body.style.overflow = lock ? 'hidden' : ''; }\n  function openModal(el){ el.style.display='flex'; el.setAttribute('aria-hidden','false'); lockBody(true); }\n  function closeModal(el){\n    el.style.display='none'; el.setAttribute('aria-hidden','true');\n    const anyOpen = (formModal.style.display==='flex') || (pdfModal.style.display==='flex');\n    if(!anyOpen) lockBody(false);\n  }\n  function syncSubmit(){ submitBtn.disabled = !agree.checked; }\n\n  \/\/ open\/close form\n  applyBtn.addEventListener('click', ()=> openModal(formModal));\n  closeForm.addEventListener('click', ()=> closeModal(formModal));\n  formModal.addEventListener('click', (e)=> { if(e.target === formModal) closeModal(formModal); });\n\n  \/\/ --- PDF.JS render ---\n  let pdfLoaded = false;\n  async function renderPdfOnce(){\n    if(pdfLoaded) return;\n    pdfLoaded = true;\n\n    \/\/ configure worker\n    if(window['pdfjsLib']){\n      pdfjsLib.GlobalWorkerOptions.workerSrc =\n        \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js\";\n    }\n\n    \/\/ clear\n    pdfPages.innerHTML = \"\";\n    acceptPdf.disabled = true;\n    pdfHint.style.display = \"block\";\n\n    try{\n      const loadingTask = pdfjsLib.getDocument({ url: PRIVACY_PDF_URL });\n      const pdf = await loadingTask.promise;\n\n      \/\/ render all pages (good for gating)\n      for(let p=1; p<=pdf.numPages; p++){\n        const page = await pdf.getPage(p);\n\n        \/\/ scale: mobile friendly\n        const viewport = page.getViewport({ scale: 1.35 });\n\n        const wrap = document.createElement('div');\n        wrap.className = 'cc-pdf-page';\n\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        canvas.width = Math.floor(viewport.width);\n        canvas.height = Math.floor(viewport.height);\n\n        wrap.appendChild(canvas);\n        pdfPages.appendChild(wrap);\n\n        await page.render({ canvasContext: ctx, viewport }).promise;\n      }\n\n      \/\/ reset scroll top after render\n      pdfScroll.scrollTop = 0;\n      checkPdfScroll(); \/\/ initial state\n    }catch(err){\n      pdfLoaded = false;\n      pdfPages.innerHTML = \"<div style='padding:16px;font-weight:900;color:#b00020'>PDF could not be loaded. Please check the PDF URL.<\/div>\";\n      console.error(err);\n    }\n  }\n\n  function checkPdfScroll(){\n    const threshold = 24; \/\/ px\n    const atEnd = (pdfScroll.scrollTop + pdfScroll.clientHeight) >= (pdfScroll.scrollHeight - threshold);\n    if(atEnd){\n      acceptPdf.disabled = false;\n      pdfHint.style.display = \"none\";\n    }else{\n      acceptPdf.disabled = true;\n      pdfHint.style.display = \"block\";\n    }\n  }\n  pdfScroll.addEventListener('scroll', checkPdfScroll);\n\n  \/\/ open privacy\n  openPrivacy.addEventListener('click', async ()=> {\n    \/\/ reset consent\n    agree.checked = false;\n    agree.disabled = true;\n    syncSubmit();\n\n    \/\/ open + render\n    openModal(pdfModal);\n    await renderPdfOnce();\n  });\n\n  closePdf.addEventListener('click', ()=> {\n    closeModal(pdfModal);\n    \/\/ if user closes without accepting, keep disabled\n    agree.checked = false;\n    agree.disabled = true;\n    syncSubmit();\n  });\n\n  pdfModal.addEventListener('click', (e)=> {\n    if(e.target === pdfModal){\n      closeModal(pdfModal);\n      agree.checked = false;\n      agree.disabled = true;\n      syncSubmit();\n    }\n  });\n\n  \/\/ accept\n  acceptPdf.addEventListener('click', ()=> {\n    closeModal(pdfModal);\n    agree.disabled = false;\n    agree.checked = true;\n    syncSubmit();\n  });\n\n  \/\/ escape\n  window.addEventListener('keydown', (e)=>{\n    if(e.key !== 'Escape') return;\n    if(pdfModal.style.display==='flex'){\n      closeModal(pdfModal);\n      agree.checked=false; agree.disabled=true; syncSubmit();\n      return;\n    }\n    if(formModal.style.display==='flex') closeModal(formModal);\n  });\n\n  \/\/ form submit gate + UX\n  form.addEventListener('submit', function(e){\n    if(!agree.checked){\n      e.preventDefault();\n      alert(\"To submit, you must read and accept the Privacy Agreement.\");\n      return;\n    }\n    \/\/ optimistic UI (FormSubmit posts in hidden iframe)\n    submitBtn.disabled = true;\n    msg.style.display = 'block';\n    msg.textContent = \"Submitted! If approved, we\u2019ll contact you via email.\";\n    \/\/ allow another submit after a while (optional)\n    setTimeout(()=>{ submitBtn.disabled = false; syncSubmit(); }, 4000);\n  });\n\n})();\n<\/script>\n<!-- ====== \/CRONCODE ====== -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Would you like to try itbefore it&#8217;s released? Be the first to discover the power of Croncode. Become one of our selected tester users, help shape the development process, and gain early access via TestFlight. APPLY NOW \u2197\ufe0f \u00d7 Tester Application Fill the form. After approval, we\u2019ll send you a TestFlight code via email. I&#8230;<\/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-987796","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/pages\/987796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/comments?post=987796"}],"version-history":[{"count":8,"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/pages\/987796\/revisions"}],"predecessor-version":[{"id":988094,"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/pages\/987796\/revisions\/988094"}],"wp:attachment":[{"href":"https:\/\/croncodestudio.com\/en\/wp-json\/wp\/v2\/media?parent=987796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}