.mkt-top-bar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:10050;
  background:#0b1220;
  border-bottom:1px solid #1e293b;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
}
.mkt-top-inner{
  max-width:1120px;margin:0 auto;padding:.75rem 1.25rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:60px;
  flex-wrap:nowrap;
}
.mkt-brand {
  display: inline-flex;
  align-items: center;
}
.mkt-brand:hover{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);
}

.mkt-logo {
  height: 56px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  display: block;
  background: #ffffff;
  padding: 6px 14px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.mkt-view-switch{
  flex-shrink:0;
  display:inline-flex;padding:4px;background:#111827;border:1px solid #334155;border-radius:999px;
}
.mkt-view-btn{
  color:#94a3b8;font:inherit;font-size:.88rem;font-weight:600;
  padding:.5rem 1.1rem;border-radius:999px;text-decoration:none;transition:background .15s,color .15s;
  white-space:nowrap;
}
.mkt-view-btn.active{background:#4f46e5;color:#fff;box-shadow:0 4px 14px rgba(79,70,229,.35)}
.mkt-view-btn:not(.active):hover{color:#cbd5e1}

/* Push page content below fixed bar */
.mkt-top-spacer{height:61px;flex-shrink:0;width:100%}

@media(max-width:860px){
  .mkt-top-inner{
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    gap:.5rem;
    padding:.5rem .75rem;
    min-height:52px;
  }
  .mkt-brand{
    flex:0 0 auto;
    padding:.35rem;border-radius:10px;
  }
  .mkt-logo{
    height:44px;
    max-width:150px;
    padding:5px 10px;
    border-radius:8px;
  }
  .mkt-view-switch{
    flex:0 0 auto;
    padding:3px;
    max-width:52%;
  }
  .mkt-view-btn{
    font-size:.7rem;
    font-weight:600;
    padding:.32rem .5rem;
    line-height:1.2;
  }
  .mkt-top-spacer{height:53px}
}

@media(max-width:400px){
  .mkt-top-inner{padding:.45rem .6rem;min-height:48px}
  .mkt-brand{padding:.3rem;border-radius:8px}
  .mkt-logo{
    height:36px;
    max-width:120px;
    padding:4px 8px;
    border-radius:6px;
  }
  .mkt-view-switch{max-width:58%;padding:2px}
  .mkt-view-btn{
    font-size:.65rem;
    padding:.28rem .38rem;
  }
  .mkt-top-spacer{height:49px}
}