/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:sticky;top:0;z-index:60;
  background:var(--black);color:#fff;
  border-bottom:1px solid #000;
}
.nav-inner{
  max-width:var(--container);margin:0 auto;padding:14px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:900;letter-spacing:-0.02em;font-size:15px;text-transform:uppercase}
.nav-brand .mark{width:18px;height:18px;background:var(--yellow);display:inline-block}
.nav-mid{display:flex;align-items:center;gap:24px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted-d)}
.nav-mid .dot{width:6px;height:6px;background:var(--yellow);border-radius:50%;display:inline-block;margin-right:8px;vertical-align:1px}
.nav-cta{display:flex;align-items:center;gap:16px}
.nav-cta .price-mini{font-family:var(--f-mono);font-size:12px;color:var(--muted-d);letter-spacing:0.05em}
.nav-cta .price-mini b{color:var(--yellow);font-weight:700}
.nav .nav-btn{
  font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:0.02em;
  background:var(--yellow);color:var(--black);padding:10px 16px;text-decoration:none;
  text-transform:uppercase;
}
.nav .nav-btn:hover{background:var(--yellow-hot)}
@media (max-width:900px){
  .nav-mid{display:none}
  .nav-inner{padding:12px 20px}
  .nav-cta .price-mini{display:none}
}