:root{--bg:#080d14;--section:#0a1628;--card:#0f1d35;--panel:#1e2a3a;
--orange:#ea580c;--muted:#cbd5e1;--text:#e8edf4;--dim:#8fa0b5;}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,sans-serif;
font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
header{background:var(--section);border-bottom:1px solid var(--panel);
padding:14px 28px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}
header img{height:34px;display:block}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{padding:7px 14px;border-radius:4px;color:var(--muted);font-weight:500;font-size:14px}
nav a.on{background:var(--card);color:var(--text)}
nav a:hover{color:var(--text)}
.wrap{max-width:1280px;margin:0 auto;padding:28px}
h1{font-size:22px;font-weight:700;margin-bottom:4px}
.sub{color:var(--dim);font-size:14px;margin-bottom:24px;font-family:'Source Sans Pro',sans-serif}
.mock{position:fixed;bottom:14px;right:14px;background:var(--orange);color:#fff;
font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 10px;border-radius:4px}
h2.horizon{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
color:var(--orange);margin:26px 0 12px;border-bottom:1px solid var(--panel);padding-bottom:8px}
h2.horizon span{color:var(--dim);font-weight:600;margin-left:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.card{background:var(--card);border:1px solid var(--panel);border-radius:6px;padding:16px;display:block}
.card:hover{border-color:var(--orange)}
.card .id{font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
.card h3{font-size:15.5px;font-weight:600;margin:2px 0 8px}
.card p{font-size:13px;color:var(--muted);font-family:'Source Sans Pro',sans-serif;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:3px;background:var(--panel);color:var(--muted)}
.tag.p1{background:#4a1d07;color:#fda172}.tag.stage-Live{background:#0d3321;color:#7dd8a5}
.tag.stage-Development{background:#0d2a42;color:#7cbdf0}.tag.stage-Retired{background:#2a2a33;color:#9aa}
.tag.stage-ConceptRD{background:#33270d;color:#e0c070}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--panel)}
th{background:var(--section);text-align:left;font-size:11.5px;letter-spacing:.05em;
text-transform:uppercase;color:var(--dim);padding:10px 12px;border-bottom:1px solid var(--panel)}
td{padding:10px 12px;border-bottom:1px solid var(--panel);font-size:13.5px;vertical-align:top;
font-variant-numeric:tabular-nums}
tr:hover td{background:var(--panel)}
.tbl-wrap{overflow-x:auto;border-radius:6px}
.dt{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.sec{background:var(--card);border:1px solid var(--panel);border-radius:6px;padding:18px}
.sec h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.kv{margin-bottom:10px}.kv .k{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}
.kv .v{font-size:14px;color:var(--text);font-family:'Source Sans Pro',sans-serif;white-space:pre-wrap}
.back{color:var(--dim);font-size:13px;display:inline-block;margin-bottom:14px}
.back:hover{color:var(--orange)}
@media(max-width:640px){.wrap{padding:16px}header{padding:12px 16px;gap:12px}}