.platforms-section { padding: 88px 0; }
.platforms-intro { display: flex; flex-direction: column; gap: 18px; max-width: 640px; margin-bottom: 56px; }

.process-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-bottom: 64px; }
.process-step { display: flex; flex-direction: column; gap: 10px; padding-top: 18px; border-top: 1px solid var(--line); }
.process-step-num { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--ink-faint); }
.process-step-title { font-family: var(--sans); font-size: 12.5px; letter-spacing: 0.08em; color: var(--ink); }
.process-step-desc { font-family: var(--sans); font-size: 12.5px; line-height: 1.6; color: var(--ink-soft); }

.walkthrough { margin-bottom: 64px; }
.walkthrough-intro { display: flex; flex-direction: column; gap: 18px; max-width: 640px; margin-bottom: 28px; }
.example-log { position: relative; font-family: var(--mono); font-size: 12.5px; line-height: 2; color: var(--silver-dim); background: linear-gradient(155deg, oklch(0.27 0.01 255) 0%, oklch(0.21 0.008 255) 55%, oklch(0.24 0.009 250) 100%); border: 1px solid var(--console-line); box-shadow: 0 30px 60px -30px oklch(0.2 0 0 / 0.4); padding: 30px 34px; overflow-x: auto; white-space: pre; }
.example-log-time { color: var(--silver-faint); }
.example-log-available { color: var(--silver); }

.platforms-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 56px; }
.platform-card { display: flex; flex-direction: column; gap: 18px; background: var(--panel); border: 1px solid var(--line); padding: 30px 26px; box-shadow: 0 24px 50px -32px oklch(0.3 0 0 / 0.14); }
.platform-name { font-family: var(--serif); font-size: 21px; color: var(--ink); }
.platform-detail { display: flex; flex-direction: column; gap: 4px; }
.platform-detail-label { font-family: var(--sans); font-size: 10px; letter-spacing: 0.1em; color: var(--ink-faint); }
.platform-detail-text { font-family: var(--sans); font-size: 12.5px; line-height: 1.65; color: var(--ink-soft); }

.status-legend { position: relative; background: radial-gradient(circle at 12% 0%, oklch(0.86 0.004 255 / 0.08), transparent 45%), repeating-linear-gradient(0deg, oklch(1 0 0 / 0.025) 0px, oklch(1 0 0 / 0.025) 1px, transparent 1px, transparent 22px), linear-gradient(155deg, oklch(0.27 0.01 255) 0%, oklch(0.21 0.008 255) 55%, oklch(0.24 0.009 250) 100%); border: 1px solid var(--console-line); box-shadow: 0 30px 60px -30px oklch(0.2 0 0 / 0.4); padding: 34px 38px; }
.status-legend-title { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; color: var(--silver-faint); margin-bottom: 22px; }
.status-row { display: flex; align-items: baseline; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--console-line); }
.status-row:last-child { border-bottom: none; padding-bottom: 0; }
.status-code { font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; width: 110px; flex: none; }
.status-code-available { color: var(--silver); }
.status-code-taken, .status-code-limited, .status-code-error, .status-code-denied { color: var(--silver-dim); }
.status-desc { font-family: var(--sans); font-size: 12.5px; line-height: 1.6; color: var(--silver-dim); }

.platforms-note { margin: 36px 0 0; max-width: 640px; font-family: var(--sans); font-size: 12.5px; line-height: 1.7; color: var(--ink-faint); }