/* Site header and drawing-sheet background, shared by the homepage and the garage. */
body.gridBg { background-color:#0e0e0f;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:36px 36px; }
.siteBar { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:28px; padding:14px max(16px, calc((100vw - 1200px) / 2));
  background:rgba(14,14,15,.82); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.08); font:15px/1.6 Inter, system-ui, "Segoe UI", sans-serif; }
.siteBar .mark { display:flex; align-items:center; gap:10px; color:#ececec; font-family:"Big Shoulders Display", Impact, "Arial Narrow", sans-serif; font-weight:900;
  font-size:24px; letter-spacing:.02em; text-decoration:none; text-transform:uppercase; }
.siteBar .logo { min-width:32px; height:32px; padding:0 6px; display:grid; place-items:center; background:#c6ff1a; color:#141a00; border-radius:6px; font-size:19px; transform:skewX(-8deg); }
.siteBar nav { display:flex; gap:22px; margin-left:12px; }
.siteBar nav a, .siteBar .cta .link { color:#9a9a9e; text-decoration:none; font-size:14px; }
.siteBar nav a:hover, .siteBar .cta .link:hover, .siteBar nav a[aria-current] { color:#ececec; text-decoration:none; }
.siteBar .cta { margin-left:auto; display:flex; align-items:center; gap:16px; }
.hbtn { display:inline-flex; align-items:center; gap:10px; white-space:nowrap; height:42px; padding:0 18px; border-radius:6px; font:600 15px Inter, system-ui, sans-serif; text-decoration:none;
  color:#ececec; background:none; border:1px solid rgba(255,255,255,.14); cursor:pointer; transition:transform .15s, border-color .15s, box-shadow .15s; }
.hbtn:hover { transform:translateY(-1px); text-decoration:none; }
.hbtn.lime { background:#c6ff1a; color:#141a00; border-color:transparent; box-shadow:4px 4px 0 #8ee000; }
.hbtn.lime:hover { box-shadow:6px 6px 0 #8ee000; }
.hbtn.icon { width:42px; padding:0; justify-content:center; color:#9a9a9e; }
.hbtn.icon:hover { color:#ececec; border-color:#c6ff1a; }
.hbtn.icon + .hbtn.icon { margin-left:-8px; }
.hbtn.chip b { color:#c6ff1a; font-weight:600; }
@media (max-width:900px) { .siteBar nav { display:none; } }
@media (max-width:520px) {
  .siteBar { gap:12px; } .siteBar .cta { gap:12px; } .siteBar .cta .link { display:none; }
  .hbtn { height:38px; padding:0 12px; font-size:14px; } .hbtn.icon { width:38px; padding:0; }
}
@media (max-width:420px) { .siteBar .mark { font-size:0; gap:0; } }
@media (prefers-reduced-motion: reduce) { .hbtn { transition:none; } .hbtn:hover { transform:none; } }