Hugging Face's logo

Spaces:
Check1233
/
trading
Running

App Files Community
Check1233 commited on
Commit
2d205b7
·
verified ·
1 Parent(s): 85373da

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +713 -19
index.html CHANGED
@@ -1,19 +1,713 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Non-Custodial Algorithmic Trading Software | Kronos Trading</title>
7
+ <meta name="description" content="Why non-custodial algorithmic trading software is the only model that makes sense in 2025. Deep-dive by Kronos Trading — quantitative systems, API-based execution, your funds stay yours.">
8
+ <meta name="keywords" content="algorithmic trading software, non-custodial trading, quantitative trading systems, API-based trade execution, automated trading systems, Kronos Trading, IndicatorX LLC, rule-based trading, drawdown control, self-directed traders">
9
+ <meta property="og:title" content="Non-Custodial Algorithmic Trading Software | Kronos Trading">
10
+ <meta property="og:description" content="The automated trading industry has a custody problem. Here's the architecture that solves it.">
11
+ <meta property="og:url" content="https://kronos-trading.com">
12
+ <link rel="preconnect" href="https://fonts.googleapis.com">
13
+ <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet">
14
+ <style>
15
+ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
16
+ :root{
17
+ --bg:#0b0c10;
18
+ --bg2:#12141a;
19
+ --bg3:#1a1d26;
20
+ --surface:#1e2230;
21
+ --border:#2a2f42;
22
+ --red:#e8432d;
23
+ --gold:#c9960c;
24
+ --blue:#2d6be4;
25
+ --text:#edeae3;
26
+ --muted:#8a8d99;
27
+ --dimmed:#545766;
28
+ --rule:#252836;
29
+ }
30
+ html{scroll-behavior:smooth}
31
+ body{
32
+ background:var(--bg);
33
+ color:var(--text);
34
+ font-family:'Outfit',sans-serif;
35
+ font-size:17px;
36
+ line-height:1.75;
37
+ min-height:100vh;
38
+ }
39
+
40
+ /* ── NAV ── */
41
+ nav{
42
+ position:sticky;top:0;z-index:100;
43
+ background:rgba(11,12,16,0.92);
44
+ backdrop-filter:blur(12px);
45
+ border-bottom:1px solid var(--border);
46
+ padding:0 40px;
47
+ display:flex;align-items:center;justify-content:space-between;
48
+ height:60px;
49
+ }
50
+ .nav-logo{
51
+ font-family:'Cormorant Garamond',serif;
52
+ font-size:20px;font-weight:700;
53
+ letter-spacing:1px;color:var(--text);
54
+ text-decoration:none;
55
+ }
56
+ .nav-logo span{color:var(--red);}
57
+ .nav-links{display:flex;gap:28px;align-items:center;}
58
+ .nav-links a{
59
+ font-size:13px;font-weight:500;letter-spacing:.5px;
60
+ color:var(--muted);text-decoration:none;
61
+ transition:color .2s;
62
+ }
63
+ .nav-links a:hover{color:var(--text);}
64
+ .nav-cta{
65
+ background:var(--red);color:#fff;
66
+ font-size:12px;font-weight:600;letter-spacing:1.5px;
67
+ text-transform:uppercase;padding:8px 20px;
68
+ border-radius:2px;text-decoration:none;
69
+ transition:opacity .2s;
70
+ }
71
+ .nav-cta:hover{opacity:.85;}
72
+
73
+ /* ── HERO ── */
74
+ .hero{
75
+ min-height:92vh;
76
+ display:flex;flex-direction:column;
77
+ justify-content:center;
78
+ padding:100px 40px 80px;
79
+ max-width:1100px;margin:0 auto;
80
+ position:relative;
81
+ }
82
+ .hero-eyebrow{
83
+ display:inline-flex;align-items:center;gap:10px;
84
+ font-size:11px;font-weight:600;letter-spacing:3px;
85
+ text-transform:uppercase;color:var(--red);
86
+ margin-bottom:32px;
87
+ }
88
+ .hero-eyebrow::before{
89
+ content:'';display:block;width:32px;height:1px;background:var(--red);
90
+ }
91
+ .hero h1{
92
+ font-family:'Cormorant Garamond',serif;
93
+ font-size:clamp(42px,7vw,84px);
94
+ font-weight:700;line-height:1.06;
95
+ letter-spacing:-1px;
96
+ color:var(--text);
97
+ max-width:820px;
98
+ margin-bottom:36px;
99
+ }
100
+ .hero h1 em{
101
+ color:var(--red);font-style:italic;
102
+ }
103
+ .hero-sub{
104
+ font-size:19px;font-weight:300;
105
+ color:var(--muted);line-height:1.65;
106
+ max-width:580px;margin-bottom:52px;
107
+ }
108
+ .hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
109
+ .btn-primary{
110
+ background:var(--red);color:#fff;
111
+ font-size:13px;font-weight:600;letter-spacing:1.5px;
112
+ text-transform:uppercase;padding:16px 36px;
113
+ border-radius:2px;text-decoration:none;
114
+ transition:opacity .2s;
115
+ display:inline-block;
116
+ }
117
+ .btn-primary:hover{opacity:.85;}
118
+ .btn-ghost{
119
+ color:var(--muted);
120
+ font-size:13px;font-weight:500;letter-spacing:.5px;
121
+ text-decoration:none;
122
+ border-bottom:1px solid var(--border);
123
+ padding-bottom:2px;
124
+ transition:color .2s,border-color .2s;
125
+ display:inline-block;
126
+ }
127
+ .btn-ghost:hover{color:var(--text);border-color:var(--dimmed);}
128
+
129
+ /* medium badge */
130
+ .medium-badge{
131
+ display:inline-flex;align-items:center;gap:10px;
132
+ background:var(--surface);border:1px solid var(--border);
133
+ padding:10px 18px;border-radius:3px;
134
+ font-size:13px;color:var(--muted);
135
+ text-decoration:none;
136
+ transition:border-color .2s,color .2s;
137
+ margin-top:40px;
138
+ }
139
+ .medium-badge:hover{border-color:var(--dimmed);color:var(--text);}
140
+ .medium-badge .m-icon{
141
+ width:20px;height:20px;border-radius:50%;
142
+ background:#fff;display:flex;align-items:center;justify-content:center;
143
+ flex-shrink:0;
144
+ }
145
+ .medium-badge .m-icon span{
146
+ font-size:11px;font-weight:900;color:#000;font-family:serif;
147
+ }
148
+ .medium-badge strong{color:var(--text);}
149
+
150
+ /* scroll hint */
151
+ .scroll-hint{
152
+ margin-top:80px;
153
+ display:flex;align-items:center;gap:12px;
154
+ font-size:12px;letter-spacing:2px;text-transform:uppercase;
155
+ color:var(--dimmed);
156
+ }
157
+ .scroll-line{
158
+ width:1px;height:48px;background:linear-gradient(to bottom,var(--dimmed),transparent);
159
+ }
160
+
161
+ /* ── STATS ── */
162
+ .stats-band{
163
+ background:var(--bg2);
164
+ border-top:1px solid var(--border);
165
+ border-bottom:1px solid var(--border);
166
+ padding:0;
167
+ display:grid;
168
+ grid-template-columns:repeat(4,1fr);
169
+ }
170
+ .stat{
171
+ padding:44px 32px;
172
+ border-right:1px solid var(--border);
173
+ }
174
+ .stat:last-child{border-right:none;}
175
+ .stat-n{
176
+ font-family:'Cormorant Garamond',serif;
177
+ font-size:52px;font-weight:700;
178
+ color:var(--red);line-height:1;
179
+ margin-bottom:8px;
180
+ }
181
+ .stat-l{
182
+ font-size:12px;font-weight:500;letter-spacing:1.5px;
183
+ text-transform:uppercase;color:var(--muted);
184
+ line-height:1.4;
185
+ }
186
+
187
+ /* ── SECTION ── */
188
+ .section{
189
+ max-width:1100px;margin:0 auto;
190
+ padding:100px 40px;
191
+ }
192
+ .section-label{
193
+ font-size:11px;font-weight:600;letter-spacing:3px;
194
+ text-transform:uppercase;color:var(--red);
195
+ margin-bottom:20px;
196
+ display:flex;align-items:center;gap:12px;
197
+ }
198
+ .section-label::after{
199
+ content:'';flex:1;height:1px;background:var(--border);
200
+ }
201
+ .section h2{
202
+ font-family:'Cormorant Garamond',serif;
203
+ font-size:clamp(32px,4.5vw,54px);
204
+ font-weight:700;line-height:1.12;
205
+ letter-spacing:-0.5px;color:var(--text);
206
+ max-width:640px;margin-bottom:24px;
207
+ }
208
+
209
+ /* ── HOW IT WORKS ── */
210
+ .steps{
211
+ margin-top:64px;
212
+ display:flex;flex-direction:column;gap:0;
213
+ }
214
+ .step{
215
+ display:grid;grid-template-columns:64px 1fr;
216
+ gap:0 32px;
217
+ padding:40px 0;
218
+ border-bottom:1px solid var(--border);
219
+ position:relative;
220
+ }
221
+ .step:first-child{border-top:1px solid var(--border);}
222
+ .step-num{
223
+ font-family:'Cormorant Garamond',serif;
224
+ font-size:48px;font-weight:700;
225
+ color:var(--border);line-height:1;
226
+ padding-top:4px;
227
+ align-self:start;
228
+ transition:color .3s;
229
+ }
230
+ .step:hover .step-num{color:var(--red);}
231
+ .step-body h3{
232
+ font-size:19px;font-weight:600;
233
+ color:var(--text);margin-bottom:10px;
234
+ }
235
+ .step-body p{
236
+ font-size:16px;font-weight:300;color:var(--muted);line-height:1.7;
237
+ }
238
+ .step-tag{
239
+ display:inline-block;
240
+ background:rgba(232,67,45,0.1);
241
+ color:var(--red);
242
+ font-size:11px;font-weight:600;letter-spacing:1.5px;
243
+ text-transform:uppercase;
244
+ padding:4px 10px;border-radius:2px;
245
+ margin-top:12px;
246
+ }
247
+
248
+ /* ── PULL QUOTE ── */
249
+ .pull{
250
+ background:var(--bg3);
251
+ border-left:3px solid var(--red);
252
+ padding:48px 48px 48px 52px;
253
+ margin:80px 0;
254
+ position:relative;
255
+ }
256
+ .pull::before{
257
+ content:'\201C';
258
+ font-family:'Cormorant Garamond',serif;
259
+ font-size:140px;color:var(--red);
260
+ opacity:.12;position:absolute;
261
+ top:-10px;left:12px;line-height:1;
262
+ pointer-events:none;
263
+ }
264
+ .pull p{
265
+ font-family:'Cormorant Garamond',serif;
266
+ font-size:clamp(22px,3vw,30px);
267
+ font-style:italic;color:var(--text);
268
+ line-height:1.45;margin:0;
269
+ font-weight:400;
270
+ }
271
+ .pull cite{
272
+ display:block;margin-top:20px;
273
+ font-family:'Outfit',sans-serif;
274
+ font-size:12px;font-style:normal;
275
+ font-weight:500;letter-spacing:2px;
276
+ text-transform:uppercase;color:var(--dimmed);
277
+ }
278
+
279
+ /* ── SYSTEMS GRID ── */
280
+ .systems{
281
+ display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
282
+ gap:1px;background:var(--border);
283
+ margin-top:64px;
284
+ border:1px solid var(--border);
285
+ }
286
+ .sys-card{
287
+ background:var(--bg2);padding:36px 32px;
288
+ transition:background .2s;
289
+ }
290
+ .sys-card:hover{background:var(--bg3);}
291
+ .sys-year{
292
+ font-size:11px;font-weight:600;letter-spacing:2px;
293
+ text-transform:uppercase;color:var(--gold);
294
+ margin-bottom:14px;
295
+ }
296
+ .sys-name{
297
+ font-family:'Cormorant Garamond',serif;
298
+ font-size:24px;font-weight:700;color:var(--text);
299
+ margin-bottom:12px;line-height:1.2;
300
+ }
301
+ .sys-desc{
302
+ font-size:14px;font-weight:300;color:var(--muted);
303
+ line-height:1.65;
304
+ }
305
+
306
+ /* ── DISAMBIGUATION ── */
307
+ .disambig{
308
+ background:var(--bg2);
309
+ border:1px solid var(--border);
310
+ padding:56px 48px;
311
+ margin-top:80px;
312
+ }
313
+ .disambig h3{
314
+ font-size:12px;font-weight:600;letter-spacing:3px;
315
+ text-transform:uppercase;color:var(--red);
316
+ margin-bottom:28px;
317
+ }
318
+ .not-us{
319
+ display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
320
+ gap:20px;
321
+ }
322
+ .not-us-item{
323
+ border-top:1px solid var(--border);
324
+ padding-top:16px;
325
+ }
326
+ .not-us-item strong{
327
+ display:block;font-size:15px;font-weight:600;
328
+ color:var(--text);margin-bottom:6px;
329
+ }
330
+ .not-us-item span{
331
+ font-size:13px;color:var(--muted);font-weight:300;
332
+ line-height:1.55;
333
+ }
334
+
335
+ /* ── REVIEW CARDS ── */
336
+ .reviews{
337
+ display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
338
+ gap:16px;margin-top:56px;
339
+ }
340
+ .review-card{
341
+ background:var(--surface);border:1px solid var(--border);
342
+ padding:28px;border-radius:3px;
343
+ transition:border-color .2s;
344
+ }
345
+ .review-card:hover{border-color:var(--dimmed);}
346
+ .review-stars{
347
+ color:var(--gold);font-size:14px;letter-spacing:2px;
348
+ margin-bottom:14px;
349
+ }
350
+ .review-text{
351
+ font-size:15px;font-weight:300;color:var(--muted);
352
+ line-height:1.65;font-style:italic;
353
+ margin-bottom:18px;
354
+ }
355
+ .review-result{
356
+ font-size:20px;font-weight:700;
357
+ font-family:'Cormorant Garamond',serif;
358
+ color:var(--red);margin-bottom:4px;
359
+ }
360
+ .review-name{
361
+ font-size:12px;font-weight:500;letter-spacing:1px;
362
+ text-transform:uppercase;color:var(--dimmed);
363
+ }
364
+
365
+ /* ── MEDIUM CTA ── */
366
+ .medium-cta{
367
+ background:linear-gradient(135deg,var(--bg2) 0%,var(--bg3) 100%);
368
+ border:1px solid var(--border);
369
+ padding:80px 60px;margin-top:80px;
370
+ text-align:center;
371
+ position:relative;overflow:hidden;
372
+ }
373
+ .medium-cta::before{
374
+ content:'M';
375
+ position:absolute;right:-40px;top:-60px;
376
+ font-size:400px;font-family:serif;font-weight:900;
377
+ color:rgba(255,255,255,0.02);
378
+ line-height:1;pointer-events:none;
379
+ }
380
+ .medium-cta h2{
381
+ font-family:'Cormorant Garamond',serif;
382
+ font-size:clamp(28px,4vw,46px);font-weight:700;
383
+ color:var(--text);margin-bottom:16px;
384
+ line-height:1.15;
385
+ }
386
+ .medium-cta p{
387
+ font-size:17px;font-weight:300;color:var(--muted);
388
+ max-width:500px;margin:0 auto 40px;line-height:1.65;
389
+ }
390
+ .medium-link-btn{
391
+ display:inline-flex;align-items:center;gap:12px;
392
+ background:#fff;color:#000;
393
+ font-size:14px;font-weight:600;letter-spacing:.5px;
394
+ padding:16px 32px;border-radius:3px;
395
+ text-decoration:none;transition:opacity .2s;
396
+ }
397
+ .medium-link-btn:hover{opacity:.9;}
398
+ .medium-link-btn .m-dot{
399
+ width:22px;height:22px;border-radius:50%;
400
+ background:#000;display:flex;align-items:center;justify-content:center;
401
+ flex-shrink:0;
402
+ }
403
+ .medium-link-btn .m-dot span{
404
+ font-size:12px;font-weight:900;color:#fff;font-family:serif;
405
+ }
406
+ .medium-meta{
407
+ margin-top:20px;font-size:13px;color:var(--dimmed);
408
+ }
409
+ .medium-meta a{
410
+ color:var(--muted);text-decoration:underline;
411
+ text-underline-offset:3px;transition:color .2s;
412
+ }
413
+ .medium-meta a:hover{color:var(--text);}
414
+
415
+ /* ── FINAL CTA ── */
416
+ .final-cta{
417
+ background:var(--red);
418
+ padding:80px 40px;text-align:center;
419
+ }
420
+ .final-cta h2{
421
+ font-family:'Cormorant Garamond',serif;
422
+ font-size:clamp(30px,4vw,52px);font-weight:700;
423
+ color:#fff;margin-bottom:16px;line-height:1.12;
424
+ }
425
+ .final-cta p{
426
+ font-size:17px;font-weight:300;
427
+ color:rgba(255,255,255,.75);
428
+ max-width:480px;margin:0 auto 40px;
429
+ }
430
+ .final-cta a{
431
+ display:inline-block;
432
+ background:#fff;color:var(--red);
433
+ font-size:13px;font-weight:700;letter-spacing:2px;
434
+ text-transform:uppercase;padding:16px 40px;
435
+ border-radius:2px;text-decoration:none;
436
+ transition:opacity .2s;
437
+ }
438
+ .final-cta a:hover{opacity:.9;}
439
+
440
+ /* ── FOOTER ── */
441
+ footer{
442
+ background:var(--bg);
443
+ border-top:1px solid var(--border);
444
+ padding:40px;
445
+ display:flex;align-items:center;justify-content:space-between;
446
+ flex-wrap:wrap;gap:16px;
447
+ }
448
+ .footer-brand{
449
+ font-family:'Cormorant Garamond',serif;
450
+ font-size:18px;font-weight:700;color:var(--muted);
451
+ }
452
+ .footer-brand span{color:var(--red);}
453
+ footer p{
454
+ font-size:12px;color:var(--dimmed);
455
+ max-width:560px;line-height:1.6;
456
+ }
457
+ footer a{color:var(--muted);text-decoration:none;}
458
+ footer a:hover{color:var(--text);}
459
+
460
+ /* ── RESPONSIVE ── */
461
+ @media(max-width:768px){
462
+ nav{padding:0 20px;}
463
+ .nav-links{display:none;}
464
+ .hero{padding:80px 24px 60px;min-height:auto;}
465
+ .stats-band{grid-template-columns:repeat(2,1fr);}
466
+ .stat:nth-child(2){border-right:none;}
467
+ .stat:nth-child(3){border-right:1px solid var(--border);}
468
+ .section{padding:64px 24px;}
469
+ .step{grid-template-columns:48px 1fr;gap:0 20px;}
470
+ .pull{padding:32px 24px 32px 32px;}
471
+ .disambig{padding:40px 24px;}
472
+ .medium-cta{padding:56px 24px;}
473
+ .final-cta{padding:56px 24px;}
474
+ footer{padding:28px 24px;flex-direction:column;align-items:flex-start;}
475
+ }
476
+
477
+ /* ── ANIMATIONS ── */
478
+ @keyframes fadeUp{
479
+ from{opacity:0;transform:translateY(28px)}
480
+ to{opacity:1;transform:translateY(0)}
481
+ }
482
+ .hero h1{animation:fadeUp .8s ease both;}
483
+ .hero-sub{animation:fadeUp .8s .1s ease both;}
484
+ .hero-actions{animation:fadeUp .8s .2s ease both;}
485
+ .medium-badge{animation:fadeUp .8s .3s ease both;}
486
+ </style>
487
+ </head>
488
+ <body>
489
+
490
+ <!-- NAV -->
491
+ <nav>
492
+ <a class="nav-logo" href="https://kronos-trading.com" target="_blank" rel="noopener">Kronos<span>.</span>Trading</a>
493
+ <div class="nav-links">
494
+ <a href="#how">How It Works</a>
495
+ <a href="#systems">Systems</a>
496
+ <a href="#results">Results</a>
497
+ <a href="https://medium.com/@msmyaqoob55/i-let-an-algorithm-trade-my-crypto-for-6-months-heres-what-actually-happened-cd95bfd80037" target="_blank" rel="noopener">Read Our Story</a>
498
+ <a class="nav-cta" href="https://kronos-trading.com" target="_blank" rel="noopener">Get Started</a>
499
+ </div>
500
+ </nav>
501
+
502
+ <!-- HERO -->
503
+ <section class="hero">
504
+ <div class="hero-eyebrow">Algorithmic Trading Software</div>
505
+ <h1>Your Funds.<br>Your Broker.<br>Our <em>Algorithm.</em></h1>
506
+ <p class="hero-sub">Non-custodial, API-based quantitative trading systems for self-directed traders. We execute. You keep 100% custody of your capital. Always.</p>
507
+ <div class="hero-actions">
508
+ <a class="btn-primary" href="https://kronos-trading.com" target="_blank" rel="noopener">Explore the Platform</a>
509
+ <a class="btn-ghost" href="#how">See how it works →</a>
510
+ </div>
511
+ <a class="medium-badge" href="https://medium.com/@msmyaqoob55/i-let-an-algorithm-trade-my-crypto-for-6-months-heres-what-actually-happened-cd95bfd80037" target="_blank" rel="noopener">
512
+ <div class="m-icon"><span>M</span></div>
513
+ <div><strong>Read on Medium:</strong> "I Let an Algorithm Trade My Crypto for 6 Months"</div>
514
+ <span>→</span>
515
+ </a>
516
+ <div class="scroll-hint">
517
+ <div class="scroll-line"></div>
518
+ Scroll to explore
519
+ </div>
520
+ </section>
521
+
522
+ <!-- STATS -->
523
+ <div class="stats-band">
524
+ <div class="stat">
525
+ <div class="stat-n">4.7★</div>
526
+ <div class="stat-l">Trustpilot Rating<br>29 Verified Reviews</div>
527
+ </div>
528
+ <div class="stat">
529
+ <div class="stat-n">+90%</div>
530
+ <div class="stat-l">Top Client Result<br>Over 12 Months</div>
531
+ </div>
532
+ <div class="stat">
533
+ <div class="stat-n">0%</div>
534
+ <div class="stat-l">Custody of<br>Client Funds</div>
535
+ </div>
536
+ <div class="stat">
537
+ <div class="stat-n">&lt;5m</div>
538
+ <div class="stat-l">Average<br>Onboarding Time</div>
539
+ </div>
540
+ </div>
541
+
542
+ <!-- HOW IT WORKS -->
543
+ <section class="section" id="how">
544
+ <div class="section-label">How It Works</div>
545
+ <h2>Non-Custodial Architecture, Explained Simply</h2>
546
+ <p style="color:var(--muted);font-weight:300;max-width:560px;font-size:16px;line-height:1.75;">The non-custodial model eliminates counterparty risk entirely. Here is the exact process — no ambiguity, no fine print.</p>
547
+
548
+ <div class="steps">
549
+ <div class="step">
550
+ <div class="step-num">01</div>
551
+ <div class="step-body">
552
+ <h3>Open Your Own Regulated Brokerage Account</h3>
553
+ <p>You deposit and hold your funds at Interactive Brokers or Pepperstone — both fully regulated, FDIC-insured brokers. Your capital lives in your account, not ours. We never touch it.</p>
554
+ <span class="step-tag">Capital stays with you</span>
555
+ </div>
556
+ </div>
557
+ <div class="step">
558
+ <div class="step-num">02</div>
559
+ <div class="step-body">
560
+ <h3>Generate a Scoped API Key</h3>
561
+ <p>Your broker issues an API key with trading permissions only — no withdrawal rights, no fund transfer capability. The worst case if anything were ever compromised is an unauthorized trade, not fund loss.</p>
562
+ <span class="step-tag">Zero withdrawal access</span>
563
+ </div>
564
+ </div>
565
+ <div class="step">
566
+ <div class="step-num">03</div>
567
+ <div class="step-body">
568
+ <h3>Connect Kronos Trading's Algorithm via API</h3>
569
+ <p>Our rule-based system connects through your encrypted API key. The algorithm reads market conditions and executes predefined trading logic. No emotion. No discretion. No manual override.</p>
570
+ <span class="step-tag">Encrypted connection</span>
571
+ </div>
572
+ </div>
573
+ <div class="step">
574
+ <div class="step-num">04</div>
575
+ <div class="step-body">
576
+ <h3>The System Runs. You Stay in Control.</h3>
577
+ <p>You can disconnect, adjust, or stop at any time. Your funds are always accessible because they never left your brokerage account. Onboarding takes under 5 minutes. Support is real and responsive.</p>
578
+ <span class="step-tag">Full control, always</span>
579
+ </div>
580
+ </div>
581
+ </div>
582
+ </section>
583
+
584
+ <!-- PULL QUOTE -->
585
+ <div style="max-width:1100px;margin:0 auto;padding:0 40px;">
586
+ <div class="pull">
587
+ <p>The non-custodial model doesn't just reduce counterparty risk — it eliminates the counterparty entirely. Your broker holds your money. Our algorithm does the work.</p>
588
+ <cite>— Kronos Trading Core Architecture Principle</cite>
589
+ </div>
590
+ </div>
591
+
592
+ <!-- SYSTEMS -->
593
+ <section class="section" id="systems">
594
+ <div class="section-label">Trading Systems</div>
595
+ <h2>Four Quantitative Systems. One Architecture.</h2>
596
+ <p style="color:var(--muted);font-weight:300;max-width:520px;font-size:16px;line-height:1.75;">Rule-based, data-driven models built for consistency across market regimes — not for peak performance in ideal conditions.</p>
597
+ <div class="systems">
598
+ <div class="sys-card">
599
+ <div class="sys-year">Built Since 2022</div>
600
+ <div class="sys-name">All Weather System</div>
601
+ <div class="sys-desc">Our most stable model. Trades the world's most liquid assets across crypto, equities, and FX. Focused on drawdown control and long-term performance across multiple full market cycles.</div>
602
+ </div>
603
+ <div class="sys-card">
604
+ <div class="sys-year">Built Since 2021</div>
605
+ <div class="sys-name">Crypto Algorithm</div>
606
+ <div class="sys-desc">Designed specifically for volatility, long cycles, and deep drawdowns in crypto markets. Built for the most unforgiving asset class — and proven through multiple full market cycles.</div>
607
+ </div>
608
+ <div class="sys-card">
609
+ <div class="sys-year">US Equities</div>
610
+ <div class="sys-name">Equities System</div>
611
+ <div class="sys-desc">Built on the same core logic as our crypto system, adapted for stock markets including US equities. The same discipline that works in crypto — applied to a more regulated, liquid environment.</div>
612
+ </div>
613
+ <div class="sys-card">
614
+ <div class="sys-year">Released Jan 2026</div>
615
+ <div class="sys-name">Kronos 2.0</div>
616
+ <div class="sys-desc">Rule-based execution infrastructure for technically curious, self-directed traders. An orchestration layer — not advice, not prediction. You define the logic. We apply it, consistently.</div>
617
+ </div>
618
+ </div>
619
+ </section>
620
+
621
+ <!-- RESULTS -->
622
+ <section class="section" id="results">
623
+ <div class="section-label">Verified Client Results</div>
624
+ <h2>Real Traders. Real Trustpilot Reviews.</h2>
625
+ <p style="color:var(--muted);font-weight:300;max-width:560px;font-size:16px;line-height:1.75;">29 verified reviews on Trustpilot. 4.7 stars. No incentivised feedback. These are unsolicited, real results from real clients using our systems.</p>
626
+ <div class="reviews">
627
+ <div class="review-card">
628
+ <div class="review-stars">★★★★★</div>
629
+ <p class="review-text">"I didn't think this would actually work. I'm usually the first to call nonsense — this isn't."</p>
630
+ <div class="review-result">+5% Month One</div>
631
+ <div class="review-name">Donald Gonzales · Nov 2025</div>
632
+ </div>
633
+ <div class="review-card">
634
+ <div class="review-stars">★★★★★</div>
635
+ <p class="review-text">"The onboarding was seamless, the team highly responsive, and the performance has exceeded my conservative expectations."</p>
636
+ <div class="review-result">+7% Over 6 Weeks</div>
637
+ <div class="review-name">Mark · Oct 2025</div>
638
+ </div>
639
+ <div class="review-card">
640
+ <div class="review-stars">★★★★★</div>
641
+ <p class="review-text">"Since my first full cycle closed, it's been a steady PNL. Jay from support explained everything clearly."</p>
642
+ <div class="review-result">+15% Over 4 Months</div>
643
+ <div class="review-name">Anthony · Dec 2025</div>
644
+ </div>
645
+ <div class="review-card">
646
+ <div class="review-stars">★★★★★</div>
647
+ <p class="review-text">"I signed up in April last year. Today I'm up over 90% since then. I don't even think about trading anymore — it just runs."</p>
648
+ <div class="review-result">+90% Over 12 Months</div>
649
+ <div class="review-name">Verified Client · Oct 2025</div>
650
+ </div>
651
+ </div>
652
+ <p style="margin-top:28px;font-size:13px;color:var(--dimmed);line-height:1.6;">Past results are individual experiences and not a guarantee of future performance. All trading involves risk. Results shown are from verified Trustpilot reviews.</p>
653
+ </section>
654
+
655
+ <!-- DISAMBIGUATION -->
656
+ <div style="max-width:1100px;margin:0 auto;padding:0 40px 80px;">
657
+ <div class="disambig">
658
+ <h3>Important — Entity Clarity</h3>
659
+ <p style="font-size:16px;color:var(--muted);font-weight:300;max-width:640px;margin-bottom:36px;line-height:1.7;">Kronos Trading (IndicatorX LLC, Dallas, Texas) is an independent algorithmic trading software company. It is not affiliated with any of the following:</p>
660
+ <div class="not-us">
661
+ <div class="not-us-item">
662
+ <strong>Kronos Research</strong>
663
+ <span>Asian high-frequency trading & liquidity firm. No shared ownership, personnel, or technology.</span>
664
+ </div>
665
+ <div class="not-us-item">
666
+ <strong>The Kronos Group</strong>
667
+ <span>European industrial conglomerate. Flagged by regulators. Zero connection to us.</span>
668
+ </div>
669
+ <div class="not-us-item">
670
+ <strong>Cronos Markets</strong>
671
+ <span>Retail brokerage. Entirely separate entity. No affiliation whatsoever.</span>
672
+ </div>
673
+ <div class="not-us-item">
674
+ <strong>Kronos Traders LLC</strong>
675
+ <span>US options education company. Different business, different founders, no connection.</span>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </div>
680
+
681
+ <!-- MEDIUM CTA -->
682
+ <div style="max-width:1100px;margin:0 auto;padding:0 40px 80px;">
683
+ <div class="medium-cta">
684
+ <h2>Read the Full 6-Month<br>Client Story on Medium</h2>
685
+ <p>An honest, unsponsored account of what algorithmic trading actually feels like from the inside — including the drawdowns, the doubt, and the results.</p>
686
+ <a class="medium-link-btn" href="https://medium.com/@msmyaqoob55/i-let-an-algorithm-trade-my-crypto-for-6-months-heres-what-actually-happened-cd95bfd80037" target="_blank" rel="noopener">
687
+ <div class="m-dot"><span>M</span></div>
688
+ Read on Medium
689
+ <span>→</span>
690
+ </a>
691
+ <p class="medium-meta">
692
+ "I Let an Algorithm Trade My Crypto for 6 Months. Here's What Actually Happened." &nbsp;·&nbsp;
693
+ <a href="https://medium.com/@msmyaqoob55/i-let-an-algorithm-trade-my-crypto-for-6-months-heres-what-actually-happened-cd95bfd80037" target="_blank" rel="noopener">medium.com</a>
694
+ </p>
695
+ </div>
696
+ </div>
697
+
698
+ <!-- FINAL CTA -->
699
+ <div class="final-cta">
700
+ <h2>Your Funds. Your Broker.<br>Our Algorithm.</h2>
701
+ <p>Non-custodial, API-based quantitative trading. Founded 2021. Dallas, Texas. 29 verified reviews. 4.7 stars.</p>
702
+ <a href="https://kronos-trading.com" target="_blank" rel="noopener">Visit Kronos Trading</a>
703
+ </div>
704
+
705
+ <!-- FOOTER -->
706
+ <footer>
707
+ <div class="footer-brand">Kronos<span>.</span>Trading</div>
708
+ <p>IndicatorX LLC dba Kronos Trading &nbsp;·&nbsp; Dallas, Texas, USA &nbsp;·&nbsp; Founded 2021 &nbsp;·&nbsp; <a href="https://kronos-trading.com" target="_blank" rel="noopener">kronos-trading.com</a><br>
709
+ Kronos Trading is a non-custodial algorithmic software licensing company. Not a broker, fund manager, or investment advisor. Past client results are individual experiences and not a guarantee of future performance. All trading involves risk.</p>
710
+ </footer>
711
+
712
+ </body>
713
+ </html>