-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdatacenter.html
More file actions
400 lines (385 loc) · 37.3 KB
/
Copy pathdatacenter.html
File metadata and controls
400 lines (385 loc) · 37.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datacenter Infrastructure: The 2027 Convergence</title>
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@300;400;500;600;700&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet">
<style>
:root {
--bg: #f0f2f7;
--panel: #ffffff;
--border: #c8d0e0;
--grid: rgba(100, 130, 180, 0.13);
--blue: #1d4ed8;
--blue-dim: #bfcfee;
--cyan: #0369a1;
--amber: #b45309;
--orange: #c2410c;
--red: #b91c1c;
--green: #15803d;
--white: #0f172a;
--muted: #64748b;
--faint: #e2e8f0;
--mono: 'Share Tech Mono', monospace;
--sans: 'Rajdhani', sans-serif;
--display: 'Orbitron', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--white); font-family: var(--sans); min-height: 100vh; overflow-x: hidden; position: relative; }
body::before { content: ''; position: fixed; inset: 0; background-image: linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px); background-size: 40px 40px; pointer-events: none; z-index: 0; }
body::after { content: ''; position: fixed; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,0.012) 3px, rgba(0,0,0,0.012) 4px); pointer-events: none; z-index: 1; }
.container { position: relative; z-index: 2; max-width: 1200px; margin: 0 auto; padding: 40px 32px 60px; }
.back-link { display: inline-flex; align-items: center; gap: 8px; font-family: var(--mono); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); text-decoration: none; margin-bottom: 32px; transition: color .2s; }
.back-link:hover { color: var(--blue); }
.header { margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; position: relative; }
.header::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 200px; height: 1px; background: var(--blue); }
.header-eyebrow { font-family: var(--mono); font-size: 10px; color: var(--cyan); letter-spacing: .3em; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 12px; }
.header-eyebrow::before { content: '\25B6'; color: var(--blue); animation: blink 1.4s step-end infinite; }
@keyframes blink { 50% { opacity: 0; } }
h1 { font-family: var(--display); font-size: clamp(22px, 3.5vw, 38px); font-weight: 900; letter-spacing: .05em; line-height: 1.1; color: var(--white); }
h1 span { color: var(--amber); }
.header-sub { font-family: var(--sans); font-size: 14px; color: var(--muted); margin-top: 8px; font-weight: 400; letter-spacing: .04em; }
.header-meta { display: flex; gap: 24px; margin-top: 14px; flex-wrap: wrap; }
.hm-tag { font-family: var(--mono); font-size: 9px; letter-spacing: .15em; color: var(--muted); border: 1px solid var(--border); padding: 3px 10px; text-transform: uppercase; }
.section-label { font-family: var(--mono); font-size: 9px; letter-spacing: .25em; text-transform: uppercase; color: var(--cyan); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.section-label::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--blue-dim), transparent); }
.panel { background: var(--panel); border: 1px solid var(--border); position: relative; overflow: hidden; box-shadow: 0 1px 4px rgba(0,0,0,0.07); }
.panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--blue), transparent); opacity: 0.4; }
.power-section { margin-bottom: 40px; }
.power-chart-wrap { padding: 28px 28px 20px; }
.power-chart { position: relative; height: 200px; margin: 0 40px 0 60px; }
.chart-svg { width: 100%; height: 100%; overflow: visible; }
.gpu-labels { display: flex; justify-content: space-between; margin-top: 12px; font-family: var(--mono); font-size: 8.5px; color: var(--muted); }
.gpu-lbl { text-align: center; flex: 1; }
.gpu-lbl strong { display: block; color: var(--white); font-size: 9.5px; margin-bottom: 2px; }
.gpu-lbl.highlight strong { color: var(--amber); }
.gpu-lbl.future strong { color: var(--orange); }
.matrix-section { margin-bottom: 40px; }
.matrix-grid { display: grid; grid-template-columns: 160px 1fr 24px 1fr 100px; gap: 2px; background: var(--faint); border: 1px solid var(--border); }
.matrix-header { display: grid; grid-template-columns: 160px 1fr 24px 1fr 100px; gap: 2px; background: var(--faint); margin-bottom: 2px; }
.mh-cell { background: var(--panel); padding: 8px 14px; font-family: var(--mono); font-size: 8.5px; letter-spacing: .15em; text-transform: uppercase; color: var(--muted); display: flex; align-items: center; }
.mh-cell.center { justify-content: center; color: var(--cyan); }
.m-layer { background: var(--bg); padding: 16px 14px; }
.m-layer-name { font-family: var(--display); font-size: 11px; letter-spacing: .05em; font-weight: 700; color: var(--white); margin-bottom: 4px; }
.m-layer-num { font-family: var(--mono); font-size: 8px; color: var(--muted); letter-spacing: .1em; }
.m-old { background: var(--panel); padding: 14px 16px; }
.m-new { background: rgba(29,78,216,0.04); padding: 14px 16px; border-left: 2px solid rgba(29,78,216,0.25); }
.m-arrow { background: var(--bg); display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--blue); }
.m-status { background: var(--bg); padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.tech-name { font-family: var(--sans); font-size: 13px; font-weight: 600; color: var(--white); margin-bottom: 4px; line-height: 1.2; }
.tech-spec { font-family: var(--mono); font-size: 9.5px; color: var(--amber); margin-bottom: 3px; }
.tech-note { font-family: var(--sans); font-size: 11px; color: var(--muted); font-weight: 400; line-height: 1.4; }
.tech-note.old { color: #94a3b8; text-decoration: line-through; text-decoration-color: #cbd5e1; }
.status-badge { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; padding: 3px 8px; border-radius: 1px; text-align: center; width: 80px; }
.status-live { background: rgba(34,197,94,.12); color: var(--green); border: 1px solid rgba(34,197,94,.3); }
.status-pilot { background: rgba(245,158,11,.12); color: var(--amber); border: 1px solid rgba(245,158,11,.3); }
.status-incoming { background: rgba(249,115,22,.12); color: var(--orange); border: 1px solid rgba(249,115,22,.3); }
.eff-gain { font-family: var(--mono); font-size: 9px; color: var(--cyan); }
.convergence-section { margin-bottom: 40px; }
.conv-layout { display: grid; grid-template-columns: 1fr 220px; gap: 2px; background: var(--faint); }
.conv-main { background: var(--panel); padding: 24px; position: relative; overflow: hidden; }
.conv-side { background: var(--bg); padding: 20px; display: flex; flex-direction: column; gap: 14px; }
.timeline { position: relative; padding-top: 20px; }
.timeline-track { height: 2px; background: var(--border); position: relative; margin: 0 0 48px; }
.timeline-fill { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, var(--blue), var(--cyan)); width: 52%; }
.timeline-nodes { position: absolute; top: -6px; left: 0; right: 0; display: flex; justify-content: space-between; }
.t-node { position: relative; display: flex; flex-direction: column; align-items: center; }
.t-dot { width: 14px; height: 14px; border-radius: 50%; background: var(--panel); border: 2px solid var(--border); position: relative; z-index: 2; }
.t-dot.past { border-color: var(--blue); background: var(--blue); box-shadow: 0 0 0 2px rgba(29,78,216,0.2); }
.t-dot.now { border-color: var(--cyan); background: var(--panel); animation: pulse-node 2s ease infinite; }
.t-dot.future { border-color: var(--amber); background: var(--panel); }
.t-dot.critical { border-color: var(--orange); background: var(--panel); animation: pulse-node 1.5s ease infinite; }
@keyframes pulse-node { 0%,100% { box-shadow: 0 0 0 2px rgba(0,0,0,0.1); } 50% { box-shadow: 0 0 0 5px rgba(0,0,0,0.08); } }
.t-label { margin-top: 8px; font-family: var(--mono); font-size: 9px; text-align: center; white-space: nowrap; color: var(--muted); line-height: 1.5; }
.t-label strong { display: block; font-size: 10px; color: var(--white); }
.t-label.now-lbl strong { color: var(--cyan); }
.t-label.crit-lbl strong { color: var(--orange); }
.threads { display: flex; flex-direction: column; gap: 7px; margin-top: 8px; }
.thread { display: grid; grid-template-columns: 120px 1fr; gap: 0; height: 28px; font-family: var(--mono); font-size: 9px; align-items: center; }
.thread-name { color: var(--muted); letter-spacing: .06em; padding-right: 10px; text-align: right; font-size: 8.5px; }
.thread-bar { position: relative; height: 20px; background: var(--faint); border-radius: 1px; overflow: hidden; }
.thread-done { position: absolute; left: 0; top: 0; height: 100%; background: linear-gradient(90deg, var(--blue-dim), var(--blue)); opacity: 0.7; }
.thread-active { position: absolute; top: 0; height: 100%; background: linear-gradient(90deg, var(--amber), var(--orange)); opacity: 0.85; }
.thread-future { position: absolute; top: 0; height: 100%; background: rgba(239,68,68,0.25); border-left: 1px solid var(--red); }
.thread-lbl { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 8px; color: rgba(255,255,255,.5); }
.thread-milestone { position: absolute; top: 0; height: 100%; width: 2px; background: var(--orange); }
.conv-zone { position: absolute; top: 0; right: 0; bottom: 0; width: 120px; background: linear-gradient(90deg, transparent, rgba(194,65,12,0.05)); border-left: 1px dashed rgba(194,65,12,.3); pointer-events: none; }
.conv-zone-label { position: absolute; top: 10px; right: 8px; font-family: var(--mono); font-size: 8px; color: var(--orange); letter-spacing: .1em; writing-mode: vertical-rl; opacity: 0.6; }
.risk-item { display: flex; flex-direction: column; gap: 4px; padding-bottom: 12px; border-bottom: 1px solid var(--faint); }
.risk-item:last-child { border-bottom: none; padding-bottom: 0; }
.risk-label { font-family: var(--mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; color: var(--orange); }
.risk-title { font-family: var(--sans); font-size: 12px; font-weight: 600; color: var(--white); line-height: 1.2; }
.risk-note { font-family: var(--mono); font-size: 8.5px; color: var(--muted); line-height: 1.5; }
.risk-meter { height: 3px; background: var(--faint); margin-top: 4px; overflow: hidden; }
.risk-fill { height: 100%; background: linear-gradient(90deg, #b45309, #b91c1c); }
.econ-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: var(--faint); margin-bottom: 40px; }
.econ-cell { background: var(--panel); padding: 18px 16px; position: relative; overflow: hidden; }
.econ-cell::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; }
.econ-cell.blue::before { background: var(--blue); }
.econ-cell.cyan::before { background: var(--cyan); }
.econ-cell.amber::before { background: var(--amber); }
.econ-cell.red::before { background: var(--red); }
.econ-num { font-family: var(--display); font-size: 32px; font-weight: 900; line-height: 1; margin-bottom: 4px; }
.econ-cell.blue .econ-num { color: var(--blue); }
.econ-cell.cyan .econ-num { color: var(--cyan); }
.econ-cell.amber .econ-num { color: var(--amber); }
.econ-cell.red .econ-num { color: var(--red); }
.econ-unit { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: .1em; text-transform: uppercase; margin-bottom: 8px; }
.econ-desc { font-family: var(--sans); font-size: 12px; color: var(--muted); font-weight: 400; line-height: 1.5; }
.econ-desc strong { color: var(--white); font-weight: 600; }
.econ-cell:hover { background: #f8fafc; transition: background .2s; }
.footer { border-top: 1px solid var(--border); padding-top: 16px; display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: 8px; color: var(--muted); letter-spacing: .08em; }
@keyframes fadeUp { from { opacity:0; transform: translateY(16px); } to { opacity:1; transform: translateY(0); } }
.panel { animation: fadeUp .6s ease both; }
.power-section .panel { animation-delay: .1s; }
.matrix-section .matrix-grid { animation: fadeUp .6s .2s ease both; }
.convergence-section .conv-layout { animation: fadeUp .6s .3s ease both; }
.econ-grid { animation: fadeUp .6s .4s ease both; }
.m-new:hover { background: rgba(29,78,216,0.07); transition: background .2s; }
</style>
</head>
<body>
<div class="container">
<a href="index.html" class="back-link">← Back to index</a>
<div class="header">
<div class="header-eyebrow">CRUCIBLE CAPITAL · INFRASTRUCTURE ANALYSIS · FEB 2026</div>
<h1>DATACENTER INFRASTRUCTURE<br><span>THE 2027 CONVERGENCE</span></h1>
<div class="header-sub">Six infrastructure layers forced into simultaneous transition by Nvidia’s GPU power density roadmap</div>
<div class="header-meta">
<div class="hm-tag">Source: Building a Datacenter Pt I + II</div>
<div class="hm-tag">GPU Gen: Volta → Rubin Ultra</div>
<div class="hm-tag">Deadline: 2027 Rubin Ultra Launch</div>
</div>
</div>
<div class="power-section">
<div class="section-label">01 · THE FORCING FUNCTION — GPU RACK POWER DENSITY</div>
<div class="panel">
<div class="power-chart-wrap">
<div class="power-chart">
<svg class="chart-svg" viewBox="0 0 900 180" preserveAspectRatio="none">
<rect width="900" height="180" fill="#f8f9fc"/>
<line x1="0" y1="0" x2="900" y2="0" stroke="#c8d4e8" stroke-width="1"/>
<line x1="0" y1="45" x2="900" y2="45" stroke="#c8d4e8" stroke-width="1"/>
<line x1="0" y1="90" x2="900" y2="90" stroke="#c8d4e8" stroke-width="1"/>
<line x1="0" y1="135" x2="900" y2="135" stroke="#c8d4e8" stroke-width="1"/>
<line x1="0" y1="180" x2="900" y2="180" stroke="#c8d4e8" stroke-width="1"/>
<line x1="150" y1="0" x2="150" y2="180" stroke="#c8d4e8" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="300" y1="0" x2="300" y2="180" stroke="#c8d4e8" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="450" y1="0" x2="450" y2="180" stroke="#c8d4e8" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="600" y1="0" x2="600" y2="180" stroke="#c8d4e8" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="750" y1="0" x2="750" y2="180" stroke="#c8d4e8" stroke-width="1" stroke-dasharray="4,4"/>
<line x1="0" y1="154" x2="900" y2="154" stroke="#b91c1c" stroke-width="1" stroke-dasharray="6,3" opacity="0.6"/>
<text x="8" y="150" font-family="'Share Tech Mono',monospace" font-size="9" fill="#b91c1c" opacity="0.8">AIR COOLING LIMIT ~20kW</text>
<defs>
<linearGradient id="areaGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1d4ed8" stop-opacity="0.25"/>
<stop offset="100%" stop-color="#1d4ed8" stop-opacity="0.02"/>
</linearGradient>
<linearGradient id="areaGradFuture" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#c2410c" stop-opacity="0.2"/>
<stop offset="100%" stop-color="#c2410c" stop-opacity="0.02"/>
</linearGradient>
<linearGradient id="lineGrad" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#1d4ed8"/>
<stop offset="65%" stop-color="#0369a1"/>
<stop offset="100%" stop-color="#c2410c"/>
</linearGradient>
</defs>
<path d="M75,176 L225,173 L375,167 L525,156 L675,117 L825,0" fill="url(#areaGrad)" opacity="0.7" stroke="none"/>
<path d="M675,117 L825,0 L900,0 L900,180 L675,180 Z" fill="url(#areaGradFuture)" opacity="0.5"/>
<polyline points="75,176 225,173 375,167 525,156 675,117 825,0" fill="none" stroke="url(#lineGrad)" stroke-width="2.5" stroke-linejoin="round"/>
<line x1="675" y1="117" x2="825" y2="0" stroke="#c2410c" stroke-width="2.5" stroke-dasharray="8,4" opacity="0.9"/>
<circle cx="75" cy="176" r="5" fill="#1d4ed8" stroke="#f0f2f7" stroke-width="2"/>
<circle cx="225" cy="173" r="5" fill="#1d4ed8" stroke="#f0f2f7" stroke-width="2"/>
<circle cx="375" cy="167" r="5" fill="#1d4ed8" stroke="#f0f2f7" stroke-width="2"/>
<circle cx="525" cy="156" r="5" fill="#0369a1" stroke="#f0f2f7" stroke-width="2"/>
<circle cx="675" cy="117" r="5" fill="#b45309" stroke="#f0f2f7" stroke-width="2"/>
<circle cx="825" cy="0" r="7" fill="#c2410c" stroke="#f0f2f7" stroke-width="2">
<animate attributeName="r" values="7;9;7" dur="2s" repeatCount="indefinite"/>
</circle>
<text x="75" y="168" font-family="'Share Tech Mono',monospace" font-size="9" fill="#94a3b8" text-anchor="middle">20kW</text>
<text x="225" y="165" font-family="'Share Tech Mono',monospace" font-size="9" fill="#94a3b8" text-anchor="middle">40kW</text>
<text x="375" y="159" font-family="'Share Tech Mono',monospace" font-size="9" fill="#94a3b8" text-anchor="middle">70kW</text>
<text x="525" y="148" font-family="'Share Tech Mono',monospace" font-size="9" fill="#0369a1" text-anchor="middle">132kW</text>
<text x="675" y="109" font-family="'Share Tech Mono',monospace" font-size="10" fill="#b45309" text-anchor="middle">350kW</text>
<text x="825" y="14" font-family="'Share Tech Mono',monospace" font-size="11" fill="#c2410c" text-anchor="middle">1,000kW</text>
<line x1="560" y1="0" x2="560" y2="180" stroke="#0369a1" stroke-width="1" stroke-dasharray="3,3" opacity="0.5"/>
<text x="562" y="12" font-family="'Share Tech Mono',monospace" font-size="9" fill="#0369a1" opacity="0.8">NOW</text>
<line x1="790" y1="0" x2="790" y2="180" stroke="#c2410c" stroke-width="1" stroke-dasharray="3,3" opacity="0.5"/>
<text x="792" y="12" font-family="'Share Tech Mono',monospace" font-size="9" fill="#c2410c" opacity="0.8">2027</text>
<text x="892" y="4" font-family="'Share Tech Mono',monospace" font-size="8" fill="#94a3b8" text-anchor="end">1,000kW</text>
<text x="892" y="49" font-family="'Share Tech Mono',monospace" font-size="8" fill="#94a3b8" text-anchor="end">750kW</text>
<text x="892" y="94" font-family="'Share Tech Mono',monospace" font-size="8" fill="#94a3b8" text-anchor="end">500kW</text>
<text x="892" y="139" font-family="'Share Tech Mono',monospace" font-size="8" fill="#94a3b8" text-anchor="end">250kW</text>
<text x="892" y="183" font-family="'Share Tech Mono',monospace" font-size="8" fill="#94a3b8" text-anchor="end">0</text>
<text x="450" y="88" font-family="'Share Tech Mono',monospace" font-size="11" fill="rgba(194,65,12,0.45)" text-anchor="middle">50× in 10 years</text>
</svg>
</div>
<div class="gpu-labels">
<div class="gpu-lbl"><strong>Volta</strong>2017</div>
<div class="gpu-lbl"><strong>Ampere</strong>2020</div>
<div class="gpu-lbl"><strong>Hopper</strong>2022</div>
<div class="gpu-lbl highlight"><strong>Blackwell</strong>2024</div>
<div class="gpu-lbl highlight"><strong>Rubin</strong>2025–26</div>
<div class="gpu-lbl future"><strong>Rubin Ultra</strong>2027 ⚡</div>
</div>
</div>
</div>
</div>
<!-- SECTION 2: LAYER TRANSITION MATRIX -->
<div class="matrix-section">
<div class="section-label">02 · SIX-LAYER TRANSITION MATRIX — OLD STATE → NEW STATE</div>
<div class="matrix-header">
<div class="mh-cell">LAYER</div>
<div class="mh-cell">CURRENT ARCHITECTURE</div>
<div class="mh-cell center">→</div>
<div class="mh-cell">INCOMING ARCHITECTURE</div>
<div class="mh-cell center">STATUS</div>
</div>
<div class="matrix-grid">
<div class="m-layer"><div class="m-layer-num">LAYER 01</div><div class="m-layer-name">POWER<br>ARCHITECTURE</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">AC Multi-Hop</div>
<div class="tech-spec" style="color:#64748b;">415V / 480V 3-Phase AC</div>
<div class="tech-note old">Grid AC → UPS (AC→DC→AC) → PDU → PSU (AC→DC) → VRM → chip. 4–5 conversions. 10–20% leakage.</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">800V HVDC</div>
<div class="tech-spec">Single conversion at facility perimeter</div>
<div class="tech-note">Grid AC → rectifier (one conversion to 800V DC) → busway → DC-DC at rack → chip. Eliminates rack-level PSU. ~2–5% losses vs 10–20%.</div>
</div>
<div class="m-status"><div class="status-badge status-incoming">INCOMING</div><div class="eff-gain">−15pp loss</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">Rubin Ultra<br>2027</div></div>
<div class="m-layer"><div class="m-layer-num">LAYER 02</div><div class="m-layer-name">TRANSFORMERS</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">Magnetic Core</div>
<div class="tech-spec" style="color:#64748b;">Passive electromagnetic induction</div>
<div class="tech-note old">Heavy, slow, AC-only. Multiple step-down stages (HV → MV → LV). Passive, no digital control. Can’t do bidirectional flow.</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">Solid State Transformers (SST)</div>
<div class="tech-spec">SiC / GaN high-frequency switching</div>
<div class="tech-note">30–50% smaller. Bidirectional DC flow. Digital control. Supports DER sell-back to grid. 150% more power through existing conductors.</div>
</div>
<div class="m-status"><div class="status-badge status-pilot">PILOT</div><div class="eff-gain">−45% copper</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">Amperesand<br>SolarEdge</div></div>
<div class="m-layer"><div class="m-layer-num">LAYER 03</div><div class="m-layer-name">ENERGY<br>STORAGE</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">VRLA UPS</div>
<div class="tech-spec" style="color:#64748b;">Valve Regulated Lead Acid</div>
<div class="tech-note old">10–20ms response. 200–500 cycles. 5–15min backup. Can’t handle sub-millisecond GPU power spikes (3× nominal draw in 1ms).</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">Supercapacitors + LFP BESS</div>
<div class="tech-spec">Microsecond response + MWh-scale storage</div>
<div class="tech-note">Supercaps: <1ms response, 1M+ cycles, spike smoothing, demand charge mitigation. LFP BESS: 95%+ efficiency, peak shaving, grid demand response revenue.</div>
</div>
<div class="m-status"><div class="status-badge status-pilot">PILOT</div><div class="eff-gain">1M+ cycles</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">OCP 2025<br>demo done</div></div>
<div class="m-layer"><div class="m-layer-num">LAYER 04</div><div class="m-layer-name">RACK<br>DESIGN</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">PSU-Based AC Rack</div>
<div class="tech-spec" style="color:#64748b;">10–50kW density, thick copper busbars</div>
<div class="tech-note old">AC-to-DC PSU inside each rack. Up to 200kg copper busbars per rack. Dense cabling. Air-cooled at most. PSU fans consume significant power.</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">PSU-Free 800V DC Rack</div>
<div class="tech-spec">900kW+ density, SiC/GaN DC-DC conversion</div>
<div class="tech-note">PSU eliminated → 60% more compute space per rack. High-temp steel enclosure. Seismic bracing. Liquid-cooled busbars. >98% efficient DC-DC conversion.</div>
</div>
<div class="m-status"><div class="status-badge status-incoming">INCOMING</div><div class="eff-gain">+60% space</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">SuperMicro<br>Kyber rack</div></div>
<div class="m-layer"><div class="m-layer-num">LAYER 05</div><div class="m-layer-name">COOLING<br>SYSTEM</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">Air + Chilled Water</div>
<div class="tech-spec" style="color:#64748b;">CRAC units, ~15–20kW rack limit</div>
<div class="tech-note old">Air cooling physically maxes out at ~20kW/rack. Chillers at ~$2M/MW, consume 15–20% of datacenter capex. Each deployment still feels “custom.”</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">Direct-to-Chip (D2C) Liquid</div>
<div class="tech-spec">45°C inlet, no chillers required (Nvidia RA)</div>
<div class="tech-note">Cold plates on CPUs/GPUs. 45°C warm water eliminates chiller cost. Row-based CDUs integrate into rack. 20–30% cooling energy reduction. 13% of failures in 2024 from cooling.</div>
</div>
<div class="m-status"><div class="status-badge status-live">LIVE</div><div class="eff-gain">−$2M/MW</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">H200/B200<br>standard</div></div>
<div class="m-layer"><div class="m-layer-num">LAYER 06</div><div class="m-layer-name">MONITORING<br>& DCIM</div></div>
<div class="m-old">
<div class="tech-name" style="color:#64748b;">Legacy DCIM</div>
<div class="tech-spec" style="color:#64748b;">Static dashboards, manual workflows</div>
<div class="tech-note old">Built for low-density static environments. Multi-vendor protocol fragmentation. Alert fatigue. No GPU-native telemetry. Can’t support lender collateral tracking.</div>
</div>
<div class="m-arrow">→</div>
<div class="m-new">
<div class="tech-name">GPU-Native Real-Time DCIM</div>
<div class="tech-spec">Sub-second telemetry, API-first, lender-grade</div>
<div class="tech-note">Asset API normalizes across all vendors. Sub-second alerts. GPU wear telemetry for collateral underwriting. SaaS delivery. Maintenance graph tracks failure rates vs. run parameters.</div>
</div>
<div class="m-status"><div class="status-badge status-live">LIVE</div><div class="eff-gain">GPU wear</div><div style="font-family:var(--mono);font-size:8px;color:var(--muted);text-align:center;">Aravolta<br>Crucible</div></div>
</div>
</div>
<!-- SECTION 3: CONVERGENCE TIMELINE -->
<div class="convergence-section">
<div class="section-label">03 · THE 2027 CONVERGENCE — ALL THREADS COLLIDE SIMULTANEOUSLY</div>
<div class="conv-layout">
<div class="conv-main">
<div class="conv-zone"><div class="conv-zone-label">CONVERGENCE ZONE</div></div>
<div class="timeline">
<div style="font-family:var(--mono);font-size:8.5px;color:var(--muted);margin-bottom:10px;letter-spacing:.1em;">YEAR →</div>
<div class="timeline-track">
<div class="timeline-fill"></div>
<div class="timeline-nodes">
<div class="t-node"><div class="t-dot past"></div><div class="t-label"><strong>2020</strong>OCP 380V<br>DC pilots</div></div>
<div class="t-node"><div class="t-dot past"></div><div class="t-label"><strong>2022</strong>Hopper/<br>H100 launch</div></div>
<div class="t-node"><div class="t-dot past"></div><div class="t-label"><strong>2024</strong>Blackwell<br>D2C standard</div></div>
<div class="t-node"><div class="t-dot now"></div><div class="t-label now-lbl"><strong>NOW</strong>800V DC<br>announced</div></div>
<div class="t-node"><div class="t-dot future"></div><div class="t-label"><strong>2026</strong>SST pilots<br>BESS scale</div></div>
<div class="t-node"><div class="t-dot critical"></div><div class="t-label crit-lbl"><strong>2027 ⚡</strong>Rubin Ultra<br>ships — ALL<br>must be ready</div></div>
</div>
</div>
<div class="threads">
<div class="thread"><div class="thread-name">Power (800V DC)</div><div class="thread-bar"><div class="thread-done" style="width:52%"></div><div class="thread-active" style="left:52%;width:30%"></div><div class="thread-future" style="left:82%;width:18%"></div><div class="thread-milestone" style="left:82%"></div><div class="thread-lbl">design → build</div></div></div>
<div class="thread"><div class="thread-name">SST Transformers</div><div class="thread-bar"><div class="thread-done" style="width:45%"></div><div class="thread-active" style="left:45%;width:28%"></div><div class="thread-future" style="left:73%;width:27%"></div><div class="thread-milestone" style="left:73%"></div><div class="thread-lbl">pilot → production</div></div></div>
<div class="thread"><div class="thread-name">Supercap + BESS</div><div class="thread-bar"><div class="thread-done" style="width:52%"></div><div class="thread-active" style="left:52%;width:25%"></div><div class="thread-future" style="left:77%;width:23%"></div><div class="thread-milestone" style="left:77%"></div><div class="thread-lbl">OCP demo → deploy</div></div></div>
<div class="thread"><div class="thread-name">Rack Redesign</div><div class="thread-bar"><div class="thread-done" style="width:52%"></div><div class="thread-active" style="left:52%;width:30%"></div><div class="thread-future" style="left:82%;width:18%"></div><div class="thread-milestone" style="left:82%"></div><div class="thread-lbl">spec → build</div></div></div>
<div class="thread"><div class="thread-name">D2C Liquid Cooling</div><div class="thread-bar"><div class="thread-done" style="width:70%"></div><div class="thread-active" style="left:70%;width:20%"></div><div class="thread-future" style="left:90%;width:10%"></div><div class="thread-milestone" style="left:90%"></div><div class="thread-lbl">standardize warmwater</div></div></div>
<div class="thread"><div class="thread-name">GPU-Native DCIM</div><div class="thread-bar"><div class="thread-done" style="width:65%"></div><div class="thread-active" style="left:65%;width:22%"></div><div class="thread-future" style="left:87%;width:13%"></div><div class="thread-milestone" style="left:87%"></div><div class="thread-lbl">scale to GW clusters</div></div></div>
<div class="thread"><div class="thread-name">Gallium Supply Chain</div><div class="thread-bar" style="background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);"><div class="thread-done" style="width:52%;background:linear-gradient(90deg,#fca5a5,#dc2626);"></div><div class="thread-active" style="left:52%;width:48%;background:rgba(239,68,68,0.35);"></div><div class="thread-milestone" style="left:52%;background:var(--red);"></div><div class="thread-lbl" style="color:rgba(239,68,68,0.7);">⚠ China 80% control</div></div></div>
</div>
<div style="display:flex;gap:20px;margin-top:16px;font-family:var(--mono);font-size:8px;color:var(--muted);">
<span style="display:flex;align-items:center;gap:6px;"><span style="width:20px;height:3px;background:var(--blue);display:inline-block;"></span>COMPLETE</span>
<span style="display:flex;align-items:center;gap:6px;"><span style="width:20px;height:3px;background:var(--amber);display:inline-block;"></span>ACTIVE / IN PROGRESS</span>
<span style="display:flex;align-items:center;gap:6px;"><span style="width:20px;height:3px;background:rgba(249,115,22,0.4);border:1px solid var(--orange);display:inline-block;"></span>REQUIRED BY 2027</span>
</div>
</div>
</div>
<div class="conv-side">
<div style="font-family:var(--mono);font-size:8.5px;letter-spacing:.15em;color:var(--orange);text-transform:uppercase;margin-bottom:4px;">Supply Chain Risk</div>
<div class="risk-item"><div class="risk-label">SST READINESS</div><div class="risk-title">Solid State Transformers at pilot stage only</div><div class="risk-note">$115M market in 2025. Production MW-scale needed by 2027. New tech + new interactions with grid = unknown failure modes.</div><div class="risk-meter"><div class="risk-fill" style="width:78%"></div></div></div>
<div class="risk-item"><div class="risk-label">COOLING FRAGMENTATION</div><div class="risk-title">AMD still requires cold fluid + chillers</div><div class="risk-note">Nvidia 45°C warm water = no chiller. AMD cold water = chiller required. Heterogeneous GPU deployments face split cooling architecture.</div><div class="risk-meter"><div class="risk-fill" style="width:60%"></div></div></div>
<div class="risk-item"><div class="risk-label">GALLIUM DEPENDENCY</div><div class="risk-title">China controls ~80% of global gallium supply</div><div class="risk-note">GaN transistors in SSTs and DC-DC converters require gallium. Export restrictions already active in 2025 trade war.</div><div class="risk-meter"><div class="risk-fill" style="width:88%"></div></div></div>
<div class="risk-item"><div class="risk-label">SIMULTANEITY</div><div class="risk-title">All 6 layers must converge at once</div><div class="risk-note">Sequential upgrades impossible. Rubin Ultra ships 2027 — operators cannot phase infrastructure changes. Coordination failure = wasted capex.</div><div class="risk-meter"><div class="risk-fill" style="width:95%"></div></div></div>
</div>
</div>
</div>
<!-- SECTION 4: ECONOMICS -->
<div class="section-label">04 · KEY ECONOMICS — THE NUMBERS THAT DRIVE DECISIONS</div>
<div class="econ-grid">
<div class="econ-cell blue"><div class="econ-num">10–20%</div><div class="econ-unit">AC Power Loss</div><div class="econ-desc">Current AC multi-hop architecture loses <strong>10–20% of all power consumed</strong> to conversion inefficiency. At 100MW facility, that’s 10–20MW wasted — enough to power a small town.</div></div>
<div class="econ-cell cyan"><div class="econ-num">200kg</div><div class="econ-unit">Copper per rack (current)</div><div class="econ-desc">High-current AC busbars require <strong>up to 200kg of copper per rack</strong>. 800V DC halves current (P=IV), reducing copper ~45%. At 1,000 racks = ~90,000kg copper saved.</div></div>
<div class="econ-cell amber"><div class="econ-num">$2M/MW</div><div class="econ-unit">Chiller cost (eliminated)</div><div class="econ-desc">Chillers consume <strong>15–20% of datacenter capex</strong> at ~$2M/MW. Nvidia’s 45°C warm-water D2C standard eliminates them entirely — a major opex and capex unlock.</div></div>
<div class="econ-cell red"><div class="econ-num">13%</div><div class="econ-unit">Failures from cooling (2024)</div><div class="econ-desc">Uptime Institute: <strong>cooling caused 13% of all datacenter failures in 2024</strong>. CME/CyrusOne, Azure Western Europe, UNC Health all hit by cooling events. Biggest operational risk.</div></div>
</div>
<div class="econ-grid" style="margin-top:2px;">
<div class="econ-cell blue"><div class="econ-num">50×</div><div class="econ-unit">Rack power increase 2017→2027</div><div class="econ-desc">Volta at <strong>20kW/rack in 2017</strong> → Rubin Ultra at <strong>1,000kW/rack in 2027</strong>. The infrastructure stack cannot pace this curve without the architectural overhaul described in Pt II.</div></div>
<div class="econ-cell cyan"><div class="econ-num">$40M</div><div class="econ-unit">1MW B300 cluster cost</div><div class="econ-desc">Compute equipment alone for a <strong>1MW Nvidia B300 HGX cluster</strong> runs ~$40M. Monitoring, maintenance, and collateral telemetry are no longer optional — they’re underwriting requirements.</div></div>
<div class="econ-cell amber"><div class="econ-num">$2.5–10K</div><div class="econ-unit">per kWh — supercapacitors</div><div class="econ-desc">10–50× more expensive than lithium-ion UPS per kWh, but they solve problems batteries <strong>physically cannot</strong>: sub-millisecond GPU spike smoothing and demand charge mitigation at scale.</div></div>
<div class="econ-cell red"><div class="econ-num">80%</div><div class="econ-unit">China gallium control</div><div class="econ-desc">Gallium (required for GaN transistors in SSTs and DC-DC converters) is <strong>~80% China-controlled</strong>. Export restrictions active in 2025 trade war. Critical mineral dependency in the power stack.</div></div>
</div>
<div class="footer" style="margin-top:36px;">
<div>SOURCE: CRUCIBLE CAPITAL · BUILDING A DATACENTER PT I + II · SEP 2025 / FEB 2026 · KELLY GREER + MELTEM DEMIRORS</div>
<div>VIZ: CLAUDE · FEB 2026</div>
</div>
</div>
</body>
</html>