| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <meta |
| name="description" |
| content="Request access to the Crux private research preview." |
| /> |
| <meta name="theme-color" content="#f5f0e6" /> |
| <title>Request the Crux private preview</title> |
| <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml" /> |
| <link rel="stylesheet" href="../assets/styles.css" /> |
| </head> |
| <body> |
| <a class="skip-link" href="#main">Skip to content</a> |
| <header class="site-header"> |
| <nav class="nav" aria-label="Primary navigation"> |
| <a class="brand" href="../index.html" aria-label="Crux home"> |
| <span class="brand-mark" aria-hidden="true"></span> |
| <span>Crux</span> |
| </a> |
| <button |
| class="menu-button" |
| type="button" |
| aria-expanded="false" |
| aria-controls="primary-links" |
| data-menu-button |
| > |
| Menu |
| </button> |
| <div class="nav-links" id="primary-links" data-nav-links data-open="false"> |
| <a href="../builders/index.html">For builders</a> |
| <a href="../decision-work/index.html">For decision work</a> |
| <a href="../research/index.html">Research</a> |
| <a href="../projects/index.html">Projects</a> |
| <a class="button button-small" href="./index.html" aria-current="page">Request preview</a> |
| </div> |
| </nav> |
| </header> |
|
|
| <main id="main"> |
| <section class="shell hero hero-compact"> |
| <div class="hero-copy"> |
| <p class="eyebrow">Manual allowlist</p> |
| <h1>Bring the work your agent should ask about.</h1> |
| <p class="lede"> |
| We are provisioning a small private preview by hand. Tell us which |
| agent workflow you use and where a missing question currently creates |
| rework, delay, or a bad decision. |
| </p> |
| </div> |
| </section> |
|
|
| <section class="section"> |
| <div class="shell grid grid-2"> |
| <form class="form" data-waitlist-form> |
| <div class="honeypot" aria-hidden="true"> |
| <label for="company">Company website</label> |
| <input id="company" name="company" tabindex="-1" autocomplete="off" /> |
| </div> |
|
|
| <div class="field"> |
| <label for="email">Work email <span class="fine-print">(required)</span></label> |
| <input id="email" name="email" type="email" autocomplete="email" required /> |
| </div> |
|
|
| <div class="field"> |
| <label for="role"> |
| Which description is closest? <span class="fine-print">(required)</span> |
| </label> |
| <select id="role" name="role" required> |
| <option value="">Choose one</option> |
| <option>Product manager</option> |
| <option>Solution architect</option> |
| <option>Consultant</option> |
| <option>MBA / business operator</option> |
| <option>Engineer / researcher</option> |
| <option>Other AI user</option> |
| </select> |
| </div> |
|
|
| <div class="field"> |
| <label for="use-case"> |
| What should your agent ask before it acts? |
| <span class="fine-print">(required)</span> |
| </label> |
| <textarea |
| id="use-case" |
| name="useCase" |
| maxlength="1200" |
| placeholder="Describe one real workflow, the agent or tool you use, and the kind of hidden assumption that causes trouble." |
| required |
| ></textarea> |
| </div> |
|
|
| <label class="checkbox"> |
| <input type="checkbox" name="consent" required /> |
| <span> |
| I agree that Crux may use this information to evaluate my preview |
| request and contact me about it. Do not include confidential client |
| or company data. (required) |
| </span> |
| </label> |
|
|
| <button class="button button-accent" type="submit">Request access</button> |
| <p class="form-status" role="status" aria-live="polite" data-form-status></p> |
| <p class="fine-print"> |
| Until a waitlist endpoint is configured, this form opens a drafted |
| email to `preview@getthecrux.com`. Crux will not receive anything |
| unless you send that email. |
| </p> |
| </form> |
|
|
| <aside> |
| <p class="eyebrow">A strong preview workflow</p> |
| <h2>Specific, consequential, measurable.</h2> |
| <ul class="proof-list"> |
| <li>Runs in an agent tool you already use</li> |
| <li>Has a clear owner and an observable outcome</li> |
| <li>Contains ambiguity that changes the next action</li> |
| <li>Produces enough repetitions to evaluate question timing</li> |
| <li>Can be tested without sending confidential data by default</li> |
| </ul> |
| <p class="fine-print"> |
| Founder-led custom deployments are scoped separately from |
| private-preview access. |
| </p> |
| </aside> |
| </div> |
| </section> |
| </main> |
|
|
| <footer class="site-footer"> |
| <div class="shell footer-grid"> |
| <a class="brand" href="../index.html"> |
| <span class="brand-mark" aria-hidden="true"></span> |
| <span>Crux</span> |
| </a> |
| <div class="footer-links"> |
| <a href="../builders/index.html">For builders</a> |
| <a href="../decision-work/index.html">Decision work</a> |
| <a href="../research/index.html">Research</a> |
| <a href="../projects/index.html">Projects</a> |
| </div> |
| <p class="fine-print">© <span data-year></span> Crux</p> |
| </div> |
| </footer> |
|
|
| <script src="../assets/config.js"></script> |
| <script src="../assets/site.js" defer></script> |
| </body> |
| </html> |
|
|
