File size: 6,082 Bytes
45b1be8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9152148
45b1be8
 
 
 
 
 
 
 
 
 
 
 
 
9152148
 
 
 
 
45b1be8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9152148
45b1be8
 
 
 
9152148
 
 
 
45b1be8
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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>