:root{
  --bg:#050605;--ink:#E8F0D8;--muted:#8A9478;--line:#1C2414;--heat:#C8F542;--paper:#0C1008;
  --max:1180px;
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Syne,system-ui,sans-serif}
body{background-image:linear-gradient(rgba(200,245,66,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,245,66,.04) 1px,transparent 1px);background-size:48px 48px}
a{color:inherit}img{max-width:100%}
.wrap{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}
header.site{border-bottom:1px solid var(--line);background:rgba(5,6,5,.9);position:sticky;top:0;z-index:8}
.bar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem}
.brand{font-weight:800;letter-spacing:-.05em;text-transform:uppercase;text-decoration:none;font-size:.95rem}
.brand small{display:block;font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.16em;color:var(--heat);font-weight:500}
nav.desk{display:flex;flex-wrap:wrap;gap:.15rem .85rem;font-family:"IBM Plex Mono",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
nav.desk a{text-decoration:none}nav.desk a[aria-current="page"]{color:var(--heat)}
.btn{display:inline-flex;background:var(--heat);color:#050605;text-decoration:none;padding:.75rem 1rem;font-weight:800;letter-spacing:-.03em;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);clip-path:none}
.hero{padding:4.6rem 0 2.4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.kicker{font-family:"IBM Plex Mono",monospace;color:var(--heat);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;margin:.4rem 0 1rem;font-weight:800}
h1 em{font-style:normal;color:var(--heat)}
.lede{color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.92rem;max-width:36em;line-height:1.6}
.stack{display:grid;gap:2px}
.stack div{background:var(--paper);border:1px solid var(--line);padding:.85rem 1rem;display:flex;justify-content:space-between;font-family:"IBM Plex Mono",monospace;font-size:.78rem}
.stack div b{color:var(--heat)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:1rem 0 2.5rem}
.stats div{background:var(--bg);padding:1rem}.stats b{display:block;font-size:1.4rem;color:var(--heat)}
section.block{padding:3rem 0}
.sec-h h2{margin:0 0 1rem;text-transform:uppercase;letter-spacing:-.04em;font-size:1.5rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:var(--bg);padding:1.1rem;text-decoration:none;min-height:11rem;display:flex;flex-direction:column;gap:.4rem}
.card:hover{background:var(--paper)}
.sku{font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--heat)}
.tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:.3rem}
.tag{font-family:"IBM Plex Mono",monospace;font-size:.62rem;color:var(--muted);border:1px solid var(--line);padding:.1rem .35rem}
table.spec{width:100%;border-collapse:collapse;font-family:"IBM Plex Mono",monospace;font-size:.78rem}
table.spec th,table.spec td{border:1px solid var(--line);padding:.6rem;text-align:left}
.prose{max-width:42em;font-family:"IBM Plex Mono",monospace;font-size:.9rem;color:var(--muted)}
.chapters a{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:"IBM Plex Mono",monospace;font-size:.85rem}
.num{color:var(--heat)}
footer.site{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.75rem}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1.5rem}
.menu{display:none;background:transparent;color:var(--heat);border:1px solid var(--line)}
form.rfq{display:grid;gap:.65rem;max-width:36rem}
form.rfq input,form.rfq textarea,form.rfq select{width:100%;padding:.7rem;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:"IBM Plex Mono",monospace}
.notice{border:1px dashed var(--heat);padding:.8rem;font-family:"IBM Plex Mono",monospace;font-size:.78rem;color:var(--muted)}
@media (max-width:860px){
  .hero,.grid,.stats,.fgrid{grid-template-columns:1fr}
  nav.desk{display:none} nav.desk.open{display:flex;flex-direction:column;padding:0 0 1rem}
  .menu{display:block}
}