:root{--bg:#0e0f11;--panel:#16181c;--line:#2a2d33;--text:#e7e7e4;--mute:#9a9ea6;--acc:#ff7a1a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--acc)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}.center{text-align:center}
.top{border-bottom:1px solid var(--line);background:#0b0c0dcc;position:sticky;top:0;backdrop-filter:blur(6px);z-index:9}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.14em;font-size:1.15rem}.logo b{color:var(--acc)}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--mute);text-decoration:none;font-size:.95rem}nav a:hover,nav a.on{color:var(--text)}
.hero{padding:96px 0 80px;background:radial-gradient(ellipse at 80% 0,#ff7a1a22,transparent 60%),repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 14px);border-bottom:1px solid var(--line)}
.kicker{color:var(--acc);text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:700}
h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:.2em 0}h1 em{color:var(--acc);font-style:normal}h2{margin:56px 0 20px}
.lead{color:var(--mute);font-size:1.15rem;max-width:640px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;background:var(--acc);color:#111;font-weight:700;padding:12px 22px;border-radius:6px;text-decoration:none;margin-top:12px}.btn.ghost{background:none;color:var(--text);border:1px solid var(--line)}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding-top:48px}.why h3{margin:0 0 4px;border-left:3px solid var(--acc);padding-left:10px}.why p{color:var(--mute);margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;position:relative}.card h3{margin:.2em 0}.card p{color:var(--mute)}
.sku{font-family:ui-monospace,Consolas,monospace;color:var(--acc);font-weight:700;letter-spacing:.05em}
.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--acc);color:var(--acc);border-radius:99px;padding:2px 10px;vertical-align:middle}
dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.9rem;margin:0 0 14px}dt{color:var(--mute)}dd{margin:0}
.pagehead{padding-top:64px;padding-bottom:16px}main{min-height:60vh;padding-bottom:64px}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--mute);font-size:.9rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.integ{max-width:1060px;margin:40px auto 32px;padding:28px;background:var(--panel);border:1px solid var(--acc);border-radius:12px}.integ h2{margin-top:0}
.ibadges{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0}
.ibadge{border:1px solid var(--line);border-radius:10px;padding:16px;background:#0e0f11}.ibadge h3{margin:8px 0 0}.ibadge p{margin:2px 0 0;color:var(--mute);font-size:.9rem}
.card .btn{margin-bottom:12px}
@media(max-width:1100px){.integ{margin-left:12px;margin-right:12px;padding:20px}}

.topowrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.topo{width:100%;height:auto;display:block}
.topo .body{fill:#23262c;stroke:#5a5f68;stroke-width:3}.topo .glass{fill:#0e0f11;stroke:#5a5f68;stroke-width:2}.topo .seam{stroke:#5a5f68;stroke-width:2}
.topo .tire{fill:#0b0c0d;stroke:#3a3d44;stroke-width:6}.topo .hub{fill:#3a3d44}.topo .ground{stroke:#2a2d33;stroke-width:2}
.topo .tank{fill:#30333a;stroke:#5a5f68}.topo .small{fill:#9a9ea6;font:16px system-ui;text-anchor:middle}
.topo .bus{fill:none;stroke:#ff7a1a;stroke-width:4;stroke-dasharray:10 6}.topo .buslbl{fill:#ff7a1a;font:700 18px system-ui;text-anchor:middle}
.topo .pin{fill:#ff7a1a;stroke:#0e0f11;stroke-width:3}.topo .pinn{fill:#111;font:800 24px system-ui;text-anchor:middle}
.topo .pdm{fill:#0e0f11;stroke:#ff7a1a;stroke-width:3}.topo .pdmt{fill:#e7e7e4;font:800 18px system-ui;text-anchor:middle}
.legend{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 20px}
.legend b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#111;margin-right:6px}.legend b.p{background:none;border:2px solid var(--acc);color:var(--text);border-radius:5px}
.legend a{color:var(--text);text-decoration:none;font-weight:700}.legend span{display:block;color:var(--mute);font-size:.9rem;margin-left:34px}
.note{color:var(--mute);font-size:.85rem}.more{display:inline-block;margin:4px 12px 8px 0;font-weight:600}
dl.uc{grid-template-columns:1fr}dl.uc dt{color:var(--acc);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}
.builds li{margin-bottom:8px}
.specgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px}.specgrid h3{font-size:1rem;margin:12px 0 6px}.specgrid ul{margin:0;padding-left:18px;color:var(--mute)}
table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:8px;text-align:left}.imgs img{max-width:100%;border-radius:8px}
@media(max-width:600px){.topowrap{padding:4px;margin:0 -12px}}

.tag.st-prototype{border-color:#4cc38a;color:#4cc38a}.tag.st-concept{border-color:#8fa3bf;color:#8fa3bf}.tag.muted{border-color:#8fa3bf;color:#8fa3bf}.ibadge.soon{border-style:dashed}
.topo .term{fill:#e7e7e4;stroke:#0e0f11;stroke-width:2}.topo .tlbl{fill:#e7e7e4;font:700 15px system-ui;text-anchor:middle}
.topo .feed{fill:none;stroke:#e5484d;stroke-width:4}.topo .feedl{fill:#e5484d;font:700 15px system-ui;text-anchor:middle}
.topo .batt{fill:#30333a;stroke:#e5484d;stroke-width:2}.topo .bt{fill:#e7e7e4;font:700 12px system-ui;text-anchor:middle}
.topo .key{fill:#c9cbd0;font:18px system-ui}.legend .tag{margin-left:6px}.busnotes{margin:12px 0}.busnotes ul{margin:0;padding-left:18px;color:var(--mute)}
.legend span.tag{display:inline-block;margin-left:8px;font-size:.65rem}