PageSourceSearch

https://www.revenue-growth.ai/

html revenue-growth.ai collected 2026-10-05 15:47:34 UTC 75,207 bytes, 1,751 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<script src="/js/rb2b-consent.js" defer></script>
4
5<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 5-6
5
6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-6RC6GGV58L
vendor: 12 bytes, line 6
6"></script>
7<script>
8  
vendor: 133 bytes, lines 8-11
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11  gtag('config', '
11G-6RC6GGV58L
vendor: 4 bytes, line 11
11');
12</script>
12
13<meta charset="UTF-8">
14<meta name="viewport" content="width=device-width, initial-scale=1.0">
15<link rel="icon" href="/favicon.ico" sizes="any">
16<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
17<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
18<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
19<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
20<title>AI GTM &amp; RevOps Embed for B2B SaaS | Revenue-Growth.ai</title>
21<meta name="description" content="We embed for 6 months as your AI GTM / RevOps engineer. data → processes → agents. Your stack first.">
22<meta property="og:title" content="AI GTM &amp; RevOps Embed for B2B SaaS | Revenue-Growth.ai">
23<meta property="og:description" content="We embed for 6 months as your AI GTM / RevOps engineer. data → processes → agents. Your stack first.">
24<meta property="og:type" content="website">
25<meta property="og:url" content="https://www.revenue-growth.ai/">
26<meta property="og:image" content="https://www.revenue-growth.ai/og-image.png">
27<link rel="canonical" href="https://www.revenue-growth.ai/">
28<meta name="twitter:card" content="summary_large_image">
29<meta name="twitter:title" content="AI GTM &amp; RevOps Embed for B2B SaaS | Revenue-Growth.ai">
30<meta name="twitter:description" content="We embed for 6 months as your AI GTM / RevOps engineer. data → processes → agents. Your stack first.">
31<meta name="twitter:image" content="https://www.revenue-growth.ai/og-image.png">
32<link rel="preconnect" href="https://fonts.googleapis.com">
33<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
35<style>
36  :root{
37    --ink-navy:#0B1F2E;
38    --signal-blue:#2F7FD1;
39    --deep-signal:#163A56;
40    --paper:#F7F9FB;
41    --slate:#5B6B7A;
42    --signal-amber:#E3A344;
43    --copper:#B87333;
44    --matte-black:#0A0A0B;
45    --line:rgba(11,31,46,0.10);
46    --line-dark:rgba(247,249,251,0.14);
47    --unit:8px;
48    --radius:6px;
49    --maxw:1200px;
50  }
51  *{box-sizing:border-box;}
52  html{scroll-behavior:smooth;}
53  body{
54    margin:0;
55    background:var(--paper);
56    color:var(--ink-navy);
57    font-family:'Inter',sans-serif;
58    font-weight:400;
59    line-height:1.6;
60    -webkit-font-smoothing:antialiased;
61  }
62  h1,h2,h3,h4{
63    font-family:'Space Grotesk',sans-serif;
64    font-weight:600;
65    margin:0;
66    letter-spacing:-0.01em;
67  }
68  .mono{
69    font-family:'IBM Plex Mono',monospace;
70    font-weight:400;
71  }
72  p{margin:0;}
73  a{color:inherit;text-decoration:none;}
74  img,svg{display:block;max-width:100%;}
75  .wrap{
76    max-width:var(--maxw);
77    margin:0 auto;
78    padding:0 40px;
79  }
80  @media (max-width:640px){
81    .wrap{padding:0 24px;}
82  }
83
84  /* Reduced motion */
85  @media (prefers-reduced-motion: reduce){
86    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
87  }
88
89  /* Focus visibility */
90  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
91    outline:2px solid var(--signal-blue);
92    outline-offset:2px;
93  }
94
95  /* ---------- NAV ---------- */
96  header.site-nav{
97    position:sticky;
98    top:0;
99    z-index:100;
100    background:var(--ink-navy);
101    border-bottom:1px solid var(--line-dark);
102  }
103  .nav-inner{
104    max-width:var(--maxw);
105    margin:0 auto;
106    padding:0 40px;
107    height:72px;
108    display:flex;
109    align-items:center;
110    justify-content:space-between;
111  }
112  /* logo base overridden in V8 craft */
113  .logo{display:flex;align-items:center;gap:12px;color:var(--paper);}
114  nav.primary{
115    display:flex;
116    align-items:center;
117    gap:36px;
118  }
119  nav.primary a{
120    color:#D7E2EA;
121    font-size:14.5px;
122    font-weight:500;
123    transition:color .15s ease;
124  }
125  nav.primary a:hover{color:var(--paper);}
126  .btn{
127    display:inline-flex;
128    align-items:center;
129    justify-content:center;
130    gap:8px;
131    padding:11px 20px;
132    border-radius:var(--radius);
133    font-family:'Inter',sans-serif;
134    font-weight:600;
135    font-size:14.5px;
136    cursor:pointer;
137    border:1px solid transparent;
138    transition:transform .12s ease, background .15s ease, border-color .15s ease;
139    white-space:nowrap;
140  }
141  .btn:hover{transform:translateY(-1px);}
142  .btn-amber{
143    background:var(--signal-amber);
144    color:var(--ink-navy);
145  }
146  .btn-amber:hover{background:#EEB562;}
147  .btn-outline-dark{
148    background:transparent;
149    border:1px solid rgba(247,249,251,0.35);
150    color:var(--paper);
151  }
152  .btn-outline-dark:hover{border-color:var(--paper);}
153  .btn-outline-light{
154    background:transparent;
155    border:1px solid rgba(11,31,46,0.2);
156    color:var(--ink-navy);
157  }
158  .btn-outline-light:hover{border-color:var(--ink-navy);}
159  .btn-primary-blue{
160    background:var(--signal-blue);
161    color:#fff;
162  }
163  .btn-primary-blue:hover{background:var(--deep-signal);}
164
165  .nav-toggle{
166    display:none;
167    background:none;
168    border:none;
169    color:var(--paper);
170    cursor:pointer;
171    padding:8px;
172  }
173  .btn.desktop-only{display:inline-flex;}
174  nav.primary .btn.btn-amber{display:none;}
175  @media (max-width:960px){
176    nav.primary{
177      position:absolute;
178      top:72px;
179      left:0;
180      right:0;
181      background:var(--ink-navy);
182      flex-direction:column;
183      align-items:flex-start;
184      gap:0;
185      border-bottom:1px solid var(--line-dark);
186      max-height:0;
187      overflow:hidden;
188      transition:max-height .25s ease;
189    }
190    nav.primary.open{max-height:560px;}
191    nav.primary a{
192      width:100%;
193      padding:16px 40px;
194      border-top:1px solid var(--line-dark);
195    }
196    nav.primary .btn{margin:16px 40px;}
197    nav.primary .btn.btn-amber{display:inline-flex;}
198    .nav-toggle{display:block;}
199    .btn.desktop-only{display:none;}
200  }
201
202  section{padding:96px 0;}
203  @media (max-width:640px){
204    section{padding:64px 0;}
205  }
206  .eyebrow{
207    font-family:'IBM Plex Mono',monospace;
208    font-size:12.5px;
209    letter-spacing:0.08em;
210    text-transform:uppercase;
211    color:var(--signal-blue);
212    margin-bottom:16px;
213    display:flex;
214    align-items:center;
215    gap:10px;
216  }
217  .eyebrow::before{
218    content:'';
219    width:16px;
220    height:1.5px;
221    background:var(--signal-blue);
222  }
223  .section-dark .eyebrow{color:#7FB4EE;}
224  .section-dark .eyebrow::before{background:#7FB4EE;}
225
226  /* ---------- HERO ---------- */
227  .hero{
228    background:var(--ink-navy);
229    color:var(--paper);
230    padding:88px 0 72px 0;
231    position:relative;
232    overflow:hidden;
233  }
234  .hero::before{
235    content:'';
236    position:absolute;inset:0;pointer-events:none;
237    background:radial-gradient(ellipse 60% 50% at 85% 20%, rgba(47,127,209,0.14), transparent 70%);
238  }
239  .hero-grid{
240    display:grid;
241    grid-template-columns:1.05fr 0.95fr;
242    gap:56px;
243    align-items:center;
244    position:relative;
245    z-index:2;
246  }
247  @media (max-width:960px){
248    .hero-grid{grid-template-columns:1fr;gap:40px;}
249  }
250  .hero h1{
251    font-size:clamp(32px,4.4vw,52px);
252    line-height:1.12;
253    color:var(--paper);
254  }
255  .hero .sub{
256    margin-top:24px;
257    font-size:18px;
258    color:#B9C8D4;
259    max-width:520px;
260    line-height:1.6;
261  }
262  .hero .process-line{
263    margin-top:16px;
264    font-family:IBM Plex Mono,monospace;
265    font-size:13px;
266    letter-spacing:0.02em;
267    color:#7FB4EE;
268    max-width:520px;
269    line-height:1.5;
270  }
271  .hero-ctas{
272    margin-top:36px;
273    display:flex;
274    gap:16px;
275    flex-wrap:wrap;
276  }
277  .hero-visual{position:relative;}
278  .hero-visual svg{width:100%;height:auto;}
279
280  .flow-panel{
281    background:linear-gradient(180deg, rgba(22,58,86,0.55), rgba(11,31,46,0.92));
282    border:1px solid rgba(47,127,209,0.35);
283    border-radius:var(--radius);
284    padding:20px 16px 16px;
285    box-shadow:0 0 0 1px rgba(47,127,209,0.08), 0 24px 48px rgba(0,0,0,0.25);
286  }
287  .flow-panel svg .flow-step{
288    cursor:pointer;
289    transition:transform 0.22s ease;
290    transform-box:fill-box;
291    transform-origin:center;
292  }
293  .flow-panel svg .flow-step rect{
294    transition:stroke 0.22s ease, stroke-width 0.22s ease;
295  }
296  .flow-panel svg .flow-step:hover,
297  .flow-panel svg .flow-step.is-active{
298    transform:scale(1.035);
299  }
300  .flow-panel svg .flow-step:hover rect,
301  .flow-panel svg .flow-step.is-active rect{
302    stroke:#E3A344;
303    stroke-width:1.8;
304  }
305  .flow-panel:has(.flow-step:hover) .flow-step.is-active:not(:hover){
306    transform:none;
307  }
308  .flow-panel:has(.flow-step:hover) .flow-step.is-active:not(:hover) rect{
309    stroke:#2F7FD1;
310    stroke-width:1.5;
311  }
312  .flow-panel:has(.flow-step:hover) .flow-step.is-active:not(:hover) text[fill="#E3A344"]{
313    fill:#9FB4C6;
314  }
315  @media (prefers-reduced-motion: reduce){
316    .flow-panel svg .flow-step{transition:none;}
317  }
318
319  .proof-block{
320    margin-top:8px;
321  }
322  .proof-row{
323    margin-top:28px;
324    display:flex;
325    align-items:flex-start;
326    gap:20px;
327    flex-wrap:nowrap;
328  }
329  @media (max-width:720px){
330    .proof-row{flex-wrap:wrap;}
331  }
332  .proof-logo-wrap{
333    width:64px;
333height:64px;flex-shrink:0;
334    border-radius:10px;background:#fff;
335    border:1px solid var(--line);
336    display:flex;align-items:center;justify-content:center;
337    overflow:hidden;
338  }
339  .proof-logo-wrap img{
340    width:44px;height:44px;object-fit:contain;
341  }
342  .proof-row .proof-lead{
343    font-family:'IBM Plex Mono',monospace;
344    font-weight:500;
345    font-size:clamp(15px,1.9vw,18px);
346    line-height:1.55;
347    color:var(--ink-navy);
348    margin:0;
349  }
350  .proof-narrative{
351    margin-top:20px;
352    max-width:720px;
353    color:var(--slate);
354    font-size:15.5px;
355    line-height:1.7;
356  }
357  .proof-narrative p + p{margin-top:12px;}
358
359  /* ---------- TESTIMONIAL CAROUSEL ---------- */
360  .t-track{
361    display:flex;
362    gap:24px;
363    overflow-x:auto;
364    scroll-behavior:auto;
365    padding-bottom:8px;
366    margin-top:16px;
367    -ms-overflow-style:none;
368    scrollbar-width:none;
369  }
370  .t-track::-webkit-scrollbar{display:none;}
371  .t-card{
372    flex:0 0 400px;
373    max-width:400px;
374    background:rgba(255,255,255,0.03);
375    border:1px solid var(--line-dark);
376    border-radius:8px;
377    padding:28px;
378    display:flex;
379    flex-direction:column;
380  }
381  @media (max-width:640px){
382    .t-card{flex:0 0 86%;max-width:86%;}
383  }
384  .t-arrow{
385    width:42px;height:42px;
386    border-radius:50%;
387    border:1px solid var(--line-dark);
388    background:rgba(255,255,255,0.04);
389    color:#7FB4EE;
390    cursor:pointer;
391    display:flex;align-items:center;justify-content:center;
392    transition:border-color .15s ease, color .15s ease;
393  }
394  .t-arrow:hover{border-color:#7FB4EE;color:var(--paper);}
395  .t-card a.name-link{
396    font-family:Space Grotesk,sans-serif;
397    font-weight:600;
398    font-size:15px;
399    color:var(--paper);
400    text-decoration:none;
401  }
402  .t-card a.name-link:hover{color:#7FB4EE;}
403
404  /* ---------- STICKY MOBILE BOOK CTA ---------- */
405  .sticky-book{
406    display:none;
407    position:fixed;
408    left:0;right:0;bottom:0;
409    z-index:90;
410    padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
411    background:rgba(11,31,46,0.92);
412    border-top:1px solid var(--line-dark);
413    backdrop-filter:blur(8px);
414  }
415  .sticky-book .btn{width:100%;justify-content:center;}
416  @media (max-width:960px){
417    .sticky-book{display:block;}
418    body{padding-bottom:76px;}
419    body.sticky-book-hidden{padding-bottom:0;}
420    .sticky-book.is-hidden{display:none;}
421  }
422
423  /* ---------- SECTION LABELS / CARDS ---------- */
424  .section-label-row{
425    display:flex;
426    justify-content:space-between;
427    align-items:flex-end;
428    gap:24px;
429    flex-wrap:wrap;
430    margin-bottom:48px;
431  }
432  .section-label-row h2{
433    font-size:clamp(26px,3.2vw,38px);
434    max-width:680px;
435  }
436  .section-label-row .desc{
437    color:var(--slate);
438    max-width:340px;
439    font-size:15px;
440  }
441  .section-dark .section-label-row .desc{color:#9FB4C6;}
442
443  .node-grid{
444    display:grid;
445    grid-template-columns:repeat(3,1fr);
446    gap:24px;
447  }
448  .grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
449  @media (max-width:900px){
450    .node-grid,.grid-2{grid-template-columns:1fr;}
451  }
452  .node-card{
453    border:1px solid var(--line);
454    border-radius:var(--radius);
455    background:#fff;
456    padding:32px;
457    display:flex;
458    flex-direction:column;
459    gap:16px;
460    transition:border-color .15s ease, transform .15s ease;
461  }
462  .node-card:hover{
463    border-color:var(--signal-blue);
464    transform:translateY(-2px);
465  }
466  .node-tag{
467    font-family:'IBM Plex Mono',monospace;
468    font-size:12px;
469    color:var(--signal-blue);
470    letter-spacing:0.06em;
471    font-weight:500;
472  }
473  .node-card h3{font-size:21px;}
474  .node-card .what{color:var(--slate);font-size:14.5px;}
475  .node-icon{width:36px;height:36px;color:var(--signal-blue);flex-shrink:0;}
476
477  .section-dark{
478    background:var(--ink-navy);
479    color:var(--paper);
480  }
481  .section-dark h2{color:var(--paper);}
482  .section-dark .node-card{
483    background:rgba(255,255,255,0.03);
484    border-color:var(--line-dark);
485  }
486  .section-dark .node-card:hover{border-color:#7FB4EE;}
487  .section-dark .node-card .what{color:#9FB4C6;}
488  .section-dark .node-card h3{color:var(--paper);}
489  .section-dark .node-icon{color:#7FB4EE;}
490  .section-dark .node-tag{color:#7FB4EE;}
491
492  .rhythm-strip{
493    margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
494    background:var(--line-dark);border:1px solid var(--line-dark);
495    border-radius:var(--radius);overflow:hidden;
496  }
497  @media (max-width:800px){.rhythm-strip{grid-template-columns:1fr;}}
498  .rhythm-item{
499    background:rgba(255,255,255,0.03);padding:24px 28px;
500    font-size:14.5px;color:#D7E2EA;line-height:1.6;
501  }
502  .rhythm-item b{
503    color:var(--paper);display:block;font-family:'Space Grotesk',sans-serif;
504    font-size:15px;margin-bottom:6px;
505  }
506  .rhythm-item .ri-icon{
507    width:28px;height:28px;color:#7FB4EE;margin-bottom:14px;
508  }
509
510  .engagement-grid{
511    margin-top:48px;display:grid;grid-template-columns:1.1fr 0.9fr;gap:24px;
512  }
513  @media (max-width:900px){.engagement-grid{grid-template-columns:1fr;}}
514  .engagement-col{
515    background:rgba(255,255,255,0.03);
516    border:1px solid var(--line-dark);
517    border-radius:var(--radius);
518    padding:32px;
519    transition:border-color .15s ease, transform .15s ease;
520  }
521  .engagement-col:hover{
522    border-color:#7FB4EE;
523    transform:translateY(-2px);
524  }
525  .engagement-col.dark{background:rgba(255,255,255,0.03);color:var(--paper);}
526  .engagement-col.light{
527    background:#fff;
528    border-color:var(--line);
529    color:var(--ink-navy);
530  }
531  .engagement-col.light:hover{border-color:var(--signal-blue);}
532  .engagement-col h3{
533    font-size:17px;margin-bottom:16px;
534    display:flex;align-items:center;gap:12px;
535    color:var(--paper);
536  }
537  .engagement-col.light h3{color:var(--ink-navy);}
538  .engagement-col .col-icon{width:28px;height:28px;color:#7FB4EE;flex-shrink:0;}
539  .engagement-col.light .col-icon{color:var(--signal-blue);}
540  .engagement-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px;}
541  .engagement-col li{
542    font-size:14.5px;color:#B9C8D4;
543    display:flex;align-items:flex-start;gap:12px;
544  }
545  .engagement-col.light li{color:var(--slate);}
546  .engagement-col li .li-icon{
547    width:18px;height:18px;flex-shrink:0;margin-top:2px;color:#7FB4EE;
548  }
549  .engagement-col.light li .li-icon{color:var(--signal-blue);}
550
551  .platform-teaser{
552    margin-top:40px;border:1px solid var(--line);border-radius:var(--radius);
553    padding:32px 40px;background:#fff;
554    display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
555  }
556  .platform-teaser h3{font-size:20px;margin-bottom:8px;}
557  .platform-teaser p{color:var(--slate);font-size:15px;max-width:560px;line-height:1.6;}
558  .platform-teaser a.text-link{
559    color:var(--signal-blue);font-weight:600;font-size:14.5px;
560  }
561  .platform-teaser a.text-link:hover{text-decoration:underline;}
562
563  /* ---------- FAQ ---------- */
564  details.faq-item{
565    border:1px solid var(--line);border-radius:var(--radius);background:#fff;
566  }
567  details.faq-item summary{
568    padding:20px 24px;cursor:pointer;font-family:'Space Grotesk',sans-serif;
569    font-weight:600;font-size:16px;color:var(--ink-navy);list-style:none;
570    display:flex;justify-content:space-between;align-items:center;gap:16px;
571  }
572  details.faq-item summary::-webkit-details-marker{display:none;}
573  details.faq-item summary .plus{color:var(--signal-blue);font-size:20px;flex-shrink:0;transition:transform .15s ease;}
574  details.faq-item[open] summary .plus{transform:rotate(45deg);}
575  details.faq-item p{
576    padding:0 24px 20px;color:var(--slate);font-size:15px;line-height:1.7;
577  }
578
579  /* ---------- CTA / FORM ---------- */
580  .cta-section{background:var(--paper);}
581  .cta-panel{
582    background:var(--ink-navy);
583    border-radius:12px;
584    padding:56px;
585    display:grid;
586    grid-template-columns:0.9fr 1.1fr;
587    gap:48px;
588    color:var(--paper);
589    position:relative;
590    overflow:hidden;
591  }
592  .cta-panel::before{
593    content:'';
594    position:absolute;inset:0;pointer-events:none;
595    background:linear-gradient(135deg, rgba(47,127,209,0.12), transparent 55%);
596  }
597  @media (max-width:900px){
598    .cta-panel{grid-template-columns:1fr;padding:36px 24px;}
599  }
600  .cta-copy{position:relative;z-index:1;}
601  .cta-copy h2{
602    font-size:clamp(26px,3vw,34px);
603    color:var(--paper);
604  }
605  .cta-copy p{
606    margin-top:16px;
607    color:#B9C8D4;
608    font-size:15.5px;
609    max-width:420px;
610  }
611  form.session-form{
612    position:relative;z-index:1;
613    display:grid;
614    grid-template-columns:1fr 1fr;
615    gap:16px;
616    background:rgba(255,255,255,0.03);
617    border:1px solid var(--line-dark);
618    border-radius:var(--radius);
619    padding:24px;
620  }
621  #sessionForm,
622  #book-a-working-session,
623  #book-demo{scroll-margin-top:88px;}
624  .book-target{min-width:0;}
625  form.session-form .field{
626    display:flex;
627    flex-direction:column;
628    gap:6px;
629  }
630  form.session-form .field.full{grid-column:1/-1;}
631  form.session-form label{
632    font-size:12.5px;
633    color:#9FB4C6;
634    font-family:'IBM Plex Mono',monospace;
635    letter-spacing:0.03em;
636  }
637  form.session-form input,
638  form.session-form select,
639  form.session-form textarea{
640    background:rgba(255,255,255,0.05);
641    border:1px solid rgba(255,255,255,0.16);
642    border-radius:var(--radius);
643    padding:11px 12px;
644    color:var(--paper);
645    font-family:'Inter',sans-serif;
646    font-size:14px;
647  }
648  form.session-form textarea{resize:vertical;min-height:80px;}
649  form.session-form input:focus,
650  form.session-form select:focus,
651  form.session-form textarea:focus{
652    border-color:var(--signal-blue);
653    outline:none;
654  }
655  form.session-form select{
656    appearance:none;
657    -webkit-appearance:none;
658    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237FB4EE' stroke-width='1.4' fill='none'/></svg>");
659    background-repeat:no-repeat;
660    background-position:right 12px center;
661  }
662  form.session-form select option{background:var(--ink-navy);color:var(--paper);}
663  form.session-form .submit-row{
664    grid-column:1/-1;
665    margin-top:4px;
666  }
667  form.session-form .submit-row .btn{width:100%;justify-content:center;}
668  .form-note{
669    grid-column:1/-1;
670    font-size:12px;
671    color:#6E8394;
672  }
673  .form-success{
674    grid-column:1/-1;
675    display:none;
676    padding:14px 16px;
677    background:rgba(143,203,154,0.12);
678    border:1px solid rgba(143,203,154,0.35);
679    border-radius:var(--radius);
680    color:#8FCB9A;
681    font-size:13.5px;
682  }
683  .form-status{
684    grid-column:1/-1;
685    display:none;
686    margin:0;
687    padding:14px 16px;
688    border-radius:var(--radius);
689    font-size:13.5px;
690    line-height:1.5;
691  }
692  .form-status.is-success{
693    display:block;
694    background:rgba(143,203,154,0.12);
695    border:1px solid rgba(143,203,154,0.35);
696    color:#8FCB9A;
697  }
698  .form-status.is-error{
699    display:block;
700    background:rgba(247,249,251,0.06);
701    border:1px solid rgba(247,249,251,0.28);
702    color:var(--paper);
703  }
704  form.session-form .submit-row .btn:disabled{
705    background:#E3A344;
706    color:var(--ink-navy);
707    cursor:default;
708    transform:none;
709  }
710  @media (max-width:768px){
711    .cta-panel,
712    .cta-copy,
713    .book-target,
714    form.session-form{
715      min-width:0;
716      max-width:100%;
717    }
718    form.session-form{
719      grid-template-columns:minmax(0,1fr);
720      width:100%;
721    }
722    form.session-form .field,
723    form.session-form .submit-row,
724    form.session-form .form-note,
725    form.session-form .form-success,
726    form.session-form .form-status{
727      grid-column:1/-1;
728      min-width:0;
729      max-width:100%;
730    }
731    form.session-form input,
732    form.session-form select,
733    form.session-form textarea,
734    form.session-form .submit-row .btn{
735      width:100%;
736      max-width:100%;
737      min-width:0;
738    }
739    form.session-form .submit-row .btn{
740      white-space:normal;
741      text-align:center;
742    }
743  }
744
745  /* ---------- FOOTER ---------- */
746  footer{
747    background:var(--ink-navy);
748    color:#8296A6;
749    padding:56px 0 32px;
750  }
751  .footer-top{
752    display:flex;
753    justify-content:space-between;
754    align-items:flex-start;
755    gap:40px;
756    flex-wrap:wrap;
757    padding-bottom:32px;
758    border-bottom:1px solid var(--line-dark);
759  }
760  .footer-cols{
761    display:flex;
762    gap:64px;
763    flex-wrap:wrap;
764  }
765  .footer-col h5{
766    font-family:'IBM Plex Mono',monospace;
767    font-size:12px;
768    letter-spacing:0.06em;
769    text-transform:uppercase;
770    color:#5C7284;
771    margin-bottom:16px;
772    font-weight:400;
773  }
774  .footer-col a{
775    display:block;
776    font-size:14px;
777    color:#B9C8D4;
778    margin-bottom:12px;
779    transition:color .15s ease;
780  }
781  .footer-col a:hover{color:var(--paper);}
782  .footer-bottom{
783    margin-top:24px;
784    display:flex;
785    justify-content:space-between;
786    align-items:center;
787    gap:16px;
788    flex-wrap:wrap;
789    font-size:12.5px;
790    color:#5C7284;
791    font-family:'IBM Plex Mono',monospace;
792  }
793  .visually-hidden{
794    position:absolute;width:1px;height:1px;overflow:hidden;
795    clip:rect(0,0,0,0);white-space:nowrap;
796  }
797
798  .section-dark details.faq-item{
799    background:rgba(255,255,255,0.03);
800    border-color:var(--line-dark);
801  }
802  .section-dark details.faq-item summary{color:var(--paper);}
803  .section-dark details.faq-item p{color:#9FB4C6;}
804  .section-dark details.faq-item summary .plus{color:#7FB4EE;}
805
806  .icp-line{
807    margin-top:16px;font-size:13px;color:#7A8E9E;line-height:1.5;
808  }
809
810  /* ========== V7 VISUAL CRAFT (Bezalel KEEP) ========== */
811  /* Stronger type hierarchy */
812  h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.026em;}
813  h1{font-weight:700;letter-spacing:-0.032em;}
814  h2{letter-spacing:-0.028em;}
815  body{
816    font-family:'Inter',sans-serif;
817    font-size:16px;
818    line-height:1.65;
819  }
820  /* IBM Plex Mono reserved for URLs / metrics / gate labels / MCP chrome — via .mono, .eyebrow, .node-tag, footer-bottom, MCP UI */
821
822  /* V8.1 — card v6.1c metallic R + denser node-arc wash + Signal Blue .AI */
823  .logo{
824    display:flex;
825    align-items:center;
826    gap:12px;
827    padding:8px 12px 8px 0;
828    margin-left:-2px;
829    min-height:54px;
830    color:var(--paper);
831  }
832  .logo-mark{
833    width:34px;height:34px;
834    flex-shrink:0;
835    display:block;
836  }
837  .logo-word{
838    font-family:'Space Grotesk',sans-serif;
839    font-weight:600;
840    font-size:13.5px;
841    letter-spacing:0.08em;
842    text-transform:uppercase;
843    color:var(--paper);
844    line-height:1;
845    white-space:nowrap;
846  }
847  .logo-ai{color:#2F7FD1;}
848  @media (max-width:640px){
849    .logo{padding:6px 8px 6px 0;min-height:48px;gap:10px;}
850    .logo-mark{width:30px;height:30px;}
851    .logo-word{font-size:12px;letter-spacing:0.06em;}
852  }
853  .nav-inner{padding-left:40px;padding-right:40px;}
854  @media (max-width:640px){
855    .nav-inner{padding-left:24px;padding-right:24px;}
856  }
857
858  /* Amber Book primary CTA clarity */
859  .btn-amber{
860    background:var(--signal-amber);
861    color:var(--ink-navy);
862    box-shadow:0 1px 0 rgba(11,31,46,0.08), 0 8px 20px rgba(227,163,68,0.22);
863    font-weight:600;
864    letter-spacing:0.01em;
865  }
866  .btn-amber:hover{
867    background:#EEB562;
868    box-shadow:0 1px 0 rgba(11,31,46,0.06), 0 10px 24px rgba(227,163,68,0.32);
869  }
870
871  /* V8 — denser node-arc wash (card craft) */
872  .node-wash{
873    position:absolute;
874    inset:0;
875    pointer-events:none;
876    z-index:0;
877    overflow:hidden;
878  }
879  .node-wash::before{
880    content:'';
881    position:absolute;
882    inset:0;
883    background-image:url('images/node-wash-v3.svg');
884    background-repeat:no-repeat;
885    background-position:right -2% center;
886    background-size:min(900px,82vw) auto;
887    opacity:0.36;
888  }
889  .hero .node-wash::before{opacity:0.60;}
890  .section-dark.has-wash{position:relative;overflow:hidden;}
891  .section-dark.has-wash > .wrap{position:relative;z-index:2;}
892  .section-dark .node-wash::before{
893    opacity:0.28;
894    background-position:right -6% 55%;
895    background-size:min(760px,74vw) auto;
896  }
897  @media (max-width:720px){
898    .node-wash::before{
899      opacity:0.22;
900      background-position:right -18% center;
901      background-size:min(580px,120vw) auto;
902    }
903    .section-dark .node-wash::before{opacity:0.14;}
904  }
905  @media (prefers-reduced-motion: reduce){
906    .node-wash::before{opacity:0.16;}
907  }
908
909  /* Paper reading bands */
910  .section-paper{
911    background:var(--paper);
912    color:var(--ink-navy);
913  }
914  .section-paper h2{color:var(--ink-navy);}
915  .section-paper .section-label-row .desc{color:var(--slate);}
916  .section-paper .eyebrow{color:var(--signal-blue);}
917  .section-paper .eyebrow::before{background:var(--signal-blue);}
918
919  /* how-we-work on paper: rhythm strip adapts */
920  .section-paper .rhythm-strip{
921    background:var(--line);
922    border:1px solid var(--line);
923  }
924  .section-paper .rhythm-item{
925    background:#fff;
926    color:var(--slate);
927  }
928  .section-paper .rhythm-item b{color:var(--ink-navy);}
929  .section-paper .rhythm-item .ri-icon{color:var(--signal-blue);}
930
931  /* V8 — tighter type hierarchy */
932  h1,h2,h3,h4{
933    font-family:'Space Grotesk',sans-serif;
934    font-weight:600;
935    margin:0;
936    letter-spacing:-0.026em;
937  }
938  h1{font-weight:700;letter-spacing:-0.032em;}
939  h2{letter-spacing:-0.028em;}
940  .hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;font-weight:700;letter-spacing:-0.034em;}
941  h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;}
942  h3{letter-spacing:-0.022em;}
943  /* display scale retained below */
944  .hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.08;}
945  .section-label-row h2,
946  .section-paper h2,
947  section h2{
948    /* keep existing clamps where more specific; reinforce weight */
949  }
950  .section-label-row h2{font-size:clamp(28px,3.4vw,40px);}
951  .node-card h3{font-size:22px;letter-spacing:-0.02em;}
952  .proof-lead{
953    font-family:'Space Grotesk',sans-serif;
954    letter-spacing:-0.02em;
955  }
956
957
958  /* ========== V9 CRAFT — business-card copper + matte (LOCKED) ========== */
959  :root{
960    --copper:#B87333;
961    --matte-black:#0A0A0B;
962  }
963
964  /* Space Grotesk all-caps labels / eyebrows — tracking 0.12–0.15em */
965  .eyebrow{
966    font-family:'Space Grotesk',sans-serif;
967    font-weight:500;
968    letter-spacing:0.13em;
969  }
970  .logo-word{letter-spacing:0.13em;}
971  @media (max-width:640px){
972    .logo-word{letter-spacing:0.12em;}
973  }
974  .group-header{letter-spacing:0.13em;}
975
976  /* Body on Paper = Slate; headlines on Paper = Ink; headlines on Ink = white */
977  .section-paper{color:var(--slate);}
978  .section-paper h1,.section-paper h2,.section-paper h3,.section-paper h4{color:var(--ink-navy);}
979  .hero h1,.section-dark h1,.section-dark h2,.section-dark h3{color:#FFFFFF;}
980
981  /* Hero: denser matte canvas under wash; Ink Navy still owns nav/footer */
982  .hero{
983    background:var(--matte-black);
984  }
985  .hero .node-wash::before{opacity:0.68;}
986
987  /* Secondary: Ink fill + thin Copper border + soft glow — NEVER Book primary */
988  .btn-copper-outline,
989  .btn-outline-dark,
990  .btn-outline-on-navy,
991  .btn-outline-light{
992    background:var(--ink-navy);
993    border:1px solid var(--copper);
994    color:var(--paper);
995    box-shadow:0 0 0 0 rgba(184,115,51,0);
996    transition:transform .12s ease, background .15s ease, border-color .15s ease, box-shadow .22s ease;
997  }
998  .btn-copper-outline:hover,
999  .btn-outline-dark:hover,
1000  .btn-outline-on-navy:hover,
1001  .btn-outline-light:hover{
1002    background:#0E2536;
1003    border-color:#C9894A;
1004    color:#FFFFFF;
1005    box-shadow:0 0 14px rgba(184,115,51,0.32), 0 0 2px rgba(184,115,51,0.45);
1006  }
1007  /* Amber Book primary — filled only; do not hollow / copper-outline */
1008  .btn-amber{
1009    background:var(--signal-amber);
1010    color:var(--ink-navy);
1011  }
1012
1013  /* Ultra-thin grid + copper intersections (platform / how-we-run; sparse on home) */
1014  .has-craft-grid{position:relative;overflow:hidden;}
1015  .has-craft-grid > .wrap{position:relative;z-index:2;}
1016  .craft-grid{
1017    position:absolute;
1018    inset:0;
1019    pointer-events:none;
1020    z-index:1;
1021    opacity:0.5;
1022    background-image:
1023      linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
1024      linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
1025      radial-gradient(circle, rgba(184,115,51,0.55) 1px, transparent 1.5px);
1026    background-size:56px 56px, 56px 56px, 56px 56px;
1027    background-position:0 0, 0 0, -0.5px -0.5px;
1028    -webkit-mask-image:radial-gradient(ellipse 75% 65% at 70% 35%, #000 15%, transparent 72%);
1029    mask-image:radial-gradient(ellipse 75% 65% at 70% 35%, #000 15%, transparent 72%);
1030  }
1031  .craft-grid.is-sparse{opacity:0.28;}
1032  .section-dark.has-craft-grid .craft-grid,
1033  .hero.has-craft-grid .craft-grid{
1034    opacity:0.48;
1035  }
1036  .hero.has-craft-grid .craft-grid.is-sparse{opacity:0.32;}
1037
1038  /* Copper foil dividers — accents only, never page bg */
1039  .foil-divider{
1040    height:1px;
1041    border:0;
1042    margin:0;
1043    background:linear-gradient(90deg, transparent 0%, var(--copper) 35%, var(--copper) 65%, transparent 100%);
1044    opacity:0.45;
1045  }
1046  .section-dark .foil-divider{opacity:0.62;}
1047
1048  @media (prefers-reduced-motion: reduce){
1049    .btn-copper-outline:hover,
1050    .btn-outline-dark:hover,
1051    .btn-outline-on-navy:hover,
1052    .btn-outline-light:hover{
1053      box-shadow:none;
1054      transform:none;
1055    }
1056    .hero .node-wash::before{opacity:0.48;}
1057  }
1058
1059</style>
1060<script type="application/ld+json">
1061{
1062  "@context": "https://schema.org",
1063  "@graph": [
1064    {
1065      "@type": "Organization",
1066      "name": "Revenue-Growth.ai",
1067      "alternateName": ["Revenue-Growth.AI", "Revenue Growth AI"],
1068      "url": "https://www.revenue-growth.ai/",
1069      "description": "Six-month AI GTM / RevOps embed — data, processes, then agents. Your stack first.",
1070      "sameAs": ["https://www.linkedin.com/in/mdbogart/", "https://www.linkedin.com/company/revenue-growth-ai/"],
1071      "founder": {"@type": "Person", "name": "Michael Bogart", "jobTitle": "Founder & CEO", "sameAs": "https://www.linkedin.com/in/mdbogart/"}
1072    },
1073    {
1074      "@type": "FAQPage",
1075      "mainEntity": [
1076        {"@type": "Question", "name": "What is Revenue-Growth.ai?", "acceptedAnswer": {"@type": "Answer", "text": "Six-month AI GTM / RevOps embed. data → processes → agents. Client stack first."}},
1077        {"@type": "Question", "name": "Who is Michael Bogart?", "acceptedAnswer": {"@type": "Answer", "text": "Founder of Revenue-Growth.ai. Former SVP of global sales with RevOps and AI GTM engineering depth. He embeds with the client; agents draft, he and the client approve."}},
1078        {"@type": "Question", "name": "What results have you actually delivered?", "acceptedAnswer": {"@type": "Answer", "text": "AskNicely — lifted forecasted win rate 18% and doubled qualified pipeline in the same quarter. That is the only public proof line."}},
1079        {"@type": "Question", "name": "When do you use the included platform vs the client's stack?", "acceptedAnswer": {"@type": "Answer", "text": "Client stack first (Salesforce or HubSpot, plus their existing tools). Platform included when it fits."}},
1080        {"@type": "Question", "name": "This looks like a product, not a consulting engagement.", "acceptedAnswer": {"@type": "Answer", "text": "The expertise is what you're buying — data, processes, and the agents that follow."}},
1081        {"@type": "Question", "name": "Why not a 30, 60, or 90-day engagement?", "acceptedAnswer": {"@type": "Answer", "text": "Going from zero to one needs data and processes before agents can do anything useful. A shorter engagement is a reduced scope, not our default — six months is what it takes to get through data, processes, and agents properly."}},
1082        {"@type": "Question", "name": "Is this a retainer or milestone-based?", "acceptedAnswer": {"@type": "Answer", "text": "The deliverable is shipped agents and workflows. The clock starts when we agree on the problem, and we ship in two-week increments from there."}},
1083        {"@type": "Question", "name": "Our deal volume is low and our sales cycle is long — does this still work?", "acceptedAnswer": {"@type": "Answer", "text": "Same process, slower cadence. AI owns hygiene and scoring; your reps still own amount and close date."}},
1084        {"@type": "Question", "name": "We're regulated or handle PII — can you work with us?", "acceptedAnswer": {"@type": "Answer", "text": "We build in your approved stack first. When the included platform is used, it stays inside your own cloud account."}}
1085      ]
1086    }
1087  ]
1088}
1089</script>
1089
1090</head>
1091<body>
1092
1093<header class="site-nav">
1094  <div class="nav-inner">
1095    <a href="#top" class="logo" aria-label="Revenue-Growth.ai home">
1096      <img src="images/rg-mark-r.svg" alt="Revenue-Growth.ai" width="34" height="34" class="logo-mark">
1097      <span class="logo-word">Revenue-Growth<span class="logo-ai">.AI</span></span>
1098    </a>
1099    <nav class="primary" id="primaryNav">
1100      <a href="#how-we-work">How we work</a>
1101      <a href="#engagement">Engagement</a>
1102      <a href="/platform">Platform</a>
1103<a href="https://www.revenue-growth.ai/insights/">Insights</a>
1104      <a href="#about">About</a>
1105      <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber" style="margin:16px 40px;">Book a working session</a>
1106    </nav>
1107    <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber desktop-only">Book a working session</a>
1108    <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation" aria-expanded="false" aria-controls="primaryNav">
1109      <svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M3 6h16M3 11h16M3 16h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
1110    </button>
1111  </div>
1112</header>
1113
1114<main>
1115
1116<section class="hero has-craft-grid" id="top">
1117  <div class="node-wash" aria-hidden="true"></div>
1118  <div class="craft-grid is-sparse" aria-hidden="true"></div>
1119  <div class="wrap">
1120    <div class="hero-grid">
1121      <div>
1122        <div class="eyebrow">AI GTM &amp; REVOPS EMBED</div>
1123        <h1>We embed for 6 months as your AI GTM / RevOps engineer.</h1>
1124        <p class="sub">Clean up the CRM and sales process, then build agents that research and draft outreach. Your people still hit send. They keep the handoff when I’m gone — not another tool to log into.</p>
1125        <p class="process-line">data → processes → agents. Your stack first.</p>
1126        <div class="hero-ctas">
1127          <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber" id="heroBook">Book a working session</a>
1128          <a href="#asknicely-story" class="btn btn-copper-outline btn-outline-dark">Read the AskNicely case study</a>
1129        </div>
1130        <p class="icp-line">For RevOps / CRO / founders who own Salesforce or HubSpot at $5M–$50M B2B SaaS.</p>
1131      </div>
1132      <div class="hero-visual">
1133        <div class="flow-panel" role="img" aria-label="Three-step embed flow: data, then processes, then agents">
1134          <svg viewBox="0 0 480 420" xmlns="http://www.w3.org/2000/svg" style="width:100%;height:auto;" aria-hidden="true">
1135            <defs>
1136              <marker id="arr" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto">
1137                <path d="M0,0 L0,6 L6,3 z" fill="#2F7FD1" opacity="0.6"/>
1138              </marker>
1139              <marker id="arrAmber" markerWidth="6" markerHeight="6" refX="3" refY="3" orient="auto">
1140                <path d="M0,0 L0,6 L6,3 z" fill="#E3A344" opacity="0.75"/>
1141              </marker>
1142            </defs>
1143            <style>
1144              .ld{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.4s ease forwards;}
1145              .ld2{animation-delay:.25s;} .ld3{animation-delay:.5s;}
1146              .ld4{animation-delay:.75s;} .ld5{animation-delay:1s;}
1147              @keyframes draw{to{stroke-dashoffset:0;}}
1148              @media (prefers-reduced-motion: reduce){
1149                .ld{animation:none;stroke-dashoffset:0;}
1150              }
1151            </style>
1152
1153            <!-- Top: your stack -->
1154            <rect x="70" y="14" width="340" height="44" rx="6" fill="#163A56" stroke="#2F7FD1" stroke-width="1.2"/>
1155            <text x="240" y="32" text-anchor="middle" fill="#7FB4EE" font-family="IBM Plex Mono,monospace" font-size="9" letter-spacing="1">YOUR STACK FIRST</text>
1156            <text x="240" y="48" text-anchor="middle" fill="#B9C8D4" font-family="IBM Plex Mono,monospace" font-size="8">CRM · marketing automation · enrichment · orchestration</text>
1157
1158            <!-- line: stack → 01 -->
1159            <line class="ld" x1="240" y1="58" x2="240" y2="88" stroke="#E3A344" stroke-width="1.4" opacity="0.85" marker-end="url(#arrAmber)"/>
1160
1161            <!-- 01 DATA — active amber -->
1162            <g class="flow-step is-active">
1163              <rect x="90" y="90" width="300" height="68" rx="8" fill="#0B1F2E" stroke="#E3A344" stroke-width="1.8"/>
1164              <text x="112" y="112" fill="#E3A344" font-family="IBM Plex Mono,monospace" font-size="10" font-weight="500" letter-spacing="1">01 · DATA</text>
1165              <text x="112" y="134" fill="#F7F9FB" font-family="Space Grotesk,sans-serif" font-size="15" font-weight="600">Data</text>
1166              <text x="112" y="150" fill="#9FB4C6" font-family="Inter,sans-serif" font-size="11">your Salesforce / HubSpot — field hygiene, stages</text>
1167            </g>
1168
1169            <!-- line: 01 → 02 -->
1170            <line class="ld ld2" x1="240" y1="158" x2="240" y2="188" stroke="#2F7FD1" stroke-width="1.4" opacity="0.7" marker-end="url(#arr)"/>
1171
1172            <!-- 02 PROCESSES -->
1173            <g class="flow-step">
1174              <rect x="90" y="190" width="300" height="68" rx="8" fill="#0B1F2E" stroke="#2F7FD1" stroke-width="1.5"/>
1175              <text x="112" y="212" fill="#9FB4C6" font-family="IBM Plex Mono,monospace" font-size="10" font-weight="500" letter-spacing="1">02 · PROCESSES</text>
1176              <text x="112" y="234" fill="#F7F9FB" font-family="Space Grotesk,sans-serif" font-size="15" font-weight="600">Processes</text>
1177              <text x="112" y="250" fill="#9FB4C6" font-family="Inter,sans-serif" font-size="11">qualification, routing, forecast methodology</text>
1178            </g>
1179
1180            <!-- line: 02 → 03 -->
1181            <line class="ld ld3" x1="240" y1="258" x2="240" y2="288" stroke="#2F7FD1" stroke-width="1.4" opacity="0.7" marker-end="url(#arr)"/>
1182
1183            <!-- 03 AGENTS -->
1184            <g class="flow-step">
1185              <rect x="90" y="290" width="300" height="78" rx="8" fill="#0B1F2E" stroke="#2F7FD1" stroke-width="1.5"/>
1186              <text x="112" y="312" fill="#9FB4C6" font-family="IBM Plex Mono,monospace" font-size="10" font-weight="500" letter-spacing="1">03 · AGENTS</text>
1187              <text x="112" y="334" fill="#F7F9FB" font-family="Space Grotesk,sans-serif" font-size="15" font-weight="600">in your stack</text>
1188              <a href="/platform">
1189                <text x="112" y="354" fill="#2F7FD1" font-family="Inter,sans-serif" font-size="11" font-weight="500">See how the platform fits →</text>
1190              </a>
1191            </g>
1192
1193            <!-- side accent dots -->
1194            <circle class="ld ld4" cx="56" cy="124" r="4" fill="#E3A344" opacity="0.9"/>
1195            <circle class="ld ld4" cx="424" cy="124" r="4" fill="#E3A344" opacity="0.5"/>
1196            <line class="ld ld5" x1="56" y1="128" x2="56" y2="328" stroke="#2F7FD1" stroke-width="1" opacity="0.25"/>
1197            <line class="ld ld5" x1="424" y1="128" x2="424" y2="328" stroke="#2F7FD1" stroke-width="1" opacity="0.25"/>
1198
1199          </svg>
1200        </div>
1201      </div>
1202    </div>
1203
1204  </div>
1205</section>
1206
1207
1208<section class="section-paper" id="who-its-for">
1209  <div class="wrap">
1210    <div class="eyebrow">Who this is for</div>
1211    <h2 style="max-width:680px;">You own the CRM. You don't have three more hires to fix it.</h2>
1212    <div class="grid-2" style="margin-top:48px;">
1213      <div class="node-card">
1214        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="9" cy="8" r="3.5" stroke="currentColor" stroke-width="1.5"/><circle cx="16.5" cy="9.5" r="2.5" stroke="currentColor" stroke-width="1.5"/><path d="M3.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M14.5 17.5c.4-1.6 1.8-2.8 3.7-2.8 1.4 0 2.6.7 3.3 1.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1215        <div class="node-tag">ICP</div>
1216        <h3>RevOps, CRO, or founder</h3>
1217        <p class="what">You own Salesforce or HubSpot at a $5M–$50M B2B SaaS company. Pipeline visibility, forecast trust, and process hygiene are your problem — and you don't have a fully staffed team to solve it.</p>
1218      </div>
1219      <div class="node-card">
1220        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="4" y="5" width="16" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/><path d="M8 9h8M8 13h5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><circle cx="17" cy="16" r="4" fill="var(--paper)" stroke="currentColor" stroke-width="1.5"/><path d="M17 14.5v3M15.5 16h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1221        <div class="node-tag">HIRING MANAGER</div>
1222        <h3>Hiring a GTM / RevOps systems engineer? This is that seat — for 6 months.</h3>
1223        <p class="what">You've posted — or are about to post — a full-time RevOps, GTM-systems, or AI-GTM role. Before you hire, see what a 6-month embed gets you. <a href="#engagement" style="color:var(--signal-blue);font-weight:600;">How the engagement compares →</a></p>
1224      </div>
1225    </div>
1226  </div>
1227</section>
1228
1229<section class="section-paper" id="how-we-work" style="border-top:1px solid var(--line);">
1230  <div class="wrap">
1231    <div class="section-label-row">
1232      <div>
1233        <div class="eyebrow">How we work</div>
1234        <h2>Three hats, in order: data, processes, agents.</h2>
1235      </div>
1236      <p class="desc">First call diagnoses your CRM and process, then agents. Not a product demo.</p>
1237    </div>
1238    <div class="node-grid">
1239      <div class="node-card">
1240        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 20V10M12 20V4M20 20v-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1241        <div class="node-tag">01</div>
1242        <h3>Data</h3>
1243        <p class="what">We start inside Salesforce or HubSpot — your stack, not ours. Dedupe, field hygiene, and pipeline stages: the data automation needs to run on.</p>
1244      </div>
1245      <div class="node-card">
1246        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="1.5"/><path d="M12 8v4l3 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1247        <div class="node-tag">02</div>
1248        <h3>Processes</h3>
1249        <p class="what">We design or fix the process — qualification, routing, forecasting methodology, renewal and expansion motion — before any agent touches it.</p>
1250      </div>
1251      <div class="node-card">
1252        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5.6 5.6l2.8 2.8M15.6 15.6l2.8 2.8M18.4 5.6l-2.8 2.8M8.4 15.6l-2.8 2.8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1253        <div class="node-tag">03</div>
1254        <h3>Agents &amp; workflows</h3>
1255        <p class="what">Once data and processes hold, we build the agents and workflows for the revenue org, in your stack — Clay, Apollo, Lemlist, n8n, and similar.</p>
1256      </div>
1257    </div>
1258    <div class="rhythm-strip">
1259      <div class="rhythm-item">
1260        <svg class="ri-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3l7 3.5v5c0 4.7-3 8.7-7 9.5-4-.8-7-4.8-7-9.5v-5L12 3z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
1261        <b>Human in the loop</b>We draft. You approve every send.
1262      </div>
1263      <div class="rhythm-item">
1264        <svg class="ri-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 6h16v12H4zM4 6l8 7 8-7" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
1265        <b>Two-week rhythm</b>Process agreed → clock starts → we ship an agent or workflow in two weeks or less.
1266      </div>
1267      <div class="rhythm-item">
1268        <svg class="ri-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3l9 9-9 9-9-9 9-9z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
1269        <b>Diagnose, then agents</b>The first call is about your CRM and process — not a demo of our software.
1270      </div>
1271    </div>
1272  </div>
1273</section>
1274
1275<section class="section-paper" id="asknicely-story">
1276  <div class="wrap proof-block">
1277    <div class="eyebrow">PROOF · ASKNICELY</div>
1278    <div class="proof-row">
1279      <div class="proof-logo-wrap">
1280        <img src="images/asknicely-logo.png" alt="AskNicely" width="44" height="44">
1281      </div>
1282      <h2 class="proof-lead">AskNicely — lifted forecasted win rate 18% and doubled qualified pipeline in the same quarter.</h2>
1283    </div>
1284    <div class="proof-narrative">
1285      <p>AskNicely needed forecast and pipeline they could trust — not another dashboard layered on subjective CRM notes. The work started in their stack: data and processes first, then agents that draft readouts operators can approve.</p>
1286      <p>In the same quarter, forecasted win rate moved up 18% and qualified pipeline doubled. That is the only public proof line we publish — no extra metrics, no invented case study numbers.</p>
1287    </div>
1288    <div style="margin-top:24px;">
1289      <a href="#asknicely-story" class="btn btn-copper-outline btn-outline-light">Read the AskNicely case study</a>
1290    </div>
1291  </div>
1292</section>
1293
1294<!-- Named quote carousel — headshots allowed for this asset only -->
1295<section class="section-dark" id="testimonials" style="border-top:1px solid var(--line-dark);" aria-label="Customer testimonials">
1296  <div class="wrap">
1297    <div class="section-label-row">
1298      <div>
1299        <div class="eyebrow">What revenue leaders say</div>
1300        <h2 style="max-width:560px;">Operators who ran it with us.</h2>
1301      </div>
1302      <div style="display:flex;gap:12px;align-items:center;">
1303        <button class="t-arrow" id="tPrev" type="button" aria-label="Previous testimonial">
1304          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M15 6l-6 6 6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
1305        </button>
1306        <button class="t-arrow" id="tNext" type="button" aria-label="Next testimonial">
1307          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
1308        </button>
1309      </div>
1310    </div>
1311
1312    <div class="t-track" id="tTrack">
1313        <div class="t-card">
1314          <svg width="26" height="20" viewBox="0 0 28 22" fill="none" style="margin-bottom:18px;flex-shrink:0;" aria-hidden="true"><path d="M0 22V12.6C0 5.2 4.2 1 11 0l1.4 3.4C7.8 4.6 6 7 6 10h5v12H0zm17 0V12.6C17 5.2 21.2 1 28 0l-1.4 3.4C22.2 4.6 23 7 23 10h5v12H17z" fill="#2F7FD1" opacity="0.7" transform="scale(1,-1) translate(0,-22)"/></svg>
1315          <p style="color:#D7E2EA;font-size:14.5px;line-height:1.7;font-style:italic;flex:1;margin:0;">"We deployed two inbound agents in just three weeks, and the impact on our inbound workflows was immediate. If you want high ROI and rapid time-to-value across your revenue org, I highly recommend their agile, hands-on approach."</p>
1316          <div style="margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:14px;">
1317            <img src="images/morgan-morrill.jpg" alt="Morgan Morrill, VP of Marketing, IXOPAY" width="48" height="48" style="width:48px;height:48px;border-radius:50%;border:1.5px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1318            <div>
1319              <a class="name-link" href="https://www.linkedin.com/in/morgan-giles/" target="_blank" rel="noopener">Morgan Morrill</a>
1320              <div style="font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#7FB4EE;margin-top:2px;">VP of Marketing · IXOPAY</div>
1321            </div>
1322          </div>
1323        </div>
1324        <div class="t-card">
1325          <svg width="26" height="20" viewBox="0 0 28 22" fill="none" style="margin-bottom:18px;flex-shrink:0;" aria-hidden="true"><path d="M0 22V12.6C0 5.2 4.2 1 11 0l1.4 3.4C7.8 4.6 6 7 6 10h5v12H0zm17 0V12.6C17 5.2 21.2 1 28 0l-1.4 3.4C22.2 4.6 23 7 23 10h5v12H17z" fill="#2F7FD1" opacity="0.7" transform="scale(1,-1) translate(0,-22)"/></svg>
1326          <p style="color:#D7E2EA;font-size:15.5px;line-height:1.7;font-style:italic;flex:1;margin:0;">"The impact on win rates and time to close was immediate. I can't imagine leading a revenue team without this framework."</p>
1327          <div style="margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);
1327display:flex;align-items:center;gap:14px;">
1328            <img src="images/alex-burkholder.jpg" alt="Alex Burkholder, VP Revenue, AskNicely" width="48" height="48" style="width:48px;height:48px;border-radius:50%;border:1.5px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1329            <div>
1330              <a class="name-link" href="https://www.linkedin.com/in/alexjburk/" target="_blank" rel="noopener">Alex Burkholder</a>
1331              <div style="font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#7FB4EE;margin-top:2px;">VP Revenue · AskNicely</div>
1332            </div>
1333          </div>
1334        </div>
1335        <div class="t-card">
1336          <svg width="26" height="20" viewBox="0 0 28 22" fill="none" style="margin-bottom:18px;flex-shrink:0;" aria-hidden="true"><path d="M0 22V12.6C0 5.2 4.2 1 11 0l1.4 3.4C7.8 4.6 6 7 6 10h5v12H0zm17 0V12.6C17 5.2 21.2 1 28 0l-1.4 3.4C22.2 4.6 23 7 23 10h5v12H17z" fill="#2F7FD1" opacity="0.7" transform="scale(1,-1) translate(0,-22)"/></svg>
1337          <p style="color:#D7E2EA;font-size:13.5px;line-height:1.7;font-style:italic;flex:1;margin:0;">"Most teams simply do not have the time to perform deep, objective account reviews at scale. By implementing an agentic strategy, we removed repetitive, unscalable work from our most skilled team members. We now have an always-on, autonomous layer that tells us exactly where to focus to deliver maximum value. AI should not replace judgment — it should sharpen it."</p>
1338          <div style="margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:14px;">
1339            <img src="images/reagan-nickl.jpg" alt="Reagan Nickl, Chief Customer Officer, AskNicely" width="48" height="48" style="width:48px;height:48px;border-radius:50%;border:1.5px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1340            <div>
1341              <a class="name-link" href="https://www.linkedin.com/in/reagannickl/" target="_blank" rel="noopener">Reagan Nickl</a>
1342              <div style="font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#7FB4EE;margin-top:2px;">Chief Customer Officer · AskNicely</div>
1343            </div>
1344          </div>
1345        </div>
1346        <div class="t-card">
1347          <svg width="26" height="20" viewBox="0 0 28 22" fill="none" style="margin-bottom:18px;flex-shrink:0;" aria-hidden="true"><path d="M0 22V12.6C0 5.2 4.2 1 11 0l1.4 3.4C7.8 4.6 6 7 6 10h5v12H0zm17 0V12.6C17 5.2 21.2 1 28 0l-1.4 3.4C22.2 4.6 23 7 23 10h5v12H17z" fill="#2F7FD1" opacity="0.7" transform="scale(1,-1) translate(0,-22)"/></svg>
1348          <p style="color:#D7E2EA;font-size:15.5px;line-height:1.7;font-style:italic;flex:1;margin:0;">"Fast, no-hassle setup — and immediate impact on forecasting and deal pursuit."</p>
1349          <div style="margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:14px;">
1350            <img src="images/julien-delvecchio.jpg" alt="Julien Delvecchio, Sr Director GTM Applications, FourKites" width="48" height="48" style="width:48px;height:48px;border-radius:50%;border:1.5px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1351            <div>
1352              <a class="name-link" href="https://www.linkedin.com/in/julien-delvecchio-5824603/" target="_blank" rel="noopener">Julien Delvecchio</a>
1353              <div style="font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#7FB4EE;margin-top:2px;">Sr Director GTM Applications · FourKites</div>
1354            </div>
1355          </div>
1356        </div>
1357        <div class="t-card">
1358          <svg width="26" height="20" viewBox="0 0 28 22" fill="none" style="margin-bottom:18px;flex-shrink:0;" aria-hidden="true"><path d="M0 22V12.6C0 5.2 4.2 1 11 0l1.4 3.4C7.8 4.6 6 7 6 10h5v12H0zm17 0V12.6C17 5.2 21.2 1 28 0l-1.4 3.4C22.2 4.6 23 7 23 10h5v12H17z" fill="#2F7FD1" opacity="0.7" transform="scale(1,-1) translate(0,-22)"/></svg>
1359          <p style="color:#D7E2EA;font-size:14.5px;line-height:1.7;font-style:italic;flex:1;margin:0;">"The agents deployed with zero effort and ran autonomously from day one. The ROI was undeniable."</p>
1360          <div style="margin-top:24px;padding-top:18px;border-top:1px solid var(--line-dark);
1360display:flex;align-items:center;gap:14px;">
1361            <img src="images/christine-shulman.jpg" alt="Christine Shulman, Boutique Advisor, Former VP GTM Strategy & Ops, FourKites" width="48" height="48" style="width:48px;height:48px;border-radius:50%;border:1.5px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1362            <div>
1363              <a class="name-link" href="https://www.linkedin.com/in/christine-shulman/" target="_blank" rel="noopener">Christine Shulman</a>
1364              <div style="font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#7FB4EE;margin-top:2px;">Boutique Advisor · Former VP GTM Strategy &amp; Ops, FourKites</div>
1365            </div>
1366          </div>
1367        </div>
1368    </div>
1369  </div>
1370</section>
1371
1372
1373
1374<section class="section-dark has-wash" id="engagement" style="border-top:1px solid var(--line-dark);">
1375  <div class="node-wash" aria-hidden="true"></div>
1376  <div class="wrap">
1377    <div class="eyebrow">The engagement</div>
1378    <h2 style="max-width:720px;">Embed instead of waiting on a hire.</h2>
1379    <p style="margin-top:16px;max-width:640px;color:#9FB4C6;font-size:16px;line-height:1.65;">They inherit stages, exit criteria, and agents they can tweak. Six months as that GTM / RevOps systems seat.</p>
1380
1381    <div class="engagement-grid">
1382      <div class="engagement-col dark">
1383        <h3>
1384          <svg class="col-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
1385          How it runs
1386        </h3>
1387        <ul>
1388          <li><svg class="li-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="12" cy="12" r="8" stroke="currentColor" stroke-width="1.5"/><path d="M12 8v4l3 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg><span>Clock starts when the problem is agreed. We ship an agent or workflow in two weeks or less.</span></li>
1389          <li><svg class="li-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3l7 3.5v5c0 4.7-3 8.7-7 9.5-4-.8-7-4.8-7-9.5v-5L12 3z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg><span>Human in the loop on send: we draft, you approve.</span></li>
1390          <li><svg class="li-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 20V10M12 20V4M20 20v-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg><span>Same process either way — if your CRM/process is ready, we can go straight to agents; if not, we start with cleanup.</span></li>
1391        </ul>
1392      </div>
1393      <div class="engagement-col light">
1394        <h3>
1395          <svg class="col-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2" stroke="currentColor" stroke-width="1.5"/><rect x="8" y="2" width="8" height="4" rx="1" stroke="currentColor" stroke-width="1.5"/><path d="M9 12h6M9 16h4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
1396          Instead of waiting on a hire
1397        </h3>
1398        <ul>
1399          <li><svg class="li-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg><span>At the end of the embed: handoff to your team, or we continue.</span></li>
1400          <li><svg class="li-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 8l8-4 8 4-8 4-8-4zM4 12l8 4 8-4M4 16l8 4 8-4" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg><span>Six-month AI GTM / RevOps embed — data, processes, then agents.</span></li>
1401        </ul>
1402      </div>
1403    </div>
1404
1405    <div style="margin-top:32px;">
1406      <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber">Book a working session</a>
1407    </div>
1408  </div>
1409</section>
1410
1411<section class="section-paper" id="platform-teaser">
1412  <div class="wrap">
1413    <div class="eyebrow">Included platform</div>
1414    <div class="platform-teaser">
1415      <div style="display:flex;gap:20px;align-items:flex-start;">
1416        <svg class="node-icon" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="margin-top:2px;"><path d="M12 3l9 9-9 9-9-9 9-9z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
1417        <div>
1418          <h3>Expertise first.</h3>
1419          <p>The expertise is what you’re buying — data, processes, and agents.</p>
1420          <p style="margin-top:10px;">Operator MCP (Claude Desktop/Code) for human-gated plan → apply / manage of the platform in your cloud.</p>
1421        </div>
1422      </div>
1423      <a class="text-link" href="/platform">See how the platform fits →</a>
1424    </div>
1425  </div>
1426</section>
1427
1428<section class="section-paper" id="faq" style="border-top:1px solid var(--line);">
1429  <div class="wrap">
1430    <div class="eyebrow">Objections</div>
1431    <h2 style="max-width:600px;">The questions every RevOps leader asks first.</h2>
1432    <div style="margin-top:48px;max-width:820px;display:flex;flex-direction:column;gap:12px;">
1433      <details class="faq-item">
1434        <summary>What is Revenue-Growth.ai?<span class="plus">+</span></summary>
1435        <p>Six-month AI GTM / RevOps embed. data → processes → agents. Client stack first.</p>
1436      </details>
1437      <details class="faq-item">
1438        <summary>Who is Michael Bogart?<span class="plus">+</span></summary>
1439        <p>Founder of Revenue-Growth.ai. Former SVP of global sales with RevOps and AI GTM engineering depth. He embeds with the client; agents draft, he and the client approve.</p>
1440      </details>
1441      <details class="faq-item">
1442        <summary>What results have you actually delivered?<span class="plus">+</span></summary>
1443        <p>AskNicely — lifted forecasted win rate 18% and doubled qualified pipeline in the same quarter. That is the only public proof line.</p>
1444      </details>
1445      <details class="faq-item">
1446        <summary>When do you use the included platform vs the client's stack?<span class="plus">+</span></summary>
1447        <p>Client stack first (Salesforce or HubSpot, plus their existing tools). Platform included when it fits.</p>
1448      </details>
1449      <details class="faq-item">
1450        <summary>This looks like a product, not a consulting engagement.<span class="plus">+</span></summary>
1451        <p>The expertise is what you're buying — data, processes, and the agents that follow.</p>
1452      </details>
1453      <details class="faq-item">
1454        <summary>Why not a 30, 60, or 90-day engagement?<span class="plus">+</span></summary>
1455        <p>Going from zero to one needs data and processes before agents can do anything useful. A shorter engagement is a reduced scope, not our default — six months is what it takes to get through data, processes, and agents properly.</p>
1456      </details>
1457      <details class="faq-item">
1458        <summary>Is this a retainer or milestone-based?<span class="plus">+</span></summary>
1459        <p>The deliverable is shipped agents and workflows. The clock starts when we agree on the problem, and we ship in two-week increments from there.</p>
1460      </details>
1461      <details class="faq-item">
1462        <summary>Our deal volume is low and our sales cycle is long — does this still work?<span class="plus">+</span></summary>
1463        <p>Same process, slower cadence. AI owns hygiene and scoring; your reps still own amount and close date.</p>
1464      </details>
1465      <details class="faq-item">
1466        <summary>We're regulated or handle PII — can you work with us?<span class="plus">+</span></summary>
1467        <p>We build in your approved stack first. When the included platform is used, it stays inside your own cloud account.</p>
1468      </details>
1469    </div>
1470  </div>
1471</section>
1472
1473<section class="section-paper" id="about">
1474  <div class="wrap">
1475    <div class="section-label-row">
1476      <div>
1477        <div class="eyebrow">About</div>
1478        <h2 style="max-width:600px;">Former SVP of Global Revenue. Now embeds instead of consults.</h2>
1479      </div>
1480      <p class="desc">Helping revenue teams fix the CRM and the process first, then automate — as a hands-on part of the team, not a vendor.</p>
1481    </div>
1482    <div style="margin-top:40px;
1482display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap;">
1483      <img src="images/michael-bogart.jpg" alt="Michael Bogart" width="80" height="80" style="width:80px;height:80px;border-radius:50%;border:2px solid var(--signal-blue);flex-shrink:0;object-fit:cover;" loading="lazy">
1484      <div style="flex:1;min-width:260px;">
1485        <div style="font-family:Space Grotesk,sans-serif;font-weight:600;font-size:18px;color:var(--ink-navy);">Michael Bogart</div>
1486        <div style="font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--slate);margin-top:4px;">Founder · Revenue-Growth.ai</div>
1487        <p style="margin-top:16px;color:var(--slate);font-size:15px;line-height:1.7;max-width:640px;">Former SVP of global sales with RevOps and AI GTM depth. He embeds for six months as a hands-on part of the revenue team — data and processes first, then agents.</p>
1488        <p style="margin-top:12px;color:var(--slate);font-size:15px;line-height:1.7;max-width:640px;">Solo founder — you work with him directly.</p>
1489        <div style="margin-top:24px;display:flex;gap:16px;flex-wrap:wrap;">
1490          <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber">Book a working session</a>
1491          <a href="https://www.linkedin.com/in/mdbogart/" target="_blank" rel="noopener" class="btn btn-copper-outline btn-outline-light">Connect on LinkedIn</a>
1492        </div>
1493      </div>
1494    </div>
1495  </div>
1496</section>
1497
1498<section class="cta-section">
1499  <div class="wrap">
1500    <div class="cta-panel">
1501      <div class="cta-copy">
1502        <div class="eyebrow">Working session</div>
1503        <h2>Request a working session</h2>
1504        <p>Diagnose CRM + process together. The first call is a diagnostic — not a product pitch.</p>
1505        <div style="margin-top:28px;">
1506          <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber">Book a working session</a>
1507        </div>
1508      </div>
1509      <div id="book-a-working-session" class="book-target">
1510      <div id="book-demo" class="book-target">
1511      <form class="session-form" id="sessionForm" novalidate>
1512        <input type="text" name="_gotcha" tabindex="-1" autocomplete="off" class="visually-hidden" aria-hidden="true">
1513        <div class="field">
1514          <label for="f-name">Name</label>
1515          <input type="text" id="f-name" name="name" required autocomplete="name">
1516        </div>
1517        <div class="field">
1518          <label for="f-company">Company</label>
1519          <input type="text" id="f-company" name="company" required autocomplete="organization">
1520        </div>
1521        <div class="field">
1522          <label for="f-email">Work email</label>
1523          <input type="email" id="f-email" name="email" required autocomplete="email">
1524        </div>
1525        <div class="field">
1526          <label for="f-crm">CRM</label>
1527          <select id="f-crm" name="crm" required>
1528            <option value="" disabled selected>Select one</option>
1529            <option>Salesforce</option>
1530            <option>HubSpot</option>
1531            <option>Other</option>
1532          </select>
1533        </div>
1534        <div class="field full">
1535          <label for="f-pain">Where it hurts most</label>
1536          <select id="f-pain" name="pain" required>
1537            <option value="" disabled selected>Select one</option>
1538            <option>CRM data &amp; hygiene</option>
1539            <option>Process — qualification, forecasting, routing</option>
1540            <option>Automation &amp; agents</option>
1541            <option>Not sure yet</option>
1542          </select>
1543        </div>
1544        <div class="field full">
1545          <label for="f-comments">Questions / Comments (Optional)</label>
1546          <textarea id="f-comments" name="comments" placeholder="Any specific goals or context to share before we chat?"></textarea>
1547        </div>
1548        <div class="submit-row">
1549          <button type="submit" class="btn btn-amber" id="sessionSubmit">Book a working session</button>
1550        </div>
1551        <p class="form-status" id="sessionStatus" role="status" aria-live="polite"></p>
1552        </form>
1553      </div>
1554      </div>
1555    </div>
1556  </div>
1557</section>
1558
1559</main>
1560
1561<footer>
1562  <div class="wrap">
1563    <div class="footer-top">
1564      <div>
1565        <a href="#top" class="logo" aria-label="Revenue-Growth.ai home">
1566          <img src="images/rg-mark-r.svg" alt="Revenue-Growth.ai" width="34" height="34" class="logo-mark">
1567          <span class="logo-word">Revenue-Growth<span class="logo-ai">.AI</span></span>
1568        </a>
1569        <p style="font-size:13.5px;color:#8296A6;line-height:1.7;margin-top:16px;max-width:280px;">Six-month AI GTM / RevOps embed — data, processes, then agents. Your stack first.</p>
1570      </div>
1571      <div class="footer-cols">
1572        <div class="footer-col">
1573          <h5>How we work</h5>
1574          <a href="#how-we-work">How we work</a>
1575          <a href="#engagement">Engagement</a>
1576          <a href="/platform">Platform</a>
1577          <a href="/platform/architecture">Architecture</a>
1578        </div>
1579        <div class="footer-col">
1580          <h5>Company</h5>
1581          <a href="#about">About</a>
1582          <a href="/how-we-run">How we run</a>
1583          <a href="https://www.revenue-growth.ai/insights/">Insights</a>
1584          <a href="https://www.revenue-growth.ai/#book-a-working-session">Book a working session</a>
1585          <a href="/privacy-policy">Privacy</a>
1586        </div>
1587      </div>
1588    </div>
1589    <div class="footer-bottom">
1590      <span>© 2026 Revenue-Growth.ai</span>
1591      <span>revenue-growth.ai</span>
1592    </div>
1593  </div>
1594</footer>
1595
1596<script>
1597  (function(){
1598    var toggle = document.getElementById('navToggle');
1599    var nav = document.getElementById('primaryNav');
1600    toggle.addEventListener('click', function(){
1601      var open = nav.classList.toggle('open');
1602      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
1603    });
1604    nav.querySelectorAll('a').forEach(function(a){
1605      a.addEventListener('click', function(){
1606        nav.classList.remove('open');
1607        toggle.setAttribute('aria-expanded','false');
1608      });
1609    });
1610    var form = document.getElementById('sessionForm');
1611    if(form){
1612      form.addEventListener('submit', function(e){
1613        e.preventDefault();
1614        var submitBtn = document.getElementById('sessionSubmit');
1615        var status = document.getElementById('sessionStatus');
1616        if(!submitBtn || submitBtn.disabled) return;
1617        submitBtn.disabled = true;
1618        if(status){
1619          status.textContent = '';
1620          status.className = 'form-status';
1621        }
1622        var thankYou = 'Got it. I\u2019ll follow up with times for a working session.';
1623        var errorMsg = 'Something went wrong \u2014 try again or email me directly.';
1624        fetch('https://formspree.io/f/xaqgzqpe', {
1625          method: 'POST',
1626          headers: { 'Accept': 'application/json' },
1627          body: new FormData(form)
1628        }).then(function(response){
1629          if(!response.ok) throw new Error('form');
1630          if(status){
1631            status.textContent = thankYou;
1632            status.className = 'form-status is-success';
1633          }
1634        }).catch(function(){
1635          if(status){
1636            status.textContent = errorMsg;
1637            status.className = 'form-status is-error';
1638          }
1639        }).then(function(){
1640          submitBtn.disabled = false;
1641        });
1642      });
1643    }
1644    function bindStickyBook(){
1645      var sticky = document.getElementById('stickyBook');
1646      var submitBtn = document.getElementById('sessionSubmit');
1647      var heroBtn = document.getElementById('heroBook');
1648      if(!sticky || !submitBtn || !('IntersectionObserver' in window)) return;
1649      var heroInView = false;
1650      var submitInView = false;
1651      function sync(){
1652        var hide = heroInView || submitInView;
1653        sticky.classList.toggle('is-hidden', hide);
1654        document.body.classList.toggle('sticky-book-hidden', hide);
1655      }
1656      function inViewport(el){
1657        if(!el) return false;
1658        var r = el.getBoundingClientRect();
1659        var h = window.innerHeight || document.documentElement.clientHeight;
1660        var w = window.innerWidth || document.documentElement.clientWidth;
1661        return r.width > 0 && r.height > 0 && r.bottom > 0 && r.right > 0 && r.top < h && r.left < w;
1662      }
1663      heroInView = inViewport(heroBtn);
1664      submitInView = inViewport(submitBtn);
1665      sync();
1666      var observer = new IntersectionObserver(function(entries){
1667        entries.forEach(function(entry){
1668          if(heroBtn && entry.target === heroBtn) heroInView = entry.isIntersecting;
1669          else if(entry.target === submitBtn) submitInView = entry.isIntersecting;
1670        });
1671        sync();
1672      }, {threshold:0});
1673      if(heroBtn) observer.observe(heroBtn);
1674      observer.observe(submitBtn);
1675    }
1676    if(document.readyState === 'loading'){
1677      document.addEventListener('DOMContentLoaded', bindStickyBook);
1678    }else{
1679      bindStickyBook();
1680    }
1681    function bookHash(){
1682      var h = location.hash;
1683      return h === '#book-a-working-session' || h === '#book-demo';
1684    }
1685    function scrollToSessionForm(){
1686      if(!form || !bookHash()) return;
1687      form.scrollIntoView({block:'start'});
1688    }
1689    window.addEventListener('hashchange', scrollToSessionForm);
1690    window.addEventListener('load', function(){
1691      scrollToSessionForm();
1692      setTimeout(scrollToSessionForm, 0);
1693      setTimeout(scrollToSessionForm, 250);
1694    });
1695    scrollToSessionForm();
1696    document.addEventListener('click', function(e){
1697      var a = e.target.closest ? e.target.closest('a') : null;
1698      if(!a || !form) return;
1699      var href = a.getAttribute('href') || '';
1700      if(href.indexOf('#book-a-working-session') === -1 && href.indexOf('#book-demo') === -1) return;
1701      var url;
1702      try{ url = new URL(a.href, location.href); }catch(err){ return; }
1703      if(url.origin !== location.origin) return;
1704      var path = url.pathname.replace(/\/index\.html$/, '').replace(/\/$/, '') || '/';
1705      var here = location.pathname.replace(/\/index\.html$/, '').replace(/\/$/, '') || '/';
1706      if(path !== here) return;
1707      e.preventDefault();
1708      var next = href.indexOf('#book-demo') !== -1 ? '#book-demo' : '#book-a-working-session';
1709      if(location.hash !== next) history.pushState(null, '', next);
1710      form.scrollIntoView({block:'start'});
1711    });
1712  })();
1713
1714  // testimonial carousel — continuous slow scroll, seamless loop
1715  (function(){
1716    var track = document.getElementById('tTrack');
1717    if(!track) return;
1718    var originals = Array.prototype.slice.call(track.children);
1719    originals.forEach(function(c){ track.appendChild(c.cloneNode(true)); });
1720    var half = function(){ return track.scrollWidth / 2; };
1721    var step = function(){ var c = track.querySelector('.t-card'); return c ? c.offsetWidth + 24 : 424; };
1722    var prev = document.getElementById('tPrev');
1723    var next = document.getElementById('tNext');
1724    if(prev) prev.addEventListener('click', function(){ track.scrollBy({left:-step(), behavior:'smooth'}); });
1725    if(next) next.addEventListener('click', function(){ track.scrollBy({left:step(), behavior:'smooth'}); });
1726    var paused = false;
1727    track.addEventListener('mouseenter', function(){ paused = true; });
1728    track.addEventListener('mouseleave', function(){ paused = false; });
1729    track.addEventListener('touchstart', function(){ paused = true; }, {passive:true});
1730    track.addEventListener('touchend', function(){ setTimeout(function(){ paused = false; }, 4000); }, {passive:true});
1731    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1732    if(!reduced){
1733      var speed = 0.4;
1734      function tick(){
1735        if(!paused){
1736          track.scrollLeft += speed;
1737          if(track.scrollLeft >= half()){ track.scrollLeft -= half(); }
1738        }
1739        requestAnimationFrame(tick);
1740      }
1741      requestAnimationFrame(tick);
1742    }
1743  })();
1744</script>
1744
1745
1746<div class="sticky-book" id="stickyBook">
1747  <a href="https://www.revenue-growth.ai/#book-a-working-session" class="btn btn-amber">Book a working session</a>
1748</div>
1749
1750</body>
1751</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.