/* ── Navigation ──────────────────────────────────────────────── */

/* Public marketing nav */
.nav-public{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 40px;height:64px;
  background:rgba(8,10,8,0.85);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
  transition:border-color .3s;
}
.nav-public.scrolled{border-color:var(--border2)}
.nav-public .nav-logo img{height:38px;display:block}
.nav-public .nav-links{display:flex;align-items:center;gap:4px}
.nav-public .nav-links a{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--muted);text-decoration:none;padding:6px 14px;border-radius:99px;transition:color .15s,background .15s}
.nav-public .nav-links a:hover{color:var(--text2);background:rgba(255,255,255,.04);text-decoration:none}
.nav-right{display:flex;align-items:center;gap:8px}
.btn-ghost-sm{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;padding:7px 16px;border-radius:99px;border:1px solid var(--border2);transition:all .15s}
.btn-ghost-sm:hover{color:var(--text);border-color:var(--muted2);text-decoration:none}
.btn-cta{font-size:14px;font-weight:600;color:var(--bg);text-decoration:none;padding:8px 20px;border-radius:99px;background:var(--green);transition:all .15s;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em}
.btn-cta:hover{background:#bef264;transform:translateY(-1px);text-decoration:none}
.btn-cta svg{transition:transform .15s}
.btn-cta:hover svg{transform:translateX(2px)}

/* App header */
.app-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 24px;height:60px;
  border-bottom:1px solid var(--border);
  background:var(--surface);
  position:sticky;top:0;z-index:100;
}
.logo-mark{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:18px;color:var(--green)}
.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(163,230,53,.4)}50%{box-shadow:0 0 0 6px rgba(163,230,53,0)}}
.app-header .header-right{display:flex;align-items:center;gap:10px}
.app-header .nav-link{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:99px;border:1px solid transparent;transition:all .15s}
.app-header .nav-link:hover{color:var(--text2);border-color:var(--border2);text-decoration:none}
#last-updated{font-size:12px;color:var(--muted)}

/* Responsive */
@media(max-width:900px){
  .nav-public{padding:0 20px}
  .nav-public .nav-links{display:none}
}