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<!-- Google Tag Manager -->
7<script>
vendor: 323 bytes, line 7
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
7GTM-P7JCLSD9
vendor: 3 bytes, line 7
7');
7</script>
7 8<!-- End Google Tag Manager --> 9<meta name="description" content="Connect The Dots scores every relationship in your network so you know who can introduce you to whom - the relationship graph that turns into warm intros."> 10<meta name="robots" content="index,follow,max-image-preview:large"> 11<link rel="canonical" href="https://ctd.ai/"> 12<link rel="sitemap" type="application/xml" href="/sitemap.xml"> 13<meta name="theme-color" content="#2bb6e8"> 14<meta name="author" content="Connect The Dots"> 15<meta property="og:type" content="website"> 16<meta property="og:site_name" content="Connect The Dots"> 17<meta property="og:title" content="Connect The Dots (CTD.ai) - the relationship graph that turns into warm intros"> 18<meta property="og:description" content="Connect The Dots scores every relationship in your network so you know who can introduce you to whom - the relationship graph that turns into warm intros."> 19<meta property="og:url" content="https://ctd.ai/"> 20<meta property="og:image" content="https://ctd.ai/assets/images/og-default.png"> 21<meta property="og:image:width" content="1200"> 22<meta property="og:image:height" content="630"> 23<meta property="og:image:alt" content="Connect The Dots - the relationship graph that turns into warm intros"> 24<meta name="twitter:card" content="summary_large_image"> 25<meta name="twitter:title" content="Connect The Dots (CTD.ai) - the relationship graph that turns into warm intros"> 26<meta name="twitter:description" content="Connect The Dots scores every relationship in your network so you know who can introduce you to whom - the relationship graph that turns into warm intros."> 27<meta name="twitter:image" content="https://ctd.ai/assets/images/og-default.png"> 28<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32.png"> 29<link rel="apple-touch-icon" href="assets/images/ctd-icon-256.png"> 30<title>Connect The Dots (CTD.ai) - the relationship graph that turns into warm intros</title> 31<link rel="preconnect" href="https://fonts.googleapis.com"> 32<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 33<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap"> 34<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/dist/tabler-icons.min.css"> 35<link rel="stylesheet" href="assets/css/styles.css?v=8"> 36<style> 37 :root{ 38 --ink:#0c1322; --ctd:#2bb6e8; --ctd-d:#1893c4; --deep:#1568c0; --indigo:#3b5bdb; 39 --teal:#13b8a6; --amber:#f59e0b; 40 --sf:#00a1e0; --hs:#ff7a59; --clay:#7c5cff; 41 --paper:#ffffff; --line:rgba(12,19,34,.08); --muted:#6b7396; 42 --green:#22c55e; --green-d:#16a34a; --acme:#e23b3b; 43 } 44 *{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;} 45 body{font-family:var(--font);color:var(--ink); 46 background:radial-gradient(1300px 900px at 86% 24%, #e7f6fd 0%, #eef6fc 40%, #f4f9ff 72%, #fff 100%);min-height:100vh;position:relative;} 47 .site-logo{position:absolute;top:34px;left:52px;z-index:50;display:flex;align-items:center;gap:12px;} 48 .site-logo .wm{font-size:30px;font-weight:800;letter-spacing:-.5px;color:#1f3a5d;} 49 .hero{display:flex;align-items:center;gap:16px;max-width:1580px;margin:0 auto;padding:24px 56px 40px;} 50 .copy{flex:0 0 560px;padding-top:0;} 51 .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ctd-d);background:#e7f6fd;padding:8px 14px;border-radius:20px;margin-bottom:24px;} 52 .eyebrow-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px;} 53 .eyebrow-row .eyebrow{margin-bottom:0;font-size:11px;padding:6px 11px;letter-spacing:.04em;gap:6px;flex:none;} 54 .eyebrow-row .eyebrow i{font-size:13px;} 55 .copy-aud{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:5px 10px;box-shadow:0 8px 22px -14px rgba(15,25,55,.25);flex:none;} 56 .copy-aud .lbl2{font-size:11px;font-weight:600;color:var(--muted);padding-left:2px;} 57 .copy-aud .aud{font-size:11px;padding:4px 9px;gap:0;border-radius:13px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;} 58 .copy-aud .aud:hover{transform:translateY(-2px);box-shadow:0 9px 16px -8px rgba(15,25,55,.5);border-color:currentColor;text-decoration:underline;text-underline-offset:2px;} 59 .copy-aud .aud i{display:none;} 60 .copy h1{font-size:50px;line-height:1.04;font-weight:800;letter-spacing:-1.5px;margin-bottom:22px;max-width:560px;} 61 .copy h1 .hl{color:var(--ctd);} 62 .copy h1 .h1-sub{display:block;font-size:25px;font-weight:600;letter-spacing:-.4px;color:#1f3a5d;margin-top:14px;line-height:1.32;} 63 .copy p{font-size:19px;line-height:1.55;color:#46506a;margin-bottom:24px;max-width:500px;}
64 .cta{display:flex;gap:14px;align-items:center;margin-bottom:0;} 65 .cta-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:600;color:#5b6479;margin:16px 0 30px;} 66 .cta-note .g2stars{color:#f5a623;letter-spacing:1px;font-size:15px;} 67 .cta-note .sep{opacity:.45;} 68 .btn{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:700;padding:15px 26px;border-radius:14px;text-decoration:none;cursor:pointer;} 69 .btn.primary{background:#0c1322;color:#fff;} 70 .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);} 71 .btn-demo{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:#5b6479;text-decoration:none;padding:15px 8px;transition:color .15s ease;} 72 .btn-demo i{font-size:17px;transition:transform .15s ease;} 73 .btn-demo:hover{color:#0c1322;} 74 .btn-demo:hover i{transform:translateX(3px);} 75 .trust{font-size:14.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px;} 76 .trust i{color:var(--green-d);font-size:17px;} 77 .viz{flex:1;position:relative;height:850px;min-width:0;} 78 .viz .stage{position:absolute;top:50%;left:50%;transform:translate(-46%,-50%) scale(.76);transform-origin:center;} 79 .stage{width:1300px;height:1060px;perspective:2200px;perspective-origin:60% 35%;} 80 .backdrop{position:absolute;left:50%;top:52%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%; 81 background:radial-gradient(circle at 38% 32%, rgba(43,182,232,.20), rgba(19,184,166,.14) 46%, rgba(43,182,232,.05) 72%, transparent 78%);filter:blur(4px);} 82 .panel{position:absolute;background:var(--paper);border-radius:22px;border:1px solid var(--line); 83 box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 44px 86px -30px rgba(15,25,55,.38),0 18px 40px -24px rgba(15,25,55,.30);} 84 .head{display:flex;align-items:center;gap:9px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;} 85 .tag{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:500;} 86 .logo{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;} 87 .brand img{height:32px;width:auto;display:block;} 88 .wm{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--ink);} .wm b{color:var(--ctd);} 89 .audience{position:absolute;left:56px;top:30px;z-index:11;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:6px 8px 6px 13px;box-shadow:0 18px 38px -18px rgba(15,25,55,.32);} 90 .audience .lbl{font-size:11.5px;font-weight:600;color:var(--muted);} 91 .aud{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:18px;background:#e7f6fd;color:var(--ctd-d);} 92 .aud i{font-size:13px;} 93 .aud.t{background:rgba(34,197,94,.12);color:var(--green-d);} .aud.c{background:#eef0ff;color:#3b5bdb;} .aud.v{background:#fff1e8;color:#c2562a;} .aud.p{background:#f3effe;color:#6d4bd0;} 94 95 /* ===== background : build-the-graph diagram ===== */ 96 .app{left:240px;top:140px;width:600px;height:628px;overflow:hidden;transform:none;z-index:1;padding:0;} 97 .build{display:flex;align-items:stretch;height:calc(100% - 53px);padding:16px 16px;gap:4px;} 98 .bcol{display:flex;flex-direction:column;justify-content:center;width:182px;} 99 .blabel{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:#9aa1c4;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px;} 100 .chip2{display:flex;align-items:center;gap:9px;background:#f7f9fc;border:1px solid var(--line);border-radius:11px;padding:7px 11px;margin-bottom:5px;font-size:12.5px;font-weight:600;} 101 .chip2 .lead{font-size:17px;width:19px;text-align:center;} 102 .chip2 .ok{margin-left:auto;color:var(--green-d);font-size:15px;} 103 .chip2.soon{opacity:.55;} 104 .chip2 .st{margin-left:auto;font-size:8.5px;font-weight:800;color:#8a90a4;background:#eef0f4;border-radius:6px;padding:2px 6px;letter-spacing:.03em;} 105 .bdiv{height:1px;background:var(--line);margin:11px 2px 10px;} 106 .chip3{display:flex;align-items:center;gap:8px;background:#f1faff;border:1px solid #d6ecfa;border-radius:10px;padding:6px 10px;margin-bottom:5px;font-size:11px;font-weight:600;color:#1b2440;} 107 .chip3 .lead{font-size:14px;width:16px;text-align:center;color:var(--ctd-d);} 108 .chip3 .au{margin-left:auto;color:var(--ctd-d);font-size:13px;} 109 .ctd-add{background:linear-gradient(160deg,#e7f6fd,#f4fbff);border:1px solid #cfeafa;border-radius:13px;padding:11px 12px;margin-top:13px;box-shadow:0 10px 22px -16px rgba(43,182,232,.6);} 110 .ctd-add .ah{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:var(--ctd-d);text-transform:uppercase;letter-spacing:.04em;} 111 .ctd-add .asub{font-size:10px;color:#5b6479;margin:3px 0 9px;font-weight:600;} 112 .ctd-add .chip3{background:#fff;border-color:#dcecf7;margin-bottom:5px;} 113 .ctd-add .chip3:last-child{margin-bottom:0;} 114 .barr{flex:0 0 26px;display:flex;align-items:center;justify-content:center;color:#9fd0e8;font-size:22px;} 115 .graph{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center; 116 background:radial-gradient(circle at 50% 42%, #eef9ff, #eaf3fb);border:1px solid #d8ecf7;border-radius:18px;padding:6px;} 117 .graph .gt{font-size:20px;font-weight:800;margin-top:8px;letter-spacing:-.4px;color:#0c1322;} 118 .graph .gs{font-size:13px;color:#1568c0;margin-top:4px;font-weight:700;letter-spacing:.01em;} 119 .apipill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;background:#0c1322;color:#fff;font-size:10px;font-weight:700; 120 border-radius:8px;padding:4px 8px;margin-bottom:10px;letter-spacing:.03em;} 121 .apipill .mcp{background:var(--ctd);color:#06222f;border-radius:5px;padding:1px 5px;font-size:9px;} 122 123 /* ===== claude ===== */ 124 .claude{left:800px;top:46px;width:430px;padding:22px 24px;border-radius:26px;transform:rotateY(-9deg) rotateX(4deg);z-index:8;} 125 .claude .who{display:flex;align-items:center;gap:11px;margin-bottom:14px;} 126 .claude .badge{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff7a59,#ff5a52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 8px 18px -6px rgba(255,90,82,.6);} 127 .claude .q{font-size:26px;font-weight:700;letter-spacing:-.6px;line-height:1.2;margin-bottom:12px;} 128 .claude .a{font-size:15px;line-height:1.6;color:#3a4170;} .claude .a b{color:var(--ink);}
129 .chips{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;} 130 .chip{font-size:13px;font-weight:600;padding:7px 13px;border-radius:14px;} 131 .chip.w{background:#e7f6fd;color:var(--ctd-d);} .chip.st{background:rgba(34,197,94,.14);color:var(--green-d);} .chip.cx{background:#fff0ea;color:#e0542f;} 132 133 /* ===== phone ===== */ 134 .enr{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #cfe7f5;border-radius:15px;padding:5px 11px;font-size:12px;font-weight:700;color:#1568c0;box-shadow:0 8px 16px -12px rgba(15,25,55,.4);white-space:nowrap;} 135 .enr i{font-size:13px;color:var(--ctd-d);} 136 .enr-cluster{position:absolute;z-index:6;display:flex;flex-direction:column;gap:5px;align-items:flex-start;} 137 .enr-cluster .etag{font-size:12.5px;font-weight:800;letter-spacing:.04em;color:#0e8f80;background:rgba(34,197,94,.15);border-radius:18px;padding:6px 13px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 18px -12px rgba(14,143,128,.6);} 138 .enr-cluster .etag i{font-size:14px;} 139 /* ===== story animation ===== */ 140 #storyStage .anim{opacity:0;transform:translateY(13px);transition:opacity .75s ease, transform .75s ease;} 141 #storyStage .anim.in{opacity:1;transform:translateY(0);} 142 .ava{width:27px;height:27px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:800;flex-shrink:0;} 143 @media (prefers-reduced-motion: reduce){#storyStage .anim{opacity:1 !important;transform:none !important;}} 144 .phone{left:70px;top:344px;width:286px;height:560px;border-radius:42px;padding:11px;transform:rotateY(17deg) rotateX(6deg) scale(.88);transform-origin:left center;z-index:7;background:#0c1322;border:none;} 145 .scr{background:#fff;height:100%;border-radius:32px;overflow:hidden;display:flex;flex-direction:column;} 146 .scr .sb{display:flex;justify-content:space-between;align-items:center;padding:13px 22px 4px;font-size:12.5px;font-weight:600;} 147 .scr .sb .r{display:flex;gap:5px;font-size:13px;} 148 .scr .nb{display:flex;align-items:center;justify-content:center;position:relative;padding:4px 16px 8px;} 149 .scr .nb .bk{position:absolute;left:12px;color:var(--ctd);font-size:14px;font-weight:500;display:flex;align-items:center;gap:1px;} 150 .scr .nb .ti{font-size:15px;font-weight:700;} 151 .scr .cmp{padding:6px 18px 0;} 152 .scr .chead2{display:flex;align-items:center;gap:13px;margin-bottom:12px;} 153 .tile{width:58px;height:58px;border-radius:15px;background:#fff;border:1px solid #e7e9ef;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 58px;} 154 .tile .ac{font-size:15px;font-weight:800;color:#3b5bdb;} 155 .tile .dd{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--line);border-radius:13px;padding:4px 7px;display:flex;align-items:flex-end;gap:2.5px;box-shadow:0 4px 9px -4px rgba(0,0,0,.2);} 156 .tile .dd i{width:3px;background:var(--green);border-radius:1px;display:block;} 157 .tile .dd i:nth-child(1){height:5px;} .tile .dd i:nth-child(2){height:8px;} .tile .dd i:nth-child(3){height:11px;} .tile .dd i:nth-child(4){height:14px;} 158 .scr .cn{font-size:21px;font-weight:800;letter-spacing:-.6px;} 159 .scr .ap{display:inline-flex;align-items:center;gap:6px;background:#fef3e2;color:#b8730e;font-weight:600;font-size:12.5px;padding:6px 11px;border-radius:18px;margin-bottom:9px;} 160 .scr .ap .d{width:7px;height:7px;border-radius:50%;background:var(--amber);} 161 .scr .ad{font-size:11.5px;color:#5b6376;line-height:1.4;margin-bottom:12px;display:flex;gap:5px;} 162 .scr .ad i{color:#9aa1b2;font-size:14px;} 163 .scr .tabs{display:flex;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);} 164 .scr .tb{padding:8px 0 9px;font-size:13px;font-weight:600;color:var(--muted);position:relative;} 165 .scr .tb.on{color:var(--ink);font-weight:700;} 166 .scr .tb.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;background:var(--ctd);border-radius:3px;} 167 .scr .pr{display:flex;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--line);} 168 .scr .pic{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;} 169 .scr .pi{flex:1;min-width:0;} 170 .scr .pn{font-size:14px;font-weight:700;} 171 .scr .pt{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 172 .scr .via{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:10.5px;font-weight:600;color:var(--ctd-d);background:#e7f6fd;padding:2px 7px;border-radius:9px;} 173 .scr .str{display:flex;flex-direction:column;align-items:center;gap:2px;}
174 .scr .str .sd{display:flex;align-items:flex-end;gap:2px;height:13px;} .scr .str .sd i{width:3px;background:var(--green);border-radius:1px;display:block;} 175 .scr .str .sd i:nth-child(1){height:5px;} .scr .str .sd i:nth-child(2){height:8px;} .scr .str .sd i:nth-child(3){height:10.5px;} .scr .str .sd i:nth-child(4){height:13px;} 176 .scr .str .sl{font-size:10.5px;font-weight:700;color:var(--green-d);} 177 .scr .dot{margin:auto 12px 8px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:6px 12px 6px 6px;box-shadow:0 10px 22px -10px rgba(15,25,55,.4);} 178 .scr .dot .orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#5fd0f7,#1f8ad6 70%,#1568c0);flex-shrink:0;} 179 .scr .dot .ph{flex:1;color:#8b92a4;font-size:12.5px;} 180 .scr .bn{display:flex;justify-content:space-around;padding:9px 6px 16px;border-top:1px solid var(--line);} 181 .scr .bn span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:600;color:#9aa1b2;} 182 .scr .bn span.on{color:var(--ctd);} .scr .bn i{font-size:19px;} 183 .scr .bn .gh{position:relative;} 184 .scr .bn .gh::after{content:"14";position:absolute;top:-4px;left:13px;background:#f5862e;color:#fff;font-size:8px;font-weight:800;border-radius:8px;padding:0 4px;border:1.5px solid #fff;} 185 186 /* ===== deck ===== */ 187 .deck{position:absolute;left:610px;top:600px;width:560px;transform:rotateY(-18deg) rotateX(20deg);transform-style:preserve-3d;} 188 .card{position:absolute;width:430px;border-radius:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -28px rgba(15,25,55,.40);} 189 .card .ch{display:flex;align-items:center;gap:10px;padding:13px 17px;border-bottom:1px solid var(--line);font-weight:700;font-size:14.5px;} 190 .mini{display:flex;gap:10px;padding:14px 17px;} 191 .mbox{flex:1;text-align:center;background:#f3fbff;border:1px solid var(--line);border-radius:13px;padding:11px 6px;} 192 .mbox .n{font-size:23px;font-weight:700;letter-spacing:-.5px;} .mbox .k{font-size:11.5px;color:var(--muted);font-weight:500;margin-top:1px;} 193 .mbox.g{background:rgba(34,197,94,.10);} .mbox.g .n{color:var(--green-d);} 194 .mbox.b{background:#e7f6fd;} .mbox.b .n{color:var(--ctd-d);} 195 .card.c1{top:0;left:0;z-index:3;} .card.c2{top:120px;left:80px;z-index:2;} .card.c3{top:240px;left:160px;z-index:1;} 196 .ctable{font-size:12.5px;} 197 .ctable .tr{display:flex;padding:8px 17px;border-top:1px solid var(--line);} 198 .ctable .th{color:#9aa1c4;background:#f7fbff;font-weight:600;border-top:none;} 199 .ctable .tr span:first-child{flex:1.5;font-weight:500;} 200 .ctable .tr span:nth-child(2){flex:1;color:var(--ctd-d);font-weight:600;} 201 .ctable .tr span:last-child{width:54px;text-align:right;color:var(--green-d);font-weight:700;} 202 .flow{display:flex;align-items:center;padding:14px 16px;} 203 .node{font-size:11.5px;font-weight:600;padding:8px 11px;border-radius:12px;white-space:nowrap;display:flex;align-items:center;gap:5px;} 204 .node.t{background:#f0f2fa;color:#5b6391;} .node.api{background:#e7f6fd;color:var(--ctd-d);} .node.sc{background:rgba(34,197,94,.12);color:var(--green-d);} 205 .conn{flex:1;height:2px;background:#cfe7f5;min-width:12px;} 206 207 .robot{position:absolute;right:118px;top:0;width:148px;z-index:9;transform:rotate(6deg);} 208 .robot svg{filter:drop-shadow(0 18px 26px rgba(15,25,55,.30));} 209 .badge-pill{position:absolute;right:70px;bottom:46px;z-index:10;background:#fff;border-radius:22px;padding:17px 27px; 210 box-shadow:0 28px 56px -20px rgba(15,25,55,.46);display:flex;align-items:center;gap:19px;font-weight:800;font-size:21px;} 211 .badge-pill .g{color:var(--teal);} .badge-pill .sep{width:1px;height:34px;background:var(--line);} 212 .bdg{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:800;padding:12px 21px;border-radius:15px;letter-spacing:.01em;} 213 .bdg i{font-size:22px;} 214 .bdg.api{background:#0c1322;color:#fff;} .bdg.mcp{background:var(--ctd);color:#06222f;} 215 /* use-case bento (inline so it always loads) */ 216 .uc-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;} 217 .ucard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid rgba(12,19,34,.08);border-radius:18px;padding:26px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;} 218 .ucard:hover{transform:translateY(-4px);box-shadow:0 30px 56px -34px rgba(15,25,55,.45);border-color:rgba(12,19,34,.16);} 219 .ucard .ic2{width:42px;height:42px;border-radius:11px;background:#f1f4f9;color:#1f3a5d;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;transition:background .18s ease,color .18s ease;} 220 .ucard:hover .ic2{background:#0c1322;color:#fff;} 221 .ucard h3{font-size:16.5px;font-weight:700;color:#0c1322;margin:0 0 8px;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;} 222 .ucard h3 .arrow{margin-left:auto;font-size:17px;color:#cdd3de;opacity:0;transform:translateX(-4px);transition:opacity .18s ease,transform .18s ease;} 223 .ucard:hover h3 .arrow{opacity:1;transform:translateX(0);color:#1893c4;}
224 .ucard p{font-size:13.5px;line-height:1.6;color:#5b6479;margin:0;} 225 .ucard.wide{grid-column:span 2;} 226 .ucard.feat{grid-column:span 2;background:#0c1322;border-color:transparent;padding:34px;} 227 .ucard.feat:hover{box-shadow:0 44px 76px -32px rgba(12,19,34,.7);} 228 .ucard.feat .ic2{background:rgba(43,182,232,.18);color:#5fd0f7;} 229 .ucard.feat:hover .ic2{background:#2bb6e8;color:#06222f;} 230 .ucard.feat h3{color:#fff;font-size:25px;letter-spacing:-.5px;} 231 .ucard.feat p{color:#aeb7cf;font-size:15px;max-width:440px;} 232 .ucard.feat .arrow{color:#5a6a8a;} 233 .ucard.feat:hover .arrow{color:#5fd0f7;} 234 .wp{display:flex;align-items:center;margin-top:auto;padding-top:30px;} 235 .wp .n{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;} 236 .wp .l{flex:0 0 30px;height:3px;background-image:radial-gradient(circle,#3a567a 1.3px,transparent 1.6px);background-size:7px 3px;background-repeat:repeat-x;background-position:center;} 237 .wp .tgt{display:flex;align-items:center;gap:9px;background:#15233f;border:1px solid #29395a;border-radius:13px;padding:8px 13px;margin-left:8px;} 238 .wp .tgt .tav{width:26px;height:26px;border-radius:8px;background:#1f49a8;color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;} 239 .wp .tgt .tnm{font-size:14px;font-weight:700;color:#eaf0fb;} 240 .wp .tgt .sp{font-size:10.5px;font-weight:700;color:#34d399;background:rgba(52,211,153,.15);border-radius:20px;padding:3px 9px;} 241 .hero-logos{display:none;} 242 .claude-pill{display:none;} 243 /* tablets & smaller laptops: stack hero, animation on its own row below */ 244 @media (min-width:861px) and (max-width:1200px){ 245 .hero{flex-direction:column;align-items:center;gap:30px;padding:36px 40px 56px;max-width:1000px;} 246 .copy{flex:0 0 auto;max-width:680px;text-align:center;} 247 .copy h1{margin-left:auto;margin-right:auto;} 248 .copy p{margin-left:auto;margin-right:auto;} 249 .cta{justify-content:center;} 250 .cta-note{justify-content:center;} 251 .eyebrow-row{align-items:center;} 252 .viz{flex:0 0 auto;width:100%;height:680px;overflow:hidden;} 253 .viz .stage{transform:translate(-50%,-50%) scale(.6);} 254 } 255 @media (max-width:860px){ 256 .hero{flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:calc(100dvh - 74px);padding:30px 22px 26px;gap:0;} 257 .copy{flex:1 1 auto;max-width:100%;display:flex;flex-direction:column;text-align:center;} 258 .claude-pill{display:inline-flex;align-self:center;align-items:center;gap:7px;margin-bottom:22px;font-size:13px;font-weight:700;color:var(--ctd-d);border:1px solid #bfe0f2;background:#f1faff;border-radius:24px;padding:8px 16px;text-decoration:none;} 259 .copy h1{font-size:40px;line-height:1.05;letter-spacing:-1.2px;margin-bottom:18px;max-width:none;} 260 .copy p{font-size:17px;line-height:1.55;margin:0 auto 26px;max-width:440px;} 261 .cta{justify-content:center;flex-wrap:wrap;margin-bottom:0;} 262 .cta-note{justify-content:center;text-align:center;margin:16px 0 0;} 263 .eyebrow-row{align-items:center;margin-top:22px;} 264 .hero-logos{display:block;width:100%;margin-top:auto;padding-top:30px;} 265 .hl-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9aa1b4;margin-bottom:15px;text-align:center;} 266 .hl-row{display:flex;align-items:center;gap:34px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;} 267 .hl-row::-webkit-scrollbar{display:none;} 268 .hl-row img{height:24px;width:auto;flex-shrink:0;opacity:.6;filter:grayscale(100%);} 269 .hl-row img[alt="Chameleon"]{height:40px;} 270 .hl-row img[alt="Arcadia"]{height:30px;} 271 .viz{display:none;} 272 .proof{display:none;} 273 .s-head{margin:0 auto 34px;} 274 /* proof: stars on their own row */ 275 .cta-note{flex-direction:column;align-items:center;gap:5px;} 276 .cta-note .sep{display:none;} 277 /* Built for: each audience its own full-width row */ 278 .eyebrow-row{align-items:stretch;width:100%;margin-top:26px;} 279 .copy-aud{flex-direction:column;align-items:stretch;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;gap:9px;width:100%;} 280 .copy-aud .lbl2{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9aa1b4;text-align:center;margin:0 0 4px;padding:0;} 281 .copy-aud .aud{width:100%;justify-content:center;font-size:15.5px;font-weight:700;padding:14px;border-radius:14px;gap:9px;border:0;} 282 .copy-aud .aud i{display:inline-flex;font-size:18px;} 283 .copy-aud .aud:hover{transform:none;text-decoration:none;box-shadow:none;} 284 } 285 @media (max-width:1024px){.uc-bento{grid-template-columns:repeat(2,1fr);}} 286 @media (max-width:640px){.uc-bento{grid-template-columns:1fr;}.ucard.feat,.ucard.wide{grid-column:auto;}} 287 /* hover-reveal backs on hero cards */ 288 .flip>.back{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#2bb6e8 0%,#1568c0 100%);color:#fff;
288padding:24px 26px;display:flex;flex-direction:column;justify-content:center;gap:13px;opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease;pointer-events:none;box-shadow:0 30px 60px -22px rgba(21,104,192,.55);z-index:4;overflow:hidden;} 289 .flip:hover>.back{opacity:1;transform:scale(1);} 290 .flip .back .bt{font-size:12.5px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.2);padding:6px 13px;border-radius:20px;align-self:flex-start;} 291 .flip .back .bt i{font-size:16px;} 292 .flip .back p{font-size:15.5px;line-height:1.5;color:#f3fbff;margin:0;font-weight:500;} 293 .flip .hint{position:absolute;top:11px;right:11px;width:28px;height:28px;border-radius:50%;background:#fff;color:#1893c4;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 12px -3px rgba(15,25,55,.35);z-index:3;transition:opacity .2s ease;} 294 .hover-hint{margin-top:24px;display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:#5b6479;font-weight:500;} 295 .hover-hint .d{width:30px;height:30px;border-radius:50%;background:#e7f6fd;color:#1893c4;display:flex;align-items:center;justify-content:center;font-size:17px;animation:hh 2s infinite;} 296 @keyframes hh{0%{box-shadow:0 0 0 0 rgba(43,182,232,.45);}70%{box-shadow:0 0 0 12px rgba(43,182,232,0);}100%{box-shadow:0 0 0 0 rgba(43,182,232,0);}} 297 .flip .hint::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #2bb6e8;animation:hintp 2.2s ease-out infinite;} 298 .flip:hover .hint{opacity:0;} 299 @keyframes hintp{0%{transform:scale(.7);opacity:.6;}70%{transform:scale(1.5);opacity:0;}100%{opacity:0;}} 300 /* trusted-by logo marquee (web + mobile) */ 301 .lrow, .hl-row{overflow:hidden!important;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);} 302 .lrow .marquee-track, .hl-row .marquee-track{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;animation:logo-marquee 38s linear infinite;} 303 .lrow .marquee-track img, .hl-row .marquee-track img{margin-right:48px;flex-shrink:0;} 304 .lrow:hover .marquee-track, .hl-row:hover .marquee-track{animation-play-state:paused;} 305 @keyframes logo-marquee{to{transform:translateX(-50%);}} 306 @media (prefers-reduced-motion:reduce){.lrow .marquee-track, .hl-row .marquee-track{animation:none;}} 307 .intg{justify-content:center;} 308 a.intg{transition:border-color .15s ease,box-shadow .15s ease;} 309 a.intg:hover{border-color:#bfe3f6;box-shadow:0 10px 22px -18px rgba(15,25,55,.4);} 310 .intg>img{height:22px;width:auto;max-width:136px;object-fit:contain;display:block;} 311 .intg>img.intg-attio{height:26px;} 312 .intg>img.intg-dyn{height:28px;} 313 .intg .m img{width:28px;height:28px;object-fit:contain;display:block;} 314</style>
315<script type="application/ld+json"> 316{ 317 "@context": "https://schema.org", 318 "@type": "Organization", 319 "name": "Connect The Dots", 320 "alternateName": "CTD", 321 "url": "https://ctd.ai/", 322 "logo": "https://ctd.ai/assets/images/og-default.png", 323 "description": "Connect The Dots (CTD) is a relationship intelligence platform that scores, maps and activates your team's collective network to surface warm introduction paths to any person or company.", 324 "sameAs": [ 325 "https://www.linkedin.com/company/connect-the-dots-ai", 326 "https://www.g2.com/products/connect-the-dots/reviews", 327 "https://www.crunchbase.com/organization/connect-the-dots", 328 "https://chromewebstore.google.com/detail/ctd-connect-the-dots/hmpfdofadldbdljibacoicljekdmbpog" 329 ] 330} 331</script>
vendor: 1 bytes, line 331
331
332<script type="application/ld+json"> 333{"@context": "https://schema.org", "@type": "WebSite", "name": "Connect The Dots", "url": "https://ctd.ai/", "publisher": {"@type": "Organization", "name": "Connect The Dots", "url": "https://ctd.ai/"}, "alternateName": ["CTD", "CTD.ai"]} 334</script>
vendor: 1 bytes, line 334
334
335<script type="application/ld+json"> 336{ 337 "@context": "https://schema.org", 338 "@type": "SoftwareApplication", 339 "name": "Connect The Dots", 340 "applicationCategory": "BusinessApplication", 341 "operatingSystem": "Web", 342 "description": "Relationship intelligence platform that maps your team's collective network to surface warm introduction paths to any prospect or company, with native CRM, API and MCP access.", 343 "url": "https://ctd.ai/", 344 "offers": { 345 "@type": "Offer", 346 "price": "0", 347 "priceCurrency": "USD", 348 "description": "Free plan available" 349 }, 350 "aggregateRating": { 351 "@type": "AggregateRating", 352 "ratingValue": "4.9", 353 "bestRating": "5", 354 "ratingCount": "7" 355 }, 356 "review": [ 357 { 358 "@type": "Review", 359 "author": { "@type": "Person", "name": "Jamie G." }, 360 "datePublished": "2026-05-06", 361 "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }, 362 "reviewBody": "I can keep my network for life and know all my contacts are perfectly organized. CTD automatically picks up new contacts whenever I connect on email or LinkedIn - and my data and privacy stay protected." 363 }, 364 { 365 "@type": "Review", 366 "author": { "@type": "Person", "name": "Sam M." }, 367 "datePublished": "2026-05-21", 368 "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5" }, 369 "reviewBody": "It quickly identifies the best possible path to an introduction. The Salesforce and Claude integration is seamless, and we've already seen significant ROI." 370 } 371 ] 372} 373</script>
vendor: 1 bytes, line 373
373
374<script type="application/ld+json"> 375{ 376 "@context": "https://schema.org", 377 "@type": "FAQPage", 378 "mainEntity": [ 379 { 380 "@type": "Question", 381 "name": "What sources can I connect?", 382 "acceptedAnswer": { 383 "@type": "Answer", 384 "text": "Email, CRM, and your LinkedIn connections and messages today, with calendar, WhatsApp, SMS, Apple Contacts and more coming soon. Roll out company-wide and CTD builds everyone's network automatically." 385 } 386 }, 387 { 388 "@type": "Question", 389 "name": "Does CTD read my emails?", 390 "acceptedAnswer": { 391 "@type": "Answer", 392 "text": "No. By default CTD reads only your email headers - who you emailed and when, not what you wrote. That's everything we need to score your relationships. You can optionally grant access to email bodies, but we use them only to show you the emails you've exchanged with a person (on your request) and to pull contact details from email signatures. Even then, CTD never stores email bodies on our servers." 393 } 394 }, 395 { 396 "@type": "Question", 397 "name": "How does relationship scoring work?", 398 "acceptedAnswer": { 399 "@type": "Answer", 400 "text": "It starts with your real email activity - and it only counts when it's two-way . If someone emailed you 100 times but you never replied, that's a zero. Big group threads (you plus 100 other people) don't count either - you and the other person have to email each other directly . From there, the more you've exchanged and the more recently, the higher the score. Upload your LinkedIn data and we layer it in: a connection on its own is a weak signal, but two-way LinkedIn messages (or real email history) bump it up. Then we go further. Using public data, we surface relationships you'd otherwise miss - if you and someone never emailed and aren't even connected, but you worked at the same company, at the same time, in similar roles (say, both VPs), we predict you know each other. That opens up far more warm paths - with zero extra effort from you." 401 } 402 }, 403 { 404 "@type": "Question", 405 "name": "How do I find out who at my company knows someone at a target company?", 406 "acceptedAnswer": { 407 "@type": "Answer", 408 "text": "Search the company in CTD and you instantly see every colleague with a real, scored relationship there - across your whole team's email and LinkedIn networks, including people you would never think to ask. Full walkthrough: https://ctd.ai/blog/find-out-who-at-your-company-knows-someone" 409 } 410 }, 411 { 412 "@type": "Question", 413 "name": "Does it sync with my CRM?", 414 "acceptedAnswer": { 415 "@type": "Answer", 416 "text": "Yes - natively. Connect Salesforce or HubSpot once and CTD pulls in your target accounts every day, so we know which accounts matter, who owns each one, and what you're working. Every company and person record is then enriched with your CRM data - so you can ask Claude things like \"show me paths to accounts I own,\" \"paths to the CXOs in my accounts,\" or \"my accounts with open opportunities.\" And it goes both ways. Through our API you can push CTD data straight back into your CRM - relationship scores, number of warm paths, connection strength, contact titles and more. Everything you see in the app is exposed via the API , so you decide exactly what flows into your CRM." 417 } 418 }, 419 { 420 "@type": "Question", 421 "name": "Are there limits on API or MCP usage?", 422 "acceptedAnswer": { 423 "@type": "Answer", 424 "text": "No. On paid plans you get unlimited API and MCP usage - there are no credits to buy and nothing to top up. You pay once, then query your network as many times as you want. The only thing in place is standard rate limiting to keep things stable - that's it." 425 } 426 }, 427 { 428 "@type": "Question", 429 "name": "Can we tap relationships beyond our own team?", 430 "acceptedAnswer": { 431 "@type": "Answer", 432 "text": "Yes. Invite people outside your company as external members . When they join, their network is shared with your whole team - and yours with them - so everyone can find and activate those connections. It's built for the people already rooting for you: customer champions, board members, investors and advisors . Just send the invite, and the moment they accept, their network is yours to tap." 433 } 434 }, 435 { 436 "@type": "Question", 437 "name": "How do we put our board's network to work?",
438 "acceptedAnswer": { 439 "@type": "Answer", 440 "text": "Invite each board member to join as an external member - that's it. You instantly see their network and can start finding paths through them. You stay in control with per-person approval rules : protect a busy board member so only the CEO (or whoever owns that relationship) can route requests to them. Surface every path through a board member, then send your asks - one at a time or in bulk. There's real value for them, too. Making intros is painfully manual today; with CTD you draft the email and they just review and hit send . They keep full control over what they share and how - and they get our individual product free forever to keep their own network perfectly organized. \"I appreciate the ability to have someone in my organization draft a note to send, making it just two clicks instead of dealing with copy/paste and format fixing - like the approval paths for internal executives to send out notes.\" \u2605\u2605\u2605\u2605\u2605 Jeff M., Enterprise \u00b7 via G2" 441 } 442 }, 443 { 444 "@type": "Question", 445 "name": "What if a board member won't connect their email?", 446 "acceptedAnswer": { 447 "@type": "Answer", 448 "text": "Totally fine - email is never required. They can sign up without syncing anything, then optionally upload their LinkedIn connections if they prefer. They can connect a personal inbox instead of a work one, skip email entirely, or add other sources as we roll them out. Even with no email, CTD surfaces relationships from publicly available data - career overlaps, shared boards, time at the same company - so there's real value from day one. As they get comfortable and see it working, they can choose to sync more. And our team is always on hand to walk through any privacy questions." 449 } 450 }, 451 { 452 "@type": "Question", 453 "name": "Can we activate our customer champions' networks?", 454 "acceptedAnswer": { 455 "@type": "Answer", 456 "text": "Yes - in two ways. If you already have a referral or partnership with a champion, they're highly motivated to help, so just invite them as external members - exactly like investors or advisors - and tap their network directly. Prefer not to ask them to create an account? You can still surface paths through them from publicly available data . Those paths are more basic, though - when a champion is on CTD, we know exactly who they are and enrich their network far more deeply." 457 } 458 }, 459 { 460 "@type": "Question", 461 "name": "What do the people I invite get out of CTD?", 462 "acceptedAnswer": { 463 "@type": "Answer", 464 "text": "A lot - for free. Everyone you invite gets the individual version of CTD, which uses the same technology to score, deduplicate and organize their own network across every tool. If they have 30,000 connections and can't remember how they know half of them, CTD shows the whole story: how you met, when you connected on LinkedIn, that you emailed five times (and they never replied), where they work now, and the roles you each held when your paths first crossed. As we add sources like iMessage and WhatsApp, every touchpoint with a person lands in one place - and they can ask AI anything about their network. And by joining your team, they get to see your connections too, and can invite their own people to keep growing their network. It's a genuinely useful free product - which is exactly why people say yes. \"I can keep my network for life and enjoy the security of knowing all my contacts are perfectly organized. It's really valuable that CTD automatically picks up new contacts whenever I connect with them on email or LinkedIn.\" \u2605\u2605\u2605\u2605\u2605 Jamie G., VP of Marketing \u00b7 via G2" 465 } 466 } 467 ] 468} 469</script>
469 470</head> 471<body> 472<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 472-473
472 473<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
473GTM-P7JCLSD9
vendor: 83 bytes, line 473
473" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
474<!-- End Google Tag Manager (noscript) --> 475 <style> 476 #app-banner{position:relative;background:linear-gradient(90deg,#0c1322 0%,#13284a 50%,#0c1322 100%);color:#fff;font-size:14px;font-weight:500;} 477 #app-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 80px at 50% 0%,rgba(43,182,232,.22),transparent 70%);pointer-events:none;} 478 .ab-sheen{position:absolute;inset:0;overflow:hidden;pointer-events:none;} 479 .ab-sheen::after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(100deg,transparent,rgba(122,204,242,.15) 35%,rgba(255,255,255,.09) 50%,rgba(122,204,242,.15) 65%,transparent);transform:translateX(-140%) skewX(-14deg);animation:ab-sheen 6s ease-in-out infinite;} 480 @keyframes ab-sheen{0%{transform:translateX(-140%) skewX(-14deg);}55%,100%{transform:translateX(360%) skewX(-14deg);}} 481 @media (prefers-reduced-motion: reduce){.ab-sheen::after{animation:none;display:none;}} 482 .ab-inner{max-width:1480px;margin:0 auto;padding:16px 76px 16px 40px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;} 483 .ab-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} 484 .ab-pill{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,var(--ctd),#6fd4f5);color:#06222f;padding:3px 9px;border-radius:20px;flex-shrink:0;animation:ab-pulse 2.2s ease-out infinite;} 485 @keyframes ab-pulse{0%{box-shadow:0 0 14px rgba(43,182,232,.45),0 0 0 0 rgba(43,182,232,.5);}70%{box-shadow:0 0 14px rgba(43,182,232,.45),0 0 0 11px rgba(43,182,232,0);}100%{box-shadow:0 0 14px rgba(43,182,232,.45),0 0 0 0 rgba(43,182,232,0);}} 486 @media (prefers-reduced-motion: reduce){.ab-pill{animation:none;box-shadow:0 0 14px rgba(43,182,232,.45);}} 487 .ab-text{color:#fff;font-weight:700;font-size:15px;letter-spacing:-.2px;} 488 .ab-sub{color:#aab2cc;font-weight:500;font-size:13.5px;} 489 @media (max-width:900px){.ab-sub{display:none;}} 490 .ab-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#fff;font-weight:600;font-size:13px;line-height:1;transition:background .15s,border-color .15s;white-space:nowrap;} 491 .ab-chip:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.4);} 492 .ab-chip .ti{font-size:15px;color:var(--ctd);} 493 .ab-more{color:var(--ctd);font-weight:700;white-space:nowrap;transition:opacity .15s;} 494 .ab-more:hover{opacity:.8;} 495 .ab-close{position:absolute;right:34px;top:50%;transform:translateY(-50%);background:none;border:0;color:#8b93ad;font-size:18px;line-height:1;cursor:pointer;padding:6px;transition:color .15s;} 496 @media (max-width:640px){.ab-close{right:12px;}} 497 .ab-close:hover{color:#fff;} 498 .ab-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:200;background:#fff;color:var(--ink);border:1px solid rgba(12,19,34,.10);border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;box-shadow:0 24px 60px -20px rgba(15,25,55,.45);} 499 .ab-pop[hidden]{display:none;} 500 .ab-pop::before{content:"";position:absolute;top:-6px;right:34px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(12,19,34,.10);border-top:1px solid rgba(12,19,34,.10);transform:rotate(45deg);} 501 .ab-pop img{display:block;} 502 .ab-pop-label{display:flex;flex-direction:column;gap:6px;max-width:170px;} 503 .ab-pop-label strong{font-size:14.5px;font-weight:700;} 504 .ab-pop-label small{font-size:12.5px;color:var(--muted);line-height:1.45;} 505 .ab-pop-label a{font-size:13px;font-weight:700;color:var(--ctd-d);margin-top:2px;white-space:nowrap;} 506 .ab-pop-label a:hover{text-decoration:underline;} 507 @media (max-width:640px){.ab-inner{flex-direction:column;padding:11px 40px 12px 16px;gap:8px;}.ab-row{justify-content:center;}} 508 </style> 509 <div id="app-banner" hidden> 510 <div class="ab-sheen" aria-hidden="true"></div> 511 <div class="ab-inner"> 512 <div class="ab-row"> 513 <span class="ab-pill">New</span> 514 <span class="ab-text">CTD.ai mobile app is live!</span>
515 <span class="ab-sub">Free forever. No credit card needed.</span> 516 </div> 517 <div class="ab-row"> 518 <a class="ab-chip" data-platform="ios" href="https://apps.apple.com/us/app/connect-the-dots-ctd/id6780411054" target="_blank" rel="noopener" aria-label="Download Connect The Dots on the App Store" aria-expanded="false"><i class="ti ti-brand-apple" aria-hidden="true"></i>iPhone</a> 519 <a class="ab-chip" data-platform="android" href="https://play.google.com/store/apps/details?id=app.ctd.ai" target="_blank" rel="noopener" aria-label="Get Connect The Dots on Google Play" aria-expanded="false"><i class="ti ti-brand-google-play" aria-hidden="true"></i>Android</a> 520 <a class="ab-more" href="/mobile">See details →</a> 521 </div> 522 <button id="app-banner-close" class="ab-close" aria-label="Dismiss announcement">×</button> 523 <div class="ab-pop" id="ab-pop" hidden role="dialog" aria-label="Scan to download the app"> 524 <img id="ab-pop-qr" src="assets/images/qr-app-store.svg" alt="QR code for the app download" width="124" height="124"> 525 <div class="ab-pop-label"> 526 <strong id="ab-pop-title">Get CTD for iPhone</strong> 527 <small>Scan the code with your phone’s camera to install the app.</small> 528 <a id="ab-pop-link" href="https://apps.apple.com/us/app/connect-the-dots-ctd/id6780411054" target="_blank" rel="noopener">Open the App Store →</a> 529 </div> 530 </div> 531 </div> 532 </div> 533
533<script> 534 (function () { 535 try { if (localStorage.getItem('ctdAppBannerDismissed')) return; } catch (e) {} 536 var b = document.getElementById('app-banner'); 537 b.hidden = false; 538 document.getElementById('app-banner-close').addEventListener('click', function () { 539 b.hidden = true; 540 try { localStorage.setItem('ctdAppBannerDismissed', '1'); } catch (e) {} 541 }); 542 543 // On desktop (fine pointer), chips open a QR popover instead of the store page. 544 var pop = document.getElementById('ab-pop'); 545 var popQr = document.getElementById('ab-pop-qr'); 546 var popTitle = document.getElementById('ab-pop-title'); 547 var popLink = document.getElementById('ab-pop-link'); 548 var platforms = { 549 ios: { qr: 'assets/images/qr-app-store.svg', title: 'Get CTD for iPhone', link: 'Open the App Store â', url: 'https://apps.apple.com/us/app/connect-the-dots-ctd/id6780411054' }, 550 android: { qr: 'assets/images/qr-google-play.svg', title: 'Get CTD for Android', link: 'Open Google Play â', url: 'https://play.google.com/store/apps/details?id=app.ctd.ai' } 551 }; 552 var openFor = null; 553 function closePop() { 554 pop.hidden = true; 555 openFor = null; 556 chips.forEach(function (c) { c.setAttribute('aria-expanded', 'false'); }); 557 } 558 var chips = Array.prototype.slice.call(b.querySelectorAll('.ab-chip')); 559 chips.forEach(function (chip) { 560 chip.addEventListener('click', function (e) { 561 var desktop = window.matchMedia('(hover: hover) and (pointer: fine)').matches && window.innerWidth > 640; 562 if (!desktop) return; // phones/tablets go straight to the store 563 e.preventDefault(); 564 var key = chip.getAttribute('data-platform'); 565 if (openFor === key) { closePop(); return; } 566 var p = platforms[key]; 567 popQr.src = p.qr; 568 popTitle.textContent = p.title; 569 popLink.textContent = p.link; 570 popLink.href = p.url; 571 pop.hidden = false; 572 openFor = key; 573 chips.forEach(function (c) { c.setAttribute('aria-expanded', String(c === chip)); }); 574 }); 575 }); 576 document.addEventListener('click', function (e) { 577 if (openFor !== null && !pop.contains(e.target) && !e.target.closest('.ab-chip')) closePop(); 578 }); 579 document.addEventListener('keydown', function (e) { 580 if (e.key === 'Escape') closePop(); 581 }); 582 })(); 583 </script>
583 584 <header class="site-header"> 585 <nav class="nav" aria-label="Primary"> 586 <a class="brand" href="/" aria-label="Connect The Dots home"> 587 <img class="brand-logo" src="assets/images/ctd-ai-blue.png" alt="CTD.ai" fetchpriority="high" width="470" height="128"> 588 </a> 589 <ul class="nav-menu"> 590 <li class="nav-item"> 591 <span class="nav-link">Solutions <i class="ti ti-chevron-down chev"></i></span> 592 <div class="dropdown"> 593 <a class="drop-link" href="/individual" aria-label="Individual â all your contacts in one place"><span class="drop-ic" aria-hidden="true"><i class="ti ti-user"></i></span><span><span class="drop-t">Individual</span><span class="drop-s">All your contacts in one place</span></span></a> 594 <a class="drop-link" href="/business" aria-label="Business â activate your whole company's network"><span class="drop-ic" aria-hidden="true"><i class="ti ti-building"></i></span><span><span class="drop-t">Business</span><span class="drop-s">Activate your whole company's network</span></span></a> 595 <a class="drop-link" href="/venture-capital" aria-label="Venture Capital â win deals through warm intros"><span class="drop-ic" aria-hidden="true"><i class="ti ti-trending-up"></i></span><span><span class="drop-t">Venture Capital</span><span class="drop-s">Win deals through warm intros</span></span></a> 596 <a class="drop-link" href="/private-equity" aria-label="Private Equity â activate your portfolio's network"><span class="drop-ic" aria-hidden="true"><i class="ti ti-building-bank"></i></span><span><span class="drop-t">Private Equity</span><span class="drop-s">Activate your portfolio's network</span></span></a> 597 </div> 598 </li> 599 <li class="nav-item"> 600 <span class="nav-link">Integrations <i class="ti ti-chevron-down chev"></i></span> 601 <div class="dropdown"> 602 <a class="drop-link" href="/integrations-mcp" aria-label="MCP â plug CTD into any AI agent"><span class="drop-ic" aria-hidden="true"><i class="ti ti-plug-connected"></i></span><span><span class="drop-t">MCP</span><span class="drop-s">Plug CTD into any AI agent</span></span></a> 603 <a class="drop-link" href="/integrations-api" aria-label="API â everything, exposed via API"><span class="drop-ic" aria-hidden="true"><i class="ti ti-code"></i></span><span><span class="drop-t">API</span><span class="drop-s">Everything, exposed via API</span></span></a> 604 <a class="drop-link" href="/integrations-hubspot" aria-label="HubSpot â enrich records and sync target accounts"><span class="drop-ic" aria-hidden="true"><i class="ti ti-cloud-cog"></i></span><span><span class="drop-t">HubSpot</span><span class="drop-s">Enrich records & sync target accounts</span></span></a> 605 <a class="drop-link" href="/integrations-salesforce" aria-label="Salesforce â enrich records and sync target accounts"><span class="drop-ic" aria-hidden="true"><i class="ti ti-cloud"></i></span><span><span class="drop-t">Salesforce</span><span class="drop-s">Enrich records & sync target accounts</span></span></a> 606 <a class="drop-link" href="/integrations-outlook" aria-label="Outlook â sync your Outlook connections"><span class="drop-ic" aria-hidden="true"><i class="ti ti-mail"></i></span><span><span class="drop-t">Outlook</span><span class="drop-s">Sync your Outlook connections</span></span></a> 607 <a class="drop-link" href="/integrations-google" aria-label="Google â sync your Google connections"><span class="drop-ic" aria-hidden="true"><i class="ti ti-brand-google"></i></span><span><span class="drop-t">Google</span><span class="drop-s">Sync your Google connections</span></span></a> 608 </div> 609 </li> 610 <li class="nav-item"><a class="nav-link" href="/pricing">Pricing</a></li> 611 <li class="nav-item"><a class="nav-link" href="/about">Company</a></li><li class="nav-item"><a class="nav-link" href="/reviews">Reviews</a></li> 612 <li class="nav-item"> 613 <span class="nav-link">Resources <i class="ti ti-chevron-down chev"></i></span> 614 <div class="dropdown"> 615 <a class="drop-link" href="/guide/" aria-label="Guide"><span class="drop-ic" aria-hidden="true"><i class="ti ti-book"></i></span><span><span class="drop-t">Guide</span></span></a> 616 <a class="drop-link" href="/faqs" aria-label="FAQs"><span class="drop-ic" aria-hidden="true"><i class="ti ti-help"></i></span><span><span class="drop-t">FAQs</span></span></a> 617 <a class="drop-link" href="/support" aria-label="Support"><span class="drop-ic" aria-hidden="true"><i class="ti ti-lifebuoy"></i></span><span><span class="drop-t">Support</span></span></a> 618 <a class="drop-link" href="/blog" aria-label="Blog"><span class="drop-ic" aria-hidden="true"><i class="ti ti-news"></i></span><span><span class="drop-t">Blog</span></span></a> 619 <a class="drop-link" href="/release-notes" aria-label="Release Notes"><span class="drop-ic" aria-hidden="true"><i class="ti ti-rocket"></i></span><span><span class="drop-t">Release Notes</span></span></a> 620 <a class="drop-link" href="/security"><span class="drop-ic"><i class="ti ti-shield-lock"></i></span><span><span class="drop-t">Security</span></span></a></div> 621 </li> 622 </ul> 623 <div class="nav-actions"> 624 <a class="btn btn-text" href="https://app.ctd.ai/">Sign in</a> 625 <a class="btn btn-ghost" href="/demo">Book a demo</a> 626 <a class="btn btn-primary" href="https://app.ctd.ai/">Sign up for free</a> 627 </div> 628 <button class="nav-toggle" aria-label="Open menu"><i class="ti ti-menu-2"></i></button> 629 </nav> 630 </header> 631 <main> 632 633 <div class="hero"> 634 <div class="copy"> 635 <a class="claude-pill" href="/integrations-mcp"><i class="ti ti-sparkles"></i>Available on Claude</a> 636 <h1>Get a <span class="hl">warm intro to anyone</span></h1> 637 <p>CTD turns your team's collective relationships into the shortest warm path to any person or company.</p> 638 <div class="cta"><a class="btn primary" href="/demo">Book a demo <i class="ti ti-arrow-right"></i></a><a class="btn-demo" href="https://app.ctd.ai/">Get started free <i class="ti ti-arrow-right"></i></a></div> 639 <div class="cta-note"><b style="color:#0c1322;font-weight:700;">Thousands of warm intros generated</b> <span class="sep">·</span> <span class="cn-rating"><span class="g2stars">★★★★★</span> 4.9/5 on G2</span></div> 640 <div class="eyebrow-row"> 641 <div class="copy-aud">
642 <span class="lbl2">Built for</span> 643 <a class="aud" href="/individual"><i class="ti ti-user"></i>Individuals</a> 644 <a class="aud t" href="/business"><i class="ti ti-users"></i>Teams</a> 645 <a class="aud c" href="/business"><i class="ti ti-building"></i>Companies</a> 646 <a class="aud v" href="/venture-capital"><i class="ti ti-trending-up"></i>VCs</a> 647 <a class="aud p" href="/private-equity"><i class="ti ti-building-bank"></i>PEs</a> 648 </div> 649 </div> 650 <div class="hero-logos"> 651 <div class="hl-label">Trusted by teams at</div> 652 <div class="hl-row"> 653 <div class="marquee-track"> 654 <img src="assets/images/logo-gainsight.svg" alt="Gainsight" width="146" height="32"> 655 <img src="assets/images/first-round-logo.png" alt="First Round Capital" width="106" height="23"> 656 <img src="assets/images/logo-xactly.png" alt="Xactly" width="180" height="60"> 657 <img src="assets/images/logo-youcom.png" alt="You.com" width="214" height="60"> 658 <img src="assets/images/logo-momentum.png" alt="Momentum" width="307" height="60"> 659 <img src="assets/images/logo-braintrust.png" alt="Braintrust" width="327" height="60"> 660 <img src="assets/images/norwest.svg" alt="Norwest" width="164" height="24"> 661 <img src="assets/images/chameleon3.png" alt="Chameleon" width="395" height="160"> 662 <img src="assets/images/arcadia-logo-r.png" alt="Arcadia" width="600" height="190"> 663 <img aria-hidden="true" src="assets/images/logo-gainsight.svg" alt="" width="146" height="32"> 664 <img aria-hidden="true" src="assets/images/first-round-logo.png" alt="" width="106" height="23"> 665 <img aria-hidden="true" src="assets/images/logo-xactly.png" alt="" width="180" height="60"> 666 <img aria-hidden="true" src="assets/images/logo-youcom.png" alt="" width="214" height="60"> 667 <img aria-hidden="true" src="assets/images/logo-momentum.png" alt="" width="307" height="60"> 668 <img aria-hidden="true" src="assets/images/logo-braintrust.png" alt="" width="327" height="60"> 669 <img aria-hidden="true" src="assets/images/norwest.svg" alt="" width="164" height="24"> 670 <img aria-hidden="true" src="assets/images/chameleon3.png" alt="" width="395" height="160"> 671 <img aria-hidden="true" src="assets/images/arcadia-logo-r.png" alt="" width="600" height="190"> 672 </div> 673 </div> 674 </div> 675 </div> 676 <div class="viz"> 677 <div class="stage" id="storyStage"> 678 <div class="backdrop"></div> 679 680 <!-- ===== INPUT : individuals phone ===== --> 681 <div class="flip anim" data-d="0" style="position:absolute;left:56px;top:90px;width:264px;height:490px;background:#0c1322;border-radius:42px;padding:9px;box-shadow:0 46px 92px -34px rgba(15,25,55,.55);z-index:3;"> 682 <span class="hint"><i class="ti ti-info-circle"></i></span> 683 <div class="back" style="border-radius:34px;padding:30px 28px;"><div class="bt"><i class="ti ti-adjustments-check"></i>You're in control</div><p>Every person decides whether to sync their data - and exactly what to share. The more each person connects, the richer and more accurate the graph becomes.</p></div> 684 <div style="position:relative;background:#fff;border-radius:34px;height:100%;overflow:hidden;display:flex;flex-direction:column;"> 685 <div style="position:absolute;top:11px;left:50%;transform:translateX(-50%);width:80px;height:19px;background:#0c1322;border-radius:13px;z-index:2;"></div> 686 <div style="display:flex;justify-content:space-between;align-items:center;padding:13px 24px 6px;font-size:12px;font-weight:700;color:#0c1322;"> 687 <span>9:41</span> 688 <span style="display:flex;gap:6px;align-items:center;font-size:13px;"><i class="ti ti-signal-4g"></i><i class="ti ti-wifi"></i><i class="ti ti-battery-vertical-filled"></i></span> 689 </div> 690 <div style="display:flex;align-items:center;gap:9px;padding:14px 18px 12px;"> 691 <span style="width:30px;height:30px;border-radius:9px;background:#e7f6fd;color:#1893c4;display:flex;align-items:center;justify-content:center;"><i class="ti ti-arrow-bar-to-down" style="font-size:16px"></i></span>
692 <span style="font-size:15.5px;font-weight:800;color:#0c1322;letter-spacing:-.3px;">Relationship signals</span> 693 </div> 694 <div style="padding:0 16px 16px;"> 695 <div class="chip2"><i class="ti ti-mail lead" style="color:#ea4335"></i>Email<i class="ti ti-circle-check-filled ok"></i></div> 696 <div class="chip2"><i class="ti ti-cloud lead" style="color:#00a1e0"></i>CRM<i class="ti ti-circle-check-filled ok"></i></div> 697 <div class="chip2"><i class="ti ti-id-badge-2 lead" style="color:#0a66c2"></i>LinkedIn connections & messages<i class="ti ti-circle-check-filled ok"></i></div> 698 <div class="bdiv"></div> 699 <div class="blabel">Coming soon</div> 700 <div class="chip2 soon"><i class="ti ti-calendar lead" style="color:#2bb6e8"></i>Calendar<span class="st">SOON</span></div> 701 <div class="chip2 soon"><i class="ti ti-brand-whatsapp lead" style="color:#25d366"></i>WhatsApp<span class="st">SOON</span></div> 702 <div class="chip2 soon"><i class="ti ti-message-2 lead" style="color:#f59e0b"></i>SMS<span class="st">SOON</span></div> 703 <div class="chip2 soon"><i class="ti ti-brand-apple lead" style="color:#555"></i>Apple Contacts<span class="st">SOON</span></div> 704 <div class="chip2 soon"><i class="ti ti-dots lead" style="color:#9aa1b4"></i>and more</div> 705 </div> 706 </div> 707 </div> 708 709 <!-- caption : individuals --> 710 <div class="anim" data-d="1" style="position:absolute;left:24px;top:610px;width:328px;z-index:3;text-align:center;font-size:19px;font-weight:800;color:#0c1322;letter-spacing:-.3px;line-height:1.25;">Individuals connect their signals.</div> 711 712 713 <!-- ===== INPUT card : companies â corporate network ===== --> 714 <div class="panel flip anim" data-d="2" style="left:56px;top:648px;width:272px;height:250px;overflow:hidden;z-index:1;padding:0;"> 715 <span class="hint"><i class="ti ti-info-circle"></i></span> 716 <div class="back"><div class="bt"><i class="ti ti-building-skyscraper"></i>Company-wide</div><p>Admins connect the whole company's email and CRM in one step - so every employee's network feeds the graph automatically.</p></div> 717 <div style="display:flex;align-items:center;gap:11px;padding:16px 18px;background:linear-gradient(120deg,#0c1322 0%,#21436e 100%);color:#fff;"> 718 <span style="width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;"><i class="ti ti-building-skyscraper" style="font-size:20px"></i></span> 719 <div style="line-height:1.15;"><div style="font-weight:800;font-size:15.5px;">Acme Corp</div><div style="font-size:10.5px;color:#9fc6e8;font-weight:600;letter-spacing:.03em;">Company-wide network</div></div> 720 <span style="margin-left:auto;margin-right:26px;font-size:9.5px;font-weight:800;color:#06222f;background:#2bb6e8;border-radius:7px;padding:4px 8px;letter-spacing:.04em;">ADMIN</span> 721 </div> 722 <div style="padding:12px 16px 16px;"> 723 <div class="chip2"><i class="ti ti-mail lead" style="color:#ea4335"></i>Corporate email<i class="ti ti-circle-check-filled ok"></i></div> 724 <div class="chip2 soon"><i class="ti ti-calendar lead" style="color:#2bb6e8"></i>Company calendar<span class="st">SOON</span></div> 725 <div class="chip2"><i class="ti ti-cloud lead" style="color:#00a1e0"></i>CRM<i class="ti ti-circle-check-filled ok"></i></div> 726 <div class="chip2"><i class="ti ti-users lead" style="color:#3b5bdb"></i>Directory & SSO<i class="ti ti-circle-check-filled ok"></i></div> 727 </div> 728 </div> 729 730 <!-- caption : companies --> 731 <div class="anim" data-d="3" style="position:absolute;left:24px;top:926px;width:328px;z-index:3;text-align:center;font-size:19px;font-weight:800;color:#0c1322;letter-spacing:-.3px;line-height:1.25;">Companies connect their corporate network.</div> 732 733 734 <!-- ===== GRAPH panel ===== --> 735 <div class="panel flip anim" data-d="4" style="left:470px;top:172px;width:388px;height:648px;overflow:hidden;z-index:1;padding:0;display:flex;flex-direction:column;">
736 <span class="hint"><i class="ti ti-info-circle"></i></span> 737 <div class="back" style="padding:34px;"><div class="bt"><i class="ti ti-affiliate"></i>Automatically built</div><p>Connect your signals and CTD builds your relationship graph automatically - deduplicated, scored and enriched.</p></div> 738 <div class="head" style="border-bottom:none;"> 739 <span class="logo" style="background:#fff;width:26px;height:26px;"><img loading="lazy" src="assets/images/ctd-icon-256.png" alt="CTD.ai" style="width:26px;height:26px;border-radius:7px;object-fit:contain;display:block;" width="256" height="256"></span> 740 CTD.ai relationship graph 741 </div> 742 <div class="build" style="padding:6px 14px 14px;"> 743 <div class="graph"> 744 <svg width="100%" viewBox="30 30 240 234" style="max-height:400px"> 745 <g stroke="#dbe3ef" stroke-width="0.9" fill="none"> 746 <line x1="150" y1="60" x2="150" y2="40"/><line x1="236" y1="122" x2="262" y2="116"/> 747 <line x1="203" y1="223" x2="213" y2="252"/><line x1="97" y1="223" x2="86" y2="252"/> 748 <line x1="64" y1="122" x2="38" y2="116"/> 749 </g> 750 <g stroke="#d2dceb" stroke-width="1" fill="none"> 751 <line x1="150" y1="98" x2="188" y2="68"/><line x1="150" y1="98" x2="150" y2="60"/><line x1="150" y1="98" x2="112" y2="68"/> 752 <line x1="199" y1="134" x2="239" y2="166"/><line x1="199" y1="134" x2="236" y2="122"/><line x1="199" y1="134" x2="213" y2="85"/> 753 <line x1="181" y1="192" x2="228" y2="195"/><line x1="181" y1="192" x2="203" y2="223"/><line x1="181" y1="192" x2="169" y2="238"/> 754 <line x1="119" y1="192" x2="131" y2="238"/><line x1="119" y1="192" x2="97" y2="223"/><line x1="119" y1="192" x2="72" y2="195"/> 755 <line x1="101" y1="134" x2="88" y2="85"/><line x1="101" y1="134" x2="64" y2="122"/><line x1="101" y1="134" x2="61" y2="166"/> 756 </g> 757 <g stroke="#bfe0f2" stroke-width="1.4" fill="none" opacity=".95"> 758 <line x1="150" y1="150" x2="150" y2="98"/><line x1="150" y1="150" x2="199" y2="134"/> 759 <line x1="150" y1="150" x2="181" y2="192"/><line x1="150" y1="150" x2="119" y2="192"/> 760 <line x1="150" y1="150" x2="101" y2="134"/> 761 <line x1="150" y1="98" x2="199" y2="134"/><line x1="199" y1="134" x2="181" y2="192"/> 762 <line x1="181" y1="192" x2="119" y2="192"/><line x1="119" y1="192" x2="101" y2="134"/> 763 <line x1="101" y1="134" x2="150" y2="98"/> 764 </g> 765 <g fill="#c2cad9"> 766 <circle cx="150" cy="40" r="2.6"/><circle cx="262" cy="116" r="2.6"/><circle cx="213" cy="252" r="2.6"/><circle cx="86" cy="252" r="2.6"/><circle cx="38" cy="116" r="2.6"/> 767 </g> 768 <g fill="#aab6cc"> 769 <circle cx="188" cy="68" r="3.6"/><circle cx="150" cy="60" r="3.6"/><circle cx="112" cy="68" r="3.6"/> 770 <circle cx="239" cy="166" r="3.6"/><circle cx="236" cy="122" r="3.6"/><circle cx="213" cy="85" r="3.6"/> 771 <circle cx="228" cy="195" r="3.6"/><circle cx="203" cy="223" r="3.6"/><circle cx="169" cy="238" r="3.6"/> 772 <circle cx="131" cy="238" r="3.6"/><circle cx="97" cy="223" r="3.6"/><circle cx="72" cy="195" r="3.6"/> 773 <circle cx="88" cy="85" r="3.6"/><circle cx="64" cy="122" r="3.6"/><circle cx="61" cy="166" r="3.6"/> 774 </g> 775 <circle cx="150" cy="98" r="8" fill="#13b8a6"/> 776 <circle cx="199" cy="134" r="8" fill="#2bb6e8"/> 777 <circle cx="181" cy="192" r="8" fill="#7c5cff"/> 778 <circle cx="119" cy="192" r="8" fill="#22c55e"/> 779 <circle cx="101" cy="134" r="8" fill="#5b5bf0"/> 780 <circle cx="150" cy="150" r="15" fill="#1568c0"/> 781 <circle cx="150" cy="150" r="15" fill="none" stroke="#fff" stroke-width="2.5"/> 782 <g transform="translate(150,150)"><circle r="6.2" fill="#2bb6e8"/><circle cx="-3" cy="0" r="1.8" fill="#fff"/><circle cx="3" cy="0" r="1.8" fill="#0c1322"/></g> 783 <g font-family="-apple-system,Segoe UI,Inter,sans-serif" font-size="9.5" font-weight="700"> 784 <text x="150" y="86" text-anchor="middle" fill="#0e8f80">Coworkers</text> 785 <text x="214" y="139" text-anchor="start" fill="#1893c4">Advisors</text> 786 <text x="196" y="210" text-anchor="start" fill="#5b46c4">Investors</text> 787 <text x="104" y="210" text-anchor="end" fill="#2f8f2f">Friends</text> 788 <text x="86" y="139" text-anchor="end" fill="#3b3bb0">Partners</text> 789 </g> 790 </svg> 791 <div class="gt">One relationship graph</div> 792 <div class="gs">deduplicated · scored · enriched</div> 793 </div> 794 795 </div> 796 <!-- others enrich the graph (inside the card, flies in) --> 797 <div class="anim" data-d="5" style="margin:0 14px 14px;display:flex;align-items:center;gap:11px;background:#f1faff;border:1px solid #d6ecfa;border-radius:13px;padding:10px 12px;"> 798 <div style="display:flex;align-items:center;flex-shrink:0;">
799 <span class="ava" style="background:#13b8a6;">BM</span> 800 <span class="ava" style="background:#2bb6e8;margin-left:-9px;">IN</span> 801 <span class="ava" style="background:#7c5cff;margin-left:-9px;">AD</span> 802 <span class="ava" style="background:#22c55e;margin-left:-9px;">PA</span> 803 <span class="ava" style="background:#5b5bf0;margin-left:-9px;">FO</span> 804 </div> 805 <span style="font-size:11px;font-weight:700;color:#1b2440;line-height:1.32;">Board, investors, advisors, partners & founders add their networks - the graph gets richer</span> 806 </div> 807 </div> 808 809 <!-- ===== flow arrows : graph -> cards ===== --> 810 <svg viewBox="0 0 1300 1060" style="position:absolute;inset:0;width:1300px;height:1060px;z-index:5;pointer-events:none;overflow:visible;"> 811 <defs><marker id="ah" viewBox="0 0 10 10" refX="7" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse"><path d="M1 1L8 5L1 9" fill="none" stroke="#2bb6e8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></marker></defs> 812 <g fill="none" stroke="#2bb6e8" stroke-width="3" stroke-linecap="round" stroke-dasharray="1.5 9" opacity=".85"> 813 <!-- inputs -> graph (enriched on the way) --> 814 <path class="anim" data-d="1" d="M322,338 Q412,372 492,418" marker-end="url(#ah)"/> 815 <path class="anim" data-d="3" d="M330,800 Q432,748 498,676" marker-end="url(#ah)"/> 816 <!-- graph -> cards --> 817 <path class="anim" data-d="6" d="M812,300 Q876,210 934,154" marker-end="url(#ah)"/> 818 <path class="anim" data-d="7" d="M818,374 Q884,332 934,300" marker-end="url(#ah)"/> 819 <path class="anim" data-d="8" d="M822,446 Q884,438 934,433" marker-end="url(#ah)"/> 820 <path class="anim" data-d="9" d="M818,524 Q884,586 934,624" marker-end="url(#ah)"/> 821 </g> 822 <!-- MCP label on arrow to Claude --> 823 <g class="anim" data-d="6"><rect x="857" y="210" width="50" height="22" rx="11" fill="#2bb6e8"/><text x="882" y="225" text-anchor="middle" font-family="-apple-system,Segoe UI,Inter,sans-serif" font-size="12" font-weight="800" fill="#06222f">MCP</text></g> 824 <!-- API label on arrow to internal tool --> 825 <g class="anim" data-d="8"><rect x="840" y="428" width="46" height="22" rx="11" fill="#0c1322"/><text x="863" y="443" text-anchor="middle" font-family="-apple-system,Segoe UI,Inter,sans-serif" font-size="12" font-weight="800" fill="#fff">API</text></g> 826 </svg> 827 828 <!-- ===== job change alert ===== --> 829 <div class="flip anim" data-d="7" style="position:absolute;left:938px;top:270px;width:330px;z-index:11;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;
829box-shadow:0 14px 28px -16px rgba(15,25,55,.36);font-size:14px;font-weight:600;color:#0c1322;transform:none;"> 830 <span style="width:30px;height:30px;border-radius:9px;background:#fff1e8;color:#e0712a;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><i class="ti ti-briefcase" style="font-size:17px"></i></span> 831 <span>You have <b style="color:#e0712a;">26</b> job change alerts</span> 832 <span class="hint" style="top:-9px;right:-9px;width:20px;height:20px;font-size:12px;"><i class="ti ti-info-circle"></i></span> 833 <div class="back" style="inset:auto;right:0;top:0;width:300px;border-radius:14px;padding:16px 18px;"><div class="bt"><i class="ti ti-briefcase"></i>Job changes</div><p>Track every job change across your whole network - and turn old relationships into fresh opportunities.</p></div> 834 </div> 835 836 <!-- ===== claude question ===== --> 837 <div class="panel flip anim" data-d="6" style="left:938px;top:60px;width:330px;padding:18px 22px;border-radius:22px;transform:none;z-index:9;"> 838 <div style="display:flex;align-items:center;gap:9px;margin-bottom:11px;"> 839 <span style="width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#ff7a59,#ff5a52);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 6px 14px -5px rgba(255,90,82,.6);"><i class="ti ti-sparkles"></i></span> 840 <span style="font-weight:700;font-size:14px;">Claude</span> 841 </div> 842 <div style="font-size:19px;font-weight:700;letter-spacing:-.4px;line-height:1.22;margin-bottom:9px;color:#0c1322;">"Who do we know at Northwind?"</div> 843 <div style="font-size:13px;line-height:1.5;color:#46506a;"><b style="color:#0c1322;">100 warm paths</b> · 20 strong · 5 to the CXO suite</div> 844 <span class="hint"><i class="ti ti-info-circle"></i></span> 845 <div class="back"><div class="bt"><i class="ti ti-sparkles"></i>Claude · MCP</div><p>Ask anything about your company's entire relationship graph, right inside Claude - powered by our MCP.</p></div> 846 </div> 847 848 <!-- ===== internal tool ===== --> 849 <div class="panel flip anim" data-d="8" style="left:938px;top:360px;width:330px;border-radius:20px;transform:none;z-index:6;"> 850 <div class="head"><span class="logo" style="background:#16a34a"><i class="ti ti-code" style="font-size:14px"></i></span>Internal tool/agent</div> 851 <div style="padding:14px 16px;"> 852 <div style="font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#0c1322;border-radius:10px;padding:11px 13px;line-height:1.5;color:#cdd6e6;">GET /v1/paths?company=<span style="color:#5fd0f7">northwind</span></div> 853 <div style="display:flex;gap:8px;margin-top:10px;"> 854 <div style="flex:1;text-align:center;background:#e7f6fd;border-radius:10px;padding:8px 4px;"><div style="font-size:18px;font-weight:800;color:#1893c4;">100</div><div style="font-size:11px;color:#6b7396;">warm paths</div></div> 855 <div style="flex:1;text-align:center;background:rgba(34,197,94,.12);border-radius:10px;padding:8px 4px;"><div style="font-size:18px;font-weight:800;color:#16a34a;">20</div><div style="font-size:11px;color:#6b7396;">strong</div></div> 856 </div> 857 </div> 858 <span class="hint"><i class="ti ti-info-circle"></i></span> 859 <div class="back"><div class="bt"><i class="ti ti-code"></i>Open API</div><p>Every piece of data and every action is exposed via our API - build CTD into your own internal tools, with no limits.</p></div> 860 </div> 861 862 <!-- ===== CRM ===== --> 863 <div class="panel flip anim" data-d="9" style="left:938px;top:572px;width:330px;border-radius:20px;transform:none;z-index:6;"> 864 <div class="head"><span class="logo" style="background:linear-gradient(135deg,#2bb6e8,#1568c0)"><i class="ti ti-cloud" style="font-size:14px"></i></span>Salesforce / HubSpot / other CRM</div> 865 <div style="padding:16px 18px;"> 866 <div style="display:flex;align-items:center;gap:11px;margin-bottom:14px;"><div style="width:42px;height:42px;border-radius:11px;background:#3b5bdb;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;">NW</div><div><div style="font-weight:700;font-size:16px;">Northwind Inc.</div><div style="font-size:12.5px;color:var(--muted);">Software · Target</div></div></div> 867 <div style="display:flex;flex-direction:column;gap:9px;"> 868 <div style="display:flex;justify-content:space-between;align-items:center;background:rgba(34,197,94,.12);border-radius:12px;padding:11px 14px;"><span style="font-size:13px;color:var(--green-d);font-weight:600;">Relationship strength</span><span style="font-size:14px;font-weight:800;color:var(--green-d);">67 · Strong</span></div> 869 <div style="display:flex;justify-content:space-between;align-items:center;background:#fff0ea;border-radius:12px;padding:11px 14px;"><span style="font-size:13px;color:#e0542f;font-weight:600;">C-level paths</span><span style="font-size:21px;font-weight:800;color:#e0542f;">10</span></div> 870 <div style="display:flex;justify-content:space-between;align-items:center;background:#fff7ed;border-radius:12px;padding:11px 14px;"><span style="font-size:13px;color:#c2562a;font-weight:600;">Job change signal</span><span style="display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:#c2562a;"><i class="ti ti-briefcase" style="font-size:15px;"></i>New CRO</span></div> 871 </div> 872 </div>
873 <span class="hint"><i class="ti ti-info-circle"></i></span> 874 <div class="back"><div class="bt"><i class="ti ti-cloud"></i>CRM automation</div><p>Use the API to enrich your CRM records and trigger CTD on events - e.g. surface warm paths the moment an opportunity changes stage.</p></div> 875 </div> 876 877 </div> 878 </div> 879 </div> 880 881
881<script> 882 (function(){ 883 var stage=document.getElementById('storyStage'); 884 if(!stage) return; 885 var els=[].slice.call(stage.querySelectorAll('.anim')); 886 if(!els.length) return; 887 if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){ 888 els.forEach(function(e){e.classList.add('in');}); return; 889 } 890 var maxD=els.reduce(function(m,e){return Math.max(m,+e.dataset.d||0);},0); 891 var START=600, STEP=1350, HOLD=10000, REVEAL=850; 892 var timers=[]; 893 function play(){ 894 timers.forEach(clearTimeout); timers=[]; 895 els.forEach(function(e){e.classList.remove('in');}); 896 els.forEach(function(e){ 897 timers.push(setTimeout(function(){e.classList.add('in');}, START + (+e.dataset.d||0)*STEP)); 898 }); 899 } 900 play(); // play through once, then stop (no loop) 901 })(); 902 </script>
902 903 904 <!-- ===== social proof ===== --> 905 <section class="proof"> 906 <div class="wrap proof-logos"> 907 <a href="https://www.g2.com/products/connect-the-dots/reviews" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(12,19,34,.12);border-radius:28px;padding:10px 18px;text-decoration:none;box-shadow:0 10px 26px -14px rgba(15,25,55,.32);"> 908 <span style="width:28px;height:28px;border-radius:8px;background:#ff492c;color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;">G2</span> 909 <span style="color:#f5a623;font-size:18px;letter-spacing:2px;">â â â â â </span> 910 <span style="font-size:16px;font-weight:800;color:#0c1322;">4.9 / 5.0</span> 911 </a> 912 <div class="ptitle">Helping thousands of teams sell smarter</div> 913 <div class="lrow"> 914 <div class="marquee-track"> 915 <img loading="lazy" src="assets/images/logo-gainsight.svg" alt="Gainsight" width="146" height="32"> 916 <img loading="lazy" src="assets/images/first-round-logo.png" alt="First Round Capital" width="106" height="23"> 917 <img loading="lazy" src="assets/images/logo-xactly.png" alt="Xactly" width="180" height="60"> 918 <img loading="lazy" src="assets/images/logo-youcom.png" alt="You.com" width="214" height="60"> 919 <img loading="lazy" src="assets/images/logo-momentum.png" alt="Momentum" width="307" height="60"> 920 <img loading="lazy" src="assets/images/logo-braintrust.png" alt="Braintrust" width="327" height="60"> 921 <img loading="lazy" src="assets/images/norwest.svg" alt="Norwest Venture Partners" width="164" height="24"> 922 <img loading="lazy" src="assets/images/chameleon3.png" alt="Chameleon" width="395" height="160"> 923 <img loading="lazy" src="assets/images/arcadia-logo-r.png" alt="Arcadia" style="height:34px;" width="600" height="190"> 924 <img aria-hidden="true" loading="lazy" src="assets/images/logo-gainsight.svg" alt="" width="146" height="32"> 925 <img aria-hidden="true" loading="lazy" src="assets/images/first-round-logo.png" alt="" width="106" height="23"> 926 <img aria-hidden="true" loading="lazy" src="assets/images/logo-xactly.png" alt="" width="180" height="60"> 927 <img aria-hidden="true" loading="lazy" src="assets/images/logo-youcom.png" alt="" width="214" height="60"> 928 <img aria-hidden="true" loading="lazy" src="assets/images/logo-momentum.png" alt="" width="307" height="60"> 929 <img aria-hidden="true" loading="lazy" src="assets/images/logo-braintrust.png" alt="" width="327" height="60"> 930 <img aria-hidden="true" loading="lazy" src="assets/images/norwest.svg" alt="" width="164" height="24"> 931 <img aria-hidden="true" loading="lazy" src="assets/images/chameleon3.png" alt="" width="395" height="160"> 932 <img aria-hidden="true" loading="lazy" src="assets/images/arcadia-logo-r.png" alt="" style="height:34px;" width="600" height="190"> 933 </div> 934 </div> 935 <figure style="background:#eafbf3;border:1px solid #c2e9d4;border-radius:20px;padding:32px 36px;margin:34px auto 0;max-width:880px;text-align:center;"> 936 <i class="ti ti-quote" style="font-size:30px;color:#2bd17e;line-height:1;"></i> 937 <blockquote style="margin:10px 0 0;font-size:22px;line-height:1.45;font-weight:800;font-style:italic;color:#0c1322;letter-spacing:-.3px;">AI let us cut 75% of our SaaS. But CTD is the one thing we couldn't rebuild. Network data is the moat. Every GTM team will eventually need this.</blockquote> 938 <figcaption style="margin:18px 0 0;font-size:14.5px;color:#6b7396;"><b style="color:#0c1322;">Freddie Laker</b> · Founder, Chameleon Collective</figcaption> 939 </figure> 940 </div> 941 </section> 942 943 <!-- ===== problem / shift ===== --> 944 <section class="section"> 945 <div class="wrap"> 946 <div class="s-head"> 947 <span class="eyebrow2"><i class="ti ti-flame"></i>Why CTD</span> 948 <h2 class="s-title">Cold outreach gets ignored. <span class="hl">Warm intros close.</span></h2> 949 </div> 950 <div class="why-grid"> 951 <article style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:20px;padding:32px;box-shadow:0 30px 60px -38px rgba(15,25,55,.4);display:flex;flex-direction:column;"> 952 <div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;"> 953 <div style="width:50px;height:50px;border-radius:14px;background:#e7f6fd;color:#1893c4;display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0;"><i class="ti ti-user"></i></div>
954 <span style="display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#1893c4;background:#e7f6fd;border-radius:20px;padding:3px 10px;white-space:nowrap;"><i class="ti ti-sparkles" style="font-size:12px"></i>Only on CTD</span> 955 </div> 956 <h3 style="font-size:21px;font-weight:700;margin:0 0 10px;color:#0c1322;">For individuals</h3> 957 <p style="font-size:16px;line-height:1.62;color:#5b6479;margin:0;">CTD automatically organizes, scores and deduplicates your <b style="color:#0c1322;font-weight:600;">entire professional network</b> - every person and interaction in one place - and lets you <b style="color:#0c1322;font-weight:600;">search it from any AI</b>. It's a set of capabilities you simply won't find anywhere else.</p> 958 <div style="margin-top:20px;margin-bottom:26px;padding-top:18px;border-top:1px solid rgba(12,19,34,.08);"> 959 <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;"><span style="color:#f5a623;font-size:14px;letter-spacing:2px;">â â â â â </span><span style="display:inline-flex;align-items:center;gap:8px;"><span style="width:26px;height:26px;border-radius:7px;background:#ff492c;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;">G2</span><span style="font-size:12.5px;font-weight:600;color:#8b92a4;">Verified review</span></span></div> 960 <p style="font-size:14.5px;line-height:1.55;color:#3a4255;margin:0;">"I can keep my network for life and know all my contacts are perfectly organized. CTD automatically picks up new contacts whenever I connect on email or LinkedIn - and my data and privacy stay protected."</p> 961 <div style="font-size:12.5px;color:#6b7396;margin-top:8px;"><b style="color:#0c1322;">Jamie G.</b> · VP of Marketing · <a href="https://www.g2.com/products/connect-the-dots/reviews/connect-the-dots-review-12767423" target="_blank" rel="noopener" style="color:#1893c4;font-weight:600;">G2</a></div> 962 </div> 963 <a class="btn btn-primary" href="https://app.ctd.ai/" style="margin-top:auto;width:100%;justify-content:center;">Start for free <i class="ti ti-arrow-right"></i></a> 964 </article> 965 <article style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:20px;padding:32px;box-shadow:0 30px 60px -38px rgba(15,25,55,.4);display:flex;flex-direction:column;"> 966 <div style="width:50px;height:50px;border-radius:14px;background:rgba(34,197,94,.12);color:#16a34a;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px;"><i class="ti ti-users"></i></div> 967 <h3 style="font-size:21px;font-weight:700;margin:0 0 10px;color:#0c1322;">For teams and companies</h3> 968 <p style="font-size:16px;line-height:1.62;color:#5b6479;margin:0;">Your best opportunities come through relationships - but today they stay hidden in personal phones, CRMs and inboxes, or get guessed from LinkedIn. <b style="color:#0c1322;font-weight:600;">CTD surfaces every real relationship</b> across your company, scores how strong each one is, and lets you activate warm intros at scale.</p> 969 <div style="margin-top:20px;margin-bottom:26px;padding-top:18px;border-top:1px solid rgba(12,19,34,.08);"> 970 <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;"><span style="color:#f5a623;font-size:14px;letter-spacing:2px;">â â â â â </span><span style="display:inline-flex;align-items:center;gap:8px;"><span style="width:26px;height:26px;border-radius:7px;background:#ff492c;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;">G2</span><span style="font-size:12.5px;font-weight:600;color:#8b92a4;">Verified review</span></span></div> 971 <p style="font-size:14.5px;line-height:1.55;color:#3a4255;margin:0;">"It quickly identifies the best possible path to an introduction. The Salesforce and Claude integration is seamless, and we've already seen significant ROI."</p> 972 <div style="font-size:12.5px;color:#6b7396;margin-top:8px;"><b style="color:#0c1322;">Sam M.</b> · Enterprise (1,000+ employees) · <a href="https://www.g2.com/products/connect-the-dots/reviews/connect-the-dots-review-12856999" target="_blank" rel="noopener" style="color:#1893c4;font-weight:600;">G2</a></div> 973 </div> 974 <a class="btn btn-ghost" href="/demo" style="margin-top:auto;width:100%;justify-content:center;">Book a demo <i class="ti ti-arrow-right"></i></a> 975 </article> 976 </div> 977 </div> 978 </section> 979 980 <!-- ===== use it anywhere ===== --> 981 <section class="section alt"> 982 <div class="wrap"> 983 <div class="s-head"><span class="eyebrow2"><i class="ti ti-arrow-ramp-right-2"></i>Use it anywhere</span><h2 class="s-title">One graph, every tool you already use</h2><p class="s-sub">We've built a powerful app, packed with features you can <a href="https://app.ctd.ai/" target="_blank" rel="noopener" style="color:var(--ctd-d);font-weight:600;">explore here â</a>. And because we expose your <b style="color:var(--ink);font-weight:600;">entire graph through an open API and MCP</b>, you decide how to use it - in our app, in Claude, your CRM, or your own internal tools.</p></div> 984 <div class="api-row" style="margin:0 0 30px;"><a class="api-badge k" href="/integrations-api"><i class="ti ti-api"></i>API</a><a class="api-badge m" href="/integrations-mcp"><i class="ti ti-plug-connected"></i>MCP</a></div> 985 <div class="surfaces"> 986 <div class="surface"><span class="ic" style="background:#e7f6fd;color:#2bb6e8"><i class="ti ti-device-mobile"></i></span><div><div class="t">Mobile app</div><div class="s">Your network in your pocket</div></div></div> 987 <div class="surface"><span class="ic" style="background:#fff0ea;color:#ff5a52"><i class="ti ti-sparkles"></i></span><div><div class="t">Claude & AI</div><div class="s">Ask in natural language</div></div></div> 988 <div class="surface"><span class="ic" style="background:#e6f4fb;color:#00a1e0"><i class="ti ti-cloud"></i></span><div><div class="t">Salesforce</div><div class="s">Paths on every account</div></div></div> 989 <div class="surface"><span class="ic" style="background:#fff1ec;color:#ff7a59"><i class="ti ti-brand-hipchat"></i></span><div><div class="t">HubSpot</div><div class="s">Warm data in your CRM</div></div></div> 990 <div class="surface"><span class="ic" style="background:rgba(34,197,94,.12);color:#16a34a"><i class="ti ti-code"></i></span><div><div class="t">Internal tools</div><div class="s">Build on the API</div></div></div> 991 </div> 992 <div class="intg-label">Plus API integrations across your go-to-market stack</div> 993 <div class="intg-grid"> 994 <a class="intg" href="https://docs.attio.com/rest-api/overview" target="_blank" rel="noopener noreferrer"><img class="intg-attio" src="assets/images/intg/attio.svg?v=3" alt="Attio API documentation" width="100" height="26" loading="lazy"></a>
995 <a class="intg" href="https://learn.microsoft.com/en-us/power-apps/developer/data-platform/webapi/overview" target="_blank" rel="noopener noreferrer"><img class="intg-dyn" src="assets/images/intg/dynamics.png?v=2" alt="Microsoft Dynamics API documentation" width="640" height="136" loading="lazy"></a> 996 <a class="intg" href="https://developers.outreach.io/api" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/outreach.png?v=2" alt="Outreach API documentation" width="640" height="120" loading="lazy"></a> 997 <a class="intg" href="https://developers.salesloft.com/docs/api/" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/salesloft.svg?v=2" alt="Salesloft API documentation" width="1000" height="223" loading="lazy"></a> 998 <a class="intg" href="https://docs.apollo.io/" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/apollo.svg?v=4" alt="Apollo API documentation" width="152" height="40" loading="lazy"></a> 999 <a class="intg" href="https://help.gong.io/apidocs" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/gong.svg?v=2" alt="Gong API documentation" width="171" height="60" loading="lazy"></a> 1000 <a class="intg" href="https://api-docs.chorus.ai/" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/chorus.svg?v=2" alt="Chorus API documentation" width="143" height="25" loading="lazy"></a> 1001 <a class="intg" href="https://docs.zoominfo.com/docs/overview" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/zoominfo.svg?v=2" alt="ZoomInfo API documentation" width="467" height="125" loading="lazy"></a> 1002 <a class="intg" href="https://developers.clay.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/clay.png?v=3" alt="Clay API documentation" width="513" height="160" loading="lazy"></a> 1003 <a class="intg" href="https://api.slack.com/" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/slack.svg?v=2" alt="Slack API documentation" width="265" height="67" loading="lazy"></a> 1004 <a class="intg" href="https://docs.zapier.com/api-reference/overview" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/zapier.svg?v=2" alt="Zapier API documentation" width="500" height="135" loading="lazy"></a> 1005 <a class="intg" href="https://airtable.com/developers/web/api/introduction" target="_blank" rel="noopener noreferrer"><img src="assets/images/intg/airtable.svg?v=2" alt="Airtable API documentation" width="296" height="65" loading="lazy"></a> 1006 </div> 1007 <div class="intg-more">â¦and anything else with an API - connect it through our <b>open API</b>, <b>MCP</b> or <b>Zapier</b>.</div> 1008 </div> 1009 </section> 1010 1011 <!-- ===== use cases ===== --> 1012 <section class="section"> 1013 <div class="wrap"> 1014 <style> 1015 .uc-tabs{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:6px auto 34px;max-width:880px;} 1016 .uc-tab{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:11px 17px;border-radius:30px;border:1px solid var(--line);background:#fff;color:#46506a;cursor:pointer;transition:background .15s,color .15s,border-color .15s;} 1017 .uc-tab:hover{border-color:var(--ctd);color:var(--ctd-d);} 1018 .uc-tab.active{background:#0c1322;color:#fff;border-color:#0c1322;} 1019 .uc-tab i{font-size:17px;} 1020 .uc-panel{display:none;} 1021 .uc-panel.active{display:block;animation:ucfade .25s ease;} 1022 @keyframes ucfade{from{opacity:0;transform:translateY(7px);}to{opacity:1;transform:none;}} 1023 .uc-intro{text-align:center;max-width:660px;margin:0 auto 30px;font-size:16.5px;line-height:1.55;color:#5b6479;} 1024 .uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;} 1025 .uc-c{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px 24px;display:flex;flex-direction:column;} 1026 .uc-c .chip{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#e7f6fd;color:var(--ctd-d);margin-bottom:15px;} 1027 .uc-c .chip i{font-size:22px;} 1028 .uc-c h3{font-size:17.5px;font-weight:700;color:#0c1322;margin:0 0 8px;line-height:1.25;} 1029 .uc-c p{font-size:14.5px;line-height:1.58;color:#6b7396;margin:0;} 1030 .uc-c .send-row{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:20px;} 1031 .uc-c .send-row .draft{flex:1;background:#f4f6fa;border:1px solid rgba(12,19,34,.08);border-radius:10px;padding:10px 13px;font-size:12.5px;color:#5b6479;} 1032 .uc-c .send-row .send{background:#1fc56b;color:#fff;font-weight:700;font-size:13px;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:6px;white-space:nowrap;} 1033 .uc-c .code{margin-top:auto;padding-top:20px;} 1034 .uc-c .code .box{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:#0c1322;color:#cdd6e6;border-radius:10px;padding:12px 15px;} 1035 </style> 1036 <div class="s-head"><span class="eyebrow2"><i class="ti ti-target-arrow"></i>Use cases</span><h2 class="s-title">Find your use case</h2><p class="s-sub">Pick your role and see exactly how teams like yours put CTD to work.</p></div> 1037 1038 <div class="uc-tabs" id="ucTabs"> 1039 <button class="uc-tab active" data-p="revops"><i class="ti ti-adjustments-bolt"></i>RevOps</button> 1040 <button class="uc-tab" data-p="vc"><i class="ti ti-building-bank"></i>VC & PE</button> 1041 <button class="uc-tab" data-p="sales"><i class="ti ti-presentation-analytics"></i>Sales</button> 1042 <button class="uc-tab" data-p="exec"><i class="ti ti-crown"></i>Executives</button> 1043 <button class="uc-tab" data-p="partner"><i class="ti ti-heart-handshake"></i>Partnerships</button> 1044 <button class="uc-tab" data-p="recruit"><i class="ti ti-user-search"></i>Recruiting</button> 1045 <button class="uc-tab" data-p="marketing"><i class="ti ti-speakerphone"></i>Marketing</button> 1046 <button class="uc-tab" data-p="referral"><i class="ti ti-gift"></i>Referral programs</button> 1047 <button class="uc-tab" data-p="events"><i class="ti ti-calendar-event"></i>Events</button> 1048 <button class="uc-tab" data-p="build"><i class="ti ti-code"></i>Builders & GTM</button> 1049 </div> 1050 1051 <!-- RevOps --> 1052 <div class="uc-panel active" data-panel="revops"> 1053 <p class="uc-intro">Operationalize relationship data right inside your CRM - automatically.</p> 1054 <div class="uc-grid"> 1055 <article class="uc-c"><div class="chip"><i class="ti ti-bolt"></i></div><h3>Smart triggers</h3><p>When an opportunity changes stage, auto-notify the account owner. Or flag a manager that they should get involved when a deal has strong warm paths that aren't being used.<
1055/p></article> 1056 <article class="uc-c"><div class="chip"><i class="ti ti-database-cog"></i></div><h3>CRM enrichment</h3><p>Push relationship scores onto accounts and contacts for prioritization, add best-path data, fill in missing job titles for contacts and leads, and clean up messy Salesforce records.</p></article> 1057 <article class="uc-c"><div class="chip"><i class="ti ti-plug-connected"></i></div><h3>Works with any CRM</h3><p>Anything with an API integrates - one customer rolled this out on Reevo. Salesforce and HubSpot are native.</p></article> 1058 <article class="uc-c"><div class="chip"><i class="ti ti-adjustments"></i></div><h3>You stay in control</h3><p>You decide exactly what data shows up where. Our team has playbooks and resources to help you design a setup that sticks.</p></article> 1059 <article class="uc-c"><div class="chip"><i class="ti ti-refresh"></i></div><h3>Always fresh</h3><p>Sync runs automatically every day, so scores, paths and titles stay current without anyone lifting a finger.</p></article> 1060 </div> 1061 </div> 1062 1063 <!-- Sales managers --> 1064 <div class="uc-panel" data-panel="sales"> 1065 <p class="uc-intro">Point your whole team at the warmest paths - and see exactly what's working.</p> 1066 <div class="uc-grid"> 1067 <article class="uc-c"><div class="chip"><i class="ti ti-trophy"></i></div><h3>Land your dream accounts</h3><p>Stop cold-calling the Fortune 500. Find the warmest path into any target account and get introduced by someone they already trust.</p></article> 1068 <article class="uc-c"><div class="chip"><i class="ti ti-radar"></i></div><h3>Never miss a move</h3><p>Track every target and champion across your accounts, and get pinged the moment someone switches jobs.</p></article> 1069 <article class="uc-c"><div class="chip"><i class="ti ti-chart-bar"></i></div><h3>Activity dashboards</h3><p>See all outreach and the success rate for every AE and connector in one view.</p></article> 1070 <article class="uc-c"><div class="chip"><i class="ti ti-list-numbers"></i></div><h3>Book of business, by strength</h3><p>Each account executive sees their own book sorted by relationship strength - so they always work the warmest first.</p></article> 1071 </div> 1072 </div> 1073 1074 <!-- VC & PE --> 1075 <div class="uc-panel" data-panel="vc"> 1076 <p class="uc-intro">Put the entire firm's network - and your portfolio's - to work.</p> 1077 <div class="uc-grid"> 1078 <article class="uc-c"><div class="chip"><i class="ti ti-target-arrow"></i></div><h3>Source your next deal</h3><p>Find and reach the founders you want to back through warm paths from across the firm - get in early, before the round is competitive.</p></article> 1079 <article class="uc-c"><div class="chip"><i class="ti ti-shield-search"></i></div><h3>Diligence founders fast</h3><p>See who in the firm's network already knows a founder and reach them for candid, off-the-record references in minutes.</p></article> 1080 <article class="uc-c"><div class="chip"><i class="ti ti-rocket"></i></div><h3>Supercharge your portfolio</h3><p>Drop in a portfolio company's target list and instantly light up warm paths from across the entire firm.</p></article> 1081 <article class="uc-c"><div class="chip"><i class="ti ti-users-plus"></i></div><h3>Invite founders, grow exponentially</h3><p>Add founders as <b>free external members</b> and their networks join yours - so your reachable network grows exponentially at no extra cost. In return, each founder gets the individual version of CTD <b>free</b>.</p></article> 1082 <article class="uc-c"><div class="chip"><i class="ti ti-coin"></i></div><h3>Find your next LP</h3><p>Reach the LPs for your next fund through warm, trusted paths instead of cold outreach.</p></article> 1083 <article class="uc-c"><div class="chip"><i class="ti ti-user-search"></i></div><h3>Recruit for your portcos</h3><p>Staff portfolio companies faster by tapping the firm's collective network for trusted candidates.</p></article> 1084 <article class="uc-c"><div class="chip"><i class="ti ti-radar"></i></div><h3>Track founder job changes</h3><p>
1084Follow founders and operators across the market and get notified the moment they make a move.</p></article> 1085 <article class="uc-c"><div class="chip"><i class="ti ti-code"></i></div><h3>Use CTD in your own tools</h3><p>Pipe firm-wide relationship data into your internal tools and dashboards via API and MCP.</p></article> 1086 </div> 1087 </div> 1088 1089 <!-- Executives --> 1090 <div class="uc-panel" data-panel="exec"> 1091 <p class="uc-intro">Reach the people who move the needle - and never copy-paste an intro again.</p> 1092 <div class="uc-grid"> 1093 <article class="uc-c"><div class="chip"><i class="ti ti-coin"></i></div><h3>Close your next round</h3><p>Reach the exact investors, founders and operators you need - warm - instead of spraying cold DMs into the void.</p></article> 1094 <article class="uc-c"><div class="chip"><i class="ti ti-ghost-2"></i></div><h3>Ghost emails</h3><p>How many times has someone asked "can you send this for me?" Not anymore. They draft it for you in CTD - you just hit Send. We're the new standard for sending on someone's behalf.</p><div class="send-row"><span class="draft">To: <b style="color:#0c1322;">Your CEO</b> · draft ready to go</span><span class="send"><i class="ti ti-send"></i>Send</span></div></article> 1095 </div> 1096 </div> 1097 1098 <!-- Partnerships --> 1099 <div class="uc-panel" data-panel="partner"> 1100 <p class="uc-intro">Start every partner conversation already warm.</p> 1101 <div class="uc-grid"> 1102 <article class="uc-c"><div class="chip"><i class="ti ti-heart-handshake"></i></div><h3>Open every partnership door</h3><p>Walk into partner conversations already warm - you know exactly who can connect you, and how well, before you ever reach out.</p></article> 1103 <article class="uc-c"><div class="chip"><i class="ti ti-route"></i></div><h3>Route through the strongest tie</h3><p>See every path to a prospective partner and pick the connector with the best relationship to make the introduction.</p></article> 1104 </div> 1105 </div> 1106 1107 <!-- Recruiting --> 1108 <div class="uc-panel" data-panel="recruit"> 1109 <p class="uc-intro">Reach the candidates everyone wants - through people they actually trust.</p> 1110 <div class="uc-grid"> 1111 <article class="uc-c"><div class="chip"><i class="ti ti-user-search"></i></div><h3>Hire the "unhireable"</h3><p>Reach passive candidates through people they trust, instead of another cold InMail that gets ignored.</p></article> 1112 <article class="uc-c"><div class="chip"><i class="ti ti-radar"></i></div><h3>Pounce at the right moment</h3><p>Track the people you'd love to hire and get pinged the second they're open to moving.</p></article> 1113 </div> 1114 </div> 1115 1116 <!-- Marketing --> 1117 <div class="uc-panel" data-panel="marketing"> 1118 <p class="uc-intro">Warm up every marketing motion.</p> 1119 <div class="uc-grid"> 1120 <article class="uc-c"><div class="chip"><i class="ti ti-calendar-event"></i></div><h3>Fill your events & webinars</h3><p>Find the senior marketers your team has warm paths to and invite them through the best-connected person.</p></article> 1121 <article class="uc-c"><div class="chip"><i class="ti ti-microphone-2"></i></div><h3>Reach press & analysts</h3><p>See who in your network can introduce you to the journalists, analysts and creators who move your market.</p></article> 1122 <article class="uc-c"><div class="chip"><i class="ti ti-target-arrow"></i></div><h3>Power your ABM</h3><p>Surface warm paths into the marketing and executive contacts at your target accounts.</p></article> 1123 <article class="uc-c"><div class="chip"><i class="ti ti-heart-handshake"></i></div><h3>Land co-marketing partners</h3><p>Spot warm paths to partner marketing teams and launch joint campaigns faster.</p></article> 1124 </div> 1125 </div> 1126 1127 <!-- Referral programs --> 1128 <div class="uc-panel" data-panel="referral"> 1129 <p class="uc-intro">Turn happy customers into warm introductions.</p> 1130 <div class="uc-grid"> 1131 <article class="uc-c"><div class="chip"><i class="ti ti-heart-handshake"></i></div><h3>Activate your champions</h3><p>Invite customers and advocates as external members and tap their networks for warm intros to your targets.</p></article> 1132 <article class="uc-c"><div class="chip"><i class="ti ti-affiliate"></i></div><h3>See who your customers know</h3><p>Surface the warm paths your champions have into your target accounts - and ask at exactly the right moment.</p></article> 1133 <article class="uc-c"><div class="chip"><i class="ti ti-ghost-2"></i></div><h3>Make referrals one click</h3><p>Draft the intro for your champion; they just review and hit Send. The new standard for referrals.</p></article> 1134 </div> 1135 </div> 1136 1137 <!-- Events --> 1138 <div class="uc-panel" data-panel="events"> 1139 <p class="uc-intro">Walk into every conference and dinner knowing exactly who to find.</p> 1140 <div class="uc-grid"> 1141 <article class="uc-c"><div class="chip"><i class="ti ti-list-check"></i></div><h3>Work the guest list</h3><p>Upload the attendee list and instantly see who you have warm paths to - or who someone on your team already knows - so you walk in knowing exactly who to find.</p></article> 1142 <article class="uc-c"><div class="chip"><i class="ti ti-user-plus"></i></div><h3>Build your invite list</h3><p>Use CTD to find the right people to invite to your event - and the warmest person to extend each invitation.</p></article> 1143 </div> 1144 </div> 1145 1146 <!-- Builders & GTM --> 1147 <div class="uc-panel" data-panel="build"> 1148 <p class="uc-intro">Consolidate relationship intelligence into the tools your company already uses.</p> 1149 <div class="uc-grid"> 1150 <article class="uc-c"><div class="chip"><i class="ti ti-api"></i></div><h3>Everything via API & MCP</h3><p>All CTD data - scores, best paths, contacts, job changes - is exposed through our API and MCP. Nothing stays locked in the app.</p><div class="code"><div class="box">GET /v1/paths?company=<span style="color:#5fd0f7">northwind</span></div></div></article> 1151 <article class="uc-c"><div class="chip"><i class="ti ti-tools"></i></div><h3>We help you ship</h3><p>Our team can help you integrate CTD into your internal tools, or build custom skills tailored to your workflows.</p></article> 1152 </div> 1153 </div> 1154 1155
1155<script> 1156 (function(){ 1157 var tabs=document.querySelectorAll('#ucTabs .uc-tab'); 1158 var panels=document.querySelectorAll('.uc-panel'); 1159 tabs.forEach(function(t){ 1160 t.addEventListener('click',function(){ 1161 tabs.forEach(function(x){x.classList.remove('active');}); 1162 t.classList.add('active'); 1163 var p=t.getAttribute('data-p'); 1164 panels.forEach(function(pl){pl.classList.toggle('active',pl.getAttribute('data-panel')===p);}); 1165 }); 1166 }); 1167 })(); 1168 </script>
1168 1169 </div> 1170 </section> 1171 1172 <!-- ===== start anywhere (spectrum) ===== --> 1173 <section class="section alt"> 1174 <div class="wrap"> 1175 <div class="s-head"><span class="eyebrow2"><i class="ti ti-adjustments-horizontal"></i>Start anywhere</span><h2 class="s-title">From a <span class="hl">free account</span> to a fully automated network</h2><p class="s-sub">Set up as much or as little as you want. Do it yourself in minutes, or let CTD build and maintain everything for you.</p></div> 1176 <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:18px;"> 1177 <div style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 50px -36px rgba(15,25,55,.32);"> 1178 <span style="align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:20px;margin-bottom:14px;background:#e7f6fd;color:#1893c4;">Individual</span> 1179 <h3 style="font-size:18px;font-weight:700;margin:0 0 7px;color:#0c1322;">Just you</h3> 1180 <p style="font-size:14.5px;line-height:1.55;color:#6b7396;margin:0;flex:1;">Create a free account, connect your email and upload your LinkedIn connections, and your whole network is organized, scored and searchable in minutes.</p> 1181 <div style="margin-top:18px;padding-top:16px;border-top:1px solid rgba(12,19,34,.10);"> 1182 <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Setup</div> 1183 <div style="font-size:13.5px;font-weight:600;color:#2e3650;margin-top:3px;">Yourself · free</div> 1184 <div style="display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Automation<span style="display:flex;gap:3px;margin-left:auto;"><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#e4e8f0;"></i><i style="width:15px;height:6px;border-radius:2px;background:#e4e8f0;"></i><i style="width:15px;height:6px;border-radius:2px;background:#e4e8f0;"></i></span></div> 1185 </div> 1186 </div> 1187 <div style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 50px -36px rgba(15,25,55,.32);"> 1188 <span style="align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:20px;margin-bottom:14px;background:rgba(34,197,94,.12);color:#16a34a;">Team</span> 1189 <h3 style="font-size:18px;font-weight:700;margin:0 0 7px;color:#0c1322;">Your team</h3> 1190 <p style="font-size:14.5px;line-height:1.55;color:#6b7396;margin:0;flex:1;">Invite colleagues and everyone's network merges into one shared graph, so anyone can find the warmest path in seconds.</p> 1191 <div style="margin-top:18px;padding-top:16px;border-top:1px solid rgba(12,19,34,.10);"> 1192 <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Setup</div> 1193 <div style="font-size:13.5px;font-weight:600;color:#2e3650;margin-top:3px;">Connect a subset of your company</div> 1194 <div style="display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Automation<span style="display:flex;gap:3px;margin-left:auto;"><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#e4e8f0;"></i><i style="width:15px;height:6px;border-radius:2px;background:#e4e8f0;"></i></span></div> 1195 </div> 1196 </div> 1197 <div style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 50px -36px rgba(15,25,55,.32);">
1198 <span style="align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:20px;margin-bottom:14px;background:#eef0ff;color:#3b5bdb;">Company</span> 1199 <h3 style="font-size:18px;font-weight:700;margin:0 0 7px;color:#0c1322;">Your whole company</h3> 1200 <p style="font-size:14.5px;line-height:1.55;color:#6b7396;margin:0;flex:1;">Connect your email server or workspace once and CTD builds the entire org's graph automatically - including busy execs who never have to log in, or even know CTD exists.</p> 1201 <div style="margin-top:18px;padding-top:16px;border-top:1px solid rgba(12,19,34,.10);"> 1202 <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Setup</div> 1203 <div style="font-size:13.5px;font-weight:600;color:#2e3650;margin-top:3px;">Connect once · zero-touch</div> 1204 <div style="display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Automation<span style="display:flex;gap:3px;margin-left:auto;"><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i></span></div> 1205 </div> 1206 </div> 1207 <div style="background:#fff;border:1px solid rgba(12,19,34,.10);border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 24px 50px -36px rgba(15,25,55,.32);"> 1208 <span style="align-self:flex-start;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;border-radius:20px;margin-bottom:14px;background:#fff1e8;color:#c2562a;">VC & PE</span> 1209 <h3 style="font-size:18px;font-weight:700;margin:0 0 7px;color:#0c1322;">Your firm & portfolio</h3> 1210 <p style="font-size:14.5px;line-height:1.55;color:#6b7396;margin:0;flex:1;">Map partners, LPs and portfolio leaders into one network. The whole firm benefits from its collective reach - with nothing required from the people in it.</p> 1211 <div style="margin-top:18px;padding-top:16px;border-top:1px solid rgba(12,19,34,.10);"> 1212 <div style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Setup</div> 1213 <div style="font-size:13.5px;font-weight:600;color:#2e3650;margin-top:3px;">Fully managed</div> 1214 <div style="display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9aa1b4;">Automation<span style="display:flex;gap:3px;margin-left:auto;"><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i><i style="width:15px;height:6px;border-radius:2px;background:#2bb6e8;"></i></span></div> 1215 </div> 1216 </div> 1217 </div> 1218 <div style="text-align:center;margin-top:32px;"> 1219 <div style="font-size:18px;font-weight:700;color:#0c1322;">â¦and everything in between.</div> 1220 <div style="font-size:14.5px;color:#6b7396;margin-top:8px;">However you deploy it, use your graph in the app, via API, MCP, your CRM, or your own internal tools.</div> 1221 </div> 1222 </div> 1223 </section> 1224 1225 <!-- ===== mobile ===== --> 1226 <section class="section"> 1227 <div class="wrap"> 1228 <div style="background:linear-gradient(135deg,#0c1322,#15233f);border-radius:28px;padding:46px 44px;color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;align-items:center;"> 1229 <div> 1230 <span class="eyebrow2" style="color:var(--ctd);"><i class="ti ti-device-mobile"></i>CTD Mobile</span> 1231 <h2 style="font-size:32px;font-weight:800;letter-spacing:-.8px;color:#fff;margin:14px 0 0;">Your network, <span style="color:var(--ctd);">in your pocket</span></h2> 1232 <p style="font-size:16.5px;color:#aab2cc;margin:12px 0 0;line-height:1.6;">Every contact, interaction and warm path on your phone - with Dottie, your network AI, one tap away. <a href="/mobile" style="color:var(--ctd);font-weight:600;">Explore the mobile app →</a></p> 1233 </div> 1234 <div style="display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;"> 1235 <a href="https://apps.apple.com/us/app/connect-the-dots-ctd/id6780411054" target="_blank" rel="noopener" aria-label="Download Connect The Dots on the App Store"><img src="assets/images/app-store-badge.svg" alt="Download on the App Store" style="height:52px;width:auto;display:block;" width="156" height="52"></a> 1236 <a href="https://play.google.com/store/apps/details?id=app.ctd.ai" target="_blank" rel="noopener" aria-label="Get Connect The Dots on Google Play"><img src="assets/images/google-play-badge.png" alt="Get it on Google Play" style="height:65px;width:auto;display:block;" width="168" height="65"></a> 1237 </div> 1238 </div> 1239 </div> 1240 </section> 1241 1242 <!-- ===== security ===== --> 1243 <section class="section dark"> 1244 <div class="wrap"> 1245 <div class="s-head"><span class="eyebrow2"><i class="ti ti-shield-lock"></i>Security & privacy</span><h2 class="s-title">Your network. Your data.</h2><p class="s-sub">We treat your relationships with the care they deserve.</p></div> 1246 <div class="sec-grid"> 1247 <div class="sec-item"><i class="ti ti-lock ic"></i><div><h3>
1247Encrypted end-to-end</h3><p>Your data is encrypted in transit and at rest, always.</p></div></div> 1248 <div class="sec-item"><i class="ti ti-database-export ic"></i><div><h3>You own your data</h3><p>Export or delete everything at any time - no lock-in.</p></div></div> 1249 <div class="sec-item"><i class="ti ti-ban ic"></i><div><h3>Never sold</h3><p>We never sell or share your data with third parties.</p></div></div> 1250 <div class="sec-item"><i class="ti ti-certificate ic"></i><div><h3>SOC 2 Type II</h3><p>Independently audited security controls.</p></div></div> 1251 <div class="sec-item"><i class="ti ti-shield-check ic"></i><div><h3>GDPR compliant</h3><p>Built to meet GDPR standards for handling personal data.</p></div></div> 1252 <div class="sec-item"><i class="ti ti-adjustments ic"></i><div><h3>Granular controls</h3><p>Decide exactly what's shared with your team.</p></div></div> 1253 <div class="sec-item"><i class="ti ti-key ic"></i><div><h3>SSO</h3><p>Enterprise-grade access management.</p></div></div> 1254 <div class="sec-item"><i class="ti ti-building-skyscraper ic"></i><div><h3>Enterprise-vetted</h3><p>We've cleared the security reviews and questionnaires of large enterprises.</p></div></div> 1255 </div> 1256 </div> 1257 </section> 1258 1259 <!-- ===== pricing ===== --> 1260 <section class="section"> 1261 <div class="wrap" style="text-align:center;"> 1262 <span class="eyebrow2"><i class="ti ti-tag"></i>Pricing</span> 1263 <h2 class="s-title" style="margin-top:18px;">Start free. Scale when you're ready.</h2> 1264 <p class="s-sub" style="max-width:620px;margin:16px auto 32px;">From a free personal account to fully managed enterprise deployments - there's a plan for every way you work.</p> 1265 <a class="btn btn-primary" href="/pricing" style="font-size:16px;padding:15px 28px;">See plans <i class="ti ti-arrow-right"></i></a> 1266 </div> 1267 </section> 1268 1269 <!-- ===== faq ===== --> 1270 <section class="section alt"> 1271 <div class="wrap"> 1272 <div class="s-head"><span class="eyebrow2"><i class="ti ti-help"></i>FAQ</span><h2 class="s-title">Questions, answered</h2></div> 1273 <div class="faq"> 1274 <details><summary>What sources can I connect?<i class="ti ti-plus i"></i></summary><p>Email, CRM, and your LinkedIn connections and messages today, with calendar, WhatsApp, SMS, Apple Contacts and more coming soon. Roll out company-wide and CTD builds everyone's network automatically.</p></details> 1275 <details><summary>Does CTD read my emails?<i class="ti ti-plus i"></i></summary><p>No. By default CTD reads only your email <b>headers</b> - who you emailed and when, not what you wrote. That's everything we need to score your relationships.<br><br>You can optionally grant access to email bodies, but we use them only to <b>show you the emails you've exchanged</b> with a person (on your request) and to pull contact details from <b>email signatures</b>. Even then, CTD <b>never stores email bodies on our servers</b>.</p></details> 1276 <details><summary>How does relationship scoring work?<i class="ti ti-plus i"></i></summary><p>It starts with your real email activity - and it only counts when it's <b>two-way</b>. If someone emailed you 100 times but you never replied, that's a zero. Big group threads (you plus 100 other people) don't count either - you and the other person have to email <b>each other directly</b>. From there, the more you've exchanged and the more recently, the higher the score.<br><br>Upload your LinkedIn data and we layer it in: a connection on its own is a weak signal, but <b>two-way LinkedIn messages</b> (or real email history) bump it up.<br><br>Then we go further. Using public data, we surface relationships you'd otherwise miss - if you and someone never emailed and aren't even connected, but you <b>worked at the same company, at the same time, in similar roles</b> (say, both VPs), we predict you know each other. That opens up far more warm paths - with zero extra effort from you.</p></details> 1277 <details><summary>How do I find out who at my company knows someone at a target company?<i class="ti ti-plus i"></i></summary><p>Search the company in CTD and you instantly see every colleague with a <b>real, scored relationship</b> there - across your whole team's email and LinkedIn networks, including people you'd never think to ask. Here's the full walkthrough: <a href="/blog/find-out-who-at-your-company-knows-someone">how to find out who at your company knows someone at any target account</a>.</p></details> 1278 <details><summary>
1278Does it sync with my CRM?<i class="ti ti-plus i"></i></summary><p>Yes - natively. Connect Salesforce or HubSpot once and CTD pulls in your target accounts every day, so we know which accounts matter, who owns each one, and what you're working. Every company and person record is then enriched with your CRM data - so you can ask Claude things like "show me paths to accounts I own," "paths to the CXOs in my accounts," or "my accounts with open opportunities."<br><br>And it goes both ways. Through our API you can push CTD data straight back into your CRM - relationship scores, number of warm paths, connection strength, contact titles and more. <b>Everything you see in the app is exposed via the API</b>, so you decide exactly what flows into your CRM.</p></details> 1279 <details><summary>Are there limits on API or MCP usage?<i class="ti ti-plus i"></i></summary><p>No. On paid plans you get <b>unlimited API and MCP usage</b> - there are no credits to buy and nothing to top up. You pay once, then query your network as many times as you want. The only thing in place is <b>standard rate limiting</b> to keep things stable - that's it.</p></details> 1280 <details><summary>Can we tap relationships beyond our own team?<i class="ti ti-plus i"></i></summary><p>Yes. Invite people outside your company as <b>external members</b>. When they join, their network is shared with your whole team - and yours with them - so everyone can find and activate those connections. It's built for the people already rooting for you: <b>customer champions, board members, investors and advisors</b>. Just send the invite, and the moment they accept, their network is yours to tap.</p></details> 1281 <details><summary>How do we put our board's network to work?<i class="ti ti-plus i"></i></summary><p>Invite each board member to join as an <b>external member</b> - that's it. You instantly see their network and can start finding paths through them.<br><br>You stay in control with <b>per-person approval rules</b>: protect a busy board member so only the CEO (or whoever owns that relationship) can route requests to them. Surface every path through a board member, then send your asks - one at a time or in bulk.<br><br>There's real value for them, too. Making intros is painfully manual today; with CTD you draft the email and they just <b>review and hit send</b>. They keep <b>full control</b> over what they share and how - and they get our individual product <b>free forever</b> to keep their own network perfectly organized.<a href="https://www.g2.com/products/connect-the-dots/reviews/connect-the-dots-review-12856999" target="_blank" rel="noopener" style="display:block;margin-top:16px;padding:13px 15px;background:#f6fafd;border:1px solid var(--line);border-left:3px solid var(--ctd);border-radius:10px;text-decoration:none;"><span style="display:block;font-style:italic;color:#2e3650;font-size:14px;line-height:1.55;">"I appreciate the ability to have someone in my organization draft a note to send, making it just two clicks instead of dealing with copy/paste and format fixing - like the approval paths for internal executives to send out notes."</span><span style="display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12.5px;color:#6b7396;font-weight:600;"><span style="color:#ff9e1b;letter-spacing:1px;">â â â â â </span> Jeff M., Enterprise · via G2</span></a></p></details> 1282 <details><summary>What if a board member won't connect their email?<i class="ti ti-plus i"></i></summary><p>Totally fine - email is never required. They can sign up without syncing anything, then <b>optionally upload their LinkedIn connections</b> if they prefer. They can connect a personal inbox instead of a work one, skip email entirely, or add other sources as we roll them out.<br><br>Even with no email, CTD surfaces relationships from <b>publicly available data</b> - career overlaps, shared boards, time at the same company - so there's real value from day one. As they get comfortable and see it working, they can choose to sync more. And our team is always on hand to walk through any privacy questions.</p></details> 1283 <details><summary>Can we activate our customer champions' networks?<i class="ti ti-plus i"></i></summary><p>Yes - in two ways. If you already have a referral or partnership with a champion, they're highly motivated to help, so just invite them as <b>external members</b> - exactly like investors or advisors - and tap their network directly.<br><br>Prefer not to ask them to create an account? You can still surface paths through them from <b>publicly available data</b>. Those paths are more basic, though - when a champion is on CTD, we know exactly who they are and enrich their network far more deeply.</p></details> 1284 <details><summary>What do the people I invite get out of CTD?<i class="ti ti-plus i"></i></summary><p>A lot - for free. Everyone you invite gets the individual version of CTD, which uses the same technology to <b>score, deduplicate and organize their own network</b> across every tool. If they have 30,000 connections and can't remember how they know half of them, CTD shows the whole story: how you met, when you connected on LinkedIn, that you emailed five times (and they never replied), where they work now, and the roles you each held when your paths first crossed.<br><br>As we add sources like iMessage and WhatsApp, every touchpoint with a person lands in one place - and they can ask AI anything about their network.<br><br><b>
1284And by joining your team, they get to see your connections too, and can invite their own people to keep growing their network.</b> It's a genuinely useful free product - which is exactly why people say yes.<a href="https://www.g2.com/products/connect-the-dots/reviews/connect-the-dots-review-12767423" target="_blank" rel="noopener" style="display:block;margin-top:16px;padding:13px 15px;background:#f6fafd;border:1px solid var(--line);border-left:3px solid var(--ctd);border-radius:10px;text-decoration:none;"><span style="display:block;font-style:italic;color:#2e3650;font-size:14px;line-height:1.55;">"I can keep my network for life and enjoy the security of knowing all my contacts are perfectly organized. It's really valuable that CTD automatically picks up new contacts whenever I connect with them on email or LinkedIn."</span><span style="display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12.5px;color:#6b7396;font-weight:600;"><span style="color:#ff9e1b;letter-spacing:1px;">â â â â â </span> Jamie G., VP of Marketing · via G2</span></a></p></details> 1285 </div> 1286 </div> 1287 </section> 1288 1289 <!-- ===== closing CTA ===== --> 1290 <section class="section"> 1291 <div class="wrap"> 1292 <div class="cta-band"> 1293 <h2>Sync once. <span>Use everywhere.</span></h2> 1294 <p>Build your relationship graph in minutes and never make a cold intro again.</p> 1295 <div class="row"> 1296 <a class="btn" style="background:var(--ctd);color:#06222f;" href="https://app.ctd.ai/">Sign up for free</a> 1297 <a class="btn btn-ghost" href="/demo">Book a demo</a> 1298 </div> 1299 </div> 1300 </div> 1301 </section> 1302 1303 <!-- ===== footer ===== --> 1304 </main> 1305 <footer class="footer"> 1306 <div class="wrap"> 1307 <div class="foot-top"> 1308 <div class="foot-brand"> 1309 <div style="display:flex;align-items:center;gap:11px;"> 1310 <img loading="lazy" src="assets/images/ctd-ai-logo.png" alt="CTD.ai" style="height:26px;width:auto;display:block;" width="470" height="128"> 1311 </div> 1312 <p>The most complete relationship graph that turns into warm intros.</p> 1313 <div class="foot-stores" style="display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap;"> 1314 <a href="https://apps.apple.com/us/app/connect-the-dots-ctd/id6780411054" target="_blank" rel="noopener" aria-label="Download Connect The Dots on the App Store"><img src="assets/images/app-store-badge.svg" alt="Download on the App Store" style="height:40px;width:auto;display:block;" width="120" height="40"></a> 1315 <a href="https://play.google.com/store/apps/details?id=app.ctd.ai" target="_blank" rel="noopener" aria-label="Get Connect The Dots on Google Play"><img src="assets/images/google-play-badge.png" alt="Get it on Google Play" style="height:50px;width:auto;display:block;" width="129" height="50"></a> 1316 </div> 1317 </div> 1318 <div class="foot-col"><h2>Solutions</h2><a href="/individual">Individual</a><a href="/business">Business</a><a href="/venture-capital">Venture Capital</a><a href="/private-equity">Private Equity</a></div> 1319 <div class="foot-col"><h2>Integrations</h2><a href="/integrations-mcp">MCP</a><a href="/integrations-api">API</a><a href="/integrations-salesforce">Salesforce</a><a href="/integrations-hubspot">HubSpot</a><a href="/integrations-outlook">Outlook</a><a href="/integrations-google">Google</a></div> 1320 <div class="foot-col"><h2>Company</h2><a href="/about">About</a><a href="/pricing">Pricing</a><a href="/reviews">Reviews</a><a href="/security">Security</a></div> 1321 <div class="foot-col"><h2>Resources</h2><a href="/guide/">Guide</a><a href="/faqs">FAQs</a><a href="/blog">Blog</a><a href="/what-is-warm-introduction-software">What is warm intro?</a><a href="/relationship-intelligence-software">Relationship Intelligence</a><a href="/relationship-intelligence-for-vc-and-private-equity">CTD for VC & PE</a></div> 1322 </div> 1323 <div class="foot-bottom"> 1324 <span>© 2026 Connect The Dots, Inc.</span> 1325 <span><a href="/privacy-policy" style="color:inherit;">Privacy Policy</a> · <a href="/terms-of-use" style="color:inherit;">Terms of Use</a> · <a href="https://app.ctd.ai/" style="color:inherit;">Sign in</a></span> 1326 </div> 1327 </div> 1328 </footer> 1329
1329<script src="assets/js/ctd-analytics.js?v=4"></script>
1329 1330</body> 1331</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.