:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: #0d0f22; color: #f4efe1; font-family: ui-monospace, "SF Mono", Menlo, monospace; line-height: 1.55; }
.page { max-width: 720px; margin: 0 auto; padding: 40px 20px 60px; }
.page header { margin-bottom: 32px; }
.page header img { width: 236px; max-width: 60%; image-rendering: pixelated; display: block; margin-bottom: 12px; }
.page h1 { font-size: 22px; letter-spacing: 0.06em; text-transform: uppercase; color: #f5c542; margin: 0 0 8px; }
.page h2 { font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: #8d97b8; margin: 36px 0 12px; border-bottom: 1px solid #1b1f3a; padding-bottom: 6px; }
.page p, .page li { font-size: 14px; }
.page a { color: #f4efe1; border-bottom: 1px solid #5a6480; text-decoration: none; }
.page a:hover { color: #f5c542; border-color: #f5c542; }
.page ul { padding-left: 0; list-style: none; }
.page .biz { display: grid; grid-template-columns: 96px 1fr; gap: 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid #1b1f3a; }
.page .biz img { width: 96px; image-rendering: pixelated; }
.page .biz strong { display: block; color: #f5c542; letter-spacing: 0.04em; }
.page .partners { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.page .partner { text-align: center; font-size: 13px; background: #1b1f3a; border: 2px solid #b8842a; box-shadow: 0 0 0 1px #f5c542 inset; padding: 16px 8px 12px; color: #f4efe1; letter-spacing: 0.04em; }
.page .partner canvas { display: block; margin: 0 auto 10px; image-rendering: pixelated; max-width: 100%; height: auto; }
@media (max-width: 480px) { .page .partners { grid-template-columns: 1fr; } }
.page .muted { color: #8d97b8; }
.page nav { margin-top: 40px; font-size: 13px; color: #5a6480; }
.page nav a { margin-right: 14px; }
.page .placeholder { border: 1px dashed #5a6480; padding: 10px 14px; color: #8d97b8; font-size: 13px; }