PageSourceSearch

https://underheard.ai/research

html underheard.ai collected 2026-10-05 14:52:28 UTC 35,932 bytes, 512 lines download raw bytes

1<!doctype html>
2<!-- Market research page, served at the clean URL /research (next.config.ts
3     rewrite, proxy.ts exemption). Header and footer are the shared site
4     chrome copied from industries/home.html; everything else is this page's
5     own markup, styled from /industries/research.css. -->
6<html lang="en">
7<head>
8  <meta charset="utf-8">
9  <meta name="viewport" content="width=device-width, initial-scale=1">
10  <link rel="icon" href="/favicon.png" type="image/png">
11  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
12  <title>Market research | Underheard</title>
13  <meta name="description" content="An AI interviewer talks to real people in their own language and hands you themes, quotes and what to fix first, 48 hours after you create the study.">
14  <link rel="canonical" href="https://underheard.ai/research">
15  <meta property="og:title" content="Market research | Underheard">
16  <meta property="og:description" content="An AI interviewer talks to real people in their own language and hands you themes, quotes and what to fix first, 48 hours after you create the study.">
17  <meta property="og:image" content="https://underheard.ai/og.jpg">
18  <meta property="og:url" content="https://underheard.ai/research">
19  <meta property="og:type" content="website">
20  <meta name="twitter:card" content="summary_large_image">
21  <link rel="stylesheet" href="/solutions/v7/tokens.css">
22  <link rel="stylesheet" href="/solutions/v7/saas-v2.css">
23  <link rel="stylesheet" href="/solutions/drafts/draft-shared.css">
24  <link rel="stylesheet" href="/industries/industries.css">
25  <link rel="stylesheet" href="/industries/research.css">
26  <!-- industries.js returns early on pages without the city hero, so it never
27       adds html.js here. Set it in the head instead: every JS-only layout on
28       this page (5-up slideshow, sticky stack, accordion) is gated on it, and
29       an end-of-body script would flash the no-JS layout first. -->
30  
30<script>document.documentElement.classList.add("js")</script>
30
31  <!-- GSAP 3.15, vendored locally, no CDN. It drives the hero clip reveal and
32       the sticky-stack fade only. Both ship a complete static fallback in
33       research.css, so a failed load costs polish and nothing else. Deferred
34       scripts run in document order, so gsap is ready before research.js.
35       Note: DESIGN.md section 9 bans animation libraries. This static page is
36       an owner-directed exception, like /staffing. -->
37  
37<script src="/vendor/gsap/gsap.min.js" defer></script>
37
38  
38<script src="/vendor/gsap/ScrollTrigger.min.js" defer></script>
38
39  
39<script src="/industries/industries.js" defer></script>
39
40  
40<script src="/industries/research.js" defer></script>
40
41  
41<script src="/industries/research-live.js" defer></script>
41
42  
42<script defer src="/site-analytics.js?v=20260723-2"></script>
42
43  
43<script src="/industries/trust-strip.js" defer></script>
43
44</head>
45<body>
46  <main class="rh-page">
47    <header class="site-nav" data-site-nav>
48      <a class="wordmark" href="/" aria-label="Underheard home">underheard<span>.</span></a>
49      <nav aria-label="Main navigation">
50        <details class="solutions-menu">
51          <summary>Solutions <svg viewBox="0 0 12 8" aria-hidden="true"><path d="m1 1.5 5 5 5-5"/></svg></summary>
52          <div class="solutions-panel">
53            <a href="/staffing"><strong>Staffing</strong></a>
54            <a href="/research"><strong>Market research</strong></a>
55            <a href="/events"><strong>Events</strong></a>
56            <a href="/hotels"><strong>Hotels</strong></a>
57            <a href="/short-term-rentals"><strong>Short-term rentals</strong></a>
58            <a href="/saas"><strong>SaaS</strong></a>
59            <a href="/hr"><strong>HR</strong></a>
60            <a class="solutions-more" href="https://calendar.app.google/ky7e7qfam1XUTmT49" target="_blank" rel="noopener"><strong>Something else?</strong></a>
61            <div class="solutions-aside" aria-hidden="false">
62              <span class="sol-orb" aria-hidden="true"></span>
63              <b>Lina is waiting.</b>
64              <a class="sol-try" href="https://studio.underheard.ai/">Try now</a>
65            </div>
66          </div>
67        </details>
68      </nav>
69      <div class="nav-actions">
70        <a class="nav-studio" href="https://calendar.app.google/ky7e7qfam1XUTmT49" target="_blank" rel="noopener">Book a demo</a>
71        <a class="nav-cta" href="https://studio.underheard.ai/">Sign in</a>
72      </div>
73      <span class="nav-vine" data-nav-vine aria-hidden="true"></span>
74    </header>
75
76    <!-- ------------------------------------------------------------ hero -->
77    <section class="rh-hero rh-tex rh-tex-a" aria-labelledby="rh-title">
78      <div class="rh-wrap">
79        <span class="rh-pill">
80          <b>Backed by</b>
81          <img src="/research/logos/sff-studio.png" alt="" width="32" height="19">
82          <span>SFF Studio</span>
83        </span>
84        <h1 id="rh-title">The #1 AI Agent Platform for Market Research</h1>
85        <p class="rh-sub">What people think, why they think it, and what to do about it. From real, human interviews.</p>
86
87        <form class="rh-form" data-demo-form action="https://formspree.io/f/xbdvwdbk" method="post">
88          <label class="rh-vh" for="rh-email">Your work email</label>
89          <input id="rh-email" type="email" name="email" required autocomplete="email" placeholder="What&rsquo;s your work email?">
90          <input class="rh-gotcha" type="text" name="_gotcha" tabindex="-1" aria-hidden="true" autocomplete="off">
91          <input type="hidden" name="_subject" value="Demo request from /research">
92          <button type="submit">Get a demo</button>
93        </form>
94        <p class="rh-formnote" data-form-note role="status" aria-live="polite"></p>
95      </div>
96
97      <!-- portrait slideshow, 5 up on desktop, 3 on tablet, 1 on phones -->
98      <div class="rh-show rh-wide">
99        <div class="rh-viewport" data-show-view>
100          <div class="rh-track" data-show-track>
101            <div class="rh-slide">
102              <img src="/research/portraits/p1.webp" alt="A man in wire-rimmed glasses and a dark green sweater looking straight at the camera, photographed against a deep forest green backdrop" width="960" height="1200" loading="eager" decoding="async">
103              <div class="rh-ins rh-ins-q">
104                <div class="rh-ins-h"><b>Insight quote</b><small>Question 4</small></div>
105                <p><q>I stayed because switching looked like a week of work I did not have.</q></p>
106                <div class="rh-who"><span class="rh-av"><img src="/research/portraits/p7.webp" alt="" width="960" height="1200" loading="lazy" decoding="async"></span><span class="rh-who-t"><b>Interview 12</b><em>Operations lead</em></span></div>
107                <div class="rh-tags"><span>Switching cost</span><span>Retention</span></div>
108              </div>
109            </div>
110            <div class="rh-slide">
111              <img src="/research/portraits/p2.webp" alt="A woman in a green floral shirt laughing with her head turned away, photographed against a cream backdrop" width="960" height="1200" loading="lazy" decoding="async">
112              <div class="rh-ins rh-ins-p">
113                <div class="rh-ins-h"><b>Customer preference</b><small>Question 7</small></div>
114                <div class="rh-bars">
115                  <div><span>Faster setup</span><em>78%</em><i><b style="--w:78%"></b></i></div>
116                  <div><span>Clearer pricing</span><em>52%</em><i><b style="--w:52%"></b></i></div>
117                  <div><span>More templates</span><em>24%</em><i><b style="--w:24%"></b></i></div>
118                </div>
119                <div class="rh-tags"><span>Pricing</span><span>Onboarding</span></div>
120              </div>
121            </div>
122            <div class="rh-slide">
123              <img src="/research/portraits/p3.webp" alt="A young man with curly hair in an olive patterned shirt looking down, photographed against a pale sage backdrop" width="960" height="1200" loading="lazy" decoding="async">
124              <div class="rh-ins rh-ins-q">
125                <div class="rh-ins-h"><b>Insight quote</b><small>Question 2</small></div>
126                <p><q>Nobody told me it was included. I paid twice for the same thing.</q></p>
127                <div class="rh-who"><span class="rh-av"><img src="/research/portraits/p2.webp" alt="" width="960" height="1200" loading="lazy" decoding="async"></span><span class="rh-who-t"><b>Interview 07</b><em>Finance manager</em></span></div>
128                <div class="rh-tags"><span>Billing</span><span>Communication</span></div>
129              </div>
130            </div>
131            <div class="rh-slide">
132              <img src="/research/portraits/p4.webp" alt="A woman in a black turtleneck turned away and looking back over her shoulder, photographed against a pale cream backdrop" width="960" height="1200" loading="lazy" decoding="async">
133              <div class="rh-ins rh-ins-p">
134                <div class="rh-ins-h"><b>Customer preference</b><small>Question 5</small></div>
135                <div class="rh-bars">
136                  <div><span>Better handover</span><em>64%</em><i><b style="--w:64%"></b></i></div>
137                  <div><span>Fewer emails</span><em>41%</em><i><b style="--w:41%"></b></i></div>
138                  <div><span>One contact</span><em>29%</em><i><b style="--w:29%"></b></i></div>
139                </div>
140                <div class="rh-tags"><span>Support</span><span>Handover</span></div>
141              </div>
142            </div>
143            <div class="rh-slide">
144              <img src="/research/portraits/p5.webp" alt="A woman in an olive shirt holding a phone to her ear mid-conversation, photographed against a near-black backdrop" width="960" height="1200" loading="lazy" decoding="async">
145              <div class="rh-ins rh-ins-q">
146                <div class="rh-ins-h"><b>Insight quote</b><small>Question 6</small></div>
147                <p><q>The first person was lovely. The second had no idea what I had already said.</q></p>
148                <div class="rh-who"><span class="rh-av"><img src="/research/portraits/p6.webp" alt="" width="960" height="1200" loading="lazy" decoding="async"></span><span class="rh-who-t"><b>Interview 21</b><em>Customer success lead</em></span></div>
149                <div class="rh-tags"><span>Support</span><span>Continuity</span></div>
150              </div>
151            </div>
152            <div class="rh-slide">
153              <img src="/research/portraits/p6.webp" alt="A woman in a black sweater holding a paper cup and looking away, photographed against a warm beige backdrop" width="960" height="1200" loading="lazy" decoding="async">
154              <div class="rh-ins rh-ins-p">
155                <div class="rh-ins-h"><b>Customer preference</b><small>Question 3</small></div>
156                <div class="rh-bars">
157                  <div><span>Same day replies</span><em>71%</em><i><b style="--w:71%"></b></i></div>
158                  <div><span>
158Weekend cover</span><em>58%</em><i><b style="--w:58%"></b></i></div>
159                  <div><span>Phone option</span><em>19%</em><i><b style="--w:19%"></b></i></div>
160                </div>
161                <div class="rh-tags"><span>Support</span><span>Availability</span></div>
162              </div>
163            </div>
164            <div class="rh-slide">
165              <img src="/research/portraits/p7.webp" alt="A young woman in a cream cardigan wearing a wireless earbud, looking to one side, photographed against a dark green backdrop" width="960" height="1200" loading="lazy" decoding="async">
166              <div class="rh-ins rh-ins-q">
167                <div class="rh-ins-h"><b>Insight quote</b><small>Question 9</small></div>
168                <p><q>I would have stayed if anyone had asked me first.</q></p>
169                <div class="rh-who"><span class="rh-av"><img src="/research/portraits/p4.webp" alt="" width="960" height="1200" loading="lazy" decoding="async"></span><span class="rh-who-t"><b>Interview 03</b><em>Head of product</em></span></div>
170                <div class="rh-tags"><span>Churn</span><span>Outreach</span></div>
171              </div>
172            </div>
173            <div class="rh-slide">
174              <img src="/research/portraits/p8.webp" alt="A man in a dark green shirt seen in profile, one hand at the temple of his glasses, photographed against a pale sage backdrop" width="960" height="1200" loading="lazy" decoding="async">
175              <div class="rh-ins rh-ins-p">
176                <div class="rh-ins-h"><b>Customer preference</b><small>Question 8</small></div>
177                <div class="rh-bars">
178                  <div><span>Annual billing</span><em>83%</em><i><b style="--w:83%"></b></i></div>
179                  <div><span>Team seats</span><em>37%</em><i><b style="--w:37%"></b></i></div>
180                  <div><span>Usage pricing</span><em>22%</em><i><b style="--w:22%"></b></i></div>
181                </div>
182                <div class="rh-tags"><span>Pricing</span><span>Plans</span></div>
183              </div>
184            </div>
185          </div>
186        </div>
187      </div>
188    </section>
189
190    <!-- ------------------------------------------------------ logo strip -->
191    <section class="rh-logos" aria-label="Customers">
192      <p>Trusted by teams at</p>
193      <div class="rh-tick-view">
194        <div class="rh-tick" data-tick>
195          <div class="rh-tick-grp" data-tick-grp>
196            <span class="rh-logo" style="--h:26px"><img src="/research/logos/trekksoft.svg" alt="TrekkSoft" height="26"></span>
197            <span class="rh-logo" style="--h:26px"><img src="/research/logos/guestready.svg" alt="GuestReady" height="26"></span>
198            <span class="rh-logo" style="--h:40px"><img src="/research/logos/venturelab.png" alt="Venturelab" height="40"></span>
199            <span class="rh-logo" style="--h:44px"><img src="/research/logos/bigfish.png" alt="BIG FISH" height="44"></span>
200            <span class="rh-logo" style="--h:20px"><img src="/research/logos/kollabo.svg" alt="Kollabo" height="20"></span>
201            <span class="rh-logo" style="--h:32px"><img src="/research/logos/phoenix-staffing.png" alt="Phoenix Staffing" height="32"></span>
202            <span class="rh-logo" style="--h:52px"><img src="/research/logos/hort-de-sant-cebria.png" alt="L&rsquo;Hort de Sant Cebri&agrave;" height="52"></span>
203            <span class="rh-logo" style="--h:44px"><img src="/research/logos/kennedy-foundation.png" alt="Robert F. Kennedy Human Rights Switzerland" height="44"></span>
204            <span class="rh-logo" style="--h:30px"><img src="/research/logos/yield-summit.svg" alt="Digital Asset Yield Summit" height="30"></span>
205            <span class="rh-logo" style="--h:26px"><img src="/research/logos/favory.svg" alt="Favory" height="26"></span>
206            <span class="rh-logo" style="--h:20px"><img src="/research/logos/hotelleriesuisse.svg" alt="HotellerieSuisse" height="20"></span>
207          </div>
208        </div>
209      </div>
210    </section>
211
212    <!-- ----------------------------------------------------- how it works
213         Listen Labs L3 geometry, restyled in our tokens: a sticky heading
214         block, then four sticky panels that stack. Each panel is a big real
215         Studio screenshot in a browser frame on the right, with the number,
216         title and description bottom-aligned in the left column. The left
217         column is opaque and masked at the top, so an arriving panel wipes
218         the one under it instead of crossing through it. -->
219    <section class="rh-sec rh-how rh-tex" id="rh-how">
220      <div class="rh-wrap">
221        <div class="rh-how-head" data-how-head>
222          <h2 class="rh-rv">One place to run your research <em>end to end.</em></h2>
223          <p class="rh-rv">You write one sentence about what you want to learn. Underheard drafts the guide, talks to every person, and hands back a report your team can act on.</p>
224        </div>
225
226        <div class="rh-stack" data-stack>
227          <!-- 01 set up the study -->
228          <article class="rh-panel">
229            <div class="rh-panel-copy">
230              <b>01</b>
231              <h3>Set up the study</h3>
232              <p>Say what you want to learn in one sentence. An agent drafts the interview guide, and you edit any question you want.</p>
233            </div>
234            <div class="rh-panel-vis">
235              <figure class="rh-shot">
236                <span class="rh-shot-bar" aria-hidden="true"><i></i><i></i><i></i><em>studio.underheard.ai</em></span>
237                <span class="rh-shot-view"><img src="/research/studio/new-study.png" alt="The Underheard Studio asking what you want to learn, with the one sentence typed into the study setup" width="2240" height="1334" loading="lazy" decoding="async"></span>
238              </figure>
239            </div>
240          </article>
241
242          <!-- 02 invite people -->
243          <article class="rh-panel">
244            <div class="rh-panel-copy">
245              <b>02</b>
246              <h3>Invite people</h3>
247              <p>Choose who to talk to from the participant pool, or invite your own people with a link.</p>
248            </div>
249            <div class="rh-panel-vis">
250              <figure class="rh-shot">
251                <span class="rh-shot-bar" aria-hidden="true"><i></i><i></i><i></i><em>studio.underheard.ai</em></span>
252                <span class="rh-shot-view"><img src="/research/studio/recruit.png" alt="The Underheard Studio audience selector, filtering the participant pool by role, industry, country, company size and age" width="2240" height="1334" loading="lazy" decoding="async"></span>
253              </figure>
254            </div>
255          </article>
256
257          <!-- 03 interviews run -->
258          <article class="rh-panel">
259            <div class="rh-panel-copy">
260              <b>03</b>
261              <h3>Interviews run</h3>
262              <p>The AI interviewer talks to every person with real follow-ups, in whichever language they answer in.</p>
263            </div>
264            <div class="rh-panel-vis">
265              <figure class="rh-shot">
266                <span class="rh-shot-bar" aria-hidden="true"><i></i><i></i><i></i><em>studio.underheard.ai</em></span>
267                <span class="rh-shot-view" style="--z:1.2;--l:-10%;--t:0"><img src="/research/studio/join.png" alt="The interview start page a participant sees before the conversation begins" width="2400" height="1429" loading="lazy" decoding="async"></span>
268              </figure>
269            </div>
270          </article>
271
272          <!-- 04 read the report -->
273          <article class="rh-panel">
274            <div class="rh-panel-copy">
275              <b>04</b>
276              <h3>Read the report</h3>
277              <p>Themes, quotes and what to fix first, 48 hours after you created the study.</p>
278            </div>
279            <div class="rh-panel-vis">
280              <figure class="rh-shot">
281                <span class="rh-shot-bar" aria-hidden="true"><i></i><i></i><i></i><em>studio.underheard.ai</em></span>
282                <span class="rh-shot-view"><img src="/research/studio/results-tab.png" alt="The Underheard results tab with interviews over time, interview length, ranked themes and the quotes behind them" width="2240" height="1334" loading="lazy" decoding="async"></span>
283              </figure>
284            </div>
285          </article>
286
287          <div class="rh-stack-tail" aria-hidden="true"></div>
288        </div>
289      </div>
290    </section>
291
292    <!-- ------------------------------------------------------ proof band
293         Conveo C8 shape, restyled in our tokens: three cards sitting on a
294         soft inset panel, each closing on a large Fraunces figure in a
295         tinted box. Same three claims the plain band carried. -->
296    <section class="rh-sec rh-proof" aria-label="What you get">
297      <div class="rh-wrap">
298        <div class="rh-proof-panel">
299          <article class="rh-pcard rh-rv">
300            <div class="rh-pcard-top">
301              <h3>From question to report</h3>
302              <p>You create the study, the interviewer talks to everyone, and the report is waiting for you.</p>
303            </div>
304            <div class="rh-pcard-fig"><b>48 hours</b><span>From creating the study to reading the results.</span></div>
305          </article>
306          <article class="rh-pcard rh-rv">
307            <div class="rh-pcard-top">
308              <h3>Research that keeps running</h3>
309              <p>Studies end. Your customer understanding does not have to, so the interviewer keeps talking to people between them.</p>
310            </div>
311            <div class="rh-pcard-fig"><b>Always on</b><span>Research that keeps running between studies.</span></div>
312          </article>
313          <article class="rh-pcard rh-rv">
314            <div class="rh-pcard-top">
315              <h3>Reasons, not ratings</h3>
316              <p>Every theme is counted across the interviews and traces back to the people who raised it.</p>
317            </div>
318            <div class="rh-pcard-fig"><b>Ranked</b><span>Reasons, ranked by how often people raise them.</span></div>
319          </article>
320        </div>
321      </div>
322    </section>
323
324    <!-- ------------------------------------------------------- use cases -->
325    <section class="rh-sec rh-uses rh-tex rh-tex-b" id="rh-uses">
326      <div class="rh-wrap">
327        <h2 class="rh-rv">Six ways teams put it <em>
327to work.</em></h2>
328        <div class="rh-acc" data-acc>
329          <div class="rh-rows" data-acc-rows>
330            <div class="rh-row is-on" data-acc-row="0">
331              <button class="rh-head" type="button" aria-expanded="true" aria-controls="rh-uc0"><em>01</em>Market and Audience Understanding</button>
332              <div class="rh-body" id="rh-uc0"><p>Learn how your audience thinks and feels, and watch it change over time.</p></div>
333              <div class="rh-prog"><i></i></div>
334            </div>
335            <div class="rh-row" data-acc-row="1">
336              <button class="rh-head" type="button" aria-expanded="false" aria-controls="rh-uc1"><em>02</em>Concept and Prototype Testing</button>
337              <div class="rh-body" id="rh-uc1"><p>Get qualitative depth to make the right product decisions before you ship.</p></div>
338              <div class="rh-prog"><i></i></div>
339            </div>
340            <div class="rh-row" data-acc-row="2">
341              <button class="rh-head" type="button" aria-expanded="false" aria-controls="rh-uc2"><em>03</em>Creative and Message Testing</button>
342              <div class="rh-body" id="rh-uc2"><p>Test messaging, positioning, and creative for maximum impact, from taglines to finished ads.</p></div>
343              <div class="rh-prog"><i></i></div>
344            </div>
345            <div class="rh-row" data-acc-row="3">
346              <button class="rh-head" type="button" aria-expanded="false" aria-controls="rh-uc3"><em>04</em>B2B and Expert Audiences</button>
347              <div class="rh-body" id="rh-uc3"><p>Recruit and interview niche, low-incidence, and professional audiences quickly and easily.</p></div>
348              <div class="rh-prog"><i></i></div>
349            </div>
350            <div class="rh-row" data-acc-row="4">
351              <button class="rh-head" type="button" aria-expanded="false" aria-controls="rh-uc4"><em>05</em>Usability Testing</button>
352              <div class="rh-body" id="rh-uc4"><p>Validate ease-of-use with users who describe their screen as they walk through your product.</p></div>
353              <div class="rh-prog"><i></i></div>
354            </div>
355            <div class="rh-row" data-acc-row="5">
356              <button class="rh-head" type="button" aria-expanded="false" aria-controls="rh-uc5"><em>06</em>Brand Tracking</button>
357              <div class="rh-body" id="rh-uc5"><p>Track brand health, awareness, and perception on an always-on cadence and the &ldquo;why.&rdquo;</p></div>
358              <div class="rh-prog"><i></i></div>
359            </div>
360          </div>
361
362          <!-- One fixed-ratio frame, six absolutely positioned layers that only
363               cross-fade. Nothing here is ever transformed or resized, so a row
364               change cannot make the picture jump.
365
366               One picture per row, in the markup rather than swapped in at
367               runtime. It used to be a pair of portraits per row with the real
368               set fetched and substituted by research.js once a probe said the
369               files were on disk, which cost every visitor twelve portraits
370               they never saw. The six are the whole set now, they are what the
371               page renders with no JS, and each is 1310px wide, twice this
372               frame at 1440. -->
373          <div class="rh-stage" data-acc-stage aria-hidden="true">
374            <div class="rh-pair is-single is-on"><img src="/research/usecases/uc1.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
375            <div class="rh-pair is-single"><img src="/research/usecases/uc2.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
376            <div class="rh-pair is-single"><img src="/research/usecases/uc3.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
377            <div class="rh-pair is-single"><img src="/research/usecases/uc4.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
378            <div class="rh-pair is-single"><img src="/research/usecases/uc5.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
379            <div class="rh-pair is-single"><img src="/research/usecases/uc6.webp" alt="" width="1310" height="753" loading="lazy" decoding="async"></div>
380          </div>
381        </div>
382      </div>
383    </section>
384
385    <!-- --------------------------------------------------- try it yourself
386         No frame and no card. The conversation runs in this document:
387         research-live.js takes the press, asks for the microphone on this
388         origin, and opens the session against the same public Studio calls
389         its own interview page makes, proxied through app/api/research/*.
390
391         The orb is still a plain link to the Studio. That is what happens
392         with no JS, what a refused microphone falls back to, and what a cmd
393         or middle click still does. -->
394    <section class="rh-sec rh-try rh-tex rh-tex-c" id="rh-try">
395      <div class="rh-wrap">
396        <h2 class="rh-rv">Try it <em>yourself.</em></h2>
397        <div class="rh-try-grid">
398          <div class="rh-try-l">
399            <div class="rh-live" data-live data-phase="idle">
400              <a class="rh-orb-cta" data-orb href="https://studio.underheard.ai/j/f8098cb934c7505f2c287e21" target="_blank" rel="noopener">
401                <span class="rh-orb" aria-hidden="true">
402                  <span class="rh-orb-g"></span>
403                  <span class="rh-orb-ring"></span>
404                  <svg class="rh-orb-play" viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="2.5" width="6" height="11.5" rx="3" fill="currentColor"/><path d="M5.5 11.5a6.5 6.5 0 0 0 13 0M12 18v3.5M8.5 21.5h7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
405                </span>
406                <span class="rh-sr">Start the conversation in your browser</span>
407              </a>
408              <p class="rh-live-state" data-live-state role="status" aria-live="polite">Press the circle to open the conversation.</p>
409              <button class="rh-live-end" type="button" data-live-end>End the conversation</button>
410            </div>
411            <p class="rh-try-notice">You'll be talking with an AI assistant. The conversation is transcribed; the audio is not recorded. <a href="https://studio.underheard.ai/privacy/respondents" target="_blank" rel="noopener">How your data is handled</a></p>
412          </div>
413          <div class="rh-try-r">
414            <figure class="rh-try-shot">
415              <img src="/research/portraits/p5.webp" alt="A woman in an olive shirt holding a phone to her ear mid-conversation, photographed against a near-black backdrop" width="960" height="1200" loading="lazy" decoding="async">
416            </figure>
417            <p class="rh-player-lab">An example interview.</p>
418            <div class="rh-player" data-player>
419              <audio data-audio preload="metadata" controls src="/research/audio/example-interview.mp3"></audio>
420              <div class="rh-player-ui">
421                <button class="rh-play" type="button" data-play aria-label="Play the example interview">
422                  <svg class="rh-play-i" viewBox="0 0 12 14" aria-hidden="true"><path d="M0 0v14l12-7z"/></svg>
423                  <svg class="rh-pause-i" viewBox="0 0 12 14" aria-hidden="true"><path d="M0 0h4v14H0zM8 0h4v14H8z"/></svg>
424                </button>
425                <button class="rh-seek" type="button" data-seek aria-label="Seek in the example interview">
426                  <span class="rh-wave" data-wave aria-hidden="true"></span>
427                  <span class="rh-wave-fill" data-seek-fill aria-hidden="true"><span class="rh-wave" data-wave></span></span>
428                </button>
429                <span class="rh-time" data-time>0:00</span>
430              </div>
431            </div>
432          </div>
433        </div>
434      </div>
435    </section>
436
437    <!-- -------------------------------------------------------------- faq
438         The site-wide FAQ component, class for class as home.html, saas.html
439         and pricing.html ship it: two independent columns of native
440         <details> cards with a +/- glyph and a hover lift. It is pure CSS
441         and takes no handler, so research.js must not touch [data-faq] here.
442         The page's own texture is deliberately not applied, because the
443         component paints its own --paper ground like it does everywhere
444         else. -->
445    <section class="faq-section" id="rh-faq"><div class="in">
446      <h2>Questions people ask <em>before they start.</em></h2>
447      <div class="faq-grid"><div class="faq-column">
448        <details class="faq-item"><summary>What is Underheard?</summary><p>An AI interviewer that talks to your customers, your candidates or your event guests one at a time, and turns every one of those conversations into a single report you can act on.</p></details>
449        <details class="faq-item"><summary>How is this different from a survey?</summary><p>A survey only collects the answers you thought to ask for. The interviewer hears what someone actually says and asks the follow-up, so you get the reason behind the rating instead of the rating on its own.</p></details>
450        <details class="faq-item"><summary>Do people really open up to an AI?</summary><p>More than most teams expect. The interviewer says at the start that it is an AI, so there is nobody on the other end to disappoint and nothing to be polite about, and the awkward part tends to get said out loud instead of rounded up to a seven out of ten.</p></details>
451        <details class="faq-item"><summary>Who uses it?</summary><p>Product, marketing, customer success and HR teams who need to hear from a lot of people quickly, and research agencies who run studies for their own clients.</p></details>
452        <details class="faq-item"><summary>Can we use our own list of people?</summary><p>Yes. Bring your customers, your candidates or your guests, and each one gets their own link. You can send it yourself or drop it into an email you were sending anyway.</p></details>
453      </div><div class="faq-column">
454        <details class="faq-item"><summary>Which languages does it speak?</summary><p>
45431 languages, including English, German, Spanish, Italian and French. Every person is interviewed in their own language, quotes stay verbatim, and the summary comes back in the language you set the study up in.</p></details>
455        <details class="faq-item"><summary>How do you handle our data?</summary><p>Under GDPR. Every person is told at the start that they are talking to an AI, the audio is never recorded, and you can remove a study and everything inside it from your workspace whenever you want.</p></details>
456        <details class="faq-item"><summary>How fast do results arrive?</summary><p>48 hours from the moment you create the study. The report updates as interviews come in, so you can read the first themes long before the last person answers.</p></details>
457        <details class="faq-item"><summary>What do we get at the end?</summary><p>One report. The themes that came up and how often they came up, the verbatim quotes sitting behind each one, and the numbers where you asked for a number. Share it with a link and the people you sent it to see the same thing you do.</p></details>
458        <details class="faq-item"><summary>How is it set up?</summary><p>You write the question you want answered, in your own words. The study is built from that, you read it over, and the first link is ready to send. Nothing to install and nothing to connect.</p></details>
459      </div></div>
460    </div></section>
461
462    <!-- ------------------------------------------------------ book a demo -->
463    <section class="rh-close">
464      <div class="rh-wrap">
465        <h2>See it on <em>your own question.</em></h2>
466        <a href="https://calendar.app.google/ky7e7qfam1XUTmT49" target="_blank" rel="noopener">Book a demo <span aria-hidden="true">&rarr;</span></a>
467      </div>
468    </section>
469
470    <footer class="site-footer">
471      <div class="sf-in">
472        <div class="sf-brand">
473          <a class="sf-word" href="/">underheard<span>.</span></a>
474          <p>Customer conversations instead of questionnaires.</p>
475          <svg class="sf-vine" viewBox="0 0 560 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M10 20 C 90 4, 150 36, 230 20 S 380 4, 460 20 S 540 32, 550 20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/><circle cx="230" cy="20" r="4" fill="currentColor"/><circle cx="460" cy="20" r="4" fill="currentColor"/></svg>
476        </div>
477        <nav class="sf-col" aria-label="Solutions">
478          <h3>Solutions</h3>
479          <a href="/research">Market research</a>
480          <a href="/saas">SaaS</a>
481          <a href="/hotels">Hotels</a>
482          <a href="/events">Events</a>
483          <a href="/short-term-rentals">Short-term rentals &amp; property managers</a>
484          <a href="/hr">HR</a>
485          <a href="/staffing">Staffing</a>
486        </nav>
487        <nav class="sf-col" aria-label="Resources">
488          <h3>Resources</h3>
489          <a href="/saas#s-get">The report</a>
490          <a href="/en/blogs">Blog</a>
491          <a href="https://calendar.app.google/ky7e7qfam1XUTmT49" target="_blank" rel="noopener">Book a demo</a>
492        </nav>
493        <nav class="sf-col" aria-label="Compare">
494          <h3>Compare</h3>
495          <a href="/vs/listen-labs">vs Listen Labs</a>
496          <a href="/vs/outset">vs Outset</a>
497          <a href="/vs/strella">vs Strella</a>
498          <a href="/vs/surveymonkey">vs SurveyMonkey</a>
499          <a href="/vs/typeform">vs Typeform</a>
500        </nav>
501        <nav class="sf-col" aria-label="Legal">
502          <h3>Legal</h3>
503          <a href="https://underheard.ai/en/imprint">Imprint</a>
504          <a href="https://underheard.ai/en/privacy">Privacy</a>
505          <a href="https://studio.underheard.ai/terms">Terms</a>
506        </nav>
507      </div>
508      <div class="sf-base"><span>&copy; 2026 Underheard</span></div>
509    </footer>
510  </main>
511</body>
512</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.