/* OffBank site nav (2026-11-01): the homepage nav, the same on every page */
.obn{position:sticky;top:0;z-index:60;background:rgba(11,13,12,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(22,196,124,.18)}
.obn .w{max-width:72rem;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px));height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.ob-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e9f5ee;font:600 20px/1 "General Sans",Arial,sans-serif;letter-spacing:-.035em;justify-self:start}
.ob-brand canvas.km{width:36px;height:36px;flex:none;display:block}.ob-brand b{color:#7f8c86;font-weight:600}
.obn .pow{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:#fff;opacity:.92;transition:opacity .3s}.obn .pow:hover{opacity:1}
.obn .pow span{font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:#fff;opacity:.7}
.obn .pow .hl{height:22px;width:auto;display:block}
.ob-r{justify-self:end;display:flex;align-items:center;gap:22px}
.ob-login{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#e9f5ee;text-decoration:none;opacity:.8}.ob-login:hover{opacity:1;color:#16c47c}
.ob-btn{display:inline-flex;align-items:center;height:40px;padding:0 20px;background:#e9f5ee;color:#0b1410;font:500 13px/1 "General Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .25s}.ob-btn:hover{background:#fff}
@media (max-width:760px){.obn .w{grid-template-columns:auto 1fr;gap:10px;padding:0 16px}.obn .pow{justify-self:end;gap:5px}.obn .pow span{font-size:7.5px}.obn .pow .hl{height:16px}.ob-r{display:none}}