PageSourceSearch

https://capquest.io/book-demo

html capquest.io collected 2026-10-05 06:07:37 UTC 33,864 bytes, 966 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Book a Demo — CapQuest</title>
7    <meta
8      name="description"
9      content="Book a CapQuest demo. See how teams manage equity, cap tables, stakeholder communications and investor relations in one workspace."
10    />
11    <link rel="canonical" href="https://capquest.io/book-demo" />
12    <meta property="og:site_name" content="CapQuest" />
13    <meta property="og:type" content="website" />
14    <meta property="og:title" content="Book a Demo — CapQuest" />
15    <meta
16      property="og:description"
17      content="Book a CapQuest demo. See how teams manage equity, cap tables, stakeholder communications and investor relations in one workspace."
18    />
19    <meta property="og:url" content="https://capquest.io/book-demo" />
20    <meta name="twitter:card" content="summary" />
21    <meta name="twitter:title" content="Book a Demo — CapQuest" />
22    <meta
23      name="twitter:description"
24      content="Book a CapQuest demo. See how teams manage equity, c
24ap tables, stakeholder communications and investor relations in one workspace."
25    />
26    <style>
27      *,
28      *::before,
29      *::after {
30        box-sizing: border-box;
31        margin: 0;
32        padding: 0;
33      }
34      :root {
35        --blue: #2565c8;
36        --blue-hover: #1e52a8;
37        --hero-bg: rgb(230, 240, 255);
38        --dark-bg: rgb(10, 6, 19);
39        --heading: rgb(16, 24, 40);
40        --body: rgb(71, 84, 103);
41        --muted: rgb(152, 162, 179);
42        --border: rgb(234, 236, 240);
43      }
44      html {
45        scroll-behavior: smooth;
46      }
47      body {
48        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
49        color: var(--body);
50        background: white;
51        line-height: 1.6;
52        -webkit-font-smoothing: antialiased;
53      }
54
55      /* NAV */
56      nav {
57        background: rgba(255, 255, 255, 0.95);
58        border-bottom: 1px solid var(--border);
59        height: 64px;
60        display: flex;
61        align-items: center;
62        position: sticky;
63        top: 0;
64        z-index: 50;
65      }
66      .nav-inner {
67        max-width: 1100px;
68        margin: 0 auto;
69        padding: 0 32px;
70        width: 100%;
71        display: flex;
72        align-items: center;
73      }
74      .nav-logo {
75        display: flex;
76        align-items: center;
77        text-decoration: none;
78      }
79      .nav-actions {
80        display: flex;
81        gap: 12px;
82        align-items: center;
83        margin-left: auto;
84      }
85      .btn-ghost-nav {
86        font-size: 14px;
87        color: var(--body);
88        text-decoration: none;
89        padding: 8px 12px;
90      }
91      .btn-nav {
92        background: var(--blue);
93        color: white;
94        font-size: 14px;
95        font-weight: 600;
96        padding: 10px 20px;
97        border-radius: 4px;
98        text-decoration: none;
99        border: none;
100        cursor: pointer;
101        font-family: inherit;
102        transition: background 0.2s;
103      }
104      .btn-nav:hover {
105        background: var(--blue-hover);
106      }
107
108      /* HERO */
109      .hero {
110        background: var(--hero-bg);
111        padding: 72px 32px 80px;
112      }
113      .hero-inner {
114        max-width: 1100px;
115        margin: 0 auto;
116        display: grid;
117        grid-template-columns: 1fr 1fr;
118        gap: 56px;
119        align-items: center;
120      }
121      .section-label {
122        font-size: 11px;
123        font-weight: 600;
124        letter-spacing: 0.09em;
125        text-transform: uppercase;
126        color: var(--blue);
127        margin-bottom: 14px;
128      }
129      h1 {
130        font-size: 46px;
131        font-weight: 700;
132        color: var(--heading);
133        line-height: 1.1;
134        letter-spacing: -0.025em;
135        margin-bottom: 16px;
136      }
137      .hero-sub {
138        font-size: 17px;
139        color: var(--body);
140        line-height: 1.7;
141        margin-bottom: 28px;
142      }
143      .feature-list {
144        list-style: none;
145        display: flex;
146        flex-direction: column;
147        gap: 11px;
148        margin-bottom: 36px;
149      }
150      .feature-list li {
151        display: flex;
152        align-items: center;
153        gap: 10px;
154        font-size: 14px;
155        color: var(--body);
156      }
157      .ficon {
158        width: 18px;
159        height: 18px;
160        flex-shrink: 0;
161        color: var(--blue);
162      }
163
164      /* BOOKING CARD (replaces inline calendar) */
165      .booking-card {
166        background: white;
167        border-radius: 16px;
168        box-shadow:
169          0 4px 6px -2px rgba(16, 24, 40, 0.05),
170          0 12px 20px -4px rgba(16, 24, 40, 0.09);
171        overflow: hidden;
172      }
173      .booking-card-top {
174        background: var(--blue);
175        padding: 32px 28px 28px;
176      }
177      .booking-card-top h3 {
178        font-size: 22px;
179        font-weight: 700;
180        color: white;
181        margin-bottom: 8px;
182        letter-spacing: -0.01em;
183      }
184      .booking-card-top p {
185        font-size: 14px;
186        color: rgba(255, 255, 255, 0.75);
187        line-height: 1.6;
188      }
189      .booking-card-body {
190        padding: 28px;
191      }
192      .booking-details {
193        display: flex;
194        flex-direction: column;
195        gap: 14px;
196        margin-bottom: 28px;
197      }
198      .booking-detail {
199        display: flex;
200        align-items: center;
201        gap: 12px;
202        font-size: 14px;
203        color: var(--body);
204      }
205      .booking-detail-icon {
206        width: 34px;
207        height: 34px;
208        background: var(--hero-bg);
209        border-radius: 8px;
210        display: flex;
211        align-items: center;
212        justify-content: center;
213        flex-shrink: 0;
214      }
215      .btn-book {
216        width: 100%;
217        background: var(--blue);
218        color: white;
219        font-size: 15px;
220        font-weight: 600;
221        padding: 14px 24px;
222        border-radius: 6px;
223        border: none;
224        cursor: pointer;
225        font-family: inherit;
226        display: flex;
227        align-items: center;
228        justify-content: center;
229        gap: 10px;
230        transition:
231          background 0.2s,
232          transform 0.15s;
233      }
234      .btn-book:hover {
235        background: var(--blue-hover);
236        transform: translateY(-1px);
237      }
238      .btn-book:active {
239        transform: scale(0.99);
240      }
241      .booking-note {
242        text-align: center;
243        font-size: 12px;
244        color: var(--muted);
245        margin-top: 12px;
246      }
247
248      /* ── MODAL ── */
249      .modal-overlay {
250        display: none;
251        position: fixed;
252        inset: 0;
253        background: rgba(10, 6, 19, 0.65);
254        backdrop-filter: blur(4px);
255        z-index: 200;
256        align-items: center;
257        justify-content: center;
258        padding: 20px;
259        animation: fadeIn 0.2s ease;
260      }
261      .modal-overlay.open {
262        display: flex;
263      }
264
265      @keyframes fadeIn {
266        from {
267          opacity: 0;
268        }
269        to {
270          opacity: 1;
271        }
272      }
273      @keyframes slideUp {
274        from {
275          opacity: 0;
276          transform: translateY(24px);
277        }
278        to {
279          opacity: 1;
280          transform: translateY(0);
281        }
282      }
283
284      .modal {
285        background: white;
286        border-radius: 16px;
287        width: 100%;
288        max-width: 780px;
289        max-height: 90vh;
290        display: flex;
291        flex-direction: column;
292        overflow: hidden;
293        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25);
294        animation: slideUp 0.25s cubic-bezier(0.22, 1, 0.36, 1);
295      }
296
297      .modal-header {
298        padding: 18px 24px;
299        border-bottom: 1px solid var(--border);
300        display: flex;
301        align-items: center;
302        justify-content: space-between;
303        flex-shrink: 0;
304      }
305
306      .modal-header-left {
307        display: flex;
308        align-items: center;
309        gap: 10px;
310      }
311
312      .modal-header-left svg {
313        color: var(--blue);
314      }
315
316      .modal-title {
317        font-size: 15px;
318        font-weight: 600;
319        color: var(--heading);
320      }
321      .modal-subtitle {
322        font-size: 12px;
323        color: var(--muted);
324        margin-top: 1px;
325      }
326
327      .modal-badge {
328        font-size: 11px;
329        font-weight: 500;
330        color: var(--blue);
331        background: #ebf2ff;
332        padding: 3px 10px;
333        border-radius: 100px;
334        margin-right: 8px;
335      }
336
337      .modal-close {
338        width: 32px;
339        height: 32px;
340        border: 1px solid var(--border);
341        border-radius: 8px;
342        background: white;
343        cursor: pointer;
344        display: flex;
345        align-items: center;
346        justify-content: center;
347        color: var(--muted);
348        font-size: 18px;
349        transition:
350          background 0.15s,
351          color 0.15s;
352        line-height: 1;
353      }
354      .modal-close:hover {
355        background: var(--hero-bg);
356        color: var(--heading);
357      }
358
359      .modal-body {
360        flex: 1;
361        overflow-y: auto;
362        position: relative;
363        min-height: 520px;
364      }
365      .modal-body .meetings-iframe-container {
366        width: 100%;
367        min-height: 520px;
368      }
369      .modal-body .meetings-iframe-container iframe {
370        width: 100% !important;
371        min-height: 520px;
372        border: none;
373      }
374
375      /* Loading state inside modal */
376      .modal-loading {
377        position: absolute;
378        inset: 0;
379        background: white;
380        display: flex;
381        flex-direction: column;
382        align-items: center;
383        justify-content: center;
384        gap: 14px;
385        z-index: 2;
386        transition: opacity 0.3s;
387      }
388      .modal-loading.hidden {
389        opacity: 0;
390        pointer-events: none;
391      }
392
393      .spinner {
394        width: 32px;
395        height: 32px;
396        border: 2.5px solid var(--border);
397        border-top-color: var(--blue);
398        border-radius: 50%;
399        animation: spin 0.8s linear infinite;
400      }
401      @keyframes spin {
402        to {
403          transform: rotate(360deg);
404        }
405      }
406      .modal-loading-text {
407        font-size: 13px;
408        color: var(--muted);
409      }
410
411      /* Fallback inside modal */
412      .modal-fallback {
413        display: none;
414        padding: 48px 32px;
415        text-align: center;
416      }
417      .modal-fallback h3 {
418        font-size: 18px;
419        font-weight: 700;
420        color: var(--heading);
421        margin-bottom: 8px;
422      }
423      .modal-fallback p {
424        font-size: 14px;
425        color: var(--body);
426        line-height: 1.65;
427        margin-bottom: 24px;
428      }
429      .btn-fallback {
430        display: inline-flex;
431        align-items: center;
432        gap: 8px;
433        background: var(--blue);
434        color: white;
435        font-size: 14px;
436        font-weight: 600;
437        padding: 12px 24px;
438        border-radius: 4px;
439        text-decoration: none;
440      }
441
442      .modal-body iframe {
443        display: block;
444        width: 100%;
445        height: 100%;
446        min-height: 560px;
447        border: none;
448      }
449
450      /* STEPS */
451      .steps-section {
452        padding: 80px 32px;
453        background: white;
454      }
455      .steps-inner {
456        max-width: 1100px;
457        margin: 0 auto;
458      }
459      h2 {
460        font-size: 36px;
461        font-weight: 700;
462        color: var(--heading);
463        letter-spacing: -0.02em;
464        margin-bottom: 12px;
465      }
466      .section-sub {
467        font-size: 17px;
468        color: var(--body);
469        line-height: 1.65;
470        margin-bottom: 48px;
471        max-width: 520px;
472      }
473      .steps-grid {
474        display: grid;
475        grid-template-columns: repeat(3, 1fr);
476        gap: 20px;
477      }
478      .step-card {
479        background: var(--hero-bg);
480        border-radius: 10px;
481        padding: 24px 20px;
482      }
483      .step-num {
484        width: 32px;
485        height: 32px;
486        background: var(--blue);
487        color: white;
488        border-radius: 50%;
489        display: flex;
490        align-items: center;
491        justify-content: center;
492        font-size: 13px;
493        font-weight: 700;
494        margin-bottom: 14px;
495      }
496      .step-title {
497        font-size: 15px;
498        font-weight: 600;
499        color: var(--heading);
500        margin-bottom: 7px;
501      }
502      .step-desc {
503        font-size: 13px;
504        color: var(--body);
505        line-height: 1.6;
506      }
507
508      /* CTA */
509      .cta-section {
510        background: var(--dark-bg);
511        padding: 72px 32px;
512        text-align: center;
513      }
514      .cta-inner {
515        max-width: 1100px;
516        margin: 0 auto;
517      }
518      .cta-inner h2 {
519        color: white;
520        font-size: 38px;
521        margin-bottom: 14px;
522      }
523      .cta-inner p {
524        font-size: 17px;
525        color: rgba(255, 255, 255, 0.55);
526        line-height: 1.65;
527        max-width: 480px;
528        margin: 0 auto 32px;
529      }
530      .cta-btns {
531        display: flex;
532        gap: 14px;
533        justify-content: center;
534      }
535      .btn-white {
536        background: white;
537        color: var(--heading);
538        font-size: 14px;
539        font-weight: 600;
540        padding: 12px 24px;
541        border-radius: 4px;
542        text-decoration: none;
543        border: none;
544        cursor: pointer;
545        font-family: inherit;
546      }
547      .btn-ghost-dark {
548        background: transparent;
549        color: rgba(255, 255, 255, 0.7);
550        font-size: 14px;
551        padding: 12px 24px;
552        border-radius: 4px;
553        border: 1px solid rgba(255, 255, 255, 0.2);
554        text-decoration: none;
555      }
556
557      /* FOOTER */
558      footer {
559        border-top: 1px solid var(--border);
560        padding: 24px 32px;
561        display: flex;
562        align-items: center;
563        justify-content: space-between;
564      }
565      .footer-copy {
566        font-size: 12px;
567        color: var(--muted);
568      }
569      .footer-links {
570        display: flex;
571        gap: 20px;
572      }
573      .footer-links a {
574        font-size: 12px;
575        color: var(--muted);
576        text-decoration: none;
577      }
578
579      @keyframes fadeUp {
580        from {
581          opacity: 0;
582          transform: translateY(16px);
583        }
584        to {
585          opacity: 1;
586          transform: translateY(0);
587        }
588      }
589      .fu {
590        animation: fadeUp 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
591      }
592      .d1 {
593        animation-delay: 0.05s;
594      }
595      .d2 {
596        animation-delay: 0.13s;
597      }
598      .d3 {
599        animation-delay: 0.21s;
600      }
601      .d4 {
602        animation-delay: 0.3s;
603      }
604      .d5 {
605        animation-delay: 0.38s;
606      }
607
608      @media (max-width: 860px) {
609        h1 {
610          font-size: 34px;
611        }
612        .hero-inner {
613          grid-template-columns: 1fr;
614          gap: 40px;
615        }
616        .steps-grid {
617          grid-template-columns: 1fr;
618        }
619        .cta-btns {
620          flex-direction: column;
621          align-items: center;
622        }
623        .modal {
624          max-height: 95vh;
625        }
626      }
627    </style>
628  </head>
629  <body>
630    <nav>
631      <div class="nav-inner">
632        <a class="nav-logo" href="/">
633          <svg
634            width="160"
635            height="50"
636            viewBox="35 28 447 95"
637            fill="none"
638            xmlns="http://www.w3.org/2000/svg"
639          >
640            <path
641              d="M441.472 70.971H434.771V95.8181H423.929V70.971H420.164V62.2369H423.929V51.3945H434.771V62.2369H441.472V70.971Z"
642              fill="#1D2939"
643            />
644            <path
645              d="M419.594 63.9686L415.302 70.8204C413.646 69.8415 411.462 68.938 409.354 68.938C408.224 68.938 406.944 69.2392 406.267 69.9168C405.89 70.2933 405.589 70.8957 405.589 71.4227C405.589 72.1757 406.116 72.6274 406.643 72.9286C407.396 73.3804 408.526 73.6062 409.881 74.058L412.742 74.9615C414.624 75.5639 416.582 76.3168 418.314 77.898C420.271 79.7051 420.949 81.738 420.949 84.298C420.949 88.7404 418.991 91.6015 417.486 93.1074C414.173 96.4204 410.107 96.9474 406.568 96.9474C402.05 96.9474 397.156 95.9686 392.789 92.1286L397.382 84.8251C398.436 85.7286 399.942 86.7827 401.071 87.3098C402.577 88.0627 404.158 88.3639 405.589 88.3639C406.267 88.3639 407.998 88.3639 408.977 87.611C409.655 87.0839 410.107 86.2557 410.107 85.4274C410.107 84.8251 409.881 84.0721 408.902 83.4698C408.149 83.018 407.17 82.7168 405.589 82.2651L402.878 81.4368C400.921 80.8345 398.888 79.7804 397.457 78.3498C395.876 76.6933 395.048 74.811 395.048 72.251C395.048 69.0133 396.328 66.3027 398.286 64.4957C401.297 61.7098 405.363 61.1074 408.45 61.1074C413.42 61.1074 416.883 62.3874 419.594 63.9686Z"
646              fill="#1D2939"
647            />
648            <path
649              d="M367.047 74.4345H381.73C381.654 74.1333 381.127 72.0251 379.546 70.5192C378.341 69.3898 376.61 68.6368 374.426 68.6368C371.64 68.6368 369.984 69.7662 368.93 70.8204C368.101 71.7239 367.348 72.9286 367.047 74.4345ZM391.744 79.7804V80.9098H366.671C366.671 82.7168 367.348 85.1262 368.704 86.6321C370.36 88.4392 372.619 88.7404 374.275 88.7404C375.857 88.7404 377.513 88.4392 378.642 87.7615C378.793 87.6862 380.073 86.858 380.977 84.9757L391.217 86.0298C389.711 90.7733 386.699 93.258 384.741 94.4627C381.504 96.4204 377.89 96.9474 374.125 96.9474C369.08 96.9474 364.638 96.0439 360.722 92.1286C357.786 89.1921 355.678 84.7498 355.678 79.178C355.678 74.3592 357.409 69.3898 360.798 65.9262C364.864 61.8604 369.908 61.1074 373.673 61.1074C377.438 61.1074 382.859 61.7851 387 66.1521C390.991 70.3686 391.744 75.6392 391.744 79.7804Z"
650              fill="#1D2939"
651            />
652            <path
653              d="M318.158 62.2373H329.001V80.7597C329.001 82.2655 329.151 84.5997 330.883 86.1808C331.636 86.8585 332.991 87.762 335.401 87.762C337.433 87.762 339.015 87.0844 339.993 86.1808C341.575 84.675 341.801 82.4161 341.801 80.7597V62.2373H352.643V81.8138C352.643 85.6538 352.266 89.2679 348.878 92.5808C345.038 96.3455 339.391 96.9479 335.401 96.9479C331.259 96.9479 325.688 96.3455 321.848 92.5808C318.761 89.5691 318.158 86.1808 318.158 82.4914V62.2373Z"
654              fill="#1D2939"
655            />
656            <path
657              d="M304.946 98.1525L300.052 93.0325C297.567 94.8395 293.652 96.9478 285.972 96.9478C278.141 96.9478 272.419 94.6137 267.525 89.7948C261.727 84.0725 259.619 76.9948 259.619 70.6701C259.619 63.1407 262.857 56.3642 267.224 51.9972C271.516 47.7054 278.217 44.4678 286.876 44.4678C294.631 44.4678 301.558 47.2537 306.301 51.696C310.894 55.9878 314.132 62.5384 314.132 70.8207C314.132 74.5854 313.304 77.6725 312.024 80.5337C310.744 83.4701 309.087 85.5784 307.13 87.3101L315.864 96.7972L304.946 98.1525ZM294.781 74.8866L299.299 79.7054C301.181 77.1454 302.236 74.4348 302.236 70.6701C302.236 65.3242 300.052 61.7101 297.944 59.6019C295.083 56.6654 291.017 55.1595 286.876 55.1595C282.207 55.1595 278.292 57.1172 275.883 59.6019C273.021 62.5384 271.516 66.9807 271.516 70.896C271.516 74.9619 272.946 78.8772 275.732 81.8137C278.217 84.3737 281.68 86.256 286.574 86.256C288.683 86.256 290.64 85.8795 292.598 84.976L283.563 76.0913L294.781 74.8866Z"
658              fill="#1D2939"
659            />
660            <path
661              d="M230.28 91.978V113.06H219.438V62.2368H230.28V66.2274C233.819 61.6345 238.186 61.1074 240.746 61.1074C246.769 61.1074 250.534 63.7427 252.642 65.851C255.654 68.8627 257.687 73.4557 257.687 78.9521C257.687 84.7498 255.654 89.1168 252.341 92.4298C249.028 95.7427 245.414 96.9474 240.972 96.9474C234.27 96.9474 231.409 93.5592 230.28 91.978ZM238.11 70.4439C235.099 70.4439 233.141 71.8745 232.087 72.9286C230.355 74.6604 229.527 77.0698 229.527 79.1027C229.527 81.211 230.355 83.3945 231.936 85.051C233.518 86.6321 235.776 87.611 238.11 87.611C240.143 87.611 242.327 86.7827 243.908 85.2768C245.64 83.6204 246.543 81.0604 246.543 78.8768C246.543 76.3921 245.489 74.2086 243.983 72.778C242.402 71.2721 240.294 70.4439 238.11 70.4439Z"
662              fill="#1D2939"
663            />
664            <path
665              d="M203.952 66.0015V62.2368H214.794V95.818H203.952V91.7521C201.016 96.2698 196.799 96.9474 194.013 96.9474C189.194 96.9474 185.128 95.7427 181.439 91.8274C177.9 88.0627 176.545 83.6957 176.545 79.2533C176.545 73.6062 178.653 68.7874 181.74 65.7004C184.677 62.7639 188.743 61.1074 193.411 61.1074C196.272 61.1074 200.865 61.7851 203.952 66.0015ZM196.121 70.4439C193.787 70.4439 191.604 71.4227 190.173 72.8533C189.044 73.9827 187.688 75.9404 187.688 78.9521C187.688 81.9639 188.968 83.9215 189.947 84.9757C191.453 86.5568 193.787 87.611 196.347 87.611C198.531 87.611 200.564 86.7074 201.994 85.2768C203.425 83.9215 204.63 81.8133 204.63 78.9521C204.63 76.5427 203.726 74.2839 202.145 72.778C200.488 71.1968 198.079 70.4439 196.12
6651 70.4439Z"
666              fill="#1D2939"
667            />
668            <path
669              d="M173.95 80.9101V94.2372C169.508 96.496 165.894 96.9478 162.882 96.9478C153.621 96.9478 147.371 93.7854 143.155 89.6442C138.637 85.2772 135.324 78.6513 135.324 70.5948C135.324 62.689 138.637 56.0631 143.155 51.696C147.597 47.4042 154.072 44.4678 161.903 44.4678C165.216 44.4678 169.056 45.1454 173.95 47.2537V60.656C171.39 57.9454 167.55 55.3101 162.204 55.3101C157.988 55.3101 154.6 56.6654 151.964 59.2254C149.178 61.936 147.221 66.0019 147.221 70.8207C147.221 76.016 149.329 79.7054 151.588 81.889C152.642 82.9431 156.256 86.1054 162.43 86.1054C165.442 86.1054 169.508 85.2772 173.95 80.9101Z"
670              fill="#1D2939"
671            />
672            <path
673              d="M72.2092 38.1519C77.1292 37.5573 82.1056 37.9738 86.8369 39.361C87.4677 39.5459 87.9568 40.3322 87.5879 41.239L82.3906 54.0159C82.0838 54.7704 81.0211 55.4333 79.6011 55.2096C77.8393 54.932 76.0404 54.8982 74.2556 55.1139C70.9826 55.5095 67.8639 56.7328 65.1942 58.6688C62.5246 60.6048 60.3915 63.1897 58.9963 66.1793C57.6011 69.169 56.9896 72.4651 57.2195 75.7567C57.4494 79.0485 58.5135 82.2274 60.3108 84.9936C62.1082 87.7599 64.5798 90.0228 67.4927 91.5681C70.4056 93.1133 73.6637 93.8905 76.9598 93.8264C78.7572 93.7914 80.5338 93.5063 82.2399 92.986C83.6149 92.5667 84.7593 93.0758 85.1681 93.7801L92.0913 105.709C92.5825 106.555 92.2081 107.402 91.6093 107.673C87.1169 109.706 82.2465 110.811 77.2916 110.908C71.097 111.029 64.9738 109.568 59.4994 106.664C54.025 103.76 49.3794 99.5077 46.0014 94.3089C42.6235 89.11 40.624 83.1351 40.1918 76.9485C39.7596 70.762 40.9092 64.567 43.5315 58.9482C46.1538 53.3294 50.1629 48.4715 55.1803 44.833C60.1977 41.1946 66.0582 38.8954 72.2092 38.1519Z"
674              fill="#93BAF7"
675            />
676            <path
677              d="M91.1831 42.5898C91.53 41.6736 92.4232 41.4289 93.0109 41.7226C99.6243 45.0284 105.103 50.2882 108.679 56.8327C112.256 63.3773 113.728 70.8377 112.947 78.2053C112.878 78.86 112.192 79.4831 111.235 79.2831L97.7495 76.464C96.9534 76.2975 96.1123 75.3702 96.079 73.9311C96.0079 70.8464 95.2036 67.8013 93.705 65.0587C92.2062 62.3162 90.0792 59.9974 87.5244 58.277C86.3326 57.4743 86.0055 56.2644 86.2941 55.502L91.1831 42.5898Z"
678              fill="#1151B4"
679            />
680            <path
681              d="M94.5957 82.2207C95.3727 80.6591 96.7745 80.0715 97.7348 80.2954L113.998 84.0876C115.152 84.3568 115.584 85.3902 115.324 86.1436C113.86 90.3749 111.76 94.3696 109.088 97.9872C106.417 101.605 103.215 104.789 99.6005 107.435C98.9569 107.906 97.8409 107.799 97.2427 106.777L88.8147 92.3742C88.3172 91.5238 88.4654 90.0132 89.7293 88.8108C90.7218 87.8667 91.6335 86.8356 92.4513 85.7281C93.2691 84.6208 93.9858 83.4466 94.5957 82.2207Z"
682              fill="#1151B4"
683            />
684          </svg>
685        </a>
686        <div class="nav-actions">
687          <a id="book-demo-login" href="https://app.capquest.io/login" class="btn-ghost-nav"
688            >Log in</a
689          >
690          <button class="btn-nav" onclick="openModal()">Book a demo →</button>
691        </div>
692      </div>
693    </nav>
694
695    <section class="hero">
696      <div class="hero-inner">
697        <div class="fu d1">
698          <p class="section-label">Product Demo</p>
699          <h1>See how CapQuest works for you</h1>
700          <p class="hero-sub">
701            Schedule a personalised walkthrough with our team and discover how CapQuest simplifies
702            equity management for founders, employees, and investors.
703          </p>
704          <ul class="feature-list">
705            <li>
706              <svg class="ficon" viewBox="0 0 18 18" fill="none">
707                <circle cx="9" cy="9" r="8" stroke="currentColor" stroke-width="1.4" />
708                <path
709                  d="M5.5 9L8 11.5L12.5 6.5"
710                  stroke="currentColor"
711                  stroke-width="1.4"
712                  stroke-linecap="round"
713                  stroke-linejoin="round"
714                /></svg
715              >Personalised demo tailored to your company stage
716            </li>
717            <li>
718              <svg class="ficon" viewBox="0 0 18 18" fill="none">
719                <circle cx="9" cy="9" r="8" stroke="currentColor" stroke-width="1.4" />
720                <path
721                  d="M5.5 9L8 11.5L12.5 6.5"
722                  stroke="currentColor"
723                  stroke-width="1.4"
724                  stroke-linecap="round"
725                  stroke-linejoin="round"
726                /></svg
727              >See cap table management and ESOP tools live
728            </li>
729            <li>
730              <svg class="ficon" viewBox="0 0 18 18" fill="none">
731                <circle cx="9" cy="9" r="8" stroke="currentColor" stroke-width="1.4" />
732                <path
733                  d="M5.5 9L8 11.5L12.5 6.5"
734                  stroke="currentColor"
735                  stroke-width="1.4"
736                  stroke-linecap="round"
737                  stroke-linejoin="round"
738                /></svg
739              >Ask questions directly to a product expert
740            </li>
741            <li>
742              <svg class="ficon" viewBox="0 0 18 18" fill="none">
743                <circle cx="9" cy="9" r="8" stroke="currentColor" stroke-width="1.4" />
744                <path
745                  d="M5.5 9L8 11.5L12.5 6.5"
746                  stroke="currentColor"
747                  stroke-width="1.4"
748                  stroke-linecap="round"
749                  stroke-linejoin="round"
750                /></svg
751              >30 minutes — confirm your slot instantly
752            </li>
753          </ul>
754        </div>
755
756        <div class="booking-card fu d5">
757          <div class="booking-card-top">
758            <h3>Book your free demo</h3>
759            <p>A CapQuest expert will walk you through the platform live — no commitment needed.</p>
760          </div>
761          <div class="booking-card-body">
762            <div class="booking-details">
763              <div class="booking-detail">
764                <div class="booking-detail-icon">
765                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
766                    <circle cx="8" cy="8" r="6.5" stroke="#2565C8" stroke-width="1.4" />
767                    <path
768                      d="M8 4.5V8l2.5 2"
769                      stroke="#2565C8"
770                      stroke-width="1.4"
771                      stroke-linecap="round"
772                    />
773                  </svg>
774                </div>
775                <span>30-minute session</span>
776              </div>
777              <div class="booking-detail">
778                <div class="booking-detail-icon">
779                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
780                    <rect
781                      x="2"
782                      y="2.5"
783                      width="12"
784                      height="11"
785                      rx="2"
786                      stroke="#2565C8"
787                      stroke-width="1.4"
788                    />
789                    <path
790                      d="M2 6.5h12M5.5 1v3M10.5 1v3"
791                      stroke="#2565C8"
792                      stroke-width="1.4"
793                      stroke-linecap="round"
794                    />
795                  </svg>
796                </div>
797                <span>Pick any available day and time</span>
798              </div>
799              <div class="booking-detail">
800                <div class="booking-detail-icon">
801                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
802                    <path
803                      d="M13 2H3a1 1 0 00-1 1v10a1 1 0 001 1h10a1 1 0 001-1V3a1 1 0 00-1-1z"
804                      stroke="#2565C8"
805                      stroke-width="1.4"
806                    />
807                    <path
808                      d="M5 8l2 2 4-4"
809                      stroke="#2565C8"
810                      stroke-width="1.4"
811                      stroke-linecap="round"
812                      stroke-linejoin="round"
813                    />
814                  </svg>
815                </div>
816                <span>Instant confirmation by email</span>
817              </div>
818            </div>
819            <button class="btn-book" onclick="openModal()">
820              <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
821                <rect
822                  x="2"
823                  y="2.5"
824                  width="12"
825                  height="11"
826                  rx="2"
827                  stroke="white"
828                  stroke-width="1.5"
829                />
830                <path
831                  d="M2 6.5h12M5.5 1v3M10.5 1v3"
832                  stroke="white"
833                  stroke-width="1.5"
834                  stroke-linecap="round"
835                />
836              </svg>
837              Choose a time
838            </button>
839          </div>
840        </div>
841      </div>
842    </section>
843
844    <!-- STEPS -->
845    <section class="steps-section">
846      <div class="steps-inner">
847        <p class="section-label">What to expect</p>
848        <h2>Your demo, your way</h2>
849        <p class="section-sub">
850          We tailor every walkthrough to your needs — whether managing a seed-stage cap table or
851          scaling an ESOP for hundreds of employees.
852        </p>
853        <div class="steps-grid">
854          <div class="step-card">
855            <div class="step-num">1</div>
856            <div class="step-title">Book your slot</div>
857            <div class="step-desc">
858              Pick a time from our calendar. You'll get an instant confirmation with a meeting link.
859            </div>
860          </div>
861          <div class="step-card">
862            <div class="step-num">2</div>
863            <div class="step-title">Meet the team</div>
864            <div class="step-desc">
865              A CapQuest expert walks you through the platform live, tailored to your company stage.
866            </div>
867          </div>
868          <div class="step-card">
869            <div class="step-num">3</div>
870            <div class="step-title">Get started</div>
871            <div class="step-desc">
872              Leave with a clear picture of how CapQuest fits your needs and how to get started.
873            </div>
874          </div>
875        </div>
876      </div>
877    </section>
878
879    <!-- DARK CTA -->
880    <section class="cta-section">
881      <div class="cta-inner">
882        <h2>Ready to simplify your equity management?</h2>
883        <p>Join hundreds of founders who trust CapQuest to manage their most valuable asset.</p>
884        <div class="cta-btns">
885          <button class="btn-white" onclick="openModal()">Book a demo →</button>
886          <a href="/" class="btn-ghost-dark">Learn more</a>
887        </div>
888      </div>
889    </section>
890
891    <!-- FOOTER -->
892    <footer>
893      <span class="footer-copy">© 2026 CapQuest. All rights reserved.</span>
894      <div class="footer-links">
895        <a href="/terms/privacy-policy">Privacy Policy</a>
896        <a href="/terms/terms-of-service">Terms of Service</a>
897        <a id="book-demo-site-link" href="/">capquest.io</a>
898      </div>
899    </footer>
900
901    <!-- MODAL -->
902    <div class="modal-overlay" id="modalOverlay" onclick="handleOverlayClick(event)">
903      <div class="modal" id="modal">
904        <div class="modal-header">
905          <div class="modal-header-left">
906            <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
907              <rect
908                x="2"
909                y="2.5"
910                width="14"
911                height="13"
912                rx="2.5"
913                stroke="#2565C8"
914                stroke-width="1.5"
915              />
916              <path
917                d="M2 7h14M6 1.5v3M12 1.5v3"
918                stroke="#2565C8"
919                stroke-width="1.5"
920                stroke-linecap="round"
921              />
922            </svg>
923            <div>
924              <div class="modal-title">Book a CapQuest Demo</div>
925              <div class="modal-subtitle">Select a date and time that works for you</div>
926            </div>
927          </div>
928          <div style="display: flex; align-items: center; gap: 8px">
929            <span class="modal-badge">30 min · Free</span>
930            <button class="modal-close" onclick="closeModal()" title="Close">✕</button>
931          </div>
932        </div>
933        <div class="modal-body" style="overflow-y: auto">
934          <div
935            class="meetings-iframe-container"
936            data-src="https://meetings-eu1.hubspot.com/remy-bezou/sales-team-meeting-link-?embed=true"
937          ></div>
938          
938<script
939            type="text/javascript"
940            src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"
941          ></script>
941
942        </div>
943      </div>
944    </div>
945
946    
946<script>
947      function openModal() {
948        document.getElementById('modalOverlay').classList.add('open');
949        document.body.style.overflow = 'hidden';
950      }
951
952      function closeModal() {
953        document.getElementById('modalOverlay').classList.remove('open');
954        document.body.style.overflow = '';
955      }
956
957      function handleOverlayClick(e) {
958        if (e.target === document.getElementById('modalOverlay')) closeModal();
959      }
960
961      document.addEventListener('keydown', function (e) {
962        if (e.key === 'Escape') closeModal();
963      });
964    </script>
964
965  </body>
966</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.