PageSourceSearch

https://kiivoo.ai/en/bestellen

html kiivoo.ai collected 2026-10-05 14:48:28 UTC 60,966 bytes, 784 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/e1f3a7aca94a2876.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-b2d76d6f878f45f6.js"/>
1<script src="/_next/static/chunks/4bd1b696-100b9d70ed4e49c1.js" async=""></script>
1<script src="/_next/static/chunks/1255-eae4096fb21f1304.js" async=""></script>
1<script src="/_next/static/chunks/main-app-234525b5e3ddebfb.js" async=""></script>
1<script src="/_next/static/chunks/2619-04bc32f026a0d946.js" async=""></script>
1<script src="/_next/static/chunks/1964-c461fdf948dc3584.js" async=""></script>
1<script src="/_next/static/chunks/5588-f9e906b1e5a5102c.js" async=""></script>
1<script src="/_next/static/chunks/9741-ad45d18a8632b3cc.js" async=""></script>
1<script src="/_next/static/chunks/app/en/bestellen/page-f2bcb6c22aa7bb66.js" async=""></script>
1<script src="/_next/static/chunks/app/global-error-65fef967e4f10881.js" async=""></script>
1<script src="/_next/static/chunks/6964-06dc6141690a7100.js" async=""></script>
1<script src="/_next/static/chunks/2243-3ee9b40846c13117.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-3e9f68a6204507dd.js" async=""></script>
1<script src="/_next/static/chunks/app/error-9e270d4bad70c2eb.js" async=""></script>
1<meta name="next-size-adjust" content=""/><meta name="theme-color" content="#1aa2ae"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body class="bg-gray-50 text-gray-900 antialiased"><div hidden=""><!--$?--><template id="B:0"></template><!--/$--></div>
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://kiivoo.ai/#organization","name":"Kiivoo","url":"https://kiivoo.ai","logo":"https://kiivoo.ai/kiivoo-logo.png"},{"@type":"SoftwareApplication","name":"Kiivoo","applicationCategory":"BusinessApplication","operatingSystem":"Web","url":"https://kiivoo.ai","publisher":{"@id":"https://kiivoo.ai/#organization"},"offers":{"@type":"Offer","price":"4.99","priceCurrency":"EUR"}}]}</script>
1<style>
2  body.bestellen-body {
3    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
4    background: #0B1215 !important;
5    color: #F1F6F5 !important;
6    line-height: 1.6;
7    margin: 0 !important;
8    overflow-y: scroll;
9  }
10
11  /* ── Layout ── */
12  .ob-layout {
13    display: flex; min-height: 100vh;
14  }
15
16  /* ── Stepper ── */
17  .ob-stepper {
18    position: fixed; top: 50%; left: 2rem;
19    transform: translateY(-50%);
20    display: flex; align-items: flex-start; justify-content: center;
21    z-index: 50;
22  }
23  .ob-stepper-inner {
24    display: flex; flex-direction: column; gap: 0; position: relative;
25  }
26  .ob-step {
27    display: flex; align-items: center; gap: 0.75rem;
28    padding: 0.85rem 1.25rem; border: none; background: none;
29    cursor: pointer; font-family: inherit; transition: all 0.25s;
30    position: relative; text-align: left; width: 100%;
31  }
32  /* vertical line between dots */
33  .ob-step:not(:last-child)::after {
34    content: ''; position: absolute;
35    left: calc(1.25rem + 11px); top: calc(0.85rem + 26px);
36    width: 2px; height: calc(100% - 26px);
37    background: #1E3038; transition: background 0.3s;
38  }
39  .ob-step--done:not(:last-child)::after { background: #0f9d94; }
40
41  .ob-step-dot {
42    width: 24px; height: 24px; border-radius: 50%;
43    display: flex; align-items: center; justify-content: center;
44    font-size: 0.72rem; font-weight: 700; flex-shrink: 0;
45    transition: all 0.3s; border: 2px solid #1E3038;
46    color: #6B7B80; background: #0B1215;
47  }
48  .ob-step--done .ob-step-dot {
49    background: #0f9d94; border-color: #0f9d94; color: #fff;
50  }
51  .ob-step--active .ob-step-dot {
52    border-color: #3dbdb4;
52 color: #3dbdb4;
53    box-shadow: 0 0 0 4px rgba(15, 157, 148, 0.15);
54    transform: scale(1.15);
55  }
56  .ob-step-label {
57    font-size: 0.82rem; font-weight: 500; color: #6B7B80;
58    transition: color 0.3s;
59  }
60  .ob-step--active .ob-step-label { color: #F1F6F5; font-weight: 600; }
61  .ob-step--done .ob-step-label { color: #9CA8AB; }
62  .ob-step:hover .ob-step-label { color: #F1F6F5; }
63
64  /* Inline-Sprach-Toggle unten in der Stepper-Sidebar */
65  .ob-locale {
66    display: inline-flex; align-items: center; gap: 0.3rem;
67    margin: 0 0 1.75rem 1.25rem;
68    padding: 0.32rem 0.7rem;
69    border: 1px solid #1E3038; border-radius: 999px;
70    background: rgba(18, 30, 34, 0.6); color: #6B7B80; width: fit-content;
71  }
72  .ob-locale-icon { width: 13px; height: 13px; opacity: 0.55; flex-shrink: 0; }
73  .ob-locale-btn {
74    background: none; border: none; cursor: pointer; font-family: inherit;
75    color: #6B7B80; font-size: 0.75rem; font-weight: 500;
76    letter-spacing: 0.06em; padding: 0.1rem 0.15rem; line-height: 1;
77    transition: color 0.18s;
78  }
79  .ob-locale-btn:hover { color: #F1F6F5; }
80  .ob-locale-btn--active { color: #3dbdb4; font-weight: 600; cursor: default; }
81  .ob-locale-sep { color: #2A3F47; font-size: 0.75rem; user-select: none; }
82
83  /* ── Content ── */
84  .ob-content {
85    max-width: 900px;
86    margin: 0 auto;
87    padding: 2.5rem 3rem 4rem;
88  }
89
90  /* ── Header ── */
91  .ob-header { margin-bottom: 2rem; }
92  .ob-back {
93    display: inline-flex; align-items: center; gap: 0.4rem;
94    color: #3dbdb4; text-decoration: none; font-size: 0.82rem;
95    font-weight: 500; margin-bottom: 0.75rem; transition: color 0.2s;
96  }
97  .ob-back:hover { color: #F1F6F5; }
98  .ob-header-row { display: flex; align-items: center; gap: 1rem; }
99  .ob-logo {
100    height: 44px; width: auto; flex-shrink: 0;
101    filter: invert(1) hue-rotate(180deg) drop-shadow(0 0 12px rgba(15, 157, 148, 0.3));
102  }
103  .ob-title {
104    font-size: 1.75rem; font-weight: 800; margin: 0;
105    letter-spacing: -0.03em;
106    background: linear-gradient(135deg, #0f9d94 0%, #6fcec7 100%);
107    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
108    background-clip: text;
109  }
110  .ob-subtitle { font-size: 0.9rem; color: #9CA8AB; margin: 0.2rem 0 0; max-width: 600px; }
111
112  /* ── Sections ── */
113  .ob-section {
114    scroll-margin-top: 1.5rem;
115    padding: 2rem 2.25rem;
116    margin-bottom: 1.75rem;
117    background: #121E22;
118    border: 1px solid #1E3038;
119    border-radius: 16px;
120    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
121    transition: opacity 0.5s ease, transform 0.5s ease;
122  }
123  .ob-section--hidden {
124    display: none;
125  }
126  @keyframes ob-reveal {
127    from { opacity: 0; transform: translateY(20px); }
128    to { opacity: 1; transform: translateY(0); }
129  }
130  .ob-section--visible {
131    animation: ob-reveal 0.45s ease forwards;
132  }
133  .ob-section-head {
134    display: flex; align-items: center; gap: 0.75rem;
135    margin-bottom: 1.5rem;
136  }
137  .ob-section-num {
138    width: 32px; height: 32px; border-radius: 50%;
139    display: flex; align-items: center; justify-content: center;
140    font-size: 0.85rem; font-weight: 700;
141    background: rgba(15, 157, 148, 0.12); color: #3dbdb4;
142    border: 1px solid rgba(15, 157, 148, 0.25); flex-shrink: 0;
143  }
144  .ob-section-head h2 {
145    font-size: 1.4rem; font-weight: 700; margin: 0; color: #F1F6F5;
146  }
147
148  /* ── Plan-Auswahl ── */
149  .ob-lead {
150    font-size: 0.92rem; color: #9CA8AB; margin: 0 0 1.25rem;
151  }
152  /* Flex statt 3-Spalten-Grid: zentriert die Karten unabhängig von ihrer
153     Anzahl. Aktuell wird nur der Starter-Plan angeboten (listPublicPlans);
154     eine einzelne Karte stünde im Grid linksbündig in der ersten Spalte. */
155  .ob-plan-grid {
156    display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem;
157    margin-bottom: 1.75rem;
158  }
159  .ob-plan-card {
160    position: relative; text-align: left;
161    flex: 0 1 320px; max-width: 340px;
162    padding: 1.5rem 1.25rem 1.25rem; border-radius: 14px;
163    background: #121E22; border: 1px solid #1E3038;
164    cursor: pointer; transition: all 0.2s ease;
165    font-family: inherit; color: inherit;
166    display: flex; flex-direction: column; gap: 0.85rem;
167  }
168  .ob-plan-card:hover {
169    border-color: rgba(15, 157, 148, 0.4);
170    transform: translateY(-1px);
171  }
172  .ob-plan-card--active {
173    border-color: #3dbdb4;
174    background: linear-gradient(180deg, rgba(15, 157, 148, 0.18) 0%, rgba(15, 157, 148, 0.08) 100%);
175    box-shadow:
176      0 0 0 2px #3dbdb4,
177      0 0 0 6px rgba(15, 157, 148, 0.22),
178      0 10px 32px rgba(15, 157, 148, 0.22);
179    transform: translateY(-2px);
180  }
181  /* Check-Marker im Plan-Namen: reserviert immer Platz (visibility:hidden
182     bei inaktiv), damit das Layout beim Aktivieren nicht springt. Klare
183     "Ausgewaehlt"-Markierung ohne Kollision mit Beliebt/Einfuehrungs-Badge. */
184  .ob-plan-check {
185    display: inline-flex; align-items: center; justify-content: center;
186    width: 1.5em; height: 1.5em;
187    border-radius: 50%;
188    background: #3dbdb4;
188 color: #0B1215;
189    font-weight: 800; font-size: 0.78em; line-height: 1;
190    margin-right: 0.5em;
191    vertical-align: -0.18em;
192    box-shadow: 0 2px 6px rgba(15, 157, 148, 0.4);
193  }
194  .ob-plan-check--hidden { visibility: hidden; }
195  .ob-plan-card--popular { border-color: rgba(15, 157, 148, 0.3); }
196  .ob-plan-card--intro { border-color: rgba(244, 162, 97, 0.45); }
197  .ob-plan-badge {
198    position: absolute; top: -10px; right: 14px;
199    background: linear-gradient(135deg, #0f9d94 0%, #6fcec7 100%);
200    color: #0B1215; font-size: 0.68rem; font-weight: 700;
201    text-transform: uppercase; letter-spacing: 0.08em;
202    padding: 0.25rem 0.6rem; border-radius: 999px;
203  }
204  .ob-plan-badge--intro {
205    background: linear-gradient(135deg, #f4a261 0%, #f6c177 100%);
206    color: #1a0f00;
207  }
208  .ob-plan-intro-note {
209    margin: -0.4rem 0 0;
210    font-size: 0.74rem; color: #f4a261; line-height: 1.4;
211    min-height: 2.8em;
212  }
213  .ob-plan-intro-note--placeholder { visibility: hidden; }
214  .ob-plan-name {
215    font-size: 1.1rem; font-weight: 700; color: #F1F6F5;
216  }
217  .ob-plan-price {
218    display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem;
219  }
220  .ob-plan-price-amount {
221    font-size: 1.7rem; font-weight: 800; color: #3dbdb4; letter-spacing: -0.02em;
222    white-space: nowrap;
223  }
224  .ob-plan-price-period { font-size: 0.78rem; color: #9CA8AB; }
225  .ob-plan-commission {
226    display: flex; flex-direction: column; align-items: flex-start; gap: 0.15rem;
227    padding: 0.75rem 0.9rem;
228    background: linear-gradient(135deg, rgba(15, 157, 148, 0.18), rgba(15, 157, 148, 0.08));
229    border: 1px solid rgba(15, 157, 148, 0.35);
230    border-radius: 10px;
231  }
232  .ob-plan-commission-num {
233    font-size: 1.55rem; font-weight: 800; color: #6fcec7; letter-spacing: -0.02em;
234    line-height: 1.05;
235  }
236  .ob-plan-commission-label {
237    font-size: 0.7rem; color: #9CA8AB; line-height: 1.3;
238  }
239  .ob-plan-card--active .ob-plan-commission {
240    background: linear-gradient(135deg, rgba(15, 157, 148, 0.28), rgba(15, 157, 148, 0.14));
241    border-color: rgba(15, 157, 148, 0.55);
242  }
243  .ob-plan-card--active .ob-plan-commission-num { color: #3dbdb4; }
244  .ob-plan-features {
245    list-style: none; padding: 0; margin: 0;
246    display: flex; flex-direction: column; gap: 0.35rem;
247    font-size: 0.82rem; color: #c0d0d3;
248  }
249  .ob-plan-features li::before {
250    content: "\2713"; color: #3dbdb4; font-weight: 700; margin-right: 0.45rem;
251  }
252  .ob-plan-features li.ob-feature-incl {
253    color: #fff; font-weight: 700;
254    background: rgba(61, 189, 180, 0.16);
255    border: 1px solid rgba(61, 189, 180, 0.45);
256    border-radius: 6px;
257    padding: 0.3rem 0.5rem;
258  }
259  .ob-plan-features li.ob-feature-incl::before {
260    content: "\2605"; color: #3dbdb4; margin-right: 0.4rem;
261  }
262
263  /* ── Gesprächskosten-Hinweis ── */
264  .ob-fee-info {
265    display: flex; gap: 0.85rem; align-items: flex-start;
266    margin: 0 0 1.75rem;
267    padding: 1rem 1.1rem;
268    background: rgba(255, 255, 255, 0.03);
269    border: 1px solid rgba(255, 255, 255, 0.08);
270    border-left: 3px solid #3dbdb4;
271    border-radius: 10px;
272  }
273  .ob-fee-info-icon {
274    flex-shrink: 0;
275    width: 22px; height: 22px;
276    display: flex; align-items: center; justify-content: center;
277    border-radius: 50%;
278    background: rgba(15, 157, 148, 0.18);
279    color: #6fcec7; font-size: 0.78rem; font-weight: 700;
280    font-family: Georgia, serif;
281  }
282  .ob-fee-info-body > strong {
283    display: block; color: #F1F6F5; font-size: 0.9rem; margin-bottom: 0.25rem;
284  }
285  .ob-fee-info-body p {
286    margin: 0; font-size: 0.82rem; color: #9CA8AB; line-height: 1.55;
287  }
288  .ob-fee-info-body p strong { color: #6fcec7; font-weight: 700; }
289
290  /* ── Product Section ── */
291  .ob-product-grid {
292    display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem;
293    margin-bottom: 1.5rem;
294  }
295  .ob-info-grid {
296    display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;
297  }
298  .ob-info-item {
299    padding: 0.5rem 0.7rem;
300    background: rgba(15, 157, 148, 0.06); border: 1px solid #1E3038;
301    border-radius: 10px;
302  }
303  .ob-info-label { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.05em; color: #9CA8AB; margin-bottom: 0.15rem; display: block; }
304  .ob-info-value { font-size: 0.9rem; font-weight: 700; color: #3dbdb4; display: block; line-height: 1.3; }
305  .ob-muted { font-size: 0.82rem; color: #6B7B80; margin-top: 0.75rem; }
306
307  .ob-price-box {
308    background: rgba(15, 157, 148, 0.08); border: 1px solid rgba(15, 157, 148, 0.25);
309    border-radius: 12px; padding: 1.25rem;
310    position: relative;
311    align-self: start;
312  }
313  .ob-price-box--intro {
314    background: linear-gradient(135deg, rgba(244, 162, 97, 0.1), rgba(15, 157, 148, 0.06));
315    border-color: rgba(244, 162, 97, 0.4);
316  }
317  .ob-price-intro-flag {
318    position: absolute; top: -10px; left: 14px;
319    background: linear-gradient(135deg, #f4a261 0%, #f6c177 100%);
320    color: #1a0f00; font-size: 0.68rem; font-weight: 700;
321    text-transform: uppercase; letter-spacing: 0.08em;
322    padding: 0.25rem 0.6rem; border-radius: 999px;
323  }
324  .ob-price-main {
325    display: flex; align-items: baseline; gap: 0.5rem;
326    margin-bottom: 0.75rem; padding-bottom: 0.75rem;
327    border-bottom: 1px solid rgba(15, 157, 148, 0.15);
328  }
329  .ob-price-amount { font-size: 2rem; font-weight: 800; color: #3dbdb4; letter-spacing: -0.02em; }
330  .ob-price-period { font-size: 0.82rem; color: #9CA8AB; }
331  .ob-price-breakdown { display: flex; flex-direction: column; gap: 0.3rem; }
332  .ob-price-row { display: flex; justify-content: space-between; font-size: 0.82rem; color: #9CA8AB; }
333  .ob-price-total {
334    margin-top: 0.35rem; padding-top: 0.5rem;
335    border-top: 1px solid rgba(15, 157, 148, 0.15);
336    font-weight: 700; color: #F1F6F5; font-size: 0.92rem;
337  }
338  .ob-price-row--note {
339    margin-top: 0.5rem; padding-top: 0.5rem;
340    border-top: 1px dashed rgba(244, 162, 97, 0.3);
341    color: #f4a261; font-size: 0.78rem;
342  }
343
344  .ob-h3 { font-size: 1rem; font-weight: 700; color: #6fcec7; margin: 0 0 0.5rem; }
345  .ob-list {
346    list-style: none; padding: 0; margin: 0 0 1.5rem;
347    font-size: 0.88rem; color: #c0d0d3;
348    display: flex; flex-direction: column; gap: 0.35rem;
349  }
350  .ob-list li::before { content: "\2713"; color: #3dbdb4; font-weight: 700; margin-right: 0.5rem; }
351
352  /* ── Next Buttons ── */
353  .ob-next {
354    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
355    width: fit-content;
356    padding: 0.75rem 2rem; margin: 1.5rem auto 0;
357    background: linear-gradient(135deg, rgba(15, 157, 148, 0.2), rgba(15, 157, 148, 0.1));
358    border: 1px solid rgba(15, 157, 148, 0.4);
359    border-radius: 10px; cursor: pointer;
360    font-family: inherit; font-size: 0.9rem; font-weight: 600;
361    color: #3dbdb4; transition: all 0.25s;
362    box-shadow: 0 2px 8px rgba(15, 157, 148, 0.1);
363  }
364  .ob-next:hover {
365    background: linear-gradient(135deg, rgba(15, 157, 148, 0.3), rgba(15, 157, 148, 0.15));
366    border-color: #3dbdb4;
367    box-shadow: 0 4px 16px rgba(15, 157, 148, 0.2);
368    transform: translateY(-1px);
369  }
370  .ob-next-arrow { font-size: 1rem; transition: transform 0.2s; }
371  .ob-next:hover .ob-next-arrow { transform: translateY(2px); }
372  .ob-next--disabled,
373  .ob-next:disabled {
374    opacity: 0.55; cursor: not-allowed; transform: none !important;
375    box-shadow: none;
376  }
377  .ob-next--disabled:hover,
378  .ob-next:disabled:hover {
379    background: linear-gradient(135deg, rgba(15, 157, 148, 0.2), rgba(15, 157, 148, 0.1));
380    border-color: rgba(15, 157, 148, 0.4);
381    transform: none; box-shadow: none;
382  }
383
384  /* ── Plattform-Karten (Shop-System) ── */
385  .ob-platform-options {
386    display: grid;
387    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
388    gap: 0.75rem;
389  }
390  /* Zweispaltige Gruppierung: links "Unterstuetzt" (Bestell-Pfad), rechts
391     "Coming Soon" (Vormerk-Pfad). Auf Mobile gestapelt. */
392  .ob-vendor-groups {
393    display: grid;
394    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
395    gap: 1rem;
396  }
397  .ob-vendor-group {
398    display: flex; flex-direction: column; gap: 0.6rem;
399    padding: 0.85rem;
400    border: 1px solid rgba(255,255,255,0.06);
401    border-radius: 12px;
402    background: rgba(255,255,255,0.02);
403  }
404  .ob-vendor-group-head {
405    display: flex; align-items: center; justify-content: space-between;
406    margin: 0; font-size: 0.78rem; font-weight: 600;
407    text-transform: uppercase; letter-spacing: 0.06em;
408    color: #9CA8AB;
409  }
410  .ob-vendor-group-pill {
411    display: inline-flex; align-items: center;
412    padding: 0.15rem 0.55rem;
413    font-size: 0.65rem; font-weight: 600;
414    text-transform: uppercase; letter-spacing: 0.05em;
415    border-radius: 999px;
416    background: rgba(255,255,255,0.05);
417    color: #9CA8AB;
418  }
419  .ob-vendor-group-pill--ok {
420    background: rgba(15, 157, 148, 0.15);
421    color: #5fd0c8;
422  }
423  .ob-vendor-pill {
424    display: flex; align-items: center; justify-content: space-between;
425    gap: 0.75rem; padding: 0.65rem 0.9rem;
426    background: rgba(15, 157, 148, 0.08);
427    border: 1px solid rgba(15, 157, 148, 0.3);
428    border-radius: 10px;
429  }
430  .ob-vendor-pill-label {
431    display: flex; align-items: center; gap: 0.6rem;
432    color: #F1F6F5; font-size: 0.95rem;
433  }
434  .ob-vendor-pill-label .ob-platform-logo {
435    width: 24px; height: 24px;
436  }
437  .ob-vendor-pill-change {
438    background: transparent; border: none;
439    color: #3dbdb4; font-size: 0.85rem; cursor: pointer;
440    padding: 0.25rem 0.5rem; font-family: inherit;
441    text-decoration: underline;
442  }
443  .ob-vendor-pill-change:hover { color: #5fd0c8; }
444  .ob-platform-card {
445    display: flex; align-items: center; gap: 0.85rem;
446    padding: 0.95rem 1rem;
447    background: rgba(255, 255, 255, 0.03);
448    border: 1px solid #1E3038;
449    border-radius: 12px;
450    cursor: pointer; text-align: left;
451    font-family: inherit; transition: all 0.2s;
452    color: #C8D2D5;
453  }
454  .ob-platform-card:hover {
455    border-color: rgba(15, 157, 148, 0.6);
456    background: rgba(15, 157, 148, 0.05);
457  }
458  .ob-platform-card--active {
459    border-color: #3dbdb4;
460    background: rgba(15, 157, 148, 0.12);
461    box-shadow: 0 0 0 2px rgba(61, 189, 180, 0.15);
462  }
463  .ob-platform-logo { flex-shrink: 0; width: 36px; height: 36px; }
464  /* Querformat-Logos (z.B. OXID-eShop-Wortmarke 2:1) brauchen breiteren
465     Slot, sonst wird der Schriftzug auf <20px Hoehe gequetscht und
466     unleserlich. object-fit:contain halten wir per inline-style. */
467  .ob-platform-logo--wide { width: 72px; height: 36px; }
468  .ob-vendor-pill-label .ob-platform-logo--wide { width: 48px; height: 24px; }
469  .ob-platform-text {
470    display: flex; flex-direction: column; gap: 0.1rem; min-width: 0;
471  }
472  .ob-platform-title {
473    font-weight: 600; font-size: 0.95rem; color: #F1F6F5;
474  }
475  .ob-platform-sub {
476    font-size: 0.8rem; color: #6B7B80;
477  }
478  .ob-platform-card--active .ob-platform-sub { color: #9CA8AB; }
479
480  /* ── Vormerk-Subflow (≤6.3) ── */
481  .ob-waitlist {
482    margin-top: 2rem;
483    padding: 1.5rem 1.75rem;
484    background: linear-gradient(135deg, rgba(15, 157, 148, 0.07), rgba(15, 157, 148, 0.03));
485    border: 1px solid rgba(15, 157, 148, 0.25);
486    border-radius: 14px;
487  }
488  .ob-waitlist-head {
489    display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem;
490  }
491  .ob-waitlist-icon {
492    display: inline-flex; align-items: center; justify-content: center;
493    width: 32px; height: 32px; border-radius: 50%;
494    background: rgba(15, 157, 148, 0.18); color: #3dbdb4;
495    font-size: 1rem;
496  }
497  .ob-waitlist-head h3 {
498    margin: 0; font-size: 1.05rem; color: #F1F6F5;
499  }
500  .ob-waitlist-lead {
501    color: #C8D2D5; font-size: 0.92rem; margin: 0 0 1.25rem;
502  }
503  .ob-checkbox {
504    display: flex; gap: 0.6rem; align-items: flex-start;
505    padding: 0.75rem 0;
506    color: #9CA8AB; font-size: 0.85rem; line-height: 1.5;
507    cursor: pointer;
508  }
509  .ob-checkbox input[type="checkbox"] {
510    flex-shrink: 0; margin-top: 0.2rem; width: 16px; height: 16px;
511    accent-color: #0f9d94; cursor: pointer;
512  }
513  .ob-checkbox a { color: #3dbdb4; text-decoration: underline; }
514
515  /* ── Form Fields ── */
516  .ob-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; margin-bottom: 0.9rem; }
517  .ob-address-row { display: grid; grid-template-columns: 1.3fr 90px 1fr; gap: 0.9rem; margin-bottom: 0.9rem; }
518  .ob-field { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.9rem; }
519  .ob-row .ob-field, .ob-address-row .ob-field { margin-bottom: 0; }
520  .ob-field label { font-size: 0.85rem; font-weight: 700; color: #6fcec7; margin-bottom: 0.15rem; }
521  .ob-field input, .ob-field textarea, .ob-field select {
522    width: 100%; box-sizing: border-box;
523    padding: 0.75rem 0.9rem;
524    background: rgba(255,255,255,0.04); border: 1px solid #1E3038;
525    border-radius: 10px; color: #F1F6F5; font-size: 0.95rem;
526    font-family: inherit; outline: none; transition: border-color 0.2s;
527  }
528  .ob-field select { cursor: pointer; }
529  .ob-field select option { background: #121E22; color: #F1F6F5; }
530  .ob-field input::placeholder, .ob-field textarea::placeholder { color: #4A5B60; }
531  .ob-field input:focus, .ob-field textarea:focus, .ob-field select:focus {
532    border-color: #0f9d94;
533    box-shadow: 0 0 0 2px rgba(15, 157, 148, 0.15);
534  }
535  .ob-field textarea { resize: vertical; }
536
537  /* ── Billing Address Toggle ── */
538  .ob-billing-toggle {
539    display: flex; align-items: center; gap: 0.6rem;
540    font-size: 0.88rem; font-weight: 600; color: #9CA8AB;
541    cursor: pointer; margin-bottom: 0.5rem;
542  }
543  .ob-billing-toggle input {
544    width: 18px; height: 18px; accent-color: #0f9d94; cursor: pointer;
545  }
546  .ob-billing-fields {
547    padding: 1rem 1.25rem; margin-bottom: 0.5rem;
548    background: rgba(15, 157, 148, 0.04);
549    border: 1px solid rgba(15, 157, 148, 0.15);
550    border-radius: 10px;
551    animation: ob-reveal 0.3s ease forwards;
552  }
553  .ob-billing-fields .ob-field { margin-bottom: 0.75rem; }
554  .ob-billing-fields .ob-field:last-child { margin-bottom: 0; }
555  .ob-billing-fields .ob-address-row .ob-field { margin-bottom: 0; }
556
557  /* ── Customer Type ── */
558  .ob-type-options { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.5rem; }
559  .ob-type-card {
560    padding: 0.6rem 0.5rem; text-align: center;
561    background: rgba(255,255,255,0.03); border: 2px solid #1E3038;
562    border-radius: 8px; cursor: pointer; transition: all 0.2s;
563    color: #9CA8AB; font-family: inherit; font-size: 0.88rem; font-weight: 600;
564  }
565  .ob-type-card:hover { border-color: rgba(15, 157, 148, 0.4); background: rgba(15, 157, 148, 0.06); }
566  .ob-type-card.active {
567    border-color: #0f9d94; background: rgba(15, 157, 148, 0.1);
568    color: #F1F6F5; box-shadow: 0 0 0 1px rgba(15, 157, 148, 0.2);
569  }
570
571  /* ── Payment ── */
572  .ob-payment-options { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-bottom: 1rem; }
573  .ob-payment-card {
574    display: flex; flex-direction: column; align-items: center;
575    gap: 0.25rem; padding: 0.85rem 0.5rem;
576    background: rgba(255,255,255,0.03); border: 2px solid #1E3038;
577    border-radius: 10px; cursor: pointer; transition: all 0.2s;
578    color: #9CA8AB; font-family: inherit;
579  }
580  .ob-payment-card:hover { border-color: rgba(15, 157, 148, 0.4); background: rgba(15, 157, 148, 0.06); }
581  .ob-payment-card.active {
582    border-color: #0f9d94; background: rgba(15, 157, 148, 0.1);
583    color: #F1F6F5; box-shadow: 0 0 0 1px rgba(15, 157, 148, 0.2);
584  }
585  .ob-payment-icon {
586    font-size: 1.4rem;
587    display: flex; align-items: center; justify-content: center;
588    height: 1.6rem; line-height: 1;
589  }
590  .ob-payment-name { font-size: 0.85rem; font-weight: 600; }
591  /* Brand-konforme Markenelemente fuer Wallet-Buttons.
592     GPay: weisser Pill, 1px #3C4043 Border, offizielles kombiniertes Mark.
593     Spec: https://developers.google.com/pay/api/web/guides/brand-guidelines */
594  .ob-payment-brand {
595    display: inline-flex; align-items: center; justify-content: center;
596    line-height: 1;
597  }
598  .ob-payment-brand--gpay {
599    background: #FFFFFF;
600    border: 1px solid #3C4043;
601    border-radius: 999px;
602    padding: 0.4rem 0.85rem;
603    min-height: 1.65rem;
604  }
605  /* Apple Pay: schwarzer Container, weisses Mark, rounded-rect 6px nach
606     Apple Pay Identity Guidelines (https://developer.apple.com/apple-pay/marketing/) */
607  .ob-payment-brand--applepay {
608    background: #000000;
609    border-radius: 6px;
610    padding: 0.4rem 0.85rem;
611    min-height: 1.65rem;
612  }
613  .ob-payment-badge {
614    font-size: 0.6rem; font-weight: 700; text-transform: uppercase;
615    letter-spacing: 0.05em; color: #0f9d94;
616    background: rgba(15, 157, 148, 0.15);
617    padding: 0.1rem 0.45rem; border-radius: 4px;
618  }
619  .ob-sepa-fields { display: flex; flex-direction: column; gap: 0.75rem; }
620  .ob-sepa-mandate {
621    background: rgba(255,255,255,0.02); border: 1px solid #1E3038;
622    border-radius: 8px; padding: 0.75rem;
623  }
624  .ob-sepa-hint {
625    font-size: 0.7rem; color: #6B7B80; margin-top: 0.4rem; line-height: 1.4;
626    padding-left: 1.5rem;
627  }
628  .ob-invoice-info {
629    font-size: 0.85rem; color: #9CA8AB;
630    padding: 0.6rem 0.85rem;
631    background: rgba(255,255,255,0.02); border: 1px solid #1E3038;
632    border-radius: 8px;
633  }
634  .ob-cc-wrap { display: flex; flex-direction: column; gap: 0.75rem; }
635  .ob-cc-hint {
636    font-size: 0.8rem; color: #9CA8AB; margin: 0;
637  }
638  .ob-cc-iframe {
639    width: 100%;
640    min-height: 260px;
641    background: #0B1215;
642    border: 1px solid #1E3038; border-radius: 8px;
643    display: block;
644  }
645  /* Inline-3DS-Challenge: Novalnet bringt eine groessere Challenge-Page ins iFrame.
646     Wir geben ihm mehr Hoehe + leicht hervorgehobenen Rahmen. */
647  .ob-cc-iframe.nn-cc-3ds-overlay {
648    min-height: 520px;
649    border-color: rgba(15, 157, 148, 0.5);
650    box-shadow: 0 0 0 2px rgba(15, 157, 148, 0.15);
651  }
652  .ob-payment-options {
653    display: grid;
654    grid-template-columns: repeat(3, 1fr);
655    gap: 0.6rem;
656    margin-bottom: 1rem;
657  }
658  @media (max-width: 640px) {
659    .ob-payment-options { grid-template-columns: repeat(2, 1fr); }
660  }
661
662  /* ── Abschluss ── */
663  .ob-notice {
664    border: 1px solid rgba(245, 158, 11, 0.3);
665    background: rgba(245, 158, 11, 0.06);
666    border-radius: 12px; padding: 1.25rem; font-size: 0.9rem;
667    margin-bottom: 1.25rem;
668  }
669  .ob-notice > strong { display: block; margin-bottom: 0.5rem; color: #FBBF24; font-size: 0.88rem; }
670  .ob-notice p { color: #9CA8AB; margin: 0; }
671  .ob-notice p strong { color: #FBBF24; font-weight: 700; }
672
673  .ob-checks {
674    background: rgba(255,255,255,0.02); border: 1px solid #1E3038;
675    border-radius: 12px; padding: 1.25rem;
676    display: flex; flex-direction: column; gap: 0.65rem;
677    margin-bottom: 1.25rem;
678  }
679  .ob-check {
680    display: flex; align-items: flex-start; gap: 0.65rem;
681    font-size: 0.9rem; color: #9CA8AB; cursor: pointer;
682  }
683  .ob-check input {
684    width: 18px; height: 18px; margin-top: 2px; flex-shrink: 0;
685    accent-color: #0f9d94;
686  }
687  .ob-check a { color: #3dbdb4; text-decoration: underline; }
688  .ob-check a:hover { color: #6fcec7; }
689
690  .ob-error {
691    padding: 0.65rem 0.85rem; border-radius: 8px; margin-bottom: 1rem;
692    background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3);
693    color: #FCA5A5; font-size: 0.88rem;
694  }
695
696  .ob-submit {
697    width: 100%; padding: 1rem;
698    background: linear-gradient(135deg, #0f9d94, #3dbdb4);
699    color: #fff; font-size: 1.1rem; font-weight: 700;
700    border: none; border-radius: 10px; cursor: pointer;
701    transition: all 0.3s; font-family: inherit;
702    box-shadow: 0 4px 16px rgba(15, 157, 148, 0.2);
703  }
704  .ob-submit:hover {
705    transform: translateY(-2px);
706    box-shadow: 0 8px 32px rgba(15, 157, 148, 0.35);
707  }
708  .ob-submit:disabled { opacity: 0.5; cursor: default; transform: none; box-shadow: none; }
709
710  .ob-fine { font-size: 0.72rem; color: #6B7B80; margin-top: 0.75rem; line-height: 1.5; }
711
712  /* ── Responsive ── */
713  @media (max-width: 900px) {
714    .ob-layout { flex-direction: column; }
715    .ob-stepper {
716      position: sticky; top: 0; left: 0; right: 0;
717      transform: none;
718      width: 100%; height: auto;
719      border-bottom: 1px solid #1E3038;
720      background: rgba(11, 18, 21, 0.95);
721      backdrop-filter: blur(8px);
722      padding: 0.6rem 0.75rem;
723    }
724    .ob-stepper-inner {
725      flex-direction: row; gap: 0; justify-content: space-between;
726      width: 100%; flex-wrap: wrap;
727    }
728    .ob-locale {
729      flex-basis: 100%; justify-content: center;
730      margin: 0 0 0.5rem;
731    }
732    .ob-step {
733      flex-direction: column; align-items: center;
734      padding: 0.35rem 0.2rem; gap: 0.2rem; flex: 1;
735    }
736    .ob-step:not(:last-child)::after { display: none; }
737    .ob-step-label { font-size: 0.6rem; text-align: center; }
738    .ob-step-dot { width: 22px; height: 22px; font-size: 0.65rem; }
739    .ob-content {
740      padding: 1rem 1rem 3rem;
741      max-width: 100%; box-sizing: border-box;
742    }
743    .ob-header { margin-bottom: 1.25rem; }
744    .ob-header-row { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
745    .ob-title { font-size: 1.25rem; }
746    .ob-subtitle { font-size: 0.82rem; }
747    .ob-section { padding: 1.25rem 1rem; margin-bottom: 1rem; border-radius: 10px; box-sizing: border-box; }
748    .ob-section-head h2 { font-size: 1.1rem; }
749    .ob-section-head { margin-bottom: 1rem; }
750    .ob-product-grid { grid-template-columns: 1fr; }
751    .ob-info-grid { grid-template-columns: 1fr 1fr; }
752    .ob-plan-card { flex-basis: 100%; max-width: none; }
753    .ob-plan-intro-note--placeholder { display: none; }
754    .ob-price-amount { font-size: 1.6rem; }
755    .ob-row { grid-template-columns: 1fr; }
756    .ob-address-row { grid-template-columns: 1fr; }
757    .ob-type-options { grid-template-columns: 1fr 1fr 1fr; }
758    .ob-payment-options { grid-template-columns: 1fr 1fr; }
759    .ob-next { width: 100%; box-sizing: border-box; }
760    .ob-submit { font-size: 1rem; padding: 0.85rem; }
761    .ob-notice { font-size: 0.82rem; padding: 1rem; }
762    .ob-checks { padding: 1rem; }
763    .ob-check { font-size: 0.82rem; }
764    .ob-billing-fields { padding: 0.85rem; }
765    .ob-sepa-mandate { padding: 0.65rem; }
766    .ob-field input, .ob-field textarea, .ob-field select { font-size: 0.9rem; }
767  }
768
769  @media (max-width: 480px) {
770    .ob-content { padding: 0.75rem 0.75rem 2.5rem; }
771    .ob-section { padding: 1rem 0.85rem; }
772    .ob-info-grid { grid-template-columns: 1fr; }
773    .ob-info-item { padding: 0.65rem 0.85rem; }
774    .ob-info-label { font-size: 0.68rem; }
775    .ob-info-value { font-size: 0.95rem; }
776    .ob-step-label { display: none; }
777    .ob-step-dot { width: 28px; height: 28px; font-size: 0.75rem; }
778    .ob-payment-options { grid-template-columns: 1fr; }
779    .ob-type-options { grid-template-columns: 1fr 1fr 1fr; }
780    .ob-platform-options { grid-template-columns: 1fr; }
781    .ob-vendor-groups { grid-template-columns: 1fr; }
782  }
783</style><style>body { background: #0B1215 !important; color: #F1F6F5 !important; }</style><div class="ob-layout"><nav class="ob-stepper"><div class="ob-stepper-inner"><div class="ob-locale" role="group" aria-label="Switch language">
783<svg class="ob-locale-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><path d="M3 12h18"></path><path d="M12 3a13 13 0 0 1 0 18M12 3a13 13 0 0 0 0 18"></path></svg><button type="button" class="ob-locale-btn" aria-pressed="false">DE</button><span class="ob-locale-sep" aria-hidden="true">/</span><button type="button" class="ob-locale-btn ob-locale-btn--active" aria-pressed="true">EN</button></div><button class="ob-step ob-step--active" type="button" style="cursor:pointer"><span class="ob-step-dot">1</span><span class="ob-step-label">Shop &amp; version</span></button><button class="ob-step ob-step--upcoming" type="button" style="cursor:default"><span class="ob-step-dot">2</span><span class="ob-step-label">Product &amp; price</span></button><button class="ob-step ob-step--upcoming" type="button" style="cursor:default"><span class="ob-step-dot">3</span><span class="ob-step-label">Your details</span></button><button class="ob-step ob-step--upcoming" type="button" style="cursor:default"><span class="ob-step-dot">4</span><span class="ob-step-label">Address</span></button><button class="ob-step ob-step--upcoming" type="button" style="cursor:default"><span class="ob-step-dot">5</span><span class="ob-step-label">Payment method</span></button><button class="ob-step ob-step--upcoming" type="button" style="cursor:default"><span class="ob-step-dot">6</span><span class="ob-step-label">Checkout</span></button></div></nav><div class="ob-content"><header class="ob-header"><a class="ob-back" href="/">← <!-- -->Back</a><div class="ob-header-row"><img src="/kiivoo-logo.png" alt="Kiivoo" class="ob-logo"/><div><h1 class="ob-title">Order Kiivoo</h1><p class="ob-subtitle">AI shopping advisor as a SaaS service for business customers. Available exclusively to entrepreneurs within the meaning of § 14 BGB (German Civil Code).</p></div></div></header><section id="shop" class="ob-section"><div class="ob-section-head"><span class="ob-section-num">1</span><h2>About your shop system</h2></div><div class="ob-field"><label>Shop system *</label><div class="ob-vendor-groups"><div class="ob-vendor-group"><h3 class="ob-vendor-group-head"><span>Supported</span><span class="ob-vendor-group-pill ob-vendor-group-pill--ok">live</span></h3><div class="ob-platform-options"><button type="button" class="ob-platform-card"><img src="/landingpage/icons/icon-shop-sw.svg" alt="" aria-hidden="true" class="ob-platform-logo"/><span class="ob-platform-text"><span class="ob-platform-title">Shopware</span><span class="ob-platform-sub">Self-hosted</span></span></button><button type="button" class="ob-platform-card"><img src="/landingpage/icons/icon-shop-sf.svg" alt="" aria-hidden="true" class="ob-platform-logo"/><span class="ob-platform-text"><span class="ob-platform-title">Shopify</span><span class="ob-platform-sub">Cloud</span></span></button><button type="button" class="ob-platform-card"><img src="/landingpage/icons/icon-shop-woocommerce.svg" alt="" aria-hidden="true" class="ob-platform-logo"/><span class="ob-platform-text"><span class="ob-platform-title">WooCommerce</span><span class="ob-platform-sub">WordPress</span></span></button></div></div><div class="ob-vendor-group"><h3 class="ob-vendor-group-head"><span>Coming Soon</span><span class="ob-vendor-group-pill">join waitlist</span></h3><div class="ob-platform-options"><button type="button" class="ob-platform-card"><img src="/landingpage/icons/icon-shop-magento.svg" alt="" aria-hidden="true" class="ob-platform-logo"/><span class="ob-platform-text"><span class="ob-platform-title">Magento</span><span class="ob-platform-sub">Adobe Commerce</span></span></button><button type="button" class="ob-platform-card"><img src="/landingpage/icons/icon-shop-oxid.png" alt="" aria-hidden="true" class="ob-platform-logo ob-platform-logo--wide" style="object-fit:contain;background:#fff;padding:3px 6px;border-radius:4px;box-sizing:border-box"/><span class="ob-platform-text"><span class="ob-platform-title">OXID eShop</span><span class="ob-platform-sub">Self-hosted</span></span></button></div></div></div></div><button type="button" class="ob-next">Continue<!-- --> <span class="ob-next-arrow">↓</span></button></section><section id="produkt" class="ob-section ob-section--hidden"><div class="ob-section-head"><span class="ob-section-num">2</span><h2>Plan &amp; price</h2></div><p class="ob-lead">Your Kiivoo plan at a glance.</p><div class="ob-plan-grid"><button type="button" class="ob-plan-card ob-plan-card--active ob-plan-card--intro" aria-pressed="true"><span class="ob-plan-badge ob-plan-badge--intro">Free trial month</span><div class="ob-plan-name"><span class="ob-plan-check" aria-hidden="true">✓</span>Starter</div><div class="ob-plan-price"><span class="ob-plan-price-amount">14.99<!-- --> €</span><span class="ob-plan-price-period">net / month</span></div><p class="ob-plan-intro-note">Free trial month without base fee. One-time €0.01 to verify. Commission only on real Kiivoo sales. Thereafter €14.99 / month net.</p><div class="ob-plan-commission"><span class="ob-plan-commission-num">4<!-- --> %</span><span class="ob-plan-commission-label">
783Commission on Kiivoo-assisted net revenue</span></div><ul class="ob-plan-features"><li>AI advisory with product recommendations</li><li class="ob-feature-incl">Conversation fees included</li><li>Conversion tracking + Kiivoo attribution</li><li>Assortment-gap report</li><li>Standard email support</li></ul></button></div><div class="ob-product-grid"><div class="ob-info-col"><div class="ob-info-grid"><div class="ob-info-item"><span class="ob-info-label">Plan</span><span class="ob-info-value">Starter (Free trial month)</span></div><div class="ob-info-item"><span class="ob-info-label">Contract type</span><span class="ob-info-value">SaaS service</span></div><div class="ob-info-item"><span class="ob-info-label">Trial month</span><span class="ob-info-value">Free, no base fee — 0.01 € verification, cancel anytime</span></div><div class="ob-info-item"><span class="ob-info-label">Minimum term</span><span class="ob-info-value">3 months (only after the trial month)</span></div><div class="ob-info-item"><span class="ob-info-label">Cancellation</span><span class="ob-info-value">Anytime during the trial month — then at the end of the term</span></div><div class="ob-info-item"><span class="ob-info-label">Commission</span><span class="ob-info-value">4 % on Kiivoo-assisted net revenue</span></div><div class="ob-info-item"><span class="ob-info-label">Conversation fees</span><span class="ob-info-value">included in all plans</span></div></div><p class="ob-muted">If not cancelled by the end of the term, the contract automatically renews for a further 3 months each time.</p></div><div class="ob-price-box ob-price-box--intro"><div class="ob-price-intro-flag">Free trial month</div><div class="ob-price-main"><span class="ob-price-amount">0.01<!-- --> €</span><span class="ob-price-period">one-time for verification</span></div><div class="ob-price-breakdown"><div class="ob-price-row"><span>Verification net</span><span>0.01<!-- --> €</span></div><div class="ob-price-row"><span>plus 19 % VAT</span><span>0.00<!-- --> €</span></div><div class="ob-price-row ob-price-total"><span>One-time verification charge</span><span>0.01<!-- --> €</span></div><div class="ob-price-row ob-price-row--note"><span>From month 2 (monthly)</span><span>14.99 € net/month</span></div></div></div></div><h3 class="ob-h3">Scope of services</h3><ul class="ob-list"><li>Provision of the Kiivoo online shopping advisor over the internet</li><li>Use for the entire contract term</li><li>Web-based administration and configuration</li><li>Technical provision within the scope of the service description</li></ul><button type="button" class="ob-next">Let&#x27;s go — enter your details<!-- --> <span class="ob-next-arrow">↓</span></button></section><form><section id="stammdaten" class="ob-section ob-section--hidden"><div class="ob-section-head"><span class="ob-section-num">3</span><h2>Your details</h2></div><div class="ob-field"><label>Salutation *</label><div class="ob-type-options"><button type="button" class="ob-type-card">Mr</button><button type="button" class="ob-type-card">Ms</button><button type="button" class="ob-type-card">Company</button></div></div><div class="ob-row"><div class="ob-field"><label for="vatId">VAT ID</label><input id="vatId" type="text" placeholder="DE..." name="vatId"/></div></div><div class="ob-row"><div class="ob-field"><label for="email">Email *</label><input id="email" type="email" required="" placeholder="[email protected]" name="email"/></div><div class="ob-field"><label for="phone">Mobile number</label><input id="phone" type="tel" placeholder="0170 1234567" autoComplete="tel" name="phone"/></div></div><button type="button" class="ob-next">Continue to address<!-- --> <span class="ob-next-arrow">↓</span></button></section><section id="adresse" class="ob-section ob-section--hidden"><div class="ob-section-head"><span class="ob-section-num">4</span><h2>Address</h2></div><div class="ob-address-row"><div class="ob-field"><label for="street">Street / no. *</label><input id="street" type="text" required="" placeholder="Example St 1" name="street"/></div><div class="ob-field"><label for="zip">Postal code *</label><input id="zip" type="text" required="" placeholder="23552" name="zip"/></div><div class="ob-field"><label for="city">City *</label><input id="city" type="text" required="" placeholder="Lübeck" name="city"/></div></div><div class="ob-field"><label for="notes">Notes</label><textarea id="notes" name="notes" placeholder="Optional" rows="2"></textarea></div><label class="ob-billing-toggle"><input type="checkbox"/><span>Different billing address</span></label><button type="button" class="ob-next">Continue to payment<!-- --> <span class="ob-next-arrow">↓</span></button></section><section id="zahlung" class="ob-section ob-section--hidden"><div class="ob-section-head"><span class="ob-section-num">5</span><h2>Payment method</h2></div><div class="ob-payment-options"><button type="button" class="ob-payment-card active"><span class="ob-payment-icon">🏦</span><span class="ob-payment-name">
783SEPA direct debit</span><span class="ob-payment-badge">Recommended</span></button><button type="button" class="ob-payment-card"><span class="ob-payment-icon">📄</span><span class="ob-payment-name">Purchase on invoice</span></button><button type="button" class="ob-payment-card"><span class="ob-payment-icon">💳</span><span class="ob-payment-name">Credit card</span></button></div><div class="ob-sepa-fields"><div class="ob-field"><label for="accountHolder">Account holder *</label><input id="accountHolder" type="text" required="" placeholder="John Doe" name="accountHolder" value=""/></div><div class="ob-row"><div class="ob-field"><label for="iban">IBAN *</label><input id="iban" type="text" required="" placeholder="DE89 3704 0044 0532 0130 00" autoComplete="off" name="iban"/></div><div class="ob-field"><label for="bic">BIC (optional)</label><input id="bic" type="text" placeholder="COBADEFFXXX" name="bic"/></div></div><div class="ob-sepa-mandate"><label class="ob-check"><input type="checkbox" required="" name="confirmSepa"/><span>I authorize 54° north solutions GmbH to collect payments from my account by direct debit. This covers the annual base fee as well as any usage-based charges (conversation costs, sales commissions) according to the price list in force at the time. At the same time, I instruct my bank to honor the direct debits drawn on my account by 54° north solutions GmbH. *</span></label><p class="ob-sepa-hint">Note: Within eight weeks of the debit date, I can request a refund of the amount debited. The terms agreed with my bank apply.</p></div></div><button type="button" class="ob-next">Continue to checkout<!-- --> <span class="ob-next-arrow">↓</span></button></section><section id="abschluss" class="ob-section ob-section--hidden"><div class="ob-section-head"><span class="ob-section-num">6</span><h2>Complete order</h2></div><p class="ob-notice" style="font-style:italic">The linked contract documents (T&amp;Cs, privacy policy, service description) are provided in German.</p><div class="ob-notice"><strong>Mandatory information before placing your order</strong><p>You&#x27;re ordering Kiivoo on the Starter plan. The first month is a free trial month — no base fee; a one-time 0.01 € net (0.01 € incl. 19% VAT) is charged for verification (non-refundable). During the trial month you can cancel anytime without notice; in that case no further costs arise and there is no minimum-term commitment. From month 2 the base fee is 14.99 € net (17.84 € incl. 19% VAT) per month. The minimum term of 3 months begins only after the trial month. The sales commission below on net revenue generated via Kiivoo also applies during the trial month, insofar as sales are generated via Kiivoo.<!-- --> <!-- -->The AI consultations are included in the base fee; no usage-based conversation fees apply. In addition, a 4% sales commission on net revenue generated via Kiivoo is charged and billed separately. The contract renews automatically for a further 3 months each time unless cancelled by the end of the respective term.</p></div><div class="ob-checks"><label class="ob-check"><input type="checkbox" required="" name="confirmB2B"/><span>I am ordering as an entrepreneur within the meaning of § 14 German Civil Code (BGB) and not as a consumer. *</span></label><label class="ob-check"><input type="checkbox" required="" name="confirmAGB"/><span>I accept the<!-- --> <a href="/nutzungsvertrag-kiivoo.pdf" target="_blank">AGB / Nutzungsvertrag Kiivoo</a> <!-- -->as part of the contract. *</span></label><label class="ob-check"><input type="checkbox" required="" name="confirmPrivacy"/><span>I have taken note of the<!-- --> <a href="/datenschutz" target="_blank">Datenschutzhinweise</a> <!-- -->for information. *</span></label><label class="ob-check"><input type="checkbox" required="" name="confirmLeistung"/><span>I accept the<!-- --> <a href="/leistungsbeschreibung-kiivoo.pdf" target="_blank">Leistungsbeschreibung Kiivoo</a> <!-- -->as part of the contract. *</span></label></div><button type="submit" class="ob-submit">Order with obligation to pay</button><p class="ob-fine">After submitting the order you&#x27;ll immediately receive an electronic order confirmation. The contract is formed upon order confirmation or activation by the provider.</p></section></form></div></div><!--$?--><template id="B:1"></template><!--/$-->
783<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
783<script src="/_next/static/chunks/webpack-b2d76d6f878f45f6.js" id="_R_" async=""></script>
783<div hidden id="S:1"></div>
783<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
784$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:1","S:1")</script>
784<title>Kiivoo — The AI Salesperson for Your Online Shop</title><meta name="description" content="Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month."/><link rel="manifest" href="/manifest.webmanifest"/><meta name="robots" content="index, follow"/><link rel="alternate" hrefLang="de" href="https://kiivoo.ai"/><link rel="alternate" hrefLang="en" href="https://kiivoo.ai/en"/><meta property="og:title" content="Kiivoo — The AI Salesperson for Your Online Shop"/><meta property="og:description" content="Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month."/><meta property="og:url" content="https://kiivoo.ai/en"/><meta property="og:site_name" content="Kiivoo"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="Kiivoo — Der KI-Verkäufer für Ihren Online-Shop"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://kiivoo.ai/opengraph-image?941eb93f1596b717"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Kiivoo — The AI Salesperson for Your Online Shop"/><meta name="twitter:description" content="Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month."/><meta name="twitter:image:alt" content="Kiivoo — Der KI-Verkäufer für Ihren Online-Shop"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://kiivoo.ai/twitter-image?5810de9fe70dea26"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/icon.png?0951f3a2ca43ef10" type="image/png" sizes="382x369"/><link rel="apple-touch-icon" href="/apple-icon?723d6eda7e506120" type="image/png" sizes="180x180"/>
784<script>document.querySelectorAll('body link[rel="icon"], body link[rel="apple-touch-icon"]').forEach(el => document.head.appendChild(el))</script>
784<div hidden id="S:0"></div>
784<script>$RC("B:0","S:0")</script>
784<script>(self.__next_f=self.__next_f||[]).push([0])</script>
784<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[9766,[],\"\"]\n4:I[98924,[],\"\"]\n5:I[13551,[\"2619\",\"static/chunks/2619-04bc32f026a0d946.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"5588\",\"static/chunks/5588-f9e906b1e5a5102c.js\",\"9741\",\"static/chunks/9741-ad45d18a8632b3cc.js\",\"9909\",\"static/chunks/app/en/bestellen/page-f2bcb6c22aa7bb66.js\"],\"default\"]\n6:I[24431,[],\"OutletBoundary\"]\n8:I[15278,[],\"AsyncMetadataOutlet\"]\na:I[24431,[],\"ViewportBoundary\"]\nc:I[24431,[],\"MetadataBoundary\"]\nd:\"$Sreact.suspense\"\nf:I[54062,[\"4219\",\"static/chunks/app/global-error-65fef967e4f10881.js\"],\"default\"]\n10:I[51875,[\"6964\",\"static/chunks/6964-06dc6141690a7100.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"2243\",\"static/chunks/2243-3ee9b40846c13117.js\",\"7177\",\"static/chunks/app/layout-3e9f68a6204507dd.js\"],\"LocaleProvider\"]\n11:I[24592,[\"6964\",\"static/chunks/6964-06dc6141690a7100.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"2243\",\"static/chunks/2243-3ee9b40846c13117.js\",\"7177\",\"static/chunks/app/layout-3e9f68a6204507dd.js\"],\"default\"]\n12:I[15986,[\"6964\",\"static/chunks/6964-06dc6141690a7100.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"2243\",\"static/chunks/2243-3ee9b40846c13117.js\",\"7177\",\"static/chunks/app/layout-3e9f68a6204507dd.js\"],\"default\"]\n13:I[50960,[\"8039\",\"static/chunks/app/error-9e270d4bad70c2eb.js\"],\"default\"]\n14:I[5978,[\"6964\",\"static/chunks/6964-06dc6141690a7100.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"2243\",\"static/chunks/2243-3ee9b40846c13117.js\",\"7177\",\"static/chunks/app/layout-3e9f68a6204507dd.js\"],\"default\"]\n15:I[18709,[\"6964\",\"static/chunks/6964-06dc6141690a7100.js\",\"1964\",\"static/chunks/1964-c461fdf948dc3584.js\",\"2243\",\"static/chunks/2243-3ee9b40846c13117.js\",\"7177\",\"static/chunks/app/layout-3e9f68a6204507dd.js\"],\"default\"]\n16:I[80622,[],\"IconMark\"]\n:HL[\"/_next/static/css/e1f3a7aca94a2876.css\",\"style\"]\n"])</script>
784<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"A64MyiLfxSDSCLNsmD2Y_\",\"p\":\"\",\"c\":[\"\",\"en\",\"bestellen\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"en\",{\"children\":[\"bestellen\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e1f3a7aca94a2876.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[\"en\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"bestellen\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L5\",null,{\"pricing\":{\"STARTER\":{\"key\":\"STARTER\",\"displayName\":\"Starter\",\"monthlyNetEur\":14.99,\"commissionPercent\":4,\"internalMarkupPercent\":30,\"billingCycle\":\"MONTHLY\",\"yearlyDiscountPercent\":0,\"introOffer\":{\"monthlyNetEur\":0.01,\"durationMonths\":1,\"label\":\"Kostenloser Testmonat\"},\"featureBullets\":[\"KI-Beratung mit Produktempfehlungen\",\"Gesprächsgebühren inklusive\",\"Conversion-Tracking + Kiivoo-Attribution\",\"Sortimentslücken-Report\",\"Standard-Support per E-Mail\"],\"isHighlighted\":false,\"minContractMonths\":3,\"initialMonthlyNetEur\":0.01,\"periodNetEur\":0.01,\"periodTaxEur\":0,\"periodGrossEur\":0.01,\"pricingByCycle\":{\"MONTHLY\":{\"periodNetEur\":14.99,\"periodTaxEur\":2.85,\"periodGrossEur\":17.84},\"YEARLY\":{\"periodNetEur\":179.88,\"periodTaxEur\":34.18,\"periodGrossEur\":214.06}},\"trialCharge\":{\"periodNetEur\":0.01,\"periodTaxEur\":0,\"periodGrossEur\":0.01}}},\"publicPlanKeys\":[\"STARTER\"]}],null,[\"$\",\"$L6\",null,{\"children\":[\"$L7\",[\"$\",\"$L8\",null,{\"promise\":\"$@9\"}]]}]]}],{},null,false]},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$La\",null,{\"children\":\"$Lb\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$d\",null,{\"fallback\":null,\"children\":\"$Le\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"s\":false,\"S\":false}\n"])</script>
784<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"bg-gray-50 text-gray-900 antialiased\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@graph\\\":[{\\\"@type\\\":\\\"Organization\\\",\\\"@id\\\":\\\"https://kiivoo.ai/#organization\\\",\\\"name\\\":\\\"Kiivoo\\\",\\\"url\\\":\\\"https://kiivoo.ai\\\",\\\"logo\\\":\\\"https://kiivoo.ai/kiivoo-logo.png\\\"},{\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"Kiivoo\\\",\\\"applicationCategory\\\":\\\"BusinessApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"url\\\":\\\"https://kiivoo.ai\\\",\\\"publisher\\\":{\\\"@id\\\":\\\"https://kiivoo.ai/#organization\\\"},\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"4.99\\\",\\\"priceCurrency\\\":\\\"EUR\\\"}}]}\"}}],[\"$\",\"$L10\",null,{\"locale\":\"en\",\"children\":[[\"$\",\"$L11\",null,{\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$13\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$L14\",null,{}]]}],[\"$\",\"$L15\",null,{}]]}]}]\n"])</script>
784<script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#1aa2ae\"}]]\n7:null\n"])</script>
784<script>self.__next_f.push([1,"9:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Kiivoo — The AI Salesperson for Your Online Shop\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"4\",{\"rel\":\"alternate\",\"hrefLang\":\"de\",\"href\":\"https://kiivoo.ai\"}],[\"$\",\"link\",\"5\",{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://kiivoo.ai/en\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:title\",\"content\":\"Kiivoo — The AI Salesperson for Your Online Shop\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:description\",\"content\":\"Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:url\",\"content\":\"https://kiivoo.ai/en\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:site_name\",\"content\":\"Kiivoo\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:alt\",\"content\":\"Kiivoo — Der KI-Verkäufer für Ihren Online-Shop\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://kiivoo.ai/opengraph-image?941eb93f1596b717\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:title\",\"content\":\"Kiivoo — The AI Salesperson for Your Online Shop\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:description\",\"content\":\"Kiivoo advises your customers and fills the cart. More revenue, higher conversion, 24/7 — from €4.99/month.\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:alt\",\"content\":\"Kiivoo — Der KI-Verkäufer für Ihren Online-Shop\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:image\",\"content\":\"https://kiivoo.ai/twitter-image?5810de9fe70dea26\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"25\",{\"rel\":\"icon\",\"href\":\"/icon.png?0951f3a2ca43ef10\",\"type\":\"image/png\",\"sizes\":\"382x369\"}],[\"$\",\"link\",\"26\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon?723d6eda7e506120\",\"alt\":\"$undefined\",\"type\":\"image/png\",\"sizes\":\"180x180\"}],[\"$\",\"$L16\",\"27\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
784<script>self.__next_f.push([1,"e:\"$9:metadata\"\n"])</script>
784</body></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.