/* Fieldbench web — shared design tokens + chrome, extracted verbatim from the
   design package (fieldbench-web-home.html). Tesla-minimal: zero shadows, 4px radius. */
:root{
  --blue:#3E6AE1; --blue-tint:#3E6AE114; --carbon:#171A20; --graphite:#393C41;
  --pewter:#5C5E62; --silver:#8E8E8E; --cloud:#EAEAEC; --ash:#F4F4F4;
  --bg:#FAFAFB; --white:#FFFFFF; --green:#1FA463; --amber:#D9870A; --red:#D9342B;
  --f-addr:#8A56D6; --f-func:#0B3E97; --f-len:#00B386; --r:4px;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Code",Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--carbon);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.5;font-variant-numeric:tabular-nums}
body.bg-page{background:var(--bg)}
a{text-decoration:none;color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}

/* top nav */
nav.top{height:60px;border-bottom:1px solid var(--cloud);position:sticky;top:0;background:rgba(255,255,255,.95);z-index:10}
.nav-in{max-width:1120px;margin:0 auto;padding:0 28px;height:60px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:9px;font-weight:500;font-size:13px;letter-spacing:.14em;color:var(--carbon)}
.logo .mark{width:18px;height:18px;background:url('/favicon.svg') center/contain no-repeat}
.nav-links{display:flex;gap:24px;font-size:13.5px;color:var(--pewter);margin-left:12px}
.nav-links a{color:var(--pewter)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:14px}
.nav-cta .gh{font-size:13px;color:var(--pewter)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r);font-weight:500;cursor:pointer}
.btn.primary{background:var(--blue);color:#fff;height:38px;padding:0 20px;font-size:13.5px}
.btn.tint{background:var(--blue-tint);color:var(--blue);height:38px;padding:0 20px;font-size:13.5px}
@media(max-width:900px){.nav-links{display:none}}

/* small footer used by sub-pages */
footer.small{border-top:1px solid var(--cloud);padding:28px 0 44px;margin-top:56px}
footer.small .wrap{display:flex;gap:18px;font-size:12.5px;color:var(--silver)}
footer.small a{color:var(--pewter)}