PageSourceSearch

https://indeal.ai/en/?lang=en

html indeal.ai collected 2026-09-24 14:07:23 UTC 89,838 bytes, 1,040 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1">
6<title>inDeal – Turn your leads into deals, without losing them</title>
7<link rel="icon" href="/favicon.ico" sizes="32x32">
8<link rel="icon" href="/favicon.svg" type="image/svg+xml">
9<link rel="apple-touch-icon" href="/apple-touch-icon.png">
10<meta name="description" content="Capture leads from your business network in one click. Contact data filled in automatically, a required next step on every deal. Live in 2 minutes.">
11<meta property="og:type" content="website">
12<meta property="og:site_name" content="inDeal">
13<meta property="og:locale" content="en_US">
14<meta property="og:locale:alternate" content="de_DE">
15<meta property="og:url" content="https://indeal.ai/en/">
16<meta property="og:title" content="inDeal – Turn your leads into deals, without losing them">
17<meta property="og:description" content="Capture leads from your business network in one click. Contact data filled in automatically, a required next step on every deal. Live in 2 minutes.">
18<meta name="twitter:card" content="summary">
19<link rel="canonical" href="https://indeal.ai/en/">
20<link rel="alternate" hreflang="de" href="https://indeal.ai/"><link rel="alternate" hreflang="en" href="https://indeal.ai/en/"><link rel="alternate" hreflang="x-default" href="https://indeal.ai/">
21<link rel="preconnect" href="https://fonts.googleapis.com">
22<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
23<style>
24:root{
25  --navy:#1C4965; --navy-2:#2E6B8F; --ink:#0F2B3D; --bg:#FAFAF8; --surface:#FFFFFF;
26  --line:#DDE6ED; --muted:#4B5563; --soft:#E8EEF2; --green:#059669; --green-bg:#D1FAE5;
27  --amber:#D97706; --amber-bg:#FEF3C7; --red:#DC2626; --red-bg:#FEE2E2; --text:#0F2B3D; --accent:#1C4965; --accent-2:#2E6B8F; --card:#FFFFFF; --card-line:#DDE6ED;
28}
29@media (prefers-color-scheme: dark){
30  :root:not([data-theme="light"]){
31    --bg:#0B1620; --surface:#12222E; --line:#24394A; --muted:#9FB3C2; --soft:#1A2C3A; --text:#EEF3F6; --ink:#EEF3F6;
32    --green-bg:#0F3A2C; --amber-bg:#3D2A0A; --red-bg:#3F1414; --accent:#8FC3E6; --accent-2:#8FC3E6; --card:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)); --card-line:rgba(255,255,255,.12);
33  }
34}
35:root[data-theme="dark"]{
36  --bg:#0B1620; --surface:#12222E; --line:#24394A; --muted:#9FB3C2; --soft:#1A2C3A; --text:#EEF3F6; --ink:#EEF3F6;
37  --green-bg:#0F3A2C; --amber-bg:#3D2A0A; --red-bg:#3F1414; --accent:#8FC3E6; --accent-2:#8FC3E6; --card:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)); --card-line:rgba(255,255,255,.12);
38}
39*{box-sizing:border-box;margin:0;padding:0}
40html{scroll-behavior:smooth}
41body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}
42a{color:inherit;text-decoration:none}
43.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
44h1,h2,h3{line-height:1.12;letter-spacing:-0.02em;font-weight:700}
45h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800}
46.nw{white-space:nowrap;font-size:.72em;font-weight:700;color:var(--navy-2)}
47h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
48h3{font-size:1.15rem}
49p.sub{font-size:1.2rem;color:var(--muted);max-width:56ch}
50.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:10px;font-weight:600;font-size:1rem;border:1px solid transparent;cursor:pointer;transition:background .15s,transform .15s}
51.btn:focus-visible{outline:3px solid var(--navy-2);outline-offset:3px}
52.btn-primary{background:var(--navy);color:#fff}
53.btn-primary:hover{background:var(--ink)}
54.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}
55.btn-ghost:hover{background:var(--soft)}
56.btn-lg{padding:18px 32px;font-size:1.08rem}
57.note{font-size:.9rem;color:var(--muted);margin-top:12px}
58
59/* nav */
60nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
61nav .wrap{display:flex;align-items:center;justify-content:space-between;
61height:64px}
62.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.35rem;letter-spacing:-0.03em;color:var(--navy);line-height:1}
63.mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--navy);font-size:.95rem;font-weight:800;letter-spacing:-0.04em}
64:root[data-theme="dark"] .logo,:root:not([data-theme="light"]) .logo{color:var(--text)}
65@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .logo{color:var(--navy)}}
66nav ul{display:flex;gap:28px;list-style:none;font-size:.95rem;color:var(--muted)}
67nav ul a:hover{color:var(--text)}
68nav .btn{padding:10px 18px;font-size:.92rem}
69@media(max-width:760px){nav ul{display:none}nav .wrap{height:56px}.logo{font-size:1.15rem}.mark{width:26px;height:26px;font-size:.8rem}nav .btn{padding:8px 12px!important;font-size:.82rem!important;white-space:nowrap}}
70
71/* hero */
72.hero{padding:88px 0 40px}
73.hero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
74.hero .stage{order:-1}
75.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
76.hero h1{margin-bottom:20px}
77@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero .stage{order:1}.hero{padding:56px 0 24px}}
78
79/* pipeline mock (the one bold element) */
80.board{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px -30px rgba(15,43,61,.45);padding:16px;overflow:hidden}
81.board-head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);padding:0 4px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
82.board-head span:first-child{font-weight:600;color:var(--text)}
83.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
84.col h4{font-size:.72rem;font-weight:600;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}
85.col h4 i{font-style:normal;background:var(--soft);border-radius:999px;padding:0 7px}
86.card{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:8px;font-size:.78rem}
87.card .n{font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:3px}
88.card .n em{font-style:normal;width:18px;height:18px;border-radius:50%;background:var(--navy-2);color:#fff;font-size:.6rem;display:inline-flex;align-items:center;justify-content:center}
89.card .c{color:var(--muted);font-size:.72rem}
90.chip{display:inline-block;margin-top:6px;font-size:.66rem;font-weight:600;padding:2px 7px;border-radius:5px}
91.chip.ok{background:var(--green-bg);color:var(--green)}
92.chip.due{background:var(--amber-bg);color:var(--amber)}
93.chip.late{background:var(--red-bg);color:var(--red)}
94.card.hi{border-color:var(--navy-2);box-shadow:0 0 0 3px rgba(46,107,143,.15)}
95@keyframes slide{0%{transform:translateY(-6px);opacity:0}100%{transform:none;opacity:1}}
96.card.new{animation:slide .6s .8s both}
97@media(prefers-reduced-motion:reduce){.card.new{animation:none}}
98.plugin{position:absolute;right:-10px;top:-18px;background:var(--navy);color:#fff;border-radius:10px;padding:10px 12px;font-size:.74rem;box-shadow:0 10px 30px -10px rgba(15,43,61,.6);max-width:200px}
99.plugin b{display:block;font-size:.66rem;opacity:.75;font-weight:500;margin-bottom:2px}
100.boardwrap{position:relative}
101@media(max-width:900px){.plugin{right:0;top:-14px}}
102
103
104/* hero animation stage */
105.stage{position:relative;display:grid;grid-template-columns:150px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 30px 70px -35px rgba(15,43,61,.5);min-height:360px}
106.src{display:flex;flex-direction:column;justify-content:center;gap:12px;border-right:1px dashed var(--line);padding-right:16px}
107.src-title,.pipe-head{font-size:.74rem;color:var(--muted);font-weight:600}
108.src-hint{font-size:.7rem;color:var(--muted)}
109.profile{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;font-size:.74rem;transition:opacity .28s,transform .28s}
110.profile.out{opacity:0;transform:scale(.94)}
111.pav{width:30px;height:30px;border-radius:50%;background:var(--navy-2);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center}
112.pn{font-weight:600;line-height:1.2}.pc{color:var(--muted);font-size:.66rem;line-height:1.2}
113.pbtn{grid-column:1/-1;background:var(--navy);color:#fff;border-radius:6px;text-align:center;padding:5px;font-size:.66rem;font-weight:600;position:relative}
114.pbtn.click::after{content:"";position:absolute;inset:-6px;border-radius:10px;border:2px solid var(--navy-2);animation:ring .6s ease-out forwards}
115@keyframes ring{0%{opacity:1;transform:scale(.9)}100%{opacity:0;transform:scale(1.25)}}
116.pipe{display:flex;flex-direction:column;min-width:0}
117.pipe-head{display:flex;justify-content:space-between;margin-bottom:10px}
118.pipe-head b{color:var(--green);font-weight:700;font-size:.9rem}
119.pcols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1}
120.pcol h4{font-size:.68rem;font-weight:600;color:var(--muted);margin-bottom:8px}
121.pcol[data-col="3"] h4{color:var(--green)}
122.slot{height:112px;border:1px dashed var(--line);border-radius:8px;margin-bottom:6px}
123.ghost{height:40px;border-radius:8px;background:var(--soft);opacity:.55;margin-bottom:6px}
124.lead{position:absolute;width:112px;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:.68rem;box-shadow:0 8px 20px -10px rgba(15,43,61,.5);transition:transform .75s cubic-bezier(.65,0,.25,1),opacity .4s;opacity:0;z-index:5;will-change:transform}
125.lead .n{font-weight:600;line-height:1.2}
126.lead .n span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
127.lead .n em{font-style:normal;width:16px;height:16px;border-radius:50%;background:var(--navy-2);color:#fff;font-size:.55rem;display:flex;align-items:center;justify-content:center;flex:none;margin-bottom:4px}
128.lead .tags{display:flex;flex-wrap:wrap;gap:2px;margin-top:4px;min-height:14px}
129.lead .t{font-size:.53rem;font-weight:600;padding:1px 4px;border-radius:4px;background:var(--green-bg);color:var(--green);opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;white-space:nowrap}
130.lead .t.in{opacity:1;transform:none}
131.lead .t.next{background:var(--amber-bg);color:var(--amber)}
132.lead.won{border-color:var(--green);background:var(--green-bg)}
133.lead.won .n em{background:var(--green)}
134.lead.pop{animation:pop .5s ease-out}
135@keyframes pop{0%{transform:var(--tf) scale(1)}40%{transform:var(--tf) scale(1.08)}100%{transform:var(--tf) scale(1)}}
136.won-pulse{animation:wpulse .6s ease-out}
137@keyframes wpulse{0%{transform:scale(1)}40%{transform:scale(1.5)}100%{transform:scale(1)}}
138@media(max-width:520px){.stage{grid-template-columns:1fr;min-height:0}.src{border-right:0;border-bottom:1px dashed var(--line);padding:0 0 12px}.pcols{grid-template-columns:repeat(2,1fr)}.lead{width:calc(50% - 22px)}.slot{height:92px}}
139
140/* logos / proof line */
141.proof{padding:32px 0 8px;text-align:center;color:var(--muted);font-size:.92rem}
142.proof strong{color:var(--text);font-weight:600}
143
144/* sections */
145section{padding:96px 0}
146@media(max-width:760px){section{padding:56px 0}.hero{padding:40px 0 16px}h1{font-size:2.1rem}p.sub{font-size:1.05rem}.btn-lg{padding:15px 22px;font-size:1rem;width:100%}.hero .cta{flex-direction:column}.band{padding:28px 20px}.price,.mcp{padding:28px 20px}.final{padding:72px 0}.proof{padding:24px 0 0;font-size:.85rem}}
147.head{max-width:62ch;margin-bottom:48px}
148.head h2{margin-bottom:14px}
149.head p{color:var(--muted);font-size:1.1rem}
150
151
152/* stats */
153.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px}
154.stat{border-left:3px solid var(--red);padding:6px 0 6px 18px}
155.stat b{display:block;font-size:2.6rem;font-weight:800;letter-spacing:-0.03em;line-height:1;color:var(--text)}
156.stat span{display:block;color:var(--muted);margin-top:8px;font-size:.98rem;max-width:26ch}
157.stat small{display:block;color:var(--muted);opacity:.7;font-size:.72rem;margin-top:6px}
158.prob .pst{display:inline-block;background:var(--red-bg);color:var(--red);font-weight:700;border-radius:6px;padding:3px 9px;font-size:.85rem;margin-top:14px}
159.band .impact{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:28px;margin-top:8px}
160.band .impact b{display:block;font-size:2.2rem;font-weight:800;letter-spacing:-0.03em;line-height:1;color:#fff}
161.band .impact span{display:block;color:rgba(255,255,255,.78);margin-top:6px;font-size:.95rem}
162.band .impact small{display:block;color:rgba(255,255,255,.5);font-size:.7rem;margin-top:4px}
163.srcs{font-size:.74rem;color:var(--muted);opacity:.75;margin-top:22px;line-height:1.6}
164.srcs a{text-decoration:underline;text-underline-offset:2px}
165@media(max-width:760px){.stats,.band .impact{grid-template-columns:1fr;gap:20px}.stat b{font-size:2.2rem}}
166/* problem */
167.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
168.prob{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px}
169.prob .ic{width:44px;height:44px;border-radius:10px;background:var(--red-bg);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.2rem;font-weight:700}
170.prob h3{margin-bottom:10px}
171.prob p{color:var(--muted);font-size:.98rem}
172@media(max-width:860px){.problems{grid-template-columns:1fr}}
173
174/* solution band */
175.band{background:var(--navy);color:#fff;border-radius:20px;padding:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
176.band h2{color:#fff}
177.band p{color:rgba(255,255,255,.78);font-size:1.08rem;margin:14px 0 28px}
178.band .btn-primary{background:#fff;color:var(--navy)}
179.band .btn-primary:hover{background:#E8EEF2}
180.band .note{color:rgba(255,255,255,.6)}
181.steps{list-style:none;display:grid;gap:14px}
182.steps li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px}
183.steps li span{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--navy);font-weight:700;display:flex;align-items:center;justify-content:center}
184.steps li b{display:block;font-weight:600;margin-bottom:2px}
185.steps li small{color:rgba(255,255,255,.72);font-size:.9rem}
186@media(max-width:900px){.band{grid-template-columns:1fr;padding:36px 28px}}
187
188
189/* product mockups */
190.pv{padding:56px 0;border-top:1px solid var(--line)}
191.pv .txt{max-width:62ch;margin-bottom:28px;padding-left:28px}
192.pv:first-of-type{border-top:0}
193.pv .num{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:14px}
194.pv h3{font-size:1.5rem;margin-bottom:10px}
195.pv p{color:var(--muted);font-size:1.02rem;max-width:44ch}
196@media(max-width:900px){.pv{padding:36px 0}.pv .txt{padding-left:14px}}
197/* fake app frame */
198.app{display:grid;grid-template-columns:56px 1fr;background:#F4F6F8;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -30px rgba(15,43,61,.55);font-size:.7rem;color:#0F2B3D;line-height:1.35}
199.app *{box-sizing:border-box}
200.sb{background:#1B2F42;color:#B9C7D3;padding:14px 0;display:flex;flex-direction:column;gap:6px;align-items:center}
201.sb .lg{width:30px;height:30px;border-radius:8px;background:#fff;color:#1B2F42;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
202.sb .cl{width:18px;height:18px;color:#8FA3B5;margin-bottom:8px}
203.sb .cl svg{width:18px;height:18px}
204.sb div.it{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;position:relative;color:#B9C7D3}
205.sb div.it svg{width:18px;height:18px}
206.sb div.it.on{background:#3A5670;color:#fff}
207.sb .dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:#E38B2C}
208.sb .ft{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #2E4256;width:36px}
209.sb .av2{width:26px;height:26px;border-radius:7px;background:#fff;color:#1B2F42;font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center}
210.sb .ft .cl{margin:0}
211.mn{padding:14px;min-width:0}
212.top{background:#1B2F42;margin:-14px -14px 14px;padding:9px 14px;display:flex;gap:8px;align-items:center}
213.top span{flex:0 1 46%;background:#2E4256;border-radius:6px;color:#8FA3B5;padding:6px 9px;font-size:.62rem}
214.top b{width:24px;height:24px;border-radius:6px;background:#2E4256;color:#C7D3DE;display:flex;align-items:center;justify-content:center;font-weight:500}
215.top em{margin-left:auto;font-style:normal;width:22px;height:22px;border-radius:50%;border:1px solid #3A5670;color:#8FA3B5;display:flex;align-items:center;justify-content:center;font-size:.6rem}
216.cd{background:#fff;border:1px solid #E1E7EC;border-radius:8px;padding:11px}
217.lbl{font-size:.56rem;letter-spacing:.08em;color:#6B7A87;font-weight:600;text-transform:uppercase;margin-bottom:6px}
218.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
219.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
220.kp small{display:block;font-size:.55rem;letter-spacing:.06em;color:#6B7A87;text-transform:uppercase}
221.kp b{display:block;font-size:1.25rem;font-weight:700;color:#1B2F42;margin:2px 0}
222.kp .up{color:#0F8A5F;font-size:.58rem}.kp .dn{color:#D24A2C;font-size:.58rem}.kp .wr{color:#D97706}
223.bars{display:flex;align-items:flex-end;gap:4px;height:34px;margin-top:6px}
224.bars i{flex:1;background:#E9EEF2;border-radius:2px}.bars i:last-child{background:#2E6B8F}
225.fun .kp b{font-size:1.35rem}
226.fun .tr{height:4px;background:#E9EEF2;border-radius:2px;margin:6px 0}
227.fun .tr i{display:block;height:100%;background:#1C4965;border-radius:2px}
228.fun .sub{display:flex;justify-content:space-between;font-size:.58rem;color:#6B7A87}
229.pill{border-radius:999px;padding:1px 6px;font-weight:600}
230.pill.g{background:#D8F3E7;color:#0F8A5F}.pill.r{background:#FBE2DC;color:#D24A2C}.pill.o{background:#FBE9D2;color:#B45309}
231.lead-h{display:flex;align-items:center;gap:10px}
232.lead-h .av{width:36px;height:36px;border-radius:50%;background:#E9EEF2;color:#1B2F42;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center}
233.lead-h b{font-size:1rem;display:block}.lead-h span{color:#6B7A87}
234.acts{margin-left:auto;display:flex;gap:5px}
235.acts i{font-style:normal;border:1px solid #E1E7EC;border-radius:7px;padding:6px 10px;font-weight:500;display:inline-flex;align-items:center;gap:5px;color:#1B2F42}
236.acts svg,.tabs svg{width:12px;height:12px}
237.li{font-weight:800;font-size:.62rem}
238.acts i.c{background:#2FA36B;color:#fff;border-color:#2FA36B}
239.stages span{flex:1;padding:8px 4px;text-align:center;background:#EEF2F5;font-size:.6rem;color:#6B7A87;position:relative}
240.stages span.done{background:#DCE7EF;color:#1B2F42}.stages span.cur{background:#1B2F42;color:#fff;font-weight:600}
241.stages span:first-child{border-radius:6px 0 0 6px}.stages span:last-child{border-radius:0 6px 6px 0}
242.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
243.fields small{display:block;font-size:.55rem;letter-spacing:.06em;color:#6B7A87;text-transform:uppercase}
244.fields b{font-weight:600}
245.hist div{display:grid;grid-template-columns:16px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #EEF2F5;color:#4B5563}
246.hist div::before{content:"";width:16px;height:16px;border-radius:50%;background:#E9EEF2;border:1px solid #D5DEE6}
247.hist div b{display:block;color:#1B2F42;font-weight:600}
248.two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
249.lst div{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #EEF2F5}
250.lst div:last-child{border:0}
251.lst .av{width:22px;height:22px;border-radius:50%;background:#E9EEF2;font-size:.55rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}
252.lst small{color:#6B7A87;display:block}
253.pp div{margin-bottom:7px}.pp .rw{display:flex;justify-content:space-between;font-size:.62rem;margin-bottom:2px}
254.pp .tr{height:8px;background:#EEF2F5;border-radius:4px}.pp .tr i{display:block;height:100%;background:#2E6B8F;border-radius:4px}
255
256.app p{font-size:inherit;max-width:none;color:inherit}
257.crumb{font-size:.66rem;color:#6B7A87;margin-bottom:8px;display:flex;justify-content:space-between}
258.lv{display:grid;grid-template-columns:.42fr .58fr;gap:10px;margin-top:10px;align-items:start}
259.lcol,.rcol{display:grid;gap:10px}
260.note .nh{background:#FBF4DF;margin:-11px -11px 8px;padding:8px 11px;border-radius:8px 8px 0 0;font-weight:700;font-size:.62rem;letter-spacing:.06em;color:#1B2F42}
261.ta{border:1px solid #D5DEE6;border-radius:6px;padding:9px;color:#8A97A3;min-height:38px}
262.nr{display:flex;justify-content:space-between;margin-top:7px;font-size:.62rem}
263.nr .sv{background:#EEF2F5;border-radius:5px;padding:5px 8px;font-weight:600;color:#6B7A87}
264.nr span:first-child:not(.sv):not(:empty){border:1px solid #D5DEE6;border-radius:5px;padding:5px 8px}
265.tabs{display:flex;gap:14px;font-weight:500;font-size:.64rem;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #EEF2F5;color:#1B2F42}
266.tabs span{display:inline-flex;align-items:center;gap:5px}
267.tabs span:first-child{color:#2FA36B;border:1px solid #D5DEE6;border-radius:6px;padding:3px 8px;margin:-4px 0}
268.tlh{font-size:.55rem;letter-spacing:.1em;color:#8A97A3;font-weight:600;margin:6px 0 0 4px}
269.tli{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:6px 4px;border-left:2px solid #E1E7EC;margin-left:12px}
270.tli i{font-style:normal;width:20px;height:20px;border-radius:50%;border:1px solid #D5DEE6;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.55rem;margin-left:-13px;font-weight:700}
271.tli .ic-l{color:#2E6B8F}.tli .ic-p{color:#0F8A5F}.tli .ic-m{color:#1B2F42}
272.tli b{display:block;font-size:.68rem}.tli small{color:#8A97A3;display:block;font-size:.58rem}.tli p{margin-top:3px;color:#4B5563}
273.tli p.q{background:#FBF4DF;border-left:3px solid #E38B2C;padding:5px 7px;border-radius:0 5px 5px 0;font-size:.62rem}
274.chev{display:grid;grid-template-columns:1fr 175px;gap:12px;align-items:center;margin:10px 0 4px}
275.st{display:flex;border-radius:8px;overflow:hidden;background:#EEF2F5}
276.st span{flex:1 1 0;min-width:0;padding:8px 6px;text-align:center;font-size:.6rem;color:#6B7A87;line-height:1.25;display:flex;align-items:center;justify-content:center;min-height:42px;position:relative}
277.st span.done{color:#1B2F42}
278.st span.cur{background:#1B2F42;color:#fff;font-weight:600;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);padding-right:12px}
279.st span.done+span.done::before,.st span:not(.cur)+span:not(.cur)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(135deg,transparent 48%,#fff 48%,#fff 52%,transparent 52%) top/9px 50% no-repeat,linear-gradient(45deg,transparent 48%,#fff 48%,#fff 52%,transparent 52%) bottom/9px 50% no-repeat;opacity:.9}
280.dp{display:flex;gap:8px;align-items:center;border-left:2px dashed #D5DEE6;padding-left:12px;color:#8A97A3;align-self:stretch}
281.dp i{font-style:normal;width:26px;height:26px;border-radius:50%;border:1px dashed #D5DEE6;display:flex;align-items:center;justify-content:center}
282.dp b{display:block;color:#3F4E5C;font-size:.62rem}.dp small{font-size:.52rem;white-space:nowrap}
283.lost{display:inline-block;border:1px solid #F2C4B8;color:#D24A2C;border-radius:6px;padding:5px 9px;font-size:.6rem;font-weight:600;margin:6px 0 8px;float:right}
284.hint{color:#6B7A87;font-size:.66rem;margin:0 0 12px;clear:both;padding-top:6px}
285.rcol .fields{border-top:1px solid #EEF2F5;padding-top:10px}
286.fields.two-c{grid-template-columns:1fr 1fr}
287/* plugin panel */
288.pgwrap{background:#EEF2F5;border:1px solid var(--line);border-radius:12px;padding:32px;display:grid;grid-template-columns:1fr 280px;max-width:820px;gap:20px;align-items:center;box-shadow:0 24px 60px -30px rgba(15,43,61,.55);overflow:hidden}
289.prof{background:#fff;border-radius:8px;border:1px solid #E1E7EC;padding:14px;font-size:.7rem;color:#0F2B3D}
290.prof .ban{height:40px;background:linear-gradient(90deg,#C9D6E2,#E9EEF2);border-radius:6px 6px 0 0;margin:-14px -14px 0}
291.prof .pav{width:44px;height:44px;border-radius:50%;background:#1B2F42;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:-22px;border:3px solid #fff}
292.prof b{font-size:.95rem;display:block;margin-top:6px}.prof span{color:#6B7A87;display:block}
293.prof .ln{height:6px;background:#EEF2F5;border-radius:3px;margin-top:8px}
294.prof .ln.s{width:60%}
295.pg{background:#fff;border-radius:10px;box-shadow:0 14px 30px -14px rgba(15,43,61,.45);padding:14px;font-size:.66rem;color:#0F2B3D}
296.pg .h{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;margin-bottom:10px}
297.pg .h i{width:18px;height:18px;border-radius:5px;background:#1B2F42;color:#fff;font-size:.55rem;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
298.pg label{display:block;color:#3F4E5C;font-weight:600;margin:6px 0 2px;font-size:.6rem}
299.pg .in{border:1px solid #D5DEE6;border-radius:5px;padding:5px 7px;background:#fff}
300.pg .r2{display:grid;grid-template-columns:1fr 1fr;gap:6px}
301.pg .ck{display:flex;align-items:center;gap:6px;margin:8px 0}
302.pg .ck i{width:12px;height:12px;border-radius:3px;background:#E38B2C;
302display:inline-block}
303.pg .bt{background:#1C4965;color:#fff;border-radius:6px;text-align:center;padding:8px;font-weight:700;margin-top:4px}
304.appwrap{overflow:hidden}
305.appwrap .app{transform-origin:top left;max-width:1040px;margin:0 auto}
306@media(max-width:600px){.pgwrap{grid-template-columns:1fr;padding:20px}}
307/* features */
308.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 56px}
309.feat{display:grid;grid-template-columns:52px 1fr;gap:18px}
310.feat .ic{width:52px;height:52px;border-radius:12px;background:var(--soft);color:var(--navy-2);display:flex;align-items:center;justify-content:center}
311.feat h3{margin-bottom:6px}
312.feat p{color:var(--muted);font-size:.98rem}
313@media(max-width:760px){.feats{grid-template-columns:1fr}}
314
315
316/* mcp */
317.mcp{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;overflow:hidden}
318.mcp p{color:var(--muted);font-size:1.08rem;margin:14px 0 22px;max-width:52ch}
319.mcp ul{list-style:none;display:grid;gap:8px;color:var(--muted);font-size:.98rem;margin-bottom:26px}
320.mcp li::before{content:"✓";color:var(--green);margin-right:10px;font-weight:700}
321.orbit{position:relative;height:340px}
322.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-0.03em;font-size:1.1rem;box-shadow:var(--glow);box-shadow:0 0 0 18px rgba(46,107,143,.08),0 0 0 40px rgba(46,107,143,.04)}
323.float{position:absolute;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:9px 16px;font-size:.88rem;font-weight:600;box-shadow:0 12px 30px -16px rgba(15,43,61,.45);animation:bob 6s ease-in-out infinite;white-space:nowrap}
324.float>span{display:inline-flex;margin-right:8px;vertical-align:-4px;color:var(--text)}
325.float>.lg-claude{color:#D97757}.float>.lg-n8n{color:#EA4B71}.float>.lg-zapier{color:#FF4F00}.float>.lg-make{color:#6D00CC}.float>.lg-perplexity{color:#1FB8CD}
326.float i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--navy-2);margin-right:8px;vertical-align:1px}
327@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
328@media(prefers-reduced-motion:reduce){.float{animation:none}}
329@media(max-width:900px){.mcp{grid-template-columns:1fr;padding:36px 28px}.orbit{height:300px}}
330
331/* compare */
332.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
333.compare>div{padding:28px;border-right:1px solid var(--line)}
334.compare>div:last-child{border-right:0;background:var(--soft)}
335.compare h3{margin-bottom:14px}
336.compare ul{list-style:none;display:grid;gap:9px;font-size:.95rem;color:var(--muted)}
337.compare li::before{content:"–";margin-right:8px;color:var(--red)}
338.compare>div:last-child li{color:var(--text)}
339.compare>div:last-child li::before{content:"✓";color:var(--green)}
340@media(max-width:860px){.compare{grid-template-columns:1fr}.compare>div{border-right:0;border-bottom:1px solid var(--line)}}
341
342/* pricing */
343.price{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
344.price .big{font-size:3.2rem;font-weight:800;letter-spacing:-0.03em;color:var(--navy-2);line-height:1}
345.price .big small{font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0;margin-left:6px}
346.price ul{list-style:none;display:grid;gap:10px;margin:18px 0 26px;color:var(--muted)}
347.price li::before{content:"✓";color:var(--green);margin-right:10px;font-weight:700}
348.tiers{display:grid;gap:10px}
349.tier{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:10px;font-size:.95rem}
350.tier b{font-weight:600}
351.tier span{color:var(--muted)}
352@media(max-width:860px){.price{grid-template-columns:1fr;padding:32px 24px}}
353
354/* faq */
355.faq{max-width:760px}
356details{border-bottom:1px solid var(--line);padding:18px 0}
357summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
358summary::after{content:"+";color:var(--muted);font-weight:400;font-size:1.3rem}
359details[open] summary::after{content:"–"}
360details p{color:var(--muted);margin-top:10px;max-width:64ch}
361
362/* final cta */
363.final{text-align:center;padding:120px 0}
364.final h2{font-size:clamp(2rem,4.5vw,3.2rem);margin-bottom:14px}
365.final p{color:var(--muted);font-size:1.15rem;margin-bottom:32px}
366
367footer{border-top:1px solid var(--line);padding:32px 0;font-size:.88rem;color:var(--muted)}
368footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
369footer a:hover{color:var(--text)}
370
371/* premium gradients (Revolut-style) */
372:root{--grad:linear-gradient(135deg,#0B2540 0%,#163F63 45%,#1F5C87 100%);--glow:0 18px 40px -18px rgba(31,92,135,.65)}
373.btn-primary{background:linear-gradient(135deg,#1C4965,#2E6B8F);box-shadow:var(--glow);border:0}
374.btn-primary:hover{background:linear-gradient(135deg,#163F63,#2E6B8F);transform:translateY(-1px)}
375.hero{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 15% -10%,rgba(46,107,143,.28),transparent 60%),radial-gradient(700px 400px at 95% 10%,rgba(28,73,101,.22),transparent 60%),#0B1F33;color:#fff;padding:96px 0 72px}
376.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
377.hero h1{color:#fff}.hero .nw{color:#8FC3E6}
378.hero p.sub{color:rgba(255,255,255,.78)}
379.hero .note{color:rgba(255,255,255,.55)}
380.hero .note a{color:#8FC3E6!important}
381.hero .btn-ghost{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
382.hero .btn-ghost:hover{background:rgba(255,255,255,.12)}
383.hero .btn-primary{background:#fff;color:#0B1F33;box-shadow:0 18px 40px -16px rgba(255,255,255,.45)}
384.hero .btn-primary:hover{background:#E8EEF2}
385.stage{background:rgba(255,255,255,.96);box-shadow:0 40px 90px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
386nav{background:rgba(11,31,51,.86);border-bottom-color:rgba(255,255,255,.08)}
387nav ul,nav .btn-ghost{color:#fff}
388nav .logo{color:#fff!important}
389nav ul a:hover{color:#8FC3E6}
390nav .btn-ghost{border-color:rgba(255,255,255,.22)}
391nav .btn-ghost:hover{background:rgba(255,255,255,.08)}
392.band{background:var(--grad);position:relative;overflow:hidden}
393.band::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-160px;top:-220px;background:radial-gradient(circle,rgba(143,195,230,.35),transparent 65%)}
394.band>*{position:relative}
395.final{background:radial-gradient(800px 400px at 50% 120%,rgba(46,107,143,.35),transparent 60%),#0B1F33;color:#fff;margin-top:40px}
396.final h2{color:#fff}.final p{color:rgba(255,255,255,.75)}.final .note{color:rgba(255,255,255,.5)}
397.final .btn-primary{background:#fff;color:#0B1F33;box-shadow:0 18px 40px -16px rgba(255,255,255,.45)}
398.final .btn-primary:hover{background:#E8EEF2}
399footer{background:#0B1F33;color:rgba(255,255,255,.55);border-top-color:rgba(255,255,255,.08)}
400footer a:hover{color:#fff}
401.num{background:var(--grad)!important;box-shadow:var(--glow)}
402.prob,.shot,.compare,.price,.mcp{box-shadow:0 24px 60px -40px rgba(15,43,61,.35)}
403.hub::before{content:"";position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,rgba(46,107,143,.25),transparent 70%)}
404
405/* stage in blue glass */
406.stage{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px -40px rgba(0,0,0,.7);backdrop-filter:blur(8px);color:#fff}
407.stage .src{border-right-color:rgba(255,255,255,.14)}
408.stage .src-title,.stage .pipe-head,.stage .src-hint,.stage .pcol h4,.stage .pc{color:rgba(255,255,255,.6)}
409.stage .pipe-head span:first-child{color:#fff}
410.stage .pcol[data-col="3"] h4,.stage .pipe-head b{color:#7EE0B0}
411.stage .profile{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
412.stage .pbtn{background:#fff;color:#0B1F33}
413.stage .slot{border-color:rgba(255,255,255,.2)}
414.stage .ghost{background:rgba(255,255,255,.07);opacity:1}
415.stage .lead{background:linear-gradient(180deg,#1B3C58,#12293F);color:#fff;border-color:rgba(143,195,230,.38);box-shadow:0 16px 34px -14px rgba(0,0,0,.75)}
416.stage .lead .n em{background:#8FC3E6;color:#0B1F33}
417.stage .lead .t{background:rgba(126,224,176,.18);color:#9FEBC6}
418.stage .lead .t.next{background:rgba(255,191,102,.18);color:#FFD08A}
419.stage .lead.won{background:linear-gradient(180deg,#1A4B3C,#123A2E);border-color:#7EE0B0}
420.stage .lead.won .n em{background:#7EE0B0}
421/* problem: calmer accents */
422.stat{border-left-color:var(--navy-2)}
423.prob .ic{background:var(--soft);color:var(--navy)}
424.prob .pst{background:var(--soft);color:var(--navy)}
425/* mockups floating in a panel */
426.appwrap{background:var(--soft);border-radius:16px;padding:28px}
427.pgwrap{margin:0}
428@media(max-width:600px){.appwrap{padding:14px;border-radius:12px}}
429
430/* premium cards, theme-aware */
431.prob,.compare,.price,.mcp,.shot,.stage-card{background:var(--card);border-color:var(--card-line)}
432.prob{position:relative;overflow:hidden}
433.prob::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.6}
434.prob .ic{background:linear-gradient(135deg,rgba(46,107,143,.18),rgba(46,107,143,.05));color:var(--accent);border:1px solid var(--card-line)}
435.prob .pst{background:rgba(46,107,143,.12);color:var(--accent);border:1px solid rgba(46,107,143,.25)}
436.stat{border-left-color:var(--accent-2)}
437.stat b{background:linear-gradient(135deg,var(--text),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
438.head h2,.pv h3,.compare h3,.price h2,.mcp h2,.faq summary{color:var(--text)}
439.price .big,.price .big small{color:var(--accent-2)}
440.price .big{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
441.compare>div:last-child{background:rgba(46,107,143,.10)}
442.compare>div:last-child h3{color:var(--accent)}
443.pv .num{color:#fff}
444.mcp{position:relative;overflow:hidden}
445.mcp::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;bottom:-200px;background:radial-gradient(circle,rgba(46,107,143,.22),transparent 65%);pointer-events:none}
446.mcp>*{position:relative;z-index:1}
447.appwrap{background:var(--card);border:1px solid var(--card-line)}
448.pgwrap{background:var(--card);border-color:var(--card-line)}
449.float{background:var(--surface);border-color:var(--card-line);color:var(--text)}
450.proof{opacity:.85}
451.srcs{opacity:.6}
452.srcs a{color:var(--accent-2)}
453:root:not([data-theme="light"]) .stat b{color:transparent}
454
455/* steps animation */
456.steps li{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease,background .4s,border-color .4s,box-shadow .4s}
457.steps.in li{opacity:1;transform:none}
458.steps.in li:nth-child(2){transition-delay:.15s}.steps.in li:nth-child(3){transition-delay:.3s}.steps.in li:nth-child(4){transition-delay:.45s}
459.steps li.active{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45);box-shadow:0 20px 50px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.15)}
460.steps li span{transition:transform .4s,box-shadow .4s}
461.steps li.active span{transform:scale(1.12);box-shadow:0 0 0 6px rgba(255,255,255,.18)}
462.steps li b::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7EE0B0;margin-left:8px;vertical-align:middle;opacity:0;transition:opacity .3s}
463.steps li.done b::after{opacity:1}
464.impact div{opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}
465.impact.in div{opacity:1;transform:none}
466.impact.in div:nth-child(2){transition-delay:.15s}.impact.in div:nth-child(3){transition-delay:.3s}
467@media(prefers-reduced-motion:reduce){.steps li,.impact div{opacity:1;transform:none;transition:none}}
468
469
470.lang{letter-spacing:.04em}
471.lang.on{color:var(--text);font-weight:600}
472footer .lang:hover{color:#fff}
473
474/* Hero-Signup: E-Mail direkt im Hero, Uebergabe an app.indeal.ai/signup */
475.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
476.hero .cta-form{align-items:center}
477.hero .field{flex:1 1 300px;min-width:0;padding:18px 20px;border-radius:10px;border:1.5px solid rgba(255,255,255,.8);background:#fff;color:#0F2B3D;font-family:inherit;font-size:1.05rem;line-height:1.2;-webkit-appearance:none;appearance:none;box-shadow:0 12px 30px -16px rgba(0,0,0,.65)}
478.hero .field::placeholder{color:#5D7182}
479.hero .field:hover{border-color:#fff}
480.hero .field:focus{outline:3px solid #8FC3E6;outline-offset:2px;border-color:#fff}
481.hero .cta-form .btn-primary{background:linear-gradient(135deg,#2E6B8F,#4E9CC9);color:#fff;box-shadow:0 18px 40px -16px rgba(78,156,201,.7)}
482.hero .cta-form .btn-primary:hover{background:linear-gradient(135deg,#2A6183,#4590BC)}
483@media(max-width:760px){.hero .field{flex:0 0 auto;width:100%;align-self:stretch}}
484
485/* Testimonial */
486.tmn .card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:32px 36px}
487.tmn img{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:top center;background:var(--soft);flex:none}
488.tmn blockquote{margin:0;font-size:1.3rem;line-height:1.5;color:var(--text);font-weight:500}
489.tmn blockquote::before{content:"";display:block;width:26px;height:3px;border-radius:2px;background:var(--accent);margin-bottom:16px}
490.tmn figcaption{margin-top:16px;font-size:.92rem;color:var(--muted)}
491.tmn figcaption b{color:var(--text);font-weight:600}
492.tmn figure{margin:0}
493@media(max-width:700px){.tmn .card{grid-template-columns:1fr;gap:18px;padding:26px 22px;text-align:left}.tmn img{width:96px;height:96px}.tmn blockquote{font-size:1.12rem}}
494</style>
495<script>
496(function(){
497  try{
498    if(location.protocol!=='http:'&&location.protocol!=='https:')return;
499    var p=new URLSearchParams(location.search).get('lang');
500    if(p==='de'||p==='en'){localStorage.setItem('idlang',p);
501      if(history.replaceState)history.replaceState(null,'',location.pathname);return;}
502    var saved=localStorage.getItem('idlang');
503    var want=saved||((navigator.language||'en').toLowerCase().indexOf('de')===0?'de':'en');
504    var here='en';
505    if(want!==here){location.replace(want==='en'?'/en/':'/');}
506  }catch(e){}
507})();
508</script>
508
509</head>
510<body>
511
512<nav>
513  <div class="wrap">
514    <a class="logo" href="#"><span class="mark">iD</span>inDeal</a>
515    <ul>
516      <li><a href="#loesung">Solution</a></li>
517      <li><a href="#preise">Pricing</a></li>
518      <li><a href="#faq">FAQ</a></li>
519    </ul>
520    <div style="display:flex;gap:8px;align-items:center"><a class="btn btn-ghost" style="padding:10px 16px;font-size:.92rem" href="https://app.indeal.ai/login">Login</a><a class="btn btn-primary" href="https://app.indeal.ai/signup">Start free</a>
521  </div>
522</nav>
523
524<header class="hero">
525  <div class="wrap">
526    <div>
527      <h1>Turn your leads into deals –<br><span class="nw">without losing them.</span></h1>
528      <p class="sub">Every contact from your business network lands in a ready-made pipeline with one click – with contact details and a fixed next step. No setup, no forgotten leads.</p>
529      <form class="cta cta-form" action="https://app.indeal.ai/signup" method="get">
530        <label class="sr-only" for="hero-email">Work email address</label>
531        <input class="field" id="hero-email" type="email" name="email" required autocomplete="email" inputmode="email" spellcheck="false" placeholder="[email protected]">
532        <button class="btn btn-primary btn-lg" type="submit">Start free</button>
533        <a class="btn btn-ghost btn-lg" href="#loesung">See how it works</a>
534      </form>
535      <p class="note">Free. Set up in 2 minutes with your email. Unlimited users. Already have an account? <a href="https://app.indeal.ai/login" style="color:var(--navy-2);font-weight:600">Login</a></p>
536    </div>
537    <div class="stage" id="stage" aria-label="Animation: leads from your network turn into deals">
538      <div class="src">
539        <div class="src-title">Social network</div>
540        <div class="profile" id="profile">
541          <div class="pav" id="pav">MK</div>
542          <div><div class="pn" id="pn">Markus Klein</div><div class="pc" id="pc">CTO · Nordwind GmbH</div></div>
543          <div class="pbtn" id="pbtn">+ inDeal</div>
544        </div>
545        <div class="src-hint">1 click in the lead plugin</div>
546      </div>
547      <div class="pipe">
548        <div class="pipe-head"><span>Pipeline</span><span>Won: <b id="won">7</b></span></div>
549        <div class="pcols">
550          <div class="pcol" data-col="0"><h4>New</h4><div class="slot"></div><div class="ghost"></div><div class="ghost"></div></div>
551          <div class="pcol" data-col="1"><h4>Meeting</h4><div class="slot"></div><div class="ghost"></div><div class="ghost"></div></div>
552          <div class="pcol" data-col="2"><h4>Offer</h4><div class="slot"></div><div class="ghost"></div></div>
553          <div class="pcol" data-col="3"><h4>Won</h4><div class="slot"></div><div class="ghost"></div><div class="ghost"></div></div>
554        </div>
555      </div>
556    </div>
557  </div>
558</header>
559
560<p class="proof">Built on the sales process <strong>over 100 B2B companies</strong> use to turn network leads into customers.</p>
561
562<section id="problem">
563  <div class="wrap">
564    <div class="head">
565      <h2>The lead was warm. Then a week got in the way.</h2>
566      <p>Most deals are lost to forgotten follow-ups. A spreadsheet or a classic CRM won’t catch that.</p>
567    </div>
568    <div class="stats">
569      <div class="stat"><b>80 %</b><span>of closed deals need five or more follow-ups.</span><small>Marketing Donut</small></div>
570      <div class="stat"><b>44 %</b><span>of salespeople give up after the first follow-up.</span><small>Scripted / RAIN Group</small></div>
571      <div class="stat"><b>1 in 4</b><span>companies never respond to an inbound enquiry at all.</span><small>Conversica, Sales Effectiveness Report 2023</small></div>
572    </div>
573    <div class="problems">
574      <div class="prob">
575        <div class="ic">1</div>
576        <h3>The spreadsheet gets out of hand</h3>
577        <p>A spreadsheet works at first. After 50 leads nobody knows who was contacted when, what the status is, or what happens next.</p>
578        <span class="pst">Around 30% of small companies still track customers in spreadsheets</span>
579      </div>
580      <div class="prob">
581        <div class="ic">2</div>
582        <h3>Traditional CRMs are too complex</h3>
583        <p>Weeks of setup, configuring pipelines, creating fields, per-seat licences. In the end nobody really uses it.</p>
584        <span class="pst">43% of CRM rollouts fail on team adoption</span>
585      </div>
586      <div class="prob">
587        <div class="ic">3</div>
588        <h3>Deals slip through</h3>
589        <p>Without a system there is no required follow-up. The lead was warm, then a week got in the way – and it was gone.</p>
590        <span class="pst">Reps spend just 28% of their week actually selling</span>
591      </div>
592    </div>
593    <p class="srcs">Sources: <a href="https://www.cirrusinsight.com/blog/sales-follow-up-statistics" target="_blank" rel="noopener">Cirrus Insight – Follow-Up Statistics</a> · <a href="https://reploom.com/blog/lead-follow-up-statistics" target="_blank" rel="noopener">Conversica Sales Effectiveness Report 2023</a> · <a href="https://schedulingkit.com/statistics/crm-statistics" target="_blank" rel="noopener">SCORE / Salesforce Adoption Report</a> · <a href="https://spuriq.ai/sales-reps-spend-70-of-their-time-not-selling/" target="_blank" rel="noopener">Salesforce State of Sales 2025 / Forrester Activity Study</a></p>
594  </div>
595</section>
596
597<section id="loesung" style="padding-top:0">
598  <div class="wrap">
599    <div class="band">
600      <div>
601        <h2>inDeal arrives ready. You just start.</h2>
602        <p>The sales process is preconfigured, lead data arrives automatically, and no deal exists without a next step. Nothing to set up – just work.</p>
603        <a class="btn btn-primary btn-lg" href="https://app.indeal.ai/signup">Start free</a>
604        <p class="note">No credit card. No onboarding call. No setup.</p>
605      </div>
606      <ol class="steps">
607        <li><span>1</span><div><b>Capture a lead in your network</b><small>One click in the lead plugin. The contact lands in your pipeline – never lost again.</small></div></li>
608        <li><span>2</span><div><b>Data gets enriched</b><small>Email, phone, company, job title: filled in automatically, no research.</small></div></li>
609        <li><span>3</span><div><b>Move it through the ready process</b><small>Clear stages, every deal has a next step with a date. Overdue becomes visible.</small></div></li>
610        <li><span>4</span><div><b>Emails, follow-ups, close</b><small>Outlook connected, conversion tracked. You see what works.</small></div></li>
611      </ol>
612      <div class="impact">
613        <div><b>+78 %</b><span>higher conversion for teams with a standardised follow-up process</span><small>Martal Group, Sales Follow-Up Statistics 2026</small></div>
614        <div><b>+70 %</b><span>more closes from just a few extra contact attempts</span><small>Cirrus Insight / Profit Outreach</small></div>
615        <div><b>12 h</b><span>saved per rep per week when capture and follow-ups run automatically</span><small>Salesso, Sales Productivity Statistics</small></div>
616      </div>
617    </div>
618  </div>
619</section>
620
621<section id="produkt" style="padding-top:0">
622  <div class="wrap">
623    <div class="head">
624      <h2>What this looks like in practice</h2>
625      <p>From the first click to the numbers – four steps your sales team takes every day.</p>
626    </div>
627
628    <div class="pv">
629      <div class="txt">
630        <span class="num">1</span>
631        <h3>In the CRM in 5 seconds instead of 5 minutes.</h3>
632        <p>Open a profile, open the panel – name and profile URL are already filled in. Stage, follow-up and next step come pre-set. Job title, company and contact details are added automatically on capture.</p>
633      </div>
634      <div class="pgwrap" aria-hidden="true">
635        <div class="prof">
636          <div class="ban"></div>
637          <div class="pav">JB</div>
638          <b>Julia Berger</b><span>Managing Director · Berger Logistics Ltd</span><span>Hamburg · 500+ connections</span>
639          <div class="ln"></div><div class="ln s"></div><div class="ln"></div>
640        </div>
641        <div class="pg">
642          <div class="h"><i>iD</i>inDeal</div>
643          <div class="r2"><div><label>First name</label><div class="in">Julia</div></div><div><label>Last name</label><div class="in">Berger</div></div></div>
644          <label>Stage</label><div class="in">Qualify ▾</div>
645          <div class="r2"><div><label>Follow-up</label><div class="in">23.09.2026</div></div><div><label>Assigned to</label><div class="in">Lena ▾</div></div></div>
646          <label>Next step</label><div class="in">Book intro call</div>
647          <div class="ck"><i></i>Enrich lead</div>
648          <div class="bt">Capture lead</div>
649        </div>
650      </div></div>
651
652    <div class="pv">
653      <div class="txt">
654        <span class="num">2</span>
655        <h3>Every lead has a next step. Always.</h3>
656        <p>Stage, follow-up date and next step are mandatory, with the deal value alongside. Call, message, email and meeting land in the history automatically – Outlook is connected, so your cold emails flow in too.</p>
657      </div>
658      <div class="appwrap"><div class="app" aria-hidden="true">
659        <div class="sb"><div class="lg">iD</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16M15 10l-2 2 2 2"/></svg></div><div class="it" title="Home"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11l9-8 9 8v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"/></svg></div><div class="it on" title="Leads"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="12" cy="10" r="2.5"/><path d="M7.5 17c.8-2 2.6-3 4.5-3s3.7 1 4.5 3"/></svg><i class="dot"></i></div><div class="it" title="Pipeline"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18l-7 8v6l-4 2v-8z"/></svg><i class="dot"></i></div><div class="it" title="Kampagnen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 3 10 14M21 3l-7 18-4-7-7-4z"/></svg></div><div class="ft"><div class="av2">NG</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 10h4.5a1.5 1.5 0 0 1 0 3H10"/></svg></div></div></div>
660        <div class="mn">
661          <div class="top"><span>🔍&nbsp; Search …</span><b>+</b><em>?</em></div>
662          <div class="crumb">Leads › Julia Berger <span>Lead 1 of 42 &nbsp;‹ Previous &nbsp; Markus Klein ›</span></div>
663          <div class="cd">
664            <div class="lead-h"><div class="av">JB</div><div><b>Julia Berger</b><span>Managing Director · Berger Logistics Ltd</span></div><div class="acts"><i class="c"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg>Call</i><i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6 8-6s8 2 8 6"/></svg>Message</i><i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2 11 13M22 2l-7 20-4-9-9-4z"/></svg>E-Mail</i><i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>Meeting</i><i><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8zM19 17l.8 2.2L22 20l-2.2.8L19 23l-.8-2.2L16 20l2.2-.8z"/></svg>Re-enrich</i><i>···</i></div></div>
665          </div>
666          <div class="lv">
667            <div class="lcol">
668              <div class="cd note"><div class="nh">📄 NOTE</div><div class="ta">Add a note …</div><div class="nr"><span>📌 Pin</span><span class="sv">Save note</span></div></div>
669              <div class="cd"><div class="tabs"><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg>Call</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="8" r="4"/><path d="M4 21c0-4 3.6-6 8-6s8 2 8 6"/></svg>Message</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2 11 13M22 2l-7 20-4-9-9-4z"/></svg>E-Mail</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>Meeting</span></div><div class="ta">Briefly log the call result …</div><div class="nr"><span></span><span class="sv">Log</span></div></div>
670              <div class="tlh">TODAY</div>
671              <div class="tli"><i class="ic-m">✉</i><div><b>Email logged</b><small>2 hrs ago · 16 Sep 2026 · Lena</small><p>Sent a proposal for Thu 24 Sep at 10:00 – Julia confirmed.</p></div></div>
672              <div class="tlh">2 DAYS AGO</div>
673              <div class="tli"><i class="ic-l">✉</i><div><b>Network message</b><small>2 days ago · 14 Sep 2026 · Network</small><p class="q">Julia Berger 15:20 · Sounds interesting, send me 2–3 times.</p></div></div>
674              <div class="tli"><i class="ic-p">✚</i><div><b>Lead captured via plugin</b><small>4 days ago · 12 Sep 2026 · Campaign MD Logistics DACH</small></div></div>
675            </div>
676            <div class="rcol">
677              <div class="cd">
678                <div class="lbl" style="display:flex;justify-content:space-between">Pipeline & status <span style="letter-spacing:0;text-transform:none;font-weight:500">⟲ View history</span></div>
679                <div class="chev">
680                  <div class="st"><span class="done">Qualify</span><span class="done">Set<br>meeting</span><span class="cur">Meeting<br>scheduled</span><span>Meeting<br>missed</span><span>Meeting<br>held</span></div>
681                  <div class="dp"><i>🔒</i><div><b>Deal phase</b><small>Offer · Closing · Won/Lost</small></div></div>
682                </div>
683                <div class="lost">Lead lost</div>
684                <p class="hint">Meeting is set. Prepare, get it confirmed – and be on time.</p>
685                <div class="fields">
686                  <div><small>Follow-up date</small><b>24.09.2026</b></div>
687                  <div><small>Next step</small><b>Prepare intro call</b></div>
688                  <div><small>Deal value</small><b>€ 12.000</b></div>
689                  <div><small>Meeting</small><b>24.09.2026 · 10:00</b></div>
690                  <div><small>Touchpoints</small><b>4</b></div>
691                  <div><small>Description</small><b>Logistics, 45 staff, needs CRM</b></div>
692                </div>
693              </div>
694              <div class="cd">
695                <div class="lbl">Contact</div>
696                <div class="fields two-c">
697                  <div><small>Job title</small><b>Managing Director</b></div>
698                  <div><small>Mobile</small><b>+49 171 234 56 78</b></div>
699                  <div><small>E-Mail</small><b>[email protected]</b></div>
700                  <div><small>Phone</small><b>—</b></div>
701                  <div><small>Profile</small><b style="color:#2E6B8F">Open profile ↗</b></div>
702                  <div><small>Company phone</small><b>+49 40 123 456 0</b></div>
703                </div>
704              </div>
705            </div>
706          </div>
707      </div></div>
708    </div>
709    </div>
710
711    <div class="pv">
712      <div class="txt">
713        <span class="num">3</span>
714        <h3>Know on Monday morning who to call.</h3>
715        <p>Overdue, due today, new leads – sorted by urgency, plus the last four weeks of trends. No deal sits idle because nobody saw it.</p>
716      </div>
717      <div class="appwrap"><div class="app" aria-hidden="true">
718        <div class="sb"><div class="lg">iD</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16M15 10l-2 2 2 2"/></svg></div><div class="it on" title="Home"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11l9-8 9 8v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"/></svg></div><div class="it" title="Leads"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="12" cy="10" r="2.5"/><path d="M7.5 17c.8-2 2.6-3 4.5-3s3.7 1 4.5 3"/></svg><i class="dot"></i></div><div class="it" title="Pipeline"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18l-7 8v6l-4 2v-8z"/></svg><i class="dot"></i></div><div class="it" title="Kampagnen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 3 10 14M21 3l-7 18-4-7-7-4z"/></svg></div><div class="ft"><div class="av2">NG</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 10h4.5a1.5 1.5 0 0 1 0 3H10"/></svg></div></div></div>
719        <div class="mn">
720          <div class="top"><span>🔍&nbsp; Search …</span><b>+</b><em>?</em></div>
721          <div class="g5">
722            <div class="cd kp"><small>Overdue</small><b style="color:#D24A2C">2</b><span class="dn">−3 since yesterday</span></div>
723            <div class="cd kp"><small>Due today</small><b style="color:#D97706">6</b><span class="wr">2 hot, 4 warm</span></div>
724            <div class="cd kp"><small>New leads</small><b>9</b><span class="up">+28% vs. avg</span></div>
725            <div class="cd kp"><small>Pipeline value</small><b>€ 186k</b><span class="up">+€24k this week</span></div>
726            <div class="cd kp"><small>Replies</small><b>31</b><span class="up">34% reply rate</span></div>
727          </div>
728          <div class="lbl" style="margin-top:12px">Weekly trends · last 4 weeks</div>
729          <div class="g4">
730            <div class="cd kp"><small>Leads / week</small><b>38</b><span class="up">+19 % vs. prev. week</span><div class="bars"><i style="height:55%"></i><i style="height:70%"></i><i style="height:80%"></i><i style="height:100%"></i></div></div>
731            <div class="cd kp"><small>Meetings / week</small><b>11</b><span class="up">+22 % vs. prev. week</span><div class="bars"><i style="height:60%"></i><i style="height:75%"></i><i style="height:70%"></i><i style="height:100%"></i></div></div>
732            <div class="cd kp"><small>Deals / week</small><b>3</b><span class="up">+1 vs. prev. week</span><div class="bars"><i style="height:40%"></i><i style="height:70%"></i><i style="height:70%"></i><i style="height:100%"></i></div></div>
733            <div class="cd kp"><small>Revenue / week</small><b>€ 34k</b><span class="up">+17 % vs. prev. week</span><div class="bars"><i style="height:50%"></i><i style="height:85%"></i><i style="height:65%"></i><i style="height:100%"></i></div></div>
734          </div>
735          <div class="two">
736            <div class="cd lst">
737              <div class="lbl">Contact · 8 actions</div>
738              <div><span><span class="av">MK</span>Markus Klein <small>CTO · Nordwind Ltd · 5 touchpoints</small></span><span class="pill r">2 days overdue</span></div>
739              <div><span><span class="av">SF</span>Sarah Fuchs <small>MD · Fuchs & Partner · 3 touchpoints</small></span><span class="pill o">today 14:00</span></div>
740              <div><span><span class="av">TR</span>Tobias Ritter <small>Head of Sales · Velo AG · 6 touchpoints</small></span><span class="pill o">today 16:30</span></div>
741            </div>
742            <div class="cd pp">
743              <div class="lbl">Discovery pipeline · 42 leads · €186k</div>
744              <div><div class="rw"><span>Qualify</span><span>18 leads</span></div><div class="tr"><i style="width:100%"></i></div></div>
745              <div><div class="rw"><span>Set meeting</span><span>9 leads</span></div><div class="tr"><i style="width:50%"></i></div></div>
746              <div><div class="rw"><span>Meeting scheduled</span><span>8 leads</span></div><div class="tr"><i style="width:44%"></i></div></div>
747              <div><div class="rw"><span>Offer</span><span>7 leads · €96k</span></div><div class="tr"><i style="width:39%;background:#0F8A5F"></i></div></div>
748            </div>
749          </div>
750        </div>
751      </div></div>
752    </div>
753
754    <div class="pv">
755      <div class="txt">
756        <span class="num">4</span>
757        <h3>See where your process loses money.</h3>
758        <p>Lead to meeting, meeting to offer, offer to close. Every stage as a rate with a month-on-month comparison – you see instantly where the process stalls.</p>
759      </div>
760      <div class="appwrap"><div class="app" aria-hidden="true">
761        <div class="sb"><div class="lg">iD</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16M15 10l-2 2 2 2"/></svg></div><div class="it on" title="Home"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11l9-8 9 8v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1z"/></svg></div><div class="it" title="Leads"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="12" cy="10" r="2.5"/><path d="M7.5 17c.8-2 2.6-3 4.5-3s3.7 1 4.5 3"/></svg><i class="dot"></i></div><div class="it" title="Pipeline"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 5h18l-7 8v6l-4 2v-8z"/></svg><i class="dot"></i></div><div class="it" title="Kampagnen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 3 10 14M21 3l-7 18-4-7-7-4z"/></svg></div><div class="ft"><div class="av2">NG</div><div class="cl"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9 10h4.5a1.5 1.5 0 0 1 0 3H10"/></svg></div></div></div>
762        <div class="mn">
763          <div class="top"><span>🔍&nbsp; Search …</span><b>+</b><em>?</em></div>
764          <div class="lbl">Conversion funnel · last 30 days</div>
765          <div class="g4 fun">
766            <div class="cd kp"><small>Lead conversion</small><span style="color:#6B7A87">Lead → meeting booked</span><b>24 %</b><div class="tr"><i style="width:24%"></i></div><div class="sub"><span>37 of 152 leads</span><span class="pill g">+5 pp</span></div></div>
767            <div class="cd kp"><small>Show rate</small><span style="color:#6B7A87">Meeting → happened</span><b>84 %</b><div class="tr"><i style="width:84%"></i></div><div class="sub"><span>31 of 37 meetings</span><span class="pill g">+3 pp</span></div></div>
768            <div class="cd kp"><small>Pipeline conversion</small><span style="color:#6B7A87">Meeting → offer</span><b>45 %</b><div class="tr"><i style="width:45%"></i></div><div class="sub"><span>14 of 31 meetings</span><span class="pill g">+6 pp</span></div></div>
769            <div class="cd kp"><small>Deal conversion</small><span style="color:#6B7A87">Offer → closed won</span><b>36 %</b><div class="tr"><i style="width:36%;background:#0F8A5F"></i></div><div class="sub"><span>5 of 14 offers</span><span class="pill g">+7 pp</span></div></div>
770          </div>
771          <div class="lbl" style="margin-top:12px">Business Outcome</div>
772          <div class="g4">
773            <div class="cd kp"><small>Sales cycle</small><span style="color:#6B7A87">avg lead → closed won</span><b>21 days</b><div class="sub"><span>Prev. month: 26 days</span><span class="pill g">−5 days</span></div></div>
774            <div class="cd kp"><small>Closed won</small><span style="color:#6B7A87">This month</span><b>€ 58k</b><div class="sub"><span>Prev. month: €47k</span><span class="pill g">+23 %</span></div></div>
775            <div class="cd kp"><small>New customers</small><span style="color:#6B7A87">This month</span><b>5</b><div class="sub"><span>Prev. month: 4</span><span class="pill g">+1</span></div></div>
776            <div class="cd kp"><small>Total customers</small><span style="color:#6B7A87">Active customer base</span><b>47</b><div class="sub"><span>+12 in 90 days</span><span class="pill g">+12</span></div></div>
777          </div>
778        </div>
779      </div></div>
780    </div>
781
782  </div>
783</section>
784
785
786<section class="tmn" style="padding-top:0">
787  <div class="wrap">
788    <figure class="card">
789      <img src="/assets/img/lars-krueger.png" width="132" height="132" alt="Lars Krüger, founder of inDeal" loading="lazy" decoding="async">
790      <div>
791        <blockquote>&ldquo;With this data and this sales process I scaled two companies to seven figures. If you want to build a professional sales operation, I can only recommend doing it the same way.&rdquo;</blockquote>
792        <figcaption><b>Lars Krüger</b> · Founder of inDeal</figcaption>
793      </div>
794    </figure>
795  </div>
796</section>
797
798<section>
799  <div class="wrap">
800    <div class="head">
801      <h2>Everything a sales team needs. Nothing that slows it down.</h2>
802    </div>
803    <div class="feats">
804      <div class="feat">
805        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M8 4v16M3 10h18"/></svg></div>
806        <div><h3>Ready-made sales process</h3><p>Proven stages from first contact to close. Usable straight away, adjustable if you want.</p></div>
807      </div>
808      <div class="feat">
809        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M16 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM4 20c0-3.3 3.6-6 8-6s8 2.7 8 6"/></svg></div>
810        <div><h3>Lead plugin for Chrome</h3><p>Open a profile, click, done. The lead is in your CRM with all its data – no copy & paste.</p></div>
811      </div>
812      <div class="feat">
813        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 6v6l4 2"/><circle cx="12" cy="12" r="9"/></svg></div>
814        <div><h3>Required next step on every deal</h3><p>No deal without a next step and a date. Overdue follow-ups show up first.</p></div>
815      </div>
816      <div class="feat">
817        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></svg></div>
818        <div><h3>Outlook & email built in</h3><p>Email history on the deal, replies straight into the pipeline. Your cold emails land here too.</p></div>
819      </div>
820      <div class="feat">
821        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 19V5M4 19h16M8 15l4-6 4 3 4-7"/></svg></div>
822        <div><h3>Track conversions</h3><p>Which channel produces closes? Where do deals stall? You see it immediately.</p></div>
823      </div>
824      <div class="feat">
825        <div class="ic"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="9" cy="8" r="3"/><circle cx="17" cy="9" r="2.5"/><path d="M3 20c0-3 2.7-5 6-5s6 2 6 5M15 20c0-2.2 1.8-4 4-4"/></svg></div>
826        <div><h3>Unlimited users, free</h3><p>Your whole team works in it. No per-seat licence – you only pay credits for data enrichment.</p></div>
827      </div>
828    </div>
829  </div>
830</section>
831
832
833<section id="mcp" style="padding-top:0">
834  <div class="wrap">
835    <div class="mcp">
836      <div>
837        <h2>Your CRM talks to your AI.</h2>
838        <p>inDeal has its own MCP server. Connect Claude, ChatGPT, Cursor or n8n – and just ask your CRM: “Which deals have no next step this week?”</p>
839        <ul>
840          <li>Query and create leads, deals and activities with AI</li>
841          <li>Have follow-up emails written straight from deal context</li>
842          <li>Reports on request – no dashboard clicking</li>
843        </ul>
844        <a class="btn btn-primary" href="https://app.indeal.ai/signup">Start free</a>
845      </div>
846      <div class="orbit" aria-hidden="true">
847        <div class="hub">iD</div>
848        <div class="float" style="left:4%;top:12%;animation-delay:0s"><span class="lg-claude"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Claude</title><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.
8480182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"/></svg></span>Claude</div>
849        <div class="float" style="right:6%;top:8%;animation-delay:-1.5s"><img src="assets/logos/chatgpt.svg" alt="" onerror="this.remove()"><i></i>ChatGPT</div>
850        <div class="float" style="left:2%;top:52%;animation-delay:-3s"><span class="lg-cursor"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Cursor</title><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23"/></svg></span>Cursor</div>
851        <div class="float" style="right:4%;top:48%;animation-delay:-2.2s"><span class="lg-n8n"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>n8n</title><path d="M21.4737 5.6842c-1.1772 0-2.1663.8051-2.4468 1.8947h-2.8955c-1.235 0-2.289.893-2.492 2.111l-.1038.623a1.263 1.263 0 0 1-1.246 1.0555H11.289c-.2805-1.0896-1.2696-1.8947-2.4468-1.8947s-2.1663.8051-2.4467 1.8947H4.973c-.2805-1.0896-1.2696-1.8947-2.4468-1.8947C1.1311 9.4737 0 10.6047 0 12s1.131 2.5263 2.5263 2.5263c1.1772 0 2.1663-.8051 2.4468-1.8947h1.4223c.2804 1.0896 1.2696 1.8947 2.4467 1.8947 1.1772 0 2.1663-.8051 2.4468-1.8947h1.0008a1.263 1.263 0 0 1 1.2459 1.0555l.1038.623c.203 1.218 1.257 2.111 2.492 2.111h.3692c.2804 1.0895 1.2696 1.8947 2.4468 1.8947 1.3952 0 2.5263-1.131 2.5263-2.5263s-1.131-2.5263-2.5263-2.5263c-1.1772 0-2.1664.805-2.4468 1.8947h-.3692a1.263 1.263 0 0 1-1.246-1.0555l-.1037-.623A2.52 2.52 0 0 0 13.9607 12a2.52 2.52 0 0 0 .821-1.4794l.1038-.623a1.263 1.263 0 0 1 1.2459-1.0555h2.8955c.2805 1.0896 1.2696 1.8947 2.4468 1.8947 1.3952 0 2.5263-1.131 2.5263-2.5263s-1.131-2.5263-2.5263-2.5263m0 1.2632a1.263 1.263 0 0 1 1.2631 1.2631 1.263 1.263 0 0 1-1.2631 1.2632 1.263 1.263 0 0 1-1.2632-1.2632 1.263 1.263 0 0 1 1.2632-1.2631M2.5263 10.7368A1.263 1.263 0 0 1 3.7895 12a1.263 1.263 0 0 1-1.2632 1.2632A1.263 1.263 0 0 1 1.2632 12a1.263 1.263 0 0 1 1.2631-1.2632m6.3158 0A1.263 1.263 0 0 1 10.1053 12a1.263 1.263 0 0 1-1.2632 1.2632A1.263 1.263 0 0 1 7.579 12a1.263 1.263 0 0 1 1.2632-1.2632m10.1053 3.7895a1.263 1.263 0 0 1 1.2631 1.2632 1.263 1.263 0 0 1-1.2631 1.2631 1.263 1.263 0 0 1-1.2632-1.2631 1.263 1.263 0 0 1 1.2632-1.2632"/></svg></span>n8n</div>
852        <div class="float" style="left:18%;bottom:6%;animation-delay:-4s"><span class="lg-zapier"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Zapier</title><path d="M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.
852129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z"/></svg></span>Zapier</div>
853        <div class="float" style="right:16%;bottom:10%;animation-delay:-0.8s"><span class="lg-make"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Make</title><path d="M13.38 3.498c-.27 0-.511.19-.566.465L9.85 18.986a.578.578 0 0 0 .453.678l4.095.826a.58.58 0 0 0 .682-.455l2.963-15.021a.578.578 0 0 0-.453-.678l-4.096-.826a.589.589 0 0 0-.113-.012zm-5.876.098a.576.5
85376 0 0 0-.516.318L.062 17.697a.575.575 0 0 0 .256.774l3.733 1.877a.578.578 0 0 0 .775-.258l6.926-13.781a.577.577 0 0 0-.256-.776L7.762 3.658a.571.571 0 0 0-.258-.062zm11.74.115a.576.576 0 0 0-.576.576v15.426c0 .318.258.578.576.578h4.178a.58.58 0 0 0 .578-.578V4.287a.578.578 0 0 0-.578-.576Z"/></svg></span>Make</div>
854        <div class="float" style="left:42%;top:2%;animation-delay:-2.8s"><span class="lg-perplexity"><svg fill="currentColor" width="18" height="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Perplexity</title><path d="M22.3977 7.0896h-2.3106V.0676l-7.5094 6.3542V.1577h-1.1554v6.1966L4.4904 0v7.0896H1.6023v10.3976h2.8882V24l6.932-6.3591v6.2005h1.1554v-6.0469l6.9318 6.1807v-6.4879h2.8882V7.0896zm-3.4657-4.531v4.531h-5.355l5.355-4.531zm-13.2862.0676 4.8691 4.4634H5.6458V2.6262zM2.7576 16.332V8.245h7.8476l-6.1149 6.1147v1.9723H2.7576zm2.8882 5.0404v-3.8852h.0001v-2.6488l5.7763-5.7764v7.0111l-5.7764 5.2993zm12.7086.0248-5.7766-5.1509V9.0618l5.7766 5.7766v6.5588zm2.8882-5.0652h-1.733v-1.9723L13.3948 8.245h7.8478v8.087z"/></svg></span>Perplexity</div>
855      </div>
856    </div>
857  </div>
858</section>
859
860<section style="padding-top:0">
861  <div class="wrap">
862    <div class="head"><h2>The difference at a glance</h2></div>
863    <div class="compare">
864      <div>
865        <h3>Google Sheet</h3>
866        <ul><li>No next step, no follow-up system</li><li>Unmanageable past 50 leads</li><li>Research every contact by hand</li><li>No email integration</li></ul>
867      </div>
868      <div>
869        <h3>Traditional CRM</h3>
870        <ul><li>Weeks of setup and configuration</li><li>Per-seat licences</li><li>Bloated with features nobody uses</li><li>Leads still get entered by hand</li></ul>
871      </div>
872      <div>
873        <h3>inDeal</h3>
874        <ul><li>Sales process preconfigured</li><li>Required next step on every deal</li><li>Leads from your network in one click, auto-enriched</li><li>Unlimited users, 2-minute start</li></ul>
875      </div>
876    </div>
877  </div>
878</section>
879
880<section id="preise" style="padding-top:0">
881  <div class="wrap">
882    <div class="price">
883      <div>
884        <h2>€0 per user. Start free today.</h2>
885        <ul>
886          <li>Account, pipeline, lead plugin, email integration: €0</li>
887          <li>Unlimited team members</li>
888          <li>Starting credits included – to try it out</li>
889        </ul>
890        <a class="btn btn-primary btn-lg" href="https://app.indeal.ai/signup">Start free</a>
891        <p class="note">Just an email address. Set up in 2 minutes.</p>
892      </div>
893      <div style="text-align:center">
894        <div class="big" style="font-size:5rem">€0</div>
895        <p style="color:var(--muted);margin-top:8px;font-size:1.05rem">per user, forever</p>
896      </div>
897    </div>
898  </div>
899</section>
900
901<section id="faq" style="padding-top:0">
902  <div class="wrap">
903    <div class="head"><h2>Frequently asked questions</h2></div>
904    <div class="faq">
905      <details open><summary>Is the account really free?</summary><p>Yes. Account, pipeline, plugin and email integration cost nothing – for any number of users. You only need credits when inDeal enriches contact data for you.</p></details>
906      <details><summary>How long does setup take?</summary><p>Two minutes. Enter your email, confirm, install the plugin. The sales process is already set up.</p></details>
907      <details><summary>Can I import my existing leads?</summary><p>Yes, by CSV from your spreadsheet or Excel. After that every lead gets a next step.</p></details>
908      <details><summary>What is a credit?</summary><p>You only pay for contact details we find: email 1 credit, mobile number 5, landline 0.5. On average 3.7 credits per fully enriched lead. Capturing and managing leads costs no credits. <a href="https://success.indeal.ai/hc/indeal/articles/what-does-a-lead-cost-examples" style="text-decoration:underline">Worked examples: what does a lead cost?</a></p></details>
909      <details><summary>Where is my data stored?</summary><p>On servers in the EU (Frankfurt). Tenant separation at database level, GDPR-compliant, DPA included.</p></details>
910    </div>
911  </div>
912</section>
913
914<section class="final">
915  <div class="wrap">
916    <h2>Your next warm lead arrives this week. Where will it land?</h2>
917    <p>Your pipeline runs in 2 minutes – with starting credits for your first leads.</p>
918    <a class="btn btn-primary btn-lg" href="https://app.indeal.ai/signup">Start free</a>
919    <p class="note">
919Just an email address. No credit card. Unlimited users.</p>
920  </div>
921</section>
922
923<footer>
924  <div class="wrap">
925    <span>© 2026 inDeal · Lars Krüger GmbH, Berlin</span>
926    <span><a href="/?lang=de" class="lang ">DE</a> &nbsp;·&nbsp; <a href="/en/?lang=en" class="lang on">EN</a> &nbsp;·&nbsp; <a href="https://www.larskrueger.com/impressum/" rel="noopener">Legal notice</a> &nbsp;·&nbsp; <a href="https://www.larskrueger.com/datenschutz/" rel="noopener">Privacy</a> &nbsp;·&nbsp; <a href="https://success.indeal.ai">Help</a> &nbsp;·&nbsp; <a href="https://app.indeal.ai/login">Login</a></span>
927  </div>
928</footer>
929
930
931<script>
932(function(){
933  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
934  var stage=document.getElementById('stage'), slots=stage.querySelectorAll('.slot');
935  var profile=document.getElementById('profile'), pbtn=document.getElementById('pbtn');
936  var won=document.getElementById('won'), WON_START=7, WON_MAX=12, wonN=WON_START;
937  var people=[['MK','Markus Klein','CTO · Nordwind GmbH'],['SF','Sarah Fuchs','GF · Bauer & Partner'],['TR','Tobias Ritter','Head of Sales · Velo AG'],['JW','Julia Weber','CEO · Klarheit Consulting'],['DH','Daniel Hoff','COO · Meridian Tech'],['AB','Anna Berger','GF · Berger Logistik']];
938  var idx=0, timer=null, pending=[], started=false, io=null;
939  function pos(el){var r=el.getBoundingClientRect(),s=stage.getBoundingClientRect();return [r.left-s.left,r.top-s.top];}
940  function moveTo(lead,el){var p=pos(el);var tf='translate('+p[0]+'px,'+p[1]+'px)';lead.style.setProperty('--tf',tf);lead.style.transform=tf;}
941  function setProfile(p){document.getElementById('pav').textContent=p[0];document.getElementById('pn').textContent=p[1];document.getElementById('pc').textContent=p[2];}
942  function clearAll(){pending.forEach(clearTimeout);pending=[];stage.querySelectorAll('.lead').forEach(function(l){l.remove()});profile.classList.remove('out');setProfile(people[idx%people.length]);}
943  function run(){
944    var p=people[idx%people.length]; idx++;
945    var next=people[idx%people.length];
946    var lead=document.createElement('div'); lead.className='lead';
947    lead.innerHTML='<div class="n"><em>'+p[0]+'</em><span>'+p[1]+'</span></div><div class="tags"><span class="t">Email ✓</span><span class="t">Phone ✓</span><span class="t next">Next step</span></div>';
948    stage.appendChild(lead);
949    lead.style.width=slots[0].getBoundingClientRect().width+'px';
950    var tags=lead.querySelectorAll('.t');
951    if(reduce){lead.style.transition='none';moveTo(lead,slots[0]);lead.style.opacity=1;tags.forEach(function(t){t.classList.add('in')});return;}
952    var t=0, S=function(f,d){t+=d;pending.push(setTimeout(f,t));};
953    S(function(){pbtn.classList.add('click');},900);
954    S(function(){
955      pbtn.classList.remove('click');
956      lead.style.transition='none'; moveTo(lead,profile);
957      void lead.offsetWidth;
958      lead.style.transition=''; lead.style.opacity=1;
959      profile.classList.add('out');
960    },500);
961    S(function(){moveTo(lead,slots[0]);},240);
962    S(function(){setProfile(next);profile.classList.remove('out');},300);
963    S(function(){tags[0].classList.add('in');},400);
964    S(function(){tags[1].classList.add('in');},250);
965    S(function(){tags[2].classList.add('in');},350);
966    S(function(){moveTo(lead,slots[1]);},1500);
967    S(function(){moveTo(lead,slots[2]);},1900);
968    S(function(){moveTo(lead,slots[3]);},1900);
969    S(function(){
970      lead.classList.add('won','pop');
971      tags[2].textContent='Won'; tags[2].className='t in';
972      if(wonN<WON_MAX){wonN++;won.textContent=wonN;won.classList.add('won-pulse');setTimeout(function(){won.classList.remove('won-pulse')},700);}
973    },800);
974    S(function(){lead.style.opacity=0;},1700);
975    S(function(){lead.remove();},500);
976  }
977  function visible(){var r=stage.getBoundingClientRect();var h=window.innerHeight||document.documentElement.clientHeight;return r.bottom>0&&r.top<h;}
978  function start(){
979    if(reduce){if(!started){started=true;run();}return;}
980    if(timer) return;
981    started=true; run(); timer=setInterval(run,3600);
982  }
983  function pause(){
984    if(reduce) return;
985    if(timer){clearInterval(timer);timer=null;}
986    clearAll(); wonN=WON_START; won.textContent=wonN;
987  }
988  start();
989  if('IntersectionObserver' in window){
990    io=new IntersectionObserver(function(es){es.forEach(function(e){(e.isIntersecting||visible())?start():pause();});},{threshold:0});
991    io.observe(stage);
992  }
993  document.addEventListener('visibilitychange',function(){document.hidden?pause():start();});
994  var rz; window.addEventListener('resize',function(){
995    clearTimeout(rz);
996    rz=setTimeout(function(){ if(reduce){clearAll();started=false;start();} else {pause();start();} },200);
997  });
998})();
999
1000(function(){
1001  var W=1040;
1002  function fit(){
1003    document.querySelectorAll('.appwrap').forEach(function(w){
1004      var app=w.querySelector('.app'); var cs=getComputedStyle(w); var cw=w.clientWidth-parseFloat(cs.paddingLeft)-parseFloat(cs.paddingRight);
1005      if(cw<W){app.style.width=W+'px';var sc=cw/W;app.style.transform='scale('+sc+')';w.style.height=(app.offsetHeight*sc+parseFloat(cs.paddingTop)+parseFloat(cs.paddingBottom))+'px';}
1006      else{app.style.width='';app.style.transform='';w.style.height='';}
1007    });
1008  }
1009  fit(); window.addEventListener('resize',fit); window.addEventListener('load',fit);
1010})();
1011
1012(function(){
1013  var reduce=window.matchMedia('(prefers-reduced-motion: reduce)').matches;
1014  var steps=document.querySelector('.steps'), impact=document.querySelector('.impact');
1015  if(!steps) return;
1016  var lis=steps.querySelectorAll('li'), timer=null, i=0;
1017  function cycle(){
1018    lis.forEach(function(l,k){l.classList.toggle('active',k===i);l.classList.toggle('done',k<i);});
1019    i=(i+1)%(lis.length+1);
1020  }
1021  function countUp(el){
1022    var txt=el.textContent.trim(); var m=txt.match(/^([+]?)(\d+)(.*)$/); if(!m) return;
1023    var end=parseInt(m[2],10), t0=null;
1024    function step(ts){ if(!t0) t0=ts; var p=Math.min((ts-t0)/1200,1); p=1-Math.pow(1-p,3); el.textContent=m[1]+Math.round(end*p)+m[3]; if(p<1) requestAnimationFrame(step); }
1025    requestAnimationFrame(step);
1026  }
1027  var io=new IntersectionObserver(function(es){
1028    es.forEach(function(e){
1029      if(!e.isIntersecting) return;
1030      if(e.target===steps){ steps.classList.add('in'); if(!reduce&&!timer){ setTimeout(function(){cycle();timer=setInterval(cycle,1800);},900);} }
1031      if(e.target===impact){ impact.classList.add('in'); if(!reduce) impact.querySelectorAll('b').forEach(countUp); }
1032      io.unobserve(e.target);
1033    });
1034  },{threshold:.35});
1035  io.observe(steps); if(impact) io.observe(impact);
1036})();
1037</script>
vendor: 1 bytes, line 1037
1037
1038<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"4697c993d4f14c0a9a7aeabee725ee53","r":1,"spa":2}' crossorigin="anonymous"></script>
1038
1039</body>
1040</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.