@font-face {
  font-family: 'Satoshi-Light';
  src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
       url('../fonts/Satoshi-Light.woff') format('woff'),
       url('../fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Garamond Medium-Italic';
  src: url('../fonts/Garamond Medium-Italic.woff2') format('woff2');
  font-weight: 500;        
  font-style: italic;      
  font-display: swap;
}
@font-face {
  font-family: 'Mesuho-Italic';
  src: url('../fonts/Mesuho-Italic.woff2') format('woff2'),
       url('../fonts/Mesuho-Italic.woff') format('woff'),
       url('../fonts/Mesuho-Italic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic; 
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-LightItalic.woff') format('woff'),
       url('../fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
       url('../fonts/Satoshi-Regular.woff') format('woff'),
       url('../fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
       url('../fonts/Satoshi-Italic.woff') format('woff'),
       url('../fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
       url('../fonts/Satoshi-Medium.woff') format('woff'),
       url('../fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
       url('../fonts/Satoshi-Bold.woff') format('woff'),
       url('../fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
       url('../fonts/Satoshi-Black.woff') format('woff'),
       url('../fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'),
       url('../fonts/Satoshi-BlackItalic.woff') format('woff'),
       url('../fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}
@font-face{
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Variable.woff2") format("woff2-variations"),
       url("../fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face{
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-VariableItalic.woff2") format("woff2-variations"),
       url("../fonts/Satoshi-VariableItalic.woff2") format("woff2");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --header-bg: rgba(10, 10, 10, 0.75);
  --hairline: rgba(255,255,255,0.10);
   --frame-w: clamp(1080px, 96vw, 1890px);
  --header-h: 64px;
   --text-primary: rgba(238,240,242,1); --font-sans: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;  --ul-h: 4px; --ul-radius: 999px; --ul-top-k: 0.458;   --logo-left: 10.5556%; --logo-w: 100px; --logo-top-k: 0.291;  --logo-h-k: 0.40;    --tag-gap: 72px; --tag-w-k: 0.80;  --tag-h-k: 0.255; ;
}
* {
  box-sizing: border-box;
}
html {
  font-synthesis: none;
}
html,body {
  height:100%;
}
body {
  margin:0;
  background:#0b0b0b;
  color:var(--text-primary);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
em, i, cite, dfn, var {
  font-style: normal;
}
button, input, select, textarea {
  font: inherit;
}
.muz-container {
  width:var(--frame-w);
  margin-inline:auto;
}
.muz-site-header {
  width:100%;
  background:var(--header-bg);
  border-bottom:0.5px solid var(--hairline);
}
.muz-header-track {
  position: relative;
  width: min(var(--frame-w), 100vw);
  height: var(--header-h);
  margin-inline: auto;
}
.muz-logo-text {
  position: absolute;
  left: var(--logo-left);
  top: calc(var(--header-h) * var(--logo-top-k));
  width: var(--logo-w);
  height: calc(var(--header-h) * var(--logo-h-k));
  line-height: calc(var(--header-h) * var(--logo-h-k));
  text-align: center;
  white-space: nowrap;
  font-weight: 750;
  font-size: clamp(16px, 1.35vw, 28px);
  color: var(--text-primary);
}
.muz-main-nav {
  position: static;
}
.muz-nav-link {
  position: absolute;
  top: calc(var(--header-h) * 0.327);
  height:calc(var(--header-h) * 0.327);
  line-height:calc(var(--header-h) * 0.327);
  font-weight: 500;
  font-size: clamp(13px, 1.2vw, 23px);
  color: rgba(238,240,242,0.70);
  text-decoration: none;
  white-space: nowrap;
}
.muz-nav-link::after {
  content:"";
  position:absolute;
  top: calc(var(--header-h) * var(--ul-top-k));
   left: calc(50% + var(--underline-nudge, 0px));
  transform: translateX(-50%);
  width: var(--underline-w, 14px);
  height: var(--ul-h);
  background: rgba(97,173,241,1);
  border-radius: var(--ul-radius);
  opacity: 0;
}
.muz-nav-link:hover,
.muz-nav-link.muz-active {
  color: rgba(238,240,242,0.90);
}
.muz-nav-link:hover::after,
.muz-nav-link.muz-active::after {
  opacity:1;
}
.muz-nav-home {
  left: 33.1481%;
  --underline-w: 20px;
}
.muz-nav-market {
  left: 39.2593%;
  --underline-w: 24px;
}
.muz-nav-sellers {
  left: 47.8704%;
  --underline-w: 22px;
  --underline-nudge: 0.5px;
}
.muz-nav-forums {
  left: 53.6111%;
  --underline-w: 22px;
}
.muz-nav-about {
  left: 59.3519%;
  --underline-w: 26px;
  --underline-nudge: 0.5px;
}
.muz-login {
  position: absolute;
  left: 77.7778%;
  top: calc(var(--header-h) * 0.327);
  height:calc(var(--header-h) * 0.327);
  line-height:calc(var(--header-h) * 0.327);
  font-weight: 500;
  font-size: clamp(13px, 1.2vw, 23px);
  color: rgba(238,240,242,0.75);
  text-decoration: none;
}
.muz-btn-signup {
  position: absolute;
  left: 82.6852%;
  top: calc(var(--header-h) * 0.236);
  width: calc(var(--header-h) * 1.327);
  height:calc(var(--header-h) * 0.509);
  padding: 0;
  border-radius: 12px;
  background: var(--text-primary);
  color: rgba(10,10,10,1);
  font-weight: 500;
  font-size: clamp(13px, 1.2vw, 23px);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.muz-login:hover {
  color: rgba(238,240,242,0.90);
}
.muz-btn-signup:hover {
  filter: brightness(0.98);
}
.muz-theme-toggle {
  position: absolute;
  left: 75.1852%;
  top: 50%;
  width: calc(var(--header-h) * 0.291);
  height: calc(var(--header-h) * 0.291);
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.muz-theme-toggle img {
  width:100%;
  height:100%;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}
.muz-theme-toggle:hover {
  filter: brightness(1.05);
}

@media (max-width: 900px) {
  .muz-header-track {
    height: max(56px, var(--header-h));
    width: 100vw;
  }
  .muz-logo-text {
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
  }
  .muz-nav-link {
    position: static;
    height:auto;
    line-height:unset;
    font-size: 15px;
    margin: 0 10px;
  }
  .muz-main-nav {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:flex;
    gap:18px;
    align-items:center;
  }
  .muz-nav-link::after {
    top:1.8em;
  }
  .muz-login {
    display:none;
  }
  .muz-btn-signup {
    right:16px;
    left:auto;
    top:50%;
    transform:translateY(-50%);
    width:auto;
    padding:8px 14px;
    height:auto;
  }
  .muz-theme-toggle {
    left:auto;
    right: 110px;
  }
}


@media (max-width: 900px) {
  .muz-nav-link::after {
    top: 1.65em;
  }
}

.muz-site-header {
   --nav-offset: clamp(6px, 1vw, 12px);
  ;
}
.muz-site-header.muz-__fx {
   transform: translateY(var(--nav-offset));
   will-change: transform;
  isolation: isolate;
   z-index: 50;
}
.muz-site-header.muz-__fx::before {
   content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: color-mix(in oklab, var(--header-bg, rgba(10,10,10,.75)) 78%, transparent);
  backdrop-filter: saturate(135%) blur(8px);
  -webkit-backdrop-filter: saturate(135%) blur(8px);
  border-bottom: 0.5px solid var(--hairline, rgba(255,255,255,.08));
  opacity: .82;
   transition: opacity .25s ease, backdrop-filter .25s ease, box-shadow .25s ease;
}
.muz-site-header.muz-__fx.muz-is-scrolled::before {
   opacity: .94;
  backdrop-filter: saturate(140%) blur(10px);
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  box-shadow: 0 8px 30px rgba(0,0,0,.22);
}
.muz-site-header > * {
  position: relative;
  z-index: 1;
}
.muz-site-header .muz-header-track {
  position: relative;
  height: var(--header-h);
  ;
}
.muz-site-header .muz-logo-text,
.muz-site-header .muz-nav-link,
.muz-site-header .muz-login,
.muz-site-header .muz-btn-signup,
.muz-site-header .muz-theme-toggle {
  top: 50% !important;
   transform: translateY(-50%) !important;
  ;
}
.muz-site-header {
  isolation: isolate;
  ;
}
.muz-site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
   background: color-mix(in oklab, var(--header-bg, rgba(10,10,10,.75)) 78%, transparent);
  backdrop-filter: saturate(135%) blur(8px);
  -webkit-backdrop-filter: saturate(135%) blur(8px);
  border-bottom: 0.5px solid var(--hairline, rgba(255,255,255,.08));
  opacity: var(--nav-opacity, .92);
   transition: opacity .2s ease, backdrop-filter .2s ease;
}
.muz-site-header > * {
  position: relative;
  z-index: 1;
}
.muz-site-header {
  position: sticky;
   top: 0;
   z-index: 1000;
   isolation: isolate;
  ;
}
.muz-site-header .muz-logo-text,
.muz-site-header .muz-version-tag,
.muz-site-header .muz-nav-link,
.muz-site-header .muz-login,
.muz-site-header .muz-btn-signup,
.muz-site-header .muz-theme-toggle {
  top: 50% !important;
   transform: translateY(-50%) !important;
  ;
}
.muz-site-header::before {
  content:"";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: color-mix(in oklab, var(--header-bg, rgba(10,10,10,.75)) 78%, transparent);
  backdrop-filter: saturate(135%) blur(8px);
  -webkit-backdrop-filter: saturate(135%) blur(8px);
  border-bottom: 0.5px solid var(--hairline, rgba(255,255,255,.08));
  opacity: var(--nav-opacity, .92);
   transition: opacity .2s ease, backdrop-filter .2s ease;
}
.muz-site-header > * {
  position: relative;
  z-index: 1;
}
.muz-site-header.muz-__fx {
  transform: none !important;
}
.muz-site-header.muz-__fx::before {
  box-shadow: none !important;
}
#hero {
   --hero-surface-1: var(--surface-1, #080b0c);
  --hero-surface-2: var(--surface-2, #0b131a);
  --hero-text-1: var(--text-1, #ffffff);
  --hero-text-2: var(--text-2, #b5b7c0);
  --hero-accent: var(--accent, #60acf1);
  --hero-accent-2: var(--accent-2,#96c6ff);
  --hero-radius: var(--radius, 24px);
  --hero-shadow-3: var(--shadow-3, 0 20px 60px rgba(0,0,0,.35));
  --hero-space-1: var(--space-1, clamp(8px,.6vw,14px));
  --hero-space-2: var(--space-2, clamp(12px,.9vw,20px));
  --hero-space-3: var(--space-3, clamp(16px,1.2vw,28px));
  --hero-space-4: var(--space-4, clamp(24px,1.8vw,40px));
  --hero-frame-w: min(1440px, 100vw);
   --mockup-w: clamp(920px, 62vw, 1480px);
   --mockup-pull-left: 0px;
   --mockup-raise: 0px;
   --hero-left-shift: clamp(24px, 4.8vw, 96px);
   --hero-text-nudge: 0px;
   position: relative;
  color: var(--hero-text-1);
  background: radial-gradient(1100px 520px at 18% 0%, color-mix(in oklab, var(--hero-accent) 22%, transparent), transparent 60%), linear-gradient(180deg, #14161d 0%, #0f1117 100%);
  padding: calc(var(--header-h, 64px) + clamp(6px, 0.9vw, 16px)) 0 var(--hero-space-4);
  overflow-x: visible;
   overflow-y: clip;
  isolation: isolate;
}
#hero .muz-hero-wrap {
  width: var(--hero-frame-w);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 80px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--hero-space-4);
  flex-wrap: nowrap;
}
#hero .muz-hero-col {
  flex: 1 1 0;
  min-width: 0;
}
#hero .muz-hero-col--left {
  flex-basis: 52%;
  overflow: visible;
}
#hero .muz-hero-col--right {
  flex-basis: 48%;
  display:grid;
  place-items:center;
  position:relative;
  align-self:flex-start;
}
#hero .muz-hero-badge {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:6px 12px;
  border-radius:999px;
  font-size: clamp(11px, .9vw, 14px);
  color:#d7dbee;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(6px);
  margin: clamp(2px, .4vw, 8px) 0 var(--hero-space-2);
}
#hero .muz-hero-badge .muz-badge-dot circle {
  fill: var(--hero-accent);
}
#hero .muz-hero-title {
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(30px, 4.1vw, 76px);
   line-height: 1.12;
  letter-spacing: 0;
  margin: 0 0 var(--hero-space-2);
  padding-left: clamp(1px, .15vw, 4px);
  ;
}
#hero .muz-hero-title .muz-nb {
  white-space: nowrap;
}
#hero .muz-hero-title br {
  display: none;
}

@media (min-width: 980px) {
  #hero .muz-hero-title .muz-br-xl {
    display: block;
    margin-block: clamp(6px,.8vw,16px);
  }
}

#hero .muz-hero-title .muz-accent {
  font-family: 'Garamond Medium-Italic', serif;
  font-style: italic;
  font-weight: 500;
  font-size: 1.217em;
   letter-spacing: -0.006em;
  display: inline;
   line-height: inherit;
  vertical-align: baseline;
  color: var(--hero-accent);
  background: none;
  ;
}
#hero .muz-hero-title .muz-br-xl {
  display: none;
}

@media (min-width: 980px) {
  #hero .muz-hero-title .muz-br-xl {
    display: block;
  }
}

#hero .muz-hero-sub {
  font-size: clamp(14px, 1.48vw, 22px);
  line-height: 1.5;
  color: var(--hero-text-2);
  max-width: 65ch;
  margin: 0 0 var(--hero-space-3);
}
#hero .muz-hero-cta {
  display:flex;
  align-items:center;
  gap: var(--hero-space-2);
  flex-wrap:wrap;
}
#hero .muz-btn {
  --btn-h: clamp(38px, 3.2vw, 54px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height: var(--btn-h);
  padding-inline: clamp(16px, 1.6vw, 26px);
  border-radius: 999px;
  font-weight: 700;
  font-size: clamp(13px, 1.0vw, 16px);
  text-decoration:none;
  color:var(--hero-text-1);
  box-shadow: var(--hero-shadow-3);
  outline: 0;
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .15s ease, filter .2s ease, border-color .2s ease;
}
#hero .muz-btn--primary {
  background: linear-gradient(180deg, #7db7ff, #4e95ff);
}
#hero .muz-btn--primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}
#hero .muz-btn:focus-visible {
  outline:2px solid color-mix(in oklab, var(--hero-accent) 85%, transparent);
  outline-offset:2px;
}
#hero .muz-btn-caret {
  font-size:1.15em;
  line-height:0;
  transform: translateY(-1px);
}
#hero .muz-link-ghost:hover {
  opacity:0.2;
  text-decoration:underline;
  text-underline-offset:3px;
}
#hero .muz-hero-trust {
  display:flex;
  align-items:center;
  gap: clamp(10px, 1.2vw, 18px);
  list-style:none;
  padding:0;
  margin: var(--hero-space-3) 0 0;
  color:#cbd0dc;
  font-size: clamp(12px, .95vw, 15px);
}
#hero .muz-hero-trust .muz-trust-item {
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
#hero .muz-hero-trust .muz-trust-icon {
  width:16px;
  height:16px;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}
#hero .muz-hero-trust .muz-trust-sep {
  opacity:.45;
}
#hero .muz-hero-trust strong {
  color: var(--hero-accent);
  font-weight:700;
}
#hero .muz-hero-art {
  width: min(100%, var(--mockup-w));
   aspect-ratio: auto;
   transform: none;
  filter: none;
}
#hero .muz-hero-art img {
  width:100%;
  height:auto;
  object-fit:contain;
}
#hero .muz-hero-stripe {
  position:absolute;
  inset:auto -12vw -2.2vw -12vw;
  height: clamp(10px, 1.2vw, 18px);
  background: linear-gradient(90deg, rgba(125,183,255,.9), rgba(78,149,255,.9));
  transform: rotate(-6deg);
  filter: blur(2px);
  border-radius: 999px;
  pointer-events:none;
  z-index:0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
#hero .muz-hero-title br {
  display:none;
}

@media (min-width: 980px) {
  #hero .muz-hero-title .muz-br-xl {
    display:block;
    margin-block: clamp(6px, 0.8vw, 16px);
  }
}


@media (min-width: 980px) {
  #hero .muz-hero-col--left {
    margin-left: calc(-1 * var(--hero-left-shift));
    transform: translateY(var(--hero-text-nudge));
  }
  #hero .muz-hero-col--right {
    margin-left: calc(-1 * var(--mockup-pull-left));
    margin-top: calc(-1 * var(--mockup-raise));
  }
}


@media (max-width: 1279px) {
  #hero .muz-hero-wrap {
    gap: var(--hero-space-3);
  }
  #hero .muz-hero-col--left {
    margin-left: 0;
    transform:none;
  }
  #hero .muz-hero-col--right {
    margin-left: 0;
    margin-top: 0;
  }
}


@media (max-width: 768px) {
  #hero {
    padding-top: calc(var(--header-h, 64px) + var(--hero-space-3));
  }
  #hero .muz-hero-wrap {
    flex-direction: column;
  }
  #hero .muz-hero-col--right {
    order:2;
  }
  #hero .muz-hero-art {
    width: 100%;
  }
  #hero .muz-hero-stripe {
    transform:none;
    inset:auto -12vw -2vw -12vw;
  }
  #hero .muz-hero-cta {
    width:100%;
  }
  #hero .muz-btn {
    flex:1 1 auto;
    justify-content:center;
  }
}

#hero .muz-hero-col--right {
  flex: 0 0 auto;
   overflow: visible;
}
#hero .muz-hero-col--left {
  flex-basis: 52%;
}
#hero .muz-hero-art {
  width: var(--mockup-w) !important;
   max-width: none !important;
}
#hero {
  --mockup-w: clamp(920px, 62vw, 1480px);
   --mockup-pull-left: 0px;
   --mockup-raise: 0px;
  ;
}
#hero {
  --mockup-w: clamp(760px, 43vw, 1100px);
   --mockup-pull: clamp(40px, 6vw, 160px);
   --mockup-raise: clamp(10px, 1.2vw, 36px);
    --hero-left-col: 56%;
}
#hero .muz-hero-col--left {
  flex: 0 0 var(--hero-left-col);
  min-width: 0;
}
#hero .muz-hero-col--right {
  flex: 0 0 calc(100% - var(--hero-left-col));
  min-width: 0;
  position: relative;
}
#hero {
  --mockup-base: clamp(900px, 58vw, 1440px);
   --mockup-scale: 1.06;
   --mockup-x: -54px;
   --mockup-y: -10px;
  ;
}
#hero .muz-hero-art {
  width: var(--mockup-base);
   height: auto;
   transform: translate(var(--mockup-x), var(--mockup-y)) scale(var(--mockup-scale)) !important;
  transform-origin: top right;
   will-change: transform;
}
#hero .muz-hero-art img {
  width: 100%;
  height: auto;
   object-fit: contain;
}

@media (max-width: 1279px) {
  #hero {
    --mockup-base: min(100%, 780px);
    --mockup-scale: 1;
    --mockup-x: 0px;
    --mockup-y: 0px;
  }
}

#hero {
  --mockup-w: clamp(860px, 52vw, 1300px);
   --mockup-x: -97px;
   --mockup-y: -30px;
  ;
}
#hero .muz-hero-col--right {
  flex: 0 0 auto;
   overflow: visible;
}
#hero .muz-hero-art {
  width: var(--mockup-w) !important;
   height: auto !important;
   max-width: none !important;
  margin-left: var(--mockup-x);
  margin-top: var(--mockup-y);
  transform: none !important;
   filter: none !important;
}
#hero .muz-hero-art img {
  display: block;
  width: 100% !important;
  height: auto !important;
   object-fit: contain;
}

@media (max-width: 1279px) {
  #hero {
    --mockup-w: 100%;
    --mockup-x: 0px;
    --mockup-y: 0px;
  }
}

#hero .muz-hero-title br {
  display: none;
}

@media (min-width: 980px) {
  #hero .muz-hero-title .muz-br-xl {
    display: block;
     margin-block: clamp(6px,.8vw,14px);
    ;
  }
  #hero .muz-hero-title .muz-no-wrap-xl {
    white-space: nowrap;
  }
}

#hero {
  --title-nudge: 35px;
}
#hero .muz-hero-title {
  position: relative;
  top: var(--title-nudge);
   will-change: top;
}

@media (max-width: 768px) {
  #hero .muz-hero-title {
    top: 0;
  }
}

#hero {
  --cta-nudge: 60px;
   --trust-nudge: 67px;
  ;
}
#hero .muz-hero-cta {
  position: relative;
  top: var(--cta-nudge);
  will-change: top;
}
#hero .muz-hero-trust {
  position: relative;
  top: var(--trust-nudge);
  will-change: top;
}

@media (max-width: 768px) {
  #hero .muz-hero-cta,
  #hero .muz-hero-trust {
    top: 0;
  }
}

#hero {
   --cta-h: clamp(44.021px, 3.002vw, 53.729px);
  --cta-pad-x: clamp(16px, calc(16px * (100vw/1080)), 28px);
   --cta-min-w: clamp(212px, calc(212px * (100vw/1080)), 378px);
    --cta-text: #0D1B2A;
   --cta-g-top: #A6C7FF;
   --cta-g-bot: #3C82F6;
   --cta-border: rgba(255,255,255,.28);
}
#hero .muz-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: var(--cta-h);
  padding: 0 var(--cta-pad-x);
  min-width: var(--cta-min-w);
  gap: 10px;
  border-radius: 10px;
   border: 1px solid transparent;
  text-decoration:none;
  user-select:none;
  font: 500 clamp(15px, 1.40vw, 27px)/1 "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
#hero .muz-btn--primary {
  color: var(--cta-text);
  background: linear-gradient(180deg, var(--cta-g-top) 0%, var(--cta-g-bot) 100%);
  border-color: var(--cta-border);
   box-shadow: inset 0 1px 0 rgba(255,255,255,.45),  inset 0 -1px 0 rgba(0,0,0,.22),  0 8px 14px rgba(0,0,0,.22);
   position: relative;
  overflow: hidden;
  ;
}
#hero .muz-btn--primary::before {
  content:"";
  position:absolute;
  inset: 2px;
   border-radius: inherit;
   background: radial-gradient(120% 120% at 50% -20%, rgba(255,255,255,.28) 0%, rgba(255,255,255,.18) 30%, rgba(255,255,255,0) 60%);
  pointer-events:none;
  mix-blend-mode: screen;
   filter: blur(1.2px);
}
#hero .muz-btn--primary::after {
  content:"";
  position:absolute;
  left:3px;
  right:3px;
  top:2px;
  height:28%;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.25), rgba(255,255,255,0));
  pointer-events:none;
  opacity:.85;
}
#hero .muz-btn--primary:hover {
  filter: brightness(1.035);
  transform: translateY(-1px);
}
#hero .muz-btn--primary:active {
  transform: translateY(0);
  filter: brightness(.98);
}
#hero .muz-btn--primary .muz-btn-caret {
  color: var(--cta-text);
  font-size: 1em;
  line-height: 0;
  transform: translateY(-1px);
}
.muz-cta-svgbtn {
  display: inline-block;
  line-height: 0;
   border-radius: 9999px;  outline: none; -webkit-tap-highlight-color: transparent;;
}
.muz-cta-svgbtn:focus-visible {
  box-shadow: 0 0 0 3px rgba(80,150,255,.45);
}
.muz-cta-svgbtn__img {
  display: block;
  width: clamp(168px, 15.6vw, 300px);
   height: auto;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-cta-svgbtn:hover .muz-cta-svgbtn__img {
  filter: brightness(1.035);
   transform: translateY(-1px);
  transition: transform .15s ease, filter .2s ease;
}
.muz-cta-svgbtn:active .muz-cta-svgbtn__img {
  filter: brightness(.985);
  transform: none;
}
#hero {
  --seller-link-size: clamp(14px, 1.25vw, 20px);
  ;
}
#hero .muz-link-ghost {
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
   font-size: var(--seller-link-size);
   font-weight: 420;
  letter-spacing: 0;
  line-height: 1.1;
  text-decoration: none;
  color: #dfe3f3;
  opacity: .75;
}
#hero .muz-link-ghost:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#hero .muz-link-ghost span[aria-hidden="true"] {
  display:inline-block;
  transform: translateY(-1px);
}
#hero {
  --cta-gap: clamp(12px, 1.6vw, 28px);
  ;
}
#hero .muz-hero-cta {
  gap: var(--cta-gap) !important;
  ;
}
#hero .muz-link-ghost {
  padding: 6px 4px;
}
#hero .muz-hero-trust {
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  opacity: .55;
}
#hero .muz-hero-trust strong,
#hero .muz-hero-trust .muz-muted {
  color: var(--hero-accent);
  font-weight: 700;
  opacity: .75;
}
#hero {
  --bg-top: #0c1119;
   --bg-bot: #080b0f;
   --glow-1: color-mix(in oklab, var(--hero-accent-2) 22%, transparent);
  --glow-2: color-mix(in oklab, var(--hero-accent) 14%, transparent);
  background:  radial-gradient(140% 120% at 50% 44%, transparent 52%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.42) 100%),  radial-gradient(1100px 520px at 20% -6%, var(--glow-1) 0%, transparent 62%), radial-gradient(900px 360px at 18% 8%, var(--glow-2) 0%, transparent 68%),  linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bot) 100%);
}
#hero {
  --trust-cat-gap: clamp(18px, 2.6vw, 48px);
  ;
}
#hero .muz-hero-trust {
  gap: var(--trust-cat-gap) !important;
  ;
}
#hero .muz-hero-trust strong,

#hero {
  --trust-size: clamp(13px, 1.06vw, 16px);
}
#hero .muz-hero-trust {
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: var(--trust-size) !important;
}
#hero {
   --divider-w: min(1920px, 116vw);
   --divider-h: clamp(48px, 6.2vw, 128px);
  --divider-bottom: clamp(28px, 3vw, 72px);
  ;
}
#hero .muz-hero-stripe {
  position: absolute;
  left: 50%;
  bottom: var(--divider-bottom);
   width: var(--divider-w);
  height: var(--divider-h);
  transform: translateX(-50%);
   background-image: url('assets/hero/dividor.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
   pointer-events: none;
  z-index: 0;
}

@media (max-width: 1279px) {
  #hero {
    --divider-w: min(1180px, 104vw);
    --divider-h: clamp(36px, 7.6vw, 96px);
    --divider-bottom: clamp(16px, 2.4vw, 36px);
  }
}


@media (max-width: 768px) {
  #hero {
    --divider-w: 100vw;
    --divider-h: clamp(22px, 9.5vw, 64px);
    --divider-bottom: clamp(8px, 2vw, 22px);
  }
}

#hero .muz-hero-col--right {
  position: static !important;
}
#hero {
   --divider-w: min(1920px, 120vw);
   --divider-h: clamp(52px, 6.5vw, 130px);
  --divider-bottom: clamp(22px, 2.8vw, 70px);
  ;
}
#hero .muz-hero-stripe {
  position: absolute;
  left: 50%;
  bottom: var(--divider-bottom);
  width: var(--divider-w);
  height: var(--divider-h);
  transform: translateX(-50%);
  background-image: url("hero/dividor.svg");
   background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
   pointer-events: none;
  z-index: 3;
  ;
}

@media (max-width: 1279px) {
  #hero {
    --divider-w: min(1180px, 104vw);
    --divider-h: clamp(36px, 8vw, 96px);
    --divider-bottom: clamp(14px, 2.2vw, 36px);
  }
}


@media (max-width: 768px) {
  #hero {
    --divider-w: 100vw;
    --divider-h: clamp(22px, 10vw, 64px);
    --divider-bottom: clamp(8px, 2.2vw, 22px);
  }
}

#hero .muz-hero-stripe {
  display: none !important;
}
#hero .muz-hero-divider {
  position: absolute;
  left: 50%;
  bottom: clamp(10px, 1.6vw, 30px);
   transform: translateX(-50%);
   width: min(1920px, 100vw);
   height: auto;
  z-index: 0;
   pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  filter: none !important;
   mix-blend-mode: normal;
}
#hero .muz-hero-wrap,
#hero .muz-hero-col {
  position: relative;
  z-index: 1;
}
html,
body {
  width: 100%;
  overflow-x: hidden;
}
#hero {
  overflow-x: clip;
}
#hero .muz-hero-stripe {
  display: none !important;
}
#hero {
  --divider-bottom: clamp(14px, 1.6vw, 28px);
   --divider-width: 120vw;
  ;
}
#hero .muz-hero-divider {
  position: absolute;
  left: 50%;
  bottom: var(--divider-bottom);
  transform: translateX(-50%);
  width: var(--divider-width);
  max-width: none;
  height: auto;
  z-index: 0;
   pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
   filter: none !important;
  mix-blend-mode: normal;
}
#hero .muz-hero-wrap, #hero .muz-hero-col {
  position: relative;
  z-index: 1;
}
#hero {
  --divider-bottom: clamp(64px, 5.6vw, 132px);
  ;
}
#hero .muz-hero-stripe {
  bottom: var(--divider-bottom) !important;
  ;
}
#hero {
   --divider-angle: -6deg;
   --blur-band-w: 160vw;
   --blur-band-h: clamp(14px, 1.8vw, 32px);
   --blur-edge: clamp(10px, 1.2vw, 24px);
   --blur-strength: 12px;
   --blur-shift: 0px;
  ;
}
#hero::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:var(--divider-bottom);
  width:var(--blur-band-w);
  height:var(--blur-band-h);
  transform: translateX(calc(-50% + var(--blur-shift))) rotate(var(--divider-angle));
  transform-origin:center;
  pointer-events:none;
  z-index:4;
    background: rgba(0,0,0,0.001);
   -webkit-backdrop-filter: blur(var(--blur-strength)) saturate(115%);
  backdrop-filter: blur(var(--blur-strength)) saturate(115%);
   -webkit-mask-image: linear-gradient( to bottom, transparent 0, #000 calc(50% - var(--blur-edge)), #000 calc(50% + var(--blur-edge)), transparent 100% );
  mask-image: linear-gradient( to bottom, transparent 0, #000 calc(50% - var(--blur-edge)), #000 calc(50% + var(--blur-edge)), transparent 100% );
}

@media (max-width:1279px) {
  #hero {
    --blur-band-h: clamp(12px, 2.2vw, 26px);
    --blur-strength: 10px;
  }
}

#hero {
  --mask-bottom: clamp(360px, 24vw, 720px);
   --mask-angle: -6deg;
   --mask-w: 140vw;
   --mask-edge: 18px;
  ;
}
#hero::after {
  content:"";
  position:absolute;
  left:50%;
  bottom:var(--mask-bottom);
   transform: translateX(-50%) rotate(var(--mask-angle));
  width:var(--mask-w);
  height:var(--mask-h);
  z-index:4;
   pointer-events:none;
   background: rgba(0,0,0,0.001);
   -webkit-backdrop-filter: blur(var(--mask-blur)) saturate(115%);
  backdrop-filter: blur(var(--mask-blur)) saturate(115%);
   -webkit-mask-image: linear-gradient( to bottom, transparent 0, #000 calc(50% - var(--mask-edge)), #000 calc(50% + var(--mask-edge)), transparent 100% );
  mask-image: linear-gradient( to bottom, transparent 0, #000 calc(50% - var(--mask-edge)), #000 calc(50% + var(--mask-edge)), transparent 100% );
  will-change: transform;
}
#hero .muz-hero-stripe {
  left:50% !important;
  transform: translateX(-50%) !important;
  bottom: var(--divider-bottom) !important;
   width: var(--divider-w) !important;
  height: var(--divider-h) !important;
}
#hero {
  --mask-bottom: clamp(238.293px, 15.8865vw, 476.586px);
  --mask-angle: -6.4deg;
  ;
}
#hero::after {
  bottom: var(--mask-bottom) !important;
  transform: translateX(-50%) rotate(var(--mask-angle)) !important;
}
#hero {
  --mask-w: 140vw;
   --mask-h: clamp(63px, 8.1vw, 144px);
  ;
}
#hero::after {
  width: var(--mask-w) !important;
  height: var(--mask-h) !important;
}
body::before {
  content:none !important;
}
html {
  --page-bg-top: #0c1119;
  --page-bg-bot: #080b0f;
  --page-glow-1: color-mix(in oklab, var(--hero-accent-2, #96c6ff) 22%, transparent);
  --page-glow-2: color-mix(in oklab, var(--hero-accent, #60acf1) 14%, transparent);
  background: radial-gradient(140% 120% at 50% 44%, transparent 52%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.42) 100%), radial-gradient(1100px 520px at 20% -6%, var(--page-glow-1) 0%, transparent 62%), radial-gradient(900px 360px at 18% 8%, var(--page-glow-2) 0%, transparent 68%), linear-gradient(180deg, var(--page-bg-top) 0%, var(--page-bg-bot) 100%);
  background-attachment: fixed,fixed,fixed,fixed;
   min-height: 100%;
}
body {
  background: transparent !important;
}
#hero {
  background: transparent !important;
}

:root {
  --ui-k: 1;
}
#hero {
  position: relative;
  isolation: isolate;
   z-index: 0;
  background: transparent !important;
  overflow: visible !important;
}
#hero::before,
#hero::after,
#hero .muz-hero-stripe {
  display: none !important;
}
.muz-hero-divider {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(24px, 3vw, 64px);
  height: auto;
  z-index: 0 !important;
   pointer-events: none !important;
}
#hero .muz-hero-wrap,
#hero .muz-hero-col {
  position: relative;
  z-index: 1;
}
#hero, .muz-trending, .muz-trend-track {
  background: transparent !important;
  overflow: visible !important;
}
#hero *, .muz-trending * {
  background-attachment: initial !important;
}
section.muz-trending {
  --ui-k: clamp(1, calc(min(100vw, 1920px) / 1080), 1.7778);
}
.muz-trending {
  position: relative;
  z-index: 2;
   padding: clamp(24px,4vw,56px) 0;
  background: transparent !important;
}
.muz-trend-track {
  width: min(1440px, 96vw);
  margin: 0 auto;
  padding-inline: clamp(12px, 3.6vw, 48px);
}
.muz-trend-grid {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: calc(22px * var(--ui-k));
  align-items: flex-start;
}
.muz-tcard {
  --c-w: 269px;
  --c-h: 281px;
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: calc(var(--c-w) * var(--ui-k));
  height: calc(var(--c-h) * var(--ui-k));
  border-radius: calc(12px * var(--ui-k));
  overflow: hidden;
}
.muz-tcard__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-tcard > :not(.muz-tcard__bg) {
  position: relative;
  z-index: 1;
}
.muz-tcard img[draggable="false"] {
  user-select:none;
  -webkit-user-drag:none;
}
.muz-tcard__tag {
  position:absolute;
  left: calc(14px * var(--ui-k));
  top: calc(12px * var(--ui-k));
  width: calc(56px * var(--ui-k));
  height:auto;
  pointer-events:none;
}
.muz-tcard__ico1 {
  position:absolute;
  left: calc(74px * var(--ui-k));
  top: calc(6px * var(--ui-k));
  width: calc(22px * var(--ui-k));
  height:auto;
  pointer-events:none;
}
.muz-tcard__ico2 {
  position:absolute;
  left: calc(100px * var(--ui-k));
  top: calc(12px * var(--ui-k));
  width: calc(13px * var(--ui-k));
  height:auto;
  pointer-events:none;
}
.muz-tcard__meta {
  position:absolute;
  left: calc(18px * var(--ui-k));
  top: calc(172px * var(--ui-k));
  display:flex;
  align-items:center;
  gap: calc(8px * var(--ui-k));
  font-family: "Satoshi";
}
.muz-tcard__avatar {
  width: calc(18px * var(--ui-k));
  height: calc(18px * var(--ui-k));
  border-radius: 50%;
  background: linear-gradient(180deg,#ffd29a,#ff9c6a);
  box-shadow: 0 0 0 calc(2px * var(--ui-k)) rgba(0,0,0,.25) inset;
}
.muz-tcard__author {
  font: 600 calc(12px * var(--ui-k)) / 1 "Satoshi";
  color:#f0f3ff;
}
.muz-tcard__stars {
  margin-left: calc(8px * var(--ui-k));
  font-weight: 700;
  font-size: calc(12px * var(--ui-k));
  letter-spacing: calc(2px * var(--ui-k));
  background: linear-gradient(180deg,#fff,#9ec3ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.muz-tcard__btn {
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.muz-tcard__btn--price {
  left: calc(18px * var(--ui-k));
  bottom: calc(20px * var(--ui-k));
  width: calc(76px * var(--ui-k));
  height: calc(24px * var(--ui-k));
}
.muz-tcard__btn--price span {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font: 800 calc(12.4px * var(--ui-k)) / 1 "Satoshi";
  color:#0d1b2a;
}
.muz-tcard__btn--see {
  right: calc(52px * var(--ui-k));
  bottom: calc(18px * var(--ui-k));
  width: calc(28px * var(--ui-k));
  height: calc(28px * var(--ui-k));
}
.muz-tcard__btn--cart {
  right: calc(18px * var(--ui-k));
  bottom: calc(18px * var(--ui-k));
  width: calc(28px * var(--ui-k));
  height: calc(28px * var(--ui-k));
}
.muz-trending {
  position: relative;
  z-index: 2;
  padding: 24px 0;
  background: transparent;
}
.muz-trend-track {
  width: min(1440px, 96vw);
  margin: 0 auto;
  padding-inline: clamp(12px, 3.6vw, 48px);
}
.muz-trend-grid {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: flex-start;
}
.muz-tcard {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 269px;
  height: 281px;
  border-radius: 12px;
  overflow: hidden;
}
.muz-tcard__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
   z-index: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-tcard img[draggable="false"] {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-tcard__tag {
  position: absolute;
  left: 14px;
  top: 12px;
  width: 56px;
  height: auto;
}
.muz-tcard__ico1 {
  position: absolute;
  left: 74px;
  top: 6px;
  width: 22px;
  height: auto;
}
.muz-tcard__ico2 {
  position: absolute;
  left: 100px;
  top: 12px;
  width: 13px;
  height: auto;
}
.muz-tcard__meta {
  position: absolute;
  left: 18px;
  top: 172px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.muz-tcard__avatar {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: linear-gradient(180deg,#ffd29a,#ff9c6a);
  box-shadow: 0 0 0 2px rgba(0,0,0,.25) inset;
}
.muz-tcard__author {
  font: 600 12px/1 "Satoshi";
  color:#f0f3ff;
}
.muz-tcard__stars {
  margin-left: 8px;
  font-weight:700;
  font-size:12px;
  letter-spacing:2px;
  background: linear-gradient(180deg,#fff,#9ec3ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.muz-tcard__btn {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.muz-tcard__btn img {
  display:block;
  pointer-events:none;
}
.muz-tcard__btn--price {
  left: 18px;
  bottom: 20px;
  width: 76px;
  height: 24px;
}
.muz-tcard__btn--price span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font: 800 12.4px/1 "Satoshi";
  color:#0d1b2a;
}
.muz-tcard__btn--see {
  right: 52px;
  bottom: 18px;
  width: 28px;
  height: 28px;
}
.muz-tcard__btn--cart {
  right: 18px;
  bottom: 18px;
  width: 28px;
  height: 28px;
}
.muz-tcard--red .muz-tcard__avatar {
  background: linear-gradient(180deg,#ffb0b0,#ff6a6a);
}
:root {
  --card-r: 8px;
}
.muz-tcard {
  border-radius: calc(var(--card-r) * var(--ui-k));
   overflow: hidden;
  background-color: rgba(8,9,10,.90);
  ;
}
.muz-tcard__bg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius: inherit;
   pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
section.muz-trending {
   --trend-gap-top: calc(clamp(12px, 2.2vw, 28px) * -0.2);
  --trend-title-y: 0px;
   --trend-title-size: clamp(18px, 2.6vw, 40px);
   --trend-title-font: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --trend-title-weight: 800;
   --trend-title-color: #eef2f6;
}
.muz-trending .muz-trend-title {
  display:block;
  width:100%;
  margin: var(--trend-gap-top) 0 clamp(10px, 2vw, 22px);
   text-align:center;
  text-transform:uppercase;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(18px, 2.15vw, 34px);
  line-height: 1.06;
  letter-spacing:.02em;
  color: var(--trend-title-color);
  position: relative;
  top: var(--trend-title-y);
   z-index: 2;
  ;
}

@media (min-width:1280px) {
  section.muz-trending {
    --trend-gap-top: 14px;
    --trend-title-size: 36px;
    --trend-title-weight: 900;
    --trend-title-y: -2px;
  }
}

section.muz-trending {
   --trend-gap-top: clamp(24px, 3vw, 56px); --trend-pad-top: 0px;  --trend-lift-mult: 0.6;  --trend-lift-extra: clamp(12px, 6vw, 180px);   --trend-title-y: calc( (var(--trend-gap-top) * -1 * var(--trend-lift-mult)) - var(--trend-lift-extra) );;
}
section.muz-trending .muz-trend-title {
  position: relative;
  left: 50%;
  transform: translate(-50%, var(--trend-title-y));
   will-change: transform;
  z-index: 3;
  ;
}
:root {
  --ui-k-base: var(--ui-k);
}
section.muz-trending {
  --ui-k-base: var(--ui-k);
}
section.muz-trending .muz-tcard {
  --ui-k: calc(var(--ui-k-base) * 2);
}
section.muz-trending {
  --ui-k-base: var(--ui-k);
   --tc-mult: 2;
  ;
}
section.muz-trending .muz-tcard {
  --ui-k: calc(var(--ui-k-base) * var(--tc-mult));
}
section.muz-trending .muz-trend-grid {
  gap: calc(22px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard {
  width: calc(269px * var(--ui-k)) !important;
  height: calc(281px * var(--ui-k)) !important;
  border-radius: calc(12px * var(--ui-k)) !important;
  overflow: hidden !important;
}
section.muz-trending .muz-tcard__bg {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
   border-radius: inherit !important;
  pointer-events: none !important;
}
section.muz-trending .muz-tcard__tag {
  left: calc(14px * var(--ui-k)) !important;
  top: calc(12px * var(--ui-k)) !important;
  width: calc(56px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard__ico1 {
  left: calc(74px * var(--ui-k)) !important;
  top: calc(6px * var(--ui-k)) !important;
  width: calc(22px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard__ico2 {
  left: calc(100px * var(--ui-k)) !important;
  top: calc(12px * var(--ui-k)) !important;
  width: calc(13px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard__title {
  left: calc(18px * var(--ui-k)) !important;
  top: calc(96px * var(--ui-k)) !important;
  width: calc(232px * var(--ui-k)) !important;
  margin: 0 !important;
  font: 800 calc(22px * var(--ui-k))/1.12 "Satoshi" !important;
  letter-spacing: calc(.32px * var(--ui-k)) !important;
  color:#f4f6fb !important;
}
section.muz-trending .muz-tcard__desc {
  left: calc(18px * var(--ui-k)) !important;
  top: calc(126px * var(--ui-k)) !important;
  width: calc(232px * var(--ui-k)) !important;
  margin: 0 !important;
  opacity:.4 !important;
  font: 450 calc(11.2px * var(--ui-k))/calc(16.4px * var(--ui-k)) "Satoshi" !important;
  color:#cfd5e6 !important;
}
section.muz-trending .muz-tcard__meta {
  left: calc(18px * var(--ui-k)) !important;
  top: calc(172px * var(--ui-k)) !important;
  gap: calc(8px * var(--ui-k)) !important;
  font-family:"Satoshi" !important;
}
section.muz-trending .muz-tcard__avatar {
  width: calc(18px * var(--ui-k)) !important;
  height: calc(18px * var(--ui-k)) !important;
  box-shadow: 0 0 0 calc(2px * var(--ui-k)) rgba(0,0,0,.25) inset !important;
}
section.muz-trending .muz-tcard__author {
  font: 600 calc(12px * var(--ui-k))/1 "Satoshi" !important;
  color:#f0f3ff !important;
}
section.muz-trending .muz-tcard__stars {
  margin-left: calc(8px * var(--ui-k)) !important;
  font-size: calc(12px * var(--ui-k)) !important;
  letter-spacing: calc(2px * var(--ui-k)) !important;
  font-weight:700 !important;
  background: linear-gradient(180deg,#fff,#9ec3ff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
section.muz-trending .muz-tcard__votes {
  font: italic 500 calc(11px * var(--ui-k)) / 1 "Satoshi" !important;
  color:#fff !important;
  opacity:.4;
}
section.muz-trending .muz-tcard__btn--price {
  left: calc(18px * var(--ui-k)) !important;
  bottom: calc(20px * var(--ui-k)) !important;
  width: calc(76px * var(--ui-k)) !important;
  height: calc(24px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard__btn--price span {
  font: 800 calc(12.4px * var(--ui-k))/1 "Satoshi" !important;
  color:#0d1b2a !important;
}
section.muz-trending .muz-tcard__btn--see {
  right: calc(52px * var(--ui-k)) !important;
  bottom: calc(18px * var(--ui-k)) !important;
  width: calc(28px * var(--ui-k)) !important;
  height: calc(28px * var(--ui-k)) !important;
}
section.muz-trending .muz-tcard__btn--cart {
  right: calc(18px * var(--ui-k)) !important;
  bottom: calc(18px * var(--ui-k)) !important;
  width: calc(28px * var(--ui-k)) !important;
  height: calc(28px * var(--ui-k)) !important;
}
section.muz-trending {
  --card-w: 269px;
   --card-h: 281px;
  ;
}
section.muz-trending .muz-tcard {
  position: relative !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: var(--card-w) !important;
  height: var(--card-h) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
   --ui-k: calc( var(--card-w) / 269px );
}
section.muz-trending .muz-tcard__bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
   border-radius: inherit !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}
section.muz-trending .muz-tcard > :not(.muz-tcard__bg) {
  position: relative;
  z-index: 1;
}
section.muz-trending .muz-tcard__tag {
  left: calc(14px * var(--ui-k));
  top: calc(12px * var(--ui-k));
  width: calc(56px * var(--ui-k));
}
section.muz-trending .muz-tcard__ico1 {
  left: calc(74px * var(--ui-k));
  top: calc(6px * var(--ui-k));
  width: calc(22px * var(--ui-k));
}
section.muz-trending .muz-tcard__ico2 {
  left: calc(100px* var(--ui-k));
  top: calc(12px * var(--ui-k));
  width: calc(13px * var(--ui-k));
}
section.muz-trending .muz-tcard__title {
  left: calc(18px * var(--ui-k));
  top: calc(96px * var(--ui-k));
  width: calc(232px * var(--ui-k));
  margin:0;
  font: 800 calc(18px * var(--ui-k))/1.12 "Satoshi";
  color:#f4f6fb;
  letter-spacing: calc(.32px * var(--ui-k));
}
section.muz-trending .muz-tcard__meta {
  left: calc(18px * var(--ui-k));
  top: calc(172px * var(--ui-k));
  gap: calc(8px * var(--ui-k));
}
section.muz-trending .muz-tcard__avatar {
  width: calc(18px * var(--ui-k));
  height: calc(18px * var(--ui-k));
  box-shadow: 0 0 0 calc(2px * var(--ui-k)) rgba(0,0,0,.25) inset;
}
section.muz-trending .muz-tcard__author {
  font: 600 calc(12px * var(--ui-k))/1 "Satoshi";
  color:#f0f3ff;
}
section.muz-trending .muz-tcard__stars {
  margin-left: calc(8px * var(--ui-k));
  font-weight:700;
  font-size: calc(12px * var(--ui-k));
  letter-spacing: calc(2px * var(--ui-k));
  background: linear-gradient(180deg,#fff,#9ec3ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
section.muz-trending .muz-tcard__votes {
  font: 500 calc(11px * var(--ui-k))/1 "Satoshi";
  color:#9fb2d6;
}
section.muz-trending .muz-tcard__btn--price {
  left: calc(18px * var(--ui-k));
  bottom: calc(20px * var(--ui-k));
  width: calc(76px * var(--ui-k));
  height: calc(24px * var(--ui-k));
}
section.muz-trending .muz-tcard__btn--price span {
  font: 800 calc(12.4px * var(--ui-k))/1 "Satoshi";
  color:#0d1b2a;
}
section.muz-trending .muz-tcard__btn--see {
  right: calc(52px * var(--ui-k));
  bottom: calc(18px * var(--ui-k));
  width: calc(28px * var(--ui-k));
  height: calc(28px * var(--ui-k));
}
section.muz-trending .muz-tcard__btn--cart {
  right: calc(18px * var(--ui-k));
  bottom: calc(18px * var(--ui-k));
  width: calc(28px * var(--ui-k));
  height: calc(28px * var(--ui-k));
}
section.muz-trending .muz-tcard {
  min-height: 0 !important;
  max-height: none !important;
}
section.muz-trending {
  --card-scale: 2;
  ;
}
section.muz-trending .muz-tcard {
  width: calc(269px * var(--card-scale)) !important;
  height: calc(281px * var(--card-scale)) !important;
   --ui-k: var(--card-scale);
}
section.muz-trending .muz-tcard__bg {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit: fill !important;
   border-radius: inherit !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}
section.muz-trending .muz-tcard {
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  flex: 0 0 auto !important;
}
section.muz-trending {
  --card-scale: 1.4;
  ;
}
section.muz-trending .muz-tcard__btn img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
:root {
  --trend-lift: 0px;
  ;
}
section.muz-trending {
  margin-top: calc(var(--trend-lift) * -1) !important;
  position: relative;
  z-index: 2;
  ;
}
section.muz-trending .muz-trend-grid {
  --trend-grid-lift: 280px;
   margin-top: calc(var(--trend-grid-lift) * -1);
}
.muz-tcard__tag {
  left: calc(14px + var(--tag-dx, 0px));
  top: calc(12px + var(--tag-dy, 0px));
}
.muz-tcard__ico1 {
  left: calc(74px + var(--ico1-dx,0px));
  top: calc(6px + var(--ico1-dy,0px));
}
.muz-tcard__ico2 {
  left: calc(100px + var(--ico2-dx,0px));
  top: calc(12px + var(--ico2-dy,0px));
}
.muz-tcard__title {
  left: calc(18px + var(--title-dx,0px));
  top: calc(96px + var(--title-dy,0px));
}
.muz-tcard__desc {
  left: calc(18px + var(--desc-dx, 0px));
  top: calc(126px + var(--desc-dy, 0px));
}
.muz-tcard__meta {
  left: calc(8px + var(--meta-dx, 0px));
  top: calc(172px + var(--meta-dy, 0px));
}
.muz-tcard__btn--price {
  left: calc(18px + var(--price-dx, 20px));
  bottom: calc(10 + var(--price-dy, 100px));
}
.muz-tcard__btn--see {
  right: calc(52px + var(--see-dx, 0px));
  bottom: calc(18px + var(--see-dy, 0px));
}
.muz-tcard__btn--cart {
  right: calc(18px + var(--cart-dx, 0px));
  bottom: calc(18px + var(--cart-dy, 0px));
}
section.muz-trending {
  --tag-dx:0px;
  --tag-dy:0px;
  --ico1-dx:0px;
  --ico1-dy:0px;
  --ico2-dx:0px;
  --ico2-dy:0px;
  --title-dx:0px;
  --title-dy:0px;
  --desc-dx:0px;
  --desc-dy:0px;
  --meta-dx:0px;
  --meta-dy:0px;
  --price-dx:0px;
  --price-dy:0px;
  --see-dx:0px;
  --see-dy:0px;
   --cart-dx:0px;
  --cart-dy:0px;
}
section.muz-trending .muz-tcard {
  --k: var(--card-scale, var(--ui-k, 1));
}
section.muz-trending .muz-tcard__tag {
  left: calc((14px * var(--k)) + (var(--tag-dx) * var(--k))) !important;
  top: calc((12px * var(--k)) + (var(--tag-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__ico1 {
  left: calc((74px * var(--k)) + (var(--ico1-dx) * var(--k))) !important;
  top: calc(( 6px * var(--k)) + (var(--ico1-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__ico2 {
  left: calc((100px * var(--k)) + (var(--ico2-dx) * var(--k))) !important;
  top: calc(( 12px * var(--k)) + (var(--ico2-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__title {
  left: calc((18px * var(--k)) + (var(--title-dx) * var(--k))) !important;
  top: calc((96px * var(--k)) + (var(--title-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__desc {
  left: calc((18px * var(--k)) + (var(--desc-dx) * var(--k))) !important;
  top: calc((126px* var(--k)) + (var(--desc-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__meta {
  left: calc((18px * var(--k)) + (var(--meta-dx) * var(--k))) !important;
  top: calc((172px* var(--k)) + (var(--meta-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn--price {
  left: calc((18px * var(--k)) + (var(--price-dx) * var(--k))) !important;
  bottom: calc((20px * var(--k)) + (var(--price-dy) * var(--k))) !important;
  ;
}
section.muz-trending .muz-tcard__btn--see {
  right: calc((52px * var(--k)) - (var(--see-dx) * var(--k))) !important;
  bottom: calc((18px * var(--k)) + (var(--see-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn--cart {
  right: calc((18px * var(--k)) - (var(--cart-dx) * var(--k))) !important;
  bottom: calc((18px * var(--k)) + (var(--cart-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn img {
  width:100% !important;
  height:100% !important;
  display:block;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
section.muz-trending {
  --tag-dx:-5px;
  --tag-dy: -300px;
  --ico1-dx:-142px;
  --ico1-dy:-300px;
  --ico2-dx:-173px;
  --ico2-dy:-316px;
  --title-dx:-7px;
  --title-dy:-285px;
  --desc-dx:-7px;
  --desc-dy:-313px;
  --meta-dx:-4px;
  --meta-dy:-350px;
  --price-dx:-6px;
  --price-dy:143px;
  --see-dx: 208px;
  --see-dy:143px;
   --cart-dx:114px;
  --cart-dy:143px;
   --tags-dx: -7px;
   --tags-dy: -336px;
   --tags-size: 11.2px;
   --tags-weight: 200;
  --tags-color: #ffffff;
  --tags-opacity: .13;
}
section.muz-trending {
   --banner-h: calc(96px * var(--ui-k));
   --banner-y: 0px;
   --banner-opacity: 1;
  ;
}
.muz-tcard__banner {
  position: absolute;
  left: 0;
  top: var(--banner-y);
  width: 100%;
  height: var(--banner-h);
  object-fit: cover;
   display: block;
  opacity: var(--banner-opacity);
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  z-index: 0;
  ;
}
.muz-tcard > :not(.muz-tcard__bg):not(.muz-tcard__banner) {
  position: relative;
  z-index: 1;
}
section.muz-trending .muz-tcard {
  position: relative;
  isolation: isolate;
  ;
}
section.muz-trending .muz-tcard__bg {
  z-index: 0;
}
section.muz-trending .muz-tcard::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
   pointer-events: none;
  border-radius: inherit;
  background-image: var(--light-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: var(--light-opacity);
   transform: translate( calc(var(--light-dx) * var(--ui-k, 1)), calc(var(--light-dy) * var(--ui-k, 1)) ) rotate(var(--light-rotate)) scale(var(--light-scale));
  transform-origin: center;
}
section.muz-trending .muz-tcard > :not(.muz-tcard__bg) {
  position: relative;
  z-index: 2;
  ;
}
section.muz-trending .muz-tcard {
  position: relative;
  isolation: isolate;
  ;
}
section.muz-trending .muz-tcard__bg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  border-radius:inherit;
  z-index:0;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
section.muz-trending .muz-tcard__light {
  position:absolute;
  inset:0;
   width:100%;
  height:100%;
   object-fit:fill;
   border-radius:inherit;
  z-index:1;
   pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  opacity: var(--light-opacity, 1);
  ;
}
section.muz-trending .muz-tcard > :not(.muz-tcard__bg):not(.muz-tcard__light) {
  position:relative;
  z-index:2;
}
section.muz-trending .muz-tcard {
  --k: var(--card-scale, var(--ui-k, 1));
}
section.muz-trending .muz-tcard__tag {
  left: calc((14px * var(--k)) + (var(--tag-dx) * var(--k))) !important;
  top: calc((12px * var(--k)) + (var(--tag-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__ico1 {
  left: calc((74px * var(--k)) + (var(--ico1-dx) * var(--k))) !important;
  top: calc(( 6px * var(--k)) + (var(--ico1-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__ico2 {
  left: calc((100px * var(--k)) + (var(--ico2-dx) * var(--k))) !important;
  top: calc(( 12px * var(--k)) + (var(--ico2-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__title {
  left: calc((18px * var(--k)) + (var(--title-dx) * var(--k))) !important;
  top: calc((96px * var(--k)) + (var(--title-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__desc {
  left: calc((18px * var(--k)) + (var(--desc-dx) * var(--k))) !important;
  top: calc((126px* var(--k)) + (var(--desc-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__meta {
  left: calc((18px * var(--k)) + (var(--meta-dx) * var(--k))) !important;
  top: calc((172px* var(--k)) + (var(--meta-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn--price {
  left: calc((18px * var(--k)) + (var(--price-dx) * var(--k))) !important;
  bottom: calc((20px * var(--k)) + (var(--price-dy) * var(--k))) !important;
  ;
}
section.muz-trending .muz-tcard__btn--see {
  right: calc((52px * var(--k)) - (var(--see-dx) * var(--k))) !important;
  bottom: calc((18px * var(--k)) + (var(--see-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn--cart {
  right: calc((18px * var(--k)) - (var(--cart-dx) * var(--k))) !important;
  bottom: calc((18px * var(--k)) + (var(--cart-dy) * var(--k))) !important;
}
section.muz-trending .muz-tcard__btn img {
  width:100% !important;
  height:100% !important;
  display:block;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
section.muz-trending .muz-tcard {
  position: relative;
  overflow: hidden;
   isolation: isolate;
  ;
}
section.muz-trending .muz-tcard__bg {
  z-index: 0 !important;
}
section.muz-trending .muz-tcard__ico1 {
  z-index: -1 !important;
   pointer-events: none;
}
section.muz-trending .muz-tcard > :not(.muz-tcard__bg) {
  position: relative;
  z-index: 1;
}
section.muz-trending .muz-trend-track,
section.muz-trending .muz-trend-grid {
  overflow: visible !important;
}
section.muz-trending .muz-tcard {
  overflow: visible !important;
   isolation: isolate;
   position: relative;
}
.muz-trending .muz-tcard .muz-tcard__tags {
  position: absolute;
  left: calc(18px * var(--ui-k) + var(--tags-dx) * var(--ui-k));
  top: calc(150px * var(--ui-k) + var(--tags-dy) * var(--ui-k));
   width: calc(232px * var(--ui-k));
  margin: 0;
  font: var(--tags-weight) calc(var(--tags-size) * var(--ui-k)) / calc(16.4px * var(--ui-k)) "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--tags-color);
  opacity: var(--tags-opacity);
  white-space: nowrap;
   overflow: hidden;
  text-overflow: ellipsis;
   letter-spacing: 0;
}
section.muz-trending .muz-tcard__bg {
  z-index: 0 !important;
  border-radius: inherit !important;
  ;
}
section.muz-trending .muz-tcard > :not(.muz-tcard__bg) {
  position: relative;
  z-index: 1;
}
section.muz-trending {
  overflow: visible !important;
}
:root {
  --rating: 4.7;
}
section.muz-trending .muz-tcard .muz-tcard__stars {
  --star-size: calc(12px * var(--ui-k, 1));
  --star-gap: calc(2px * var(--ui-k, 1));
  --clr-empty: #bcd0f0;
  --clr-full: #9ec3ff;
  position: relative !important;
  display: inline-block !important;
  width: calc(var(--star-size) * 5 + var(--star-gap) * 4) !important;
  height: var(--star-size) !important;
  vertical-align: middle;
   font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
}
section.muz-trending .muz-tcard .muz-tcard__stars::before,
section.muz-trending .muz-tcard .muz-tcard__stars::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: repeat-x;
  background-position: left center;
  background-size: calc(var(--star-size) + var(--star-gap)) var(--star-size);
  pointer-events: none;
}
.muz-tcard__stars {
  display:inline-flex;
  align-items:center;
  gap:6px;
  line-height:0;
  font-size:0;
  ;
}
.muz-tcard__stars img {
  width:16px;
  height:16px;
  display:block;
}
.muz-tcard__stars .muz-star-part {
  position:relative;
  width:16px;
  height:16px;
  display:block;
}
.muz-tcard__stars .muz-star-part .muz-star-outline {
  position:absolute;
  inset:0;
}
.muz-tcard__stars .muz-star-part .muz-star-fill {
  position:absolute;
  inset:0;
   clip-path: inset(0 30% 0 0);
  ;
}
.muz-trending .muz-tcard .muz-tcard__stars {
  display: inline-flex !important;
   flex-direction: row;
  align-items: center;
  gap: calc(6px * var(--ui-k, 1));
  line-height: 0;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  color: inherit !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}
.muz-trending .muz-tcard {
  --star-size: calc(16px * var(--ui-k, 1));
}
.muz-trending .muz-tcard .muz-tcard__stars > img,
.muz-trending .muz-tcard .muz-tcard__stars .muz-star-part {
  width: var(--star-size);
  height: var(--star-size);
  flex: 0 0 auto;
}
.muz-trending .muz-tcard .muz-tcard__stars .muz-star-part {
  position: relative;
  display: inline-block;
}
.muz-trending .muz-tcard .muz-tcard__stars .muz-star-part img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.muz-trending .muz-trend-grid > li.muz-tcard .muz-tcard__meta .muz-tcard__stars {
   all: unset;
  display: inline-flex !important;
   flex-direction: row !important;
  align-items: center !important;
  gap: var(--star-gap, 6px) !important;
  white-space: nowrap !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}
.muz-trending .muz-tcard {
  --star-size: 16px;
}
.muz-trending .muz-tcard .muz-tcard__stars > * {
  display: inline-block !important;
  width: var(--star-size) !important;
  height: var(--star-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}
.muz-trending .muz-tcard .muz-tcard__stars .muz-star-part {
  position: relative !important;
}
.muz-trending .muz-tcard .muz-tcard__stars .muz-star-part > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.muz-trending .muz-tcard .muz-tcard__meta {
  display:flex !important;
  align-items:center !important;
}
.muz-trending .muz-tcard .muz-tcard__meta, 
.muz-trending .muz-tcard .muz-tcard__stars {
  overflow: visible !important;
}
section.muz-trending .muz-tcard__desc {
  left: calc(18px * var(--ui-k));
  top: calc(126px * var(--ui-k));
  width: calc(232px * var(--ui-k));
  margin:0;
  opacity:.1;
  font: 450 calc(11.2px * var(--ui-k))/calc(16.4px * var(--ui-k)) "Satoshi";
  color:#0043fa;
}
section.muz-trending {
  --banner-h: calc(96px * var(--ui-k));
  --banner-y: 0px;
  --light-opacity: .95;
}
.muz-tcard {
  position: relative;
  border-radius: calc(12px * var(--ui-k));
  overflow: hidden;
}
.muz-tcard__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-tcard__light {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  opacity: var(--light-opacity);
  mix-blend-mode: screen;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  z-index: 1;
}
.muz-tcard__banner {
  position: absolute;
  left: 0;
  top: var(--banner-y);
  width: 100%;
  height: var(--banner-h);
  object-fit: cover;
  display: block;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  z-index: 2;
}
.muz-tcard > :not(.muz-tcard__bg):not(.muz-tcard__light):not(.muz-tcard__banner):not(.muz-tcard__ico1) {
  position: relative;
  z-index: 3;
}
section.muz-trending {
  --banner-h: calc(96px * var(--ui-k));
}
.muz-tcard {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.muz-tcard__bg {
  z-index:0 !important;
}
.muz-tcard__light {
  z-index:1 !important;
}
.muz-tcard__banner {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:var(--banner-h) !important;
  object-fit:cover !important;
  border-top-left-radius:inherit;
  border-top-right-radius:inherit;
  z-index:2 !important;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.muz-tcard > :not(.muz-tcard__bg):not(.muz-tcard__light):not(.muz-tcard__banner):not(.muz-tcard__ico1) {
  position:relative;
  z-index:3 !important;
}
.muz-trending .muz-tcard {
  position:relative;
  isolation:isolate;
}
.muz-trending .muz-tcard__bg {
  z-index:0 !important;
}
.muz-trending .muz-tcard__light {
  z-index:1 !important;
}
.muz-trending .muz-tcard__banner {
  position:absolute !important;
  left:0;
  top:0;
  width:100%;
  height: var(--banner-h, calc(96px * var(--ui-k)));
  object-fit:cover;
  display:block !important;
  opacity:1 !important;
  z-index:2 !important;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.muz-trending .muz-tcard > :not(.muz-tcard__bg):not(.muz-tcard__light):not(.muz-tcard__banner):not(.muz-tcard__ico1) {
  position:relative;
  z-index:3 !important;
}
.muz-trending .muz-tcard__ico1 {
  position:absolute;
  z-index:-1 !important;
   pointer-events:none;
}
section.muz-trending {
  --meta-gap-author-stars: 70px;
  ;
}
.muz-trending .muz-tcard .muz-tcard__author {
  margin-inline-end: calc(var(--meta-gap-author-stars) * var(--ui-k, 1)) !important;
  ;
}
section.muz-trending .muz-trend-grid {
  justify-content: center;
  ;
}
section.muz-trending {
  --card-gap: clamp(28px, 3.8vw, 56px);
  ;
}
section.muz-trending .muz-trend-grid {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
   align-content: center;
   gap: var(--card-gap) !important;
   margin-inline: auto;
   padding-inline: clamp(8px, 2vw, 24px);
  ;
}
section.muz-trending .muz-trend-grid > .muz-tcard {
  flex: 0 0 auto !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) {
   --nb-dx: 0px;
   --nb-dy: 0px;
   --k: var(--card-scale, var(--ui-k, 1));
  position: relative;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__title {
  position:absolute !important;
  left: calc(18px * var(--k) + var(--nb-dx)) !important;
  top: calc(125px * var(--k) + var(--nb-dy)) !important;
  width: calc(232px * var(--k)) !important;
  z-index:3 !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__desc {
  position:absolute !important;
  left: calc(18px * var(--k) + var(--nb-dx)) !important;
  top: calc(153px * var(--k) + var(--nb-dy)) !important;
  width: calc(232px * var(--k)) !important;
  z-index:3 !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__tags {
  position:absolute !important;
  left: calc(18px * var(--k) + var(--nb-dx)) !important;
  top: calc(187px * var(--k) + var(--nb-dy)) !important;
  width: calc(232px * var(--k)) !important;
  z-index:3 !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__meta {
  position:absolute !important;
  left: calc(18px * var(--k) + var(--nb-dx)) !important;
  top: calc(210px * var(--k) + var(--nb-dy)) !important;
  z-index:3 !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__btn--price {
  position:absolute !important;
  left: calc(12px * var(--k) + var(--nb-dx)) !important;
  bottom: calc(10px * var(--k) - var(--nb-dy)) !important;
  ;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__btn--see {
  position:absolute !important;
  right: calc(5px * var(--k) - var(--nb-dx)) !important;
  bottom: calc(8px * var(--k) - var(--nb-dy)) !important;
}
section.muz-trending .muz-tcard:not(:has(.muz-tcard__tag)):not(:has(.muz-tcard__ico1)):not(:has(.muz-tcard__ico2)) .muz-tcard__btn--cart {
  position:absolute !important;
  right: calc(33px * var(--k) - var(--nb-dx)) !important;
  bottom: calc(8px * var(--k) - var(--nb-dy)) !important;
}
section.muz-trending {
   --title-grid-gap: clamp(22px, 2.4vw, 40px);
}
section.muz-trending .muz-trend-title {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: var(--title-grid-gap) !important;
}
section.muz-trending .muz-trend-grid {
  margin-top: 0 !important;
}
.muz-trending .muz-trend-track {
  position: relative !important;
}
.muz-trending {
  --more-right: clamp(28.8px, 7.2vw, 100.8px);
   --more-size: clamp(13px, 1.15vw, 18px);
  --more-weight: 300;
}
.muz-trending .muz-trend-more {
  position: absolute !important;
  right: var(--more-right) !important;
  top: 0;
   transform: translateY(var(--more-y)) !important;
   display: inline-flex;
  align-items: center;
  gap: .45em;
  font: var(--more-weight) var(--more-size)/1 "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: rgba(238,240,242,.88);
  white-space: nowrap;
  z-index: 3;
  text-decoration: none;
  opacity: 0.7;
}
.muz-trending .muz-trend-more:hover {
  color:#fff;
  text-decoration:none;
}
.muz-trending .muz-trend-more span[aria-hidden="true"] {
  display:inline-block;
  transform: translateY(-1px);
}
.muz-trending .muz-trend-title {
  position: static !important;
   top: auto !important; left: auto !important; transform: none !important;  margin: 0 0 clamp(16px, 1.6vw, 24px) !important; ;
}
section.muz-trending {
  margin-top: 0 !important;
  --trend-lift: 0 !important;
}
.muz-trending .muz-trend-title {
  --trend-title-y: 0 !important;
}
section.muz-trending .muz-trend-grid {
  --trend-grid-lift: 0 !important;
  margin-top: 0 !important;
  ;
}
#hero {
  padding-bottom: var(--divider-bottom, clamp(14px, 1.6vw, 28px)) !important;
}
:root {
  --after-divider-gap: 0px;
}
section.muz-trending {
  margin-top: var(--after-divider-gap) !important;
}
section.muz-trending .muz-trend-grid {
  margin-top: 0 !important;
}
:root {
  --after-divider-gap: clamp(2px, 0.4vw, 8px);
  ;
}
section.muz-trending {
  --trending-lift: calc(var(--after-divider-gap) * 40);
   margin-top: calc(-1 * var(--trending-lift)) !important;
   padding-bottom: var(--trending-lift) !important;
  ;
}
.muz-trending {
  --more-top: clamp(6px, 2.4vw, 36px);
   --more-delta: -22px;
  ;
}
.muz-trending .muz-trend-track {
  position: relative;
}
.muz-trending .muz-trend-more {
  position: absolute;
  right: var(--more-right, clamp(12px, 3vw, 42px));
  top: calc(var(--more-top) + var(--more-delta));
  ;
}
section.muz-features {
   --ui-k: clamp(1, min(100vw, 1920px) / 1080, 1.7778);
   --feat-ico-w-base: 44px;
   --feat-gap-base: 32px;
   padding: clamp(32px, 5vw, 72px) 0;
}
.muz-features .muz-feat-track {
  width: min(1440px, 96vw);
  margin: 0 auto;
  padding-inline: clamp(12px, 3.6vw, 48px);
}
.muz-features .muz-feat-title {
  display:block;
  width:100%;
  margin: 0 0 clamp(16px, 1.6vw, 24px);
  text-align:center;
  text-transform:uppercase;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(18px, 2.15vw, 34px);
  line-height: 1.06;
  letter-spacing: .02em;
  color: var(--trend-title-color, #eef2f6);
}
.muz-features .muz-features-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--feat-gap-base) * var(--ui-k));
  flex-wrap: wrap;
  ;
}
.muz-features .muz-feat-ico {
  width: calc(var(--feat-ico-w-base) * var(--ui-k));
  height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
section.muz-features {
  padding-top: 0 !important;
   --features-lift: clamp(120px, 9vw, 320px);
  margin-top: calc(var(--features-lift) * -1) !important;
}

@media (max-width: 768px) {
  section.muz-features {
    --features-lift: clamp(24px, 5vw, 80px);
  }
}

section.muz-features {
   --feat-w: clamp(220px, 22vw, 360px);
   --feat-scale: 1.25;
   --feat-gap: clamp(16px, 2.6vw, 36px);
  ;
}
.muz-features-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--feat-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.muz-features-row img {
  width: calc(var(--feat-w) * var(--feat-scale));
  height: auto;
   display: block;
}

@media (max-width: 768px) {
  section.muz-features {
    --feat-scale: 1.05;
  }
}

section.muz-features {
   --feat-w: clamp(230px, 20vw, 300px);
   --feat-gap: clamp(14px, 2vw, 28px);
  ;
}
.muz-features .muz-features-icons,
.muz-features .muz-features-row {
   display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--feat-gap) !important;
  margin: 0;
  padding: 0;
}
.muz-features .muz-features-icons > img,
.muz-features .muz-features-row > img,
.muz-features .muz-feat-ico {
  width: var(--feat-w) !important;
  height: auto !important;
  flex: 0 0 auto !important;
  display: block !important;
}
section.muz-features {
  --title-icons-gap: clamp(50.4px, 7.92vw, 129.6px);
  ;
}
.muz-features .muz-feat-title {
  margin-bottom: var(--title-icons-gap) !important;
}
section.muz-features {
   --feat-w: clamp(260px, 22vw, 340px);
   --feat-aspect: 1.18;
   --feat-gap: clamp(18px, 2.6vw, 36px);
   --light-width: 112%;
   --light-bottom: -6px;
   --light-opacity: .9;
  ;
}
.muz-features-row {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: var(--feat-gap);
  margin:0;
  padding:0;
  list-style:none;
}
.muz-feat-card {
  position: relative;
  width: var(--feat-w);
  aspect-ratio: var(--feat-aspect);
   border-radius: 12px;
  overflow: hidden;
   isolation: isolate;
}
.muz-feat-card .muz-feat-art {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: fill;
   display:block;
  border-radius:inherit;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}
.muz-feat-card .muz-feat-light {
  position:absolute;
  left:50%;
  bottom: var(--light-bottom);
  transform: translateX(-50%);
  width: var(--light-width);
  height:auto;
  opacity: var(--light-opacity);
  mix-blend-mode: screen;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  z-index:1;
}
.muz-features .muz-features-icons > img,
.muz-features .muz-features-row > img {
  width:auto !important;
  height:auto !important;
}
section.muz-features {
  --light-bottom: 10px;
  ;
}
.muz-features-row {
  display: grid !important;
  grid-template-columns: repeat(4, var(--feat-w));
   justify-content: center;
  gap: var(--feat-gap) !important;
  ;
}

@media (max-width: 1280px) {
  .muz-features-row {
    grid-template-columns: repeat(2, var(--feat-w));
  }
}


@media (max-width: 680px) {
  .muz-features-row {
    grid-template-columns: 1fr;
  }
  .muz-feat-card {
    width: min(var(--feat-w), 88vw);
    justify-self: center;
  }
}

.muz-feat-card {
  position: relative;
  width: var(--feat-w);
  aspect-ratio: var(--feat-aspect);
  border-radius: 12px;
  overflow: hidden;
   isolation: isolate;
}
.muz-feat-card .muz-feat-art {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: fill;
  border-radius: inherit;
}
.muz-feat-card .muz-feat-light {
  position:absolute;
  left:50%;
  bottom: var(--light-bottom);
  transform: translateX(-50%);
  width: var(--light-width);
  height:auto;
  opacity: var(--light-opacity);
  mix-blend-mode: screen;
  pointer-events:none;
  z-index:1;
}
section.muz-join-creators {
   --jc-aspect: 1080/295;
  margin: clamp(24px, 6vw, 72px) 0;
  position: relative;
  z-index: 1;
}
.muz-join-creators .muz-jc-track {
  position: relative;
  left: 50%;
   width: 100vw;
  width: 100svw;
  width: 100dvw;
  transform: translateX(-50%);
}
section.muz-join-creators {
   --jc-aspect: 1920 / 448;
   margin: clamp(24px, 6vw, 72px) 0; position: relative; z-index: 1;;
}
.muz-join-creators .muz-jc-track {
  width: clamp(1080px, 100dvw, 1920px);
   margin-inline: auto;
  ;
}
.muz-join-creators .muz-jc-art {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--jc-aspect);
  object-fit: cover;
   object-position: center;
  max-width: none;
  transform: none !important;
  image-rendering: -webkit-optimize-contrast;
}
html, body {
  overflow-x: clip;
}

@media (max-width: 680px) {
  section.muz-join-creators {
    margin: clamp(16px, 5vw, 40px) 0;
  }
}

section.muz-join-creators {
  --jc-aspect: 1920/448;
   margin: clamp(24px, 6vw, 72px) 0;
  width: 100%;
}
.muz-join-creators .muz-jc-track {
  position: relative;
  width: min(1920px, 100%);
   max-width: 100%;
  margin-inline: auto;
   left: auto !important;
   right: auto !important;
  transform: none !important;
}
.muz-join-creators .muz-jc-art {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--jc-aspect);
  object-fit: cover;
  object-position: center;
}
html, body {
  overflow-x: clip;
}
.muz-join-creators .muz-jc-cta {
  position:absolute;
  inset:0;
   z-index: 2;
  pointer-events: none;
  ;
}
.muz-join-creators {
  --jcbtn-x: 50%;
   --jcbtn-y: 76%;
   --jcbtn-w: clamp(180px, 15vw, 320px);
   --jcbtn-gap: clamp(12px, 2vw, 28px);
  ;
}
.muz-join-creators .muz-jc-cta__group {
  position:absolute;
  left: var(--jcbtn-x);
  top: var(--jcbtn-y);
  transform: translate(-50%, -50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap: var(--jcbtn-gap);
  pointer-events: none;
  ;
}
.muz-join-creators .muz-jc-btn {
  flex: 0 0 auto;
  width: var(--jcbtn-w);
  display:block;
  pointer-events:auto;
  ;
}
.muz-join-creators .muz-jc-btn img {
  width:100%;
  height:auto;
  display:block;
}

@media (max-width: 900px) {
  .muz-join-creators {
    --jcbtn-y: 78%;
  }
  .muz-join-creators {
    --jcbtn-w: clamp(160px, 36vw, 260px);
  }
}

.muz-join-creators {
  --jcbtn-w: clamp(140px, 12vw, 240px);
}

@media (max-width: 900px) {
  .muz-join-creators {
    --jcbtn-w: clamp(130px, 30vw, 220px);
  }
}

.muz-join-creators {
  --jcbtn-top: 46%;
   --jcbtn-gap: clamp(10px, 1.4vw, 20px);
  ;
}

@media (max-width: 900px) {
  .muz-join-creators {
    --jcbtn-top: 44%;
    --jcbtn-gap: clamp(8px, 2.2vw, 16px);
  }
}

.muz-join-creators {
  --jcbtn-top: 38%;
    --jcbtn-offset-y: -6px;
  ;
}

@media (min-width: 1600px) {
  .muz-join-creators {
    --jcbtn-top: 36%;
  }
}


@media (max-width: 900px) {
  .muz-join-creators {
    --jcbtn-top: 42%;
  }
}

.muz-join-creators {
   --jcbtn-top: 31.5%;
  --jcbtn-offset-y: -4px;
   --jcbtn-scale-learn: .86;
    --jcbtn-gap: clamp(10px, 1.4vw, 16px);
}
.muz-join-creators .muz-jc-btn--learn {
  transform: scale(var(--jcbtn-scale-learn));
  transform-origin: center;
}

@media (max-width: 900px) {
  .muz-join-creators {
    --jcbtn-top: 38%;
    --jcbtn-scale-learn: .9;
  }
}

.muz-join-creators .muz-jc-cta {
   --cta-scale: .72;
  ;
}
.muz-jc-cta .muz-btn--sell {
  --btn-w: 320px;
  --btn-h: 74px;
}
.muz-jc-cta .muz-btn--learn {
  --btn-w: 220px;
  --btn-h: 52px;
}

@media (min-width: 1600px) {
  .muz-join-creators .muz-jc-cta {
    --cta-scale: .68;
  }
}

.muz-join-creators .muz-jc-btn img {
  height: auto;
  display: block;
}
.muz-join-creators .muz-jc-btn--primary img {
   width: clamp(200px, 14vw, 260px);
}
.muz-join-creators .muz-jc-btn--secondary img {
  width: clamp(140px, 10vw, 190px);
}
.muz-join-creators .muz-jc-cta {
  gap: clamp(10px, 1.2vw, 16px);
}
.muz-join-creators .muz-jc-btn img {
  height: auto;
  display: block;
}
.muz-join-creators .muz-jc-btn--primary img {
  width: clamp(170px, 11vw, 210px);
}
.muz-join-creators .muz-jc-btn--secondary img {
  width: clamp(115px, 8vw, 150px);
}
.muz-join-creators .muz-jc-cta {
  gap: clamp(18px, 2vw, 32px);
}
section.muz-join-creators {
   --jc-btn-y: clamp(36px, 3vw, 56px);
   --jc-btn-gap: clamp(16px, 1.6vw, 24px);
}
.muz-join-creators .muz-jc-cta {
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translate(-50%, calc(-50% - var(--jc-btn-y)));
  display: flex;
  align-items: center;
  gap: var(--jc-btn-gap);
  pointer-events: none;
  ;
}
.muz-join-creators .muz-jc-btn {
  pointer-events: auto;
}
.muz-join-creators .muz-jc-btn img {
  height:auto;
  display:block;
}
.muz-join-creators .muz-jc-btn--primary img {
  width: clamp(160px, 10.4vw, 200px);
}
.muz-join-creators .muz-jc-btn--secondary img {
  width: clamp(110px, 7.6vw, 142px);
}
section.muz-testimonials {
  padding: clamp(40px, 6vw, 88px) 0;
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.muz-testimonials .muz-testi-track {
  width: min(1440px, 96vw);
  margin: 0 auto;
  padding-inline: clamp(12px, 3.6vw, 48px);
}
.muz-testimonials .muz-testi-title {
  display: block;
  width: 100%;
  margin: 0 0 clamp(18px, 1.8vw, 28px);
  text-align: center;
  text-transform: uppercase;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(18px, 2.15vw, 34px);
  line-height: 1.06;
  letter-spacing: .02em;
  color: #e9eef6;
}
.muz-testimonials .muz-testi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1100px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: repeat(2, minmax(280px, 1fr));
  }
}


@media (max-width: 680px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: 1fr;
  }
}

.muz-tst-card {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 336 / 139 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 12px;
  ;
}
.muz-tst-card .muz-tst-text,
.muz-tst-card .muz-tst-meta,
.muz-tst-card .muz-tst-stars,
.muz-tst-card .muz-tst-avatar {
  display: none !important;
}
.muz-tst-card .muz-tst-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-tst-card .muz-tst-light {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  width: 112%;
  height: auto;
  display: block;
  mix-blend-mode: screen;
  opacity: .95;
  z-index: 1;
  pointer-events: none;
}
section.muz-testimonials {
  padding: clamp(40px, 6vw, 88px) 0;
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.muz-testimonials .muz-testi-track {
  width: min(1440px, 96vw);
  margin: 0 auto;
  padding-inline: clamp(12px, 3.6vw, 48px);
}
.muz-testimonials .muz-testi-title {
  display: block;
  width: 100%;
  margin: 0 0 clamp(18px, 1.8vw, 28px);
  text-align: center;
  text-transform: uppercase;
  font-family: "Satoshi", system-ui;
  font-weight: 600;
  font-size: clamp(18px, 2.15vw, 34px);
  line-height: 1.06;
  letter-spacing: .02em;
  color: #e9eef6;
}
.muz-testimonials .muz-testi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(336px, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width:1100px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}


@media (max-width:680px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: 1fr;
  }
}

.muz-tst-card {
  position: relative;
  aspect-ratio: 336/139;
  overflow: hidden;
  border-radius: 12px;
  background: transparent;
  border: 0;
}
.muz-tst-card .muz-tst-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block !important;
  z-index: 0;
  pointer-events: none;
}
.muz-tst-card .muz-tst-light {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  width: 115%;
  height: auto;
  display: block !important;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .7;
}
.muz-tst-card::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  width: 115%;
  height: 60%;
  background: radial-gradient(100% 100% at 50% 100%, rgba(34, 121, 199, .50) 0%, rgba(34, 121, 199, .22) 40%, rgba(34, 121, 199, 0) 75%);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 1;
}
.muz-tst-card .muz-tst-text {
  display: block !important;
}
.muz-tst-card .muz-tst-meta {
  display: flex !important;
}
.muz-tst-card .muz-tst-avatar {
  display: block !important;
}
.muz-tst-card .muz-tst-stars {
  display: inline-flex !important;
}
.muz-tst-card .muz-tst-text {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 18px;
  margin: 0;
  font-style: italic;
  font-weight: 200;
  font-size: clamp(14px, 1.25vw, 18px);
  line-height: 1.45;
  color: rgba(199, 216, 236, .92);
   letter-spacing: .01em;
  text-wrap: balance;
  z-index: 2;
}
.muz-tst-card .muz-tst-meta {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 12px;
  align-items: center;
  gap: 12px;
  z-index: 2;
}
.muz-tst-avatar {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: var(--avatar, radial-gradient(120% 120% at 30% 20%, #ffb973, #f18b5e 40%, #7d5cff 100%));
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .06) inset, 0 1px 4px rgba(0, 0, 0, .35);
  flex: 0 0 auto;
}
.muz-tst-id {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.muz-tst-name {
  color: #e9eef6;
  font-weight: 480;
  font-size: clamp(13px, 1.05vw, 15px);
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.muz-tst-role {
  color: #9fb0c7;
  font-style: italic;
  font-size: clamp(11px, .95vw, 13px);
}
.muz-tst-role::before {
  content: "— ";
}
.muz-tst-stars {
  margin-left: auto;
  gap: 8px;
  align-items: center;
  line-height: 0;
}
.muz-tst-stars img {
  width: clamp(16px, 1.2vw, 20px);
  height: auto;
  display: inline-block;
  filter: none;
  opacity: 1;
}
.muz-tst-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.muz-tst-card .muz-tst-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  z-index: 0;
}
.muz-tst-card .muz-tst-light {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  width: 115%;
  height: auto;
  z-index: 1;
  mix-blend-mode: screen;
  opacity: .95;
  pointer-events: none;
  display: block;
}
.muz-tst-card::before {
  content: "";
  position: absolute;
  inset: 0 0 45% 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .30), rgba(0, 0, 0, 0));
}
.muz-tst-card {
  position: relative;
}
.muz-tst-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.muz-tst-light {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: var(--tst-light-opacity, 0.1);
   transition: opacity .2s ease;
}
.muz-tst-text, .muz-tst-meta, .muz-tst-id, .muz-tst-stars {
  position: relative;
  z-index: 3;
}
.muz-tst-card[data-light="off"] {
  --tst-light-opacity: 0;
}
.muz-tst-card[data-light="low"] {
  --tst-light-opacity: .25;
}
.muz-tst-card[data-light="mid"] {
  --tst-light-opacity: .45;
}
.muz-tst-card[data-light="high"] {
  --tst-light-opacity: .75;
}
.muz-testimonials .muz-testi-title {
  margin: 0 0 clamp(21.6px, 2.16vw, 33.6px);
  font-size: clamp(21.6px, 2.58vw, 40.8px);
}
.muz-testimonials .muz-testi-grid {
  grid-template-columns: repeat(3, minmax(403.2px, 1fr));
   gap: 28.8px;
  ;
}

@media (max-width:1100px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: repeat(2, minmax(360px, 1fr));
    ;
  }
}


@media (max-width:680px) {
  .muz-testimonials .muz-testi-grid {
    grid-template-columns: 1fr;
  }
}

.muz-tst-card {
  border-radius: 14.4px;
  ;
}
.muz-tst-card .muz-tst-text {
  left: 24px;
   right: 24px;
   top: 21.6px;
   font-size: clamp(16.8px, 1.5vw, 21.6px);
  ;
}
.muz-tst-card .muz-tst-meta {
  left: 19.2px;
   right: 19.2px;
   bottom: 14.4px;
   gap: 14.4px;
  ;
}
.muz-tst-avatar {
  width: 43.2px;
   height: 43.2px;
   box-shadow: 0 0 0 2.4px rgba(255,255,255,.06) inset,  0 1.2px 4.8px rgba(0,0,0,.35);
  ;
}
.muz-tst-name {
  font-size: clamp(15.6px, 1.26vw, 18px);
  ;
}
.muz-tst-role {
  font-size: clamp(13.2px, 1.14vw, 15.6px);
  ;
}
.muz-tst-stars {
  gap: 9.6px;
}
.muz-tst-stars img {
  width: clamp(19.2px, 1.44vw, 24px);
  ;
}
.muz-tst-card .muz-tst-light {
  width: 115%;
}
.muz-testimonials .muz-testi-track {
  width: min(1728px, 96vw) !important;
}
.muz-testimonials .muz-testi-grid {
  grid-template-columns: repeat(3, minmax(403.2px, 1fr)) !important;
  gap: 28.8px !important;
}
.muz-tst-card {
  border-radius: 14.4px;
  ;
}
.muz-tst-card .muz-tst-light {
  left: 50%;
  transform: translateX(-50%);
  width: 115%;
   bottom: -2.4px;
   mix-blend-mode: screen;
  opacity: var(--tst-light-opacity, .7) !important;
   pointer-events: none;
  display: block !important;
  z-index: 1;
}
.muz-tst-card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 115%;
  bottom: -2.4px;
  ;
}
.muz-tst-card .muz-tst-text {
  left: 24px;
   right: 24px;
   top: 21.6px;
  ;
}
.muz-tst-card .muz-tst-meta {
  left: 19.2px;
   right: 19.2px;
   bottom: 14.4px;
   gap: 14.4px;
  ;
}
.muz-tst-avatar {
  width: 43.2px;
  height: 43.2px;
  ;
}
.muz-tst-stars {
  gap: 9.6px;
}
.muz-tst-stars img {
  width: clamp(19.2px, 1.44vw, 24px);
  ;
}
section.muz-testimonials .muz-testi-track {
  width: 100vw !important;
  max-width: none !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  overflow: hidden;
   -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}
section.muz-testimonials .muz-testi-grid {
  display: flex !important;
  align-items: stretch;
  gap: 28.8px !important;
   padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
  will-change: transform;
  animation: marquee-ltr var(--marquee-dur, 38s) linear infinite;
}
section.muz-testimonials .muz-testi-grid > * {
  flex: 0 0 auto;
  width: clamp(260px, 31vw, 403.2px);
  ;
}
.muz-tst-card {
  border-radius: 14.4px;
}
.muz-tst-card .muz-tst-light {
  bottom: -2.4px;
   width: 115%;
  left: 50%;
  transform: translateX(-50%);
  mix-blend-mode: screen;
  opacity: var(--tst-light-opacity, .7);
  pointer-events: none;
  display: block;
  z-index: 1;
}
.muz-tst-card::after {
  bottom: -2.4px;
  width: 115%;
  left: 50%;
  transform: translateX(-50%);
}
@keyframes marquee-ltr{
  from{ transform: translateX(-50%); }
  to  { transform: translateX(0%); }
}
section.muz-testimonials .muz-testi-grid:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  section.muz-testimonials .muz-testi-grid {
    animation: none !important;
    transform: none !important;
  }
}

section.muz-testimonials .muz-testi-track {
  width: 100vw !important;
  max-width: none !important;
  padding-inline: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}
section.muz-testimonials .muz-testi-grid {
  display: flex !important;
  align-items: stretch;
  gap: 24px !important;
   padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
  will-change: transform;
  animation: marquee-ltr var(--marquee-dur, 38s) linear infinite;
}
section.muz-testimonials .muz-testi-grid > * {
  flex: 0 0 auto;
  width: 336px !important;
  ;
}

@media (max-width: 680px) {
  section.muz-testimonials .muz-testi-grid > * {
    width: 90vw !important;
    ;
  }
}

.muz-tst-card {
  border-radius: 12px !important;
}
.muz-tst-card .muz-tst-light {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2px !important;
   mix-blend-mode: screen;
  opacity: var(--tst-light-opacity, .7);
  pointer-events: none;
  display: block !important;
}
.muz-tst-card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2px !important;
}
section.muz-testimonials .muz-testi-grid:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  section.muz-testimonials .muz-testi-grid {
    animation: none !important;
    transform: none !important;
  }
}

@keyframes marquee-ltr{
  from{ transform: translateX(-50%); }
  to  { transform: translateX(0%); }
}
section.muz-testimonials .muz-testi-track {
  width: 100vw !important;
  max-width: none !important;
  padding-inline: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}
section.muz-testimonials .muz-testi-grid {
  display: flex !important;
  align-items: stretch;
  gap: 28.8px !important;
   padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: nowrap;
  will-change: transform;
  animation: marquee-ltr var(--marquee-dur, 38s) linear infinite;
}
section.muz-testimonials .muz-testi-grid > * {
  flex: 0 0 auto;
  width: 403.2px !important;
}

@media (max-width:1100px) {
  section.muz-testimonials .muz-testi-grid > * {
    width: clamp(320px, 45vw, 403.2px) !important;
  }
}


@media (max-width:680px) {
  section.muz-testimonials .muz-testi-grid > * {
    width: 90vw !important;
  }
}

.muz-tst-card {
  aspect-ratio: 336/139;
  border-radius: 14.4px !important;
  ;
}
.muz-tst-card .muz-tst-light {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2.4px !important;
   mix-blend-mode: screen;
  opacity: var(--tst-light-opacity, .7);
  pointer-events: none;
  display: block !important;
}
.muz-tst-card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2.4px !important;
}
.muz-tst-card .muz-tst-text {
  left: 24px;
  right: 24px;
  top: 21.6px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.muz-tst-card .muz-tst-meta {
  left: 19.2px;
  right: 19.2px;
  bottom: 14.4px;
   gap: 14.4px;
}
.muz-tst-avatar {
  width: 43.2px;
  height: 43.2px;
}
.muz-tst-stars {
  gap: 9.6px;
}
.muz-tst-stars img {
  width: clamp(19.2px, 1.44vw, 24px);
}
section.muz-testimonials .muz-testi-grid:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  section.muz-testimonials .muz-testi-grid {
    animation: none !important;
    transform: none !important;
  }
}

@keyframes marquee-ltr{
  from{ transform: translateX(-50%); }
  to  { transform: translateX(0%); }
}
section.muz-testimonials .muz-testi-grid {
  gap: 34.56px !important;
  ;
}
section.muz-testimonials .muz-testi-grid > * {
  flex: 0 0 auto;
  width: 483.84px !important;
}

@media (max-width:1100px) {
  section.muz-testimonials .muz-testi-grid > * {
    width: clamp(360px, 50vw, 483.84px) !important;
  }
}


@media (max-width:680px) {
  section.muz-testimonials .muz-testi-grid > * {
    width: 90vw !important;
  }
}

.muz-tst-card {
  aspect-ratio: 336/139;
  border-radius: 17.28px !important;
}
.muz-tst-card .muz-tst-light {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2.88px !important;
   mix-blend-mode: screen;
  opacity: var(--tst-light-opacity, .7);
  pointer-events: none;
  display: block !important;
  z-index: 1;
}
.muz-tst-card::after {
  left: 50%;
  transform: translateX(-50%);
  width: 115% !important;
  bottom: -2.88px !important;
}
.muz-tst-card .muz-tst-text {
  left: 28.8px;
  right: 28.8px;
  top: 25.92px;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.muz-tst-card .muz-tst-meta {
  left: 23.04px;
  right: 23.04px;
  bottom: 17.28px;
   gap: 17.28px;
}
.muz-tst-avatar {
  width: 51.84px;
  height: 51.84px;
}
.muz-tst-stars {
  gap: 11.52px;
}
.muz-tst-stars img {
  width: clamp(14.688px, 1.1016vw, 18.36px) !important;
}
.muz-tst-name {
  font-size: clamp(13.23px, 1.06848vw, 15.264px) !important;
}
.muz-tst-role {
  font-size: clamp(11.19px, 0.96672vw, 13.2288px) !important;
}
.muz-tst-avatar {
   width: 44.58px !important;
  height: 44.58px !important;
}
.muz-tst-card .muz-tst-text {
  font-size: clamp(13.7088px, 1.224vw, 17.6256px) !important;
}
section.muz-testimonials .muz-testi-track {
  width: 100vw !important;
  max-width: none !important;
  padding-inline: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}
section.muz-testimonials .muz-testi-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: var(--tst-gap, 24px);
   will-change: transform;
  animation: marquee-rtl var(--marquee-dur, 40s) linear infinite;
  ;
}
section.muz-testimonials .muz-testi-grid > li {
  flex: 0 0 auto;
  width: var(--tst-card-w, 403.2px);
  ;
}
section.muz-testimonials .muz-testi-grid:hover {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  section.muz-testimonials .muz-testi-grid {
    animation: none !important;
    transform: none !important;
  }
}

@keyframes marquee-rtl{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--marquee-span, 100%))); }
}
@keyframes marquee-ltr{
  from { transform: translateX(calc(-1 * var(--marquee-span, 100%))); }
  to   { transform: translateX(0); }
}
.muz-testimonials .muz-testi-title {
  margin-block-end: clamp(28px, 3.2vw, 72px) !important;
}
.muz-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
   padding-top: env(safe-area-inset-top);
  ;
}
.muz-site-header.muz-__fx {
  transform: none !important;
}
.muz-site-header.muz-__fx::before {
  box-shadow: none !important;
}
html, body {
  scroll-behavior: smooth;
}
body {
  padding-top: var(--nav-push, var(--header-h));
}
.muz-site-footer {
  position: relative;
  background: #0b0b0b;
  border-top: 0.5px solid var(--hairline, rgba(255,255,255,0.08));
  padding: clamp(36px, 5vw, 80px) 0 clamp(18px, 3.2vw, 28px);
  color: var(--text-primary, #e9eef6);
  isolation: isolate;
}
.muz-site-footer .muz-ft-track {
  width: min(var(--frame-w, clamp(1080px, 96vw, 1890px)), 100vw);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 80px);
}
.muz-site-footer .muz-ft-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(6px, .9vw, 10px);
  margin-bottom: clamp(22px, 4.8vw, 40px);
}
.muz-site-footer .muz-ft-logo {
  width: clamp(150px, 13.5vw, 220px);
   height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  image-rendering: -webkit-optimize-contrast;
}
.muz-site-footer .muz-ft-tag {
  width: clamp(58px, 5.4vw, 90px);
   height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  image-rendering: -webkit-optimize-contrast;
}
.muz-site-footer .muz-ft-grid {
  width: min(880px, 86%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(18px, 3vw, 44px);
  align-items: start;
}

@media (max-width: 900px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: clamp(20px, 4vw, 32px);
  }
}


@media (max-width: 520px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: 1fr;
    width: min(520px, 92%);
  }
}

.muz-site-footer .muz-ft-head {
  margin: 0 0 clamp(10px, 1.4vw, 14px);
  font: 600 clamp(14px, 1.4vw, 18px)/1 "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #eef2f6;
  letter-spacing: .01em;
}
.muz-site-footer .muz-ft-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: clamp(6px, 1.2vw, 10px);
}
.muz-site-footer .muz-ft-links a {
  text-decoration: none;
  color: rgba(238,240,242,.70);
  font: 400 clamp(13px, 1.15vw, 16px)/1.45 "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.muz-site-footer .muz-ft-links a:hover {
  color: rgba(238,240,242,.92);
  text-decoration: none;
}
.muz-site-footer .muz-ft-links a:focus-visible {
  outline: 2px solid color-mix(in oklab, var(--hero-accent, #60acf1) 85%, transparent);
  outline-offset: 2px;
  border-radius: 6px;
}
.muz-site-footer .muz-ft-copy {
  margin: clamp(28px, 6vw, 48px) 0 0;
  text-align: center;
  color: rgba(238,240,242,.45);
  font: 400 clamp(11px, .95vw, 13px)/1.6 "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.muz-version-tag {
  position: absolute;
    --brand-ratio: 5.86;
   --brand-extra: calc(var(--header-h) * 0.04);
   --gap: clamp(6px, 1vw, 16px);
   --tag-dx: 0px;
   --tag-dy: 0px;
    --logo-w: calc(var(--header-h) * var(--logo-h-k) * var(--brand-ratio) + var(--brand-extra));
   left: calc(var(--logo-left) + var(--logo-w) + var(--gap) + var(--tag-dx));
   top: calc( var(--header-h) * var(--logo-top-k) + (var(--header-h) * var(--logo-h-k) - var(--header-h) * var(--tag-h-k)) / 2 + var(--tag-dy) );
   width: calc(var(--header-h) * var(--tag-w-k));
  height: calc(var(--header-h) * var(--tag-h-k));
  display: block;
  background: none;
  border: 0;
  padding: 0;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  image-rendering: -webkit-optimize-contrast;
}
.muz-version-tag .muz-v-text,
.muz-version-tag .muz-v-dot {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-version-tag {
    display: none;
  }
}

.muz-version-tag {
   --gap: clamp(2px, 0.20vw, 6px);
   --tag-dx: -8px;
   --brand-ratio: 5.72;
  ;
}
.muz-version-tag {
   --gap: 2px;
   --brand-ratio: 2.7;
   --brand-extra: 0px;
   --tighten: 0.22;
   --tag-dx: calc(-1 * var(--logo-w) * var(--tighten));
}


@media (max-width: 900px) {
  :root {
    --m-pad: clamp(8px, 2.6vw, 14px);
    --drawer-w: min(92vw, 320px);
  }
  .muz-site-header .muz-header-track {
    display: grid !important;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 0;
    min-height: var(--header-h);
    padding-inline: var(--m-pad);
  }
  .muz-site-header .muz-logo-text {
    position: static !important;
    transform: none !important;
    margin: 0 auto !important;
    justify-self: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    text-align: center !important;
  }
  .muz-version-tag {
    display: none !important;
  }
  .muz-site-header .muz-header-actions,
  .muz-site-header .muz-auth,
  .muz-site-header .muz-right,
  .muz-site-header .muz-cta,
  .muz-site-header .muz-nav-ctas {
    justify-self: end !important;
    display: flex;
    align-items: center;
    gap: clamp(8px, 2vw, 12px);
  }
  .muz-nav-toggle-btn {
    display: grid;
    place-items: center;
    inline-size: 44px;
    block-size: 44px;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
  }
  .muz-nav-toggle-btn::before,
  .muz-nav-toggle-btn::after {
    content: "";
    display: block;
    inline-size: 20px;
    block-size: 2px;
    background: rgba(255,255,255,.92);
    border-radius: 2px;
    box-shadow: 0 6px 0 rgba(255,255,255,.92);
    ;
  }
  .muz-nav-toggle-btn::after {
    box-shadow: none;
  }
  #nav-toggle {
    position: absolute;
    inline-size:1px;
    block-size:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }
  .muz-site-header nav,
  .muz-site-header .muz-site-nav {
    position: fixed !important;
    inset: var(--header-h) auto 0 0;
     width: var(--drawer-w);
    transform: translateX(-110%);
    transition: transform .28s ease;
    background: rgba(10,10,10,.86);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-right: 1px solid var(--hairline, rgba(255,255,255,.08));
    padding: 14px clamp(12px, 3vw, 18px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1000;
  }
  .muz-site-header nav a {
    display: block;
    padding: 10px 6px;
    border-radius: 10px;
  }
  .muz-site-header nav a:hover {
    background: rgba(255,255,255,.06);
  }
  .muz-drawer-overlay {
    position: fixed;
    inset: var(--header-h) 0 0 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
    z-index: 999;
  }
  #nav-toggle:checked ~ .muz-header-track nav {
    transform: translateX(0);
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity: 1;
    pointer-events: auto;
  }
}



@media (max-width: 900px) {
  :root {
    --m-pad: clamp(10px, 3.2vw, 16px);
  }
  .muz-site-header .muz-header-track {
    position: relative !important;
     display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: var(--header-h);
    padding-inline: var(--m-pad);
  }
  .muz-site-header .muz-logo-text {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    z-index: 1;
    ;
  }
  .muz-version-tag {
    display: none !important;
  }
  .muz-nav-toggle-btn {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    cursor: pointer;
    user-select: none;
    z-index: 2;
    ;
  }
  .muz-nav-toggle-btn::before,
  .muz-nav-toggle-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 20px;
    height: 2px;
    background: rgba(255,255,255,.92);
    border-radius: 2px;
    transform: translateX(-50%);
  }
  .muz-nav-toggle-btn::before {
    top: calc(50% - 5px);
  }
  .muz-nav-toggle-btn::after {
    top: calc(50% + 5px);
  }
  .muz-site-header .muz-header-actions,
  .muz-site-header .muz-auth,
  .muz-site-header .muz-right,
  .muz-site-header .muz-nav-ctas {
    position: relative !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, 2.4vw, 14px);
    z-index: 2;
  }
  #nav-toggle {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }
  .muz-site-header nav {
    position: fixed !important;
    inset: var(--header-h) auto 0 0;
    width: min(92vw, 320px);
    transform: translateX(-110%);
    transition: transform .28s ease;
    background: rgba(10,10,10,.86);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-right: 1px solid var(--hairline, rgba(255,255,255,.08));
    padding: 14px clamp(12px, 3vw, 18px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1000;
  }
  .muz-drawer-overlay {
    position: fixed;
    inset: var(--header-h) 0 0 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
    z-index: 999;
  }
  #nav-toggle:checked ~ .muz-header-track nav {
    transform: translateX(0);
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity:1;
    pointer-events:auto;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-header-track {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: var(--header-h);
    padding-inline: clamp(10px, 3.2vw, 16px);
  }
  .muz-site-header .muz-logo-text {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
  .muz-version-tag {
    display:none !important;
  }
  .muz-nav-toggle-btn {
    display: grid !important;
    place-items: center !important;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    cursor: pointer;
    color: rgba(255,255,255,.92);
     z-index: 2;
  }
  .muz-nav-toggle-btn::before,
  .muz-nav-toggle-btn::after {
    content: none !important;
  }
  .muz-nav-toggle-btn .muz-icon-bars {
    width: 22px;
    height: 22px;
    display:block;
  }
  .muz-site-header .muz-header-track > a.muz-login,
  .muz-site-header .muz-header-track > a.muz-btn-signup {
    margin-left: auto;
    align-self: center;
  }
  .muz-site-header nav {
    position: fixed !important;
    inset: var(--header-h) auto 0 0;
    width: min(92vw, 320px);
    transform: translateX(-110%);
    transition: transform .28s ease;
    background: rgba(10,10,10,.86);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-right: 1px solid var(--hairline, rgba(255,255,255,.08));
    padding: 14px clamp(12px, 3vw, 18px);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 1000;
  }
  .muz-drawer-overlay {
    position: fixed;
    inset: var(--header-h) 0 0 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s ease;
    z-index: 999;
  }
  #nav-toggle {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
  }
  #nav-toggle:checked ~ .muz-header-track nav {
    transform: translateX(0);
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity:1;
    pointer-events:auto;
  }
}



@media (min-width: 901px) {
  #nav-toggle {
    display:none !important;
  }
  .muz-nav-toggle-btn {
    display:none !important;
  }
  .muz-drawer-overlay {
    display:none !important;
  }
  .muz-site-header nav,
  .muz-site-header .muz-main-nav {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(20px, 2.6vw, 44px);
    z-index: 2;
    ;
  }
  .muz-site-header nav a {
    display: inline-block !important;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-btn-signup {
    white-space: nowrap !important;
     text-wrap: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: max-content !important;
     padding-inline: clamp(12px, 3.2vw, 16px) !important;
    height: clamp(34px, 5.4vw, 40px) !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
    ;
  }
  .muz-nav-ctas {
    flex-shrink: 0 !important;
  }
}


@media (max-width: 900px) {
  :root {
    --brand-nudge-y: 3px;
  }
  .muz-site-header .muz-logo-text {
     transform: translate(-50%, calc(-50% + var(--brand-nudge-y))) !important;
  }
}



@media (max-width: 900px) {
  .muz-site-header .muz-main-nav {
    position: fixed !important;
    inset: 0 0 0 0;
     width: 100svw; height: 100svh;  transform: translateX(-100%);  transition: transform .32s ease; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 1500;  padding: calc(var(--header-h) + 8px) clamp(18px, 5vw, 28px) 24px; display: flex; flex-direction: column; gap: 6px; pointer-events: none;  overflow-y: auto; overscroll-behavior: contain;;
  }
  #nav-toggle:checked ~ .muz-header-track .muz-main-nav {
    transform: translateX(0);
    pointer-events: auto;
  }
  .muz-nav-toggle-btn {
    position: relative;
    z-index: 2001 !important;
  }
  .muz-site-header .muz-main-nav .muz-nav-link::after,
  .muz-site-header .muz-main-nav .muz-nav-link.muz-active::after {
    display:none !important;
    content:none !important;
  }
  .muz-site-header .muz-main-nav a {
    -webkit-tap-highlight-color: transparent;
    text-decoration: none !important;
    color: var(--text-primary, #eef0f2);
    font-weight: 500;
    font-size: clamp(16px, 2.2vw, 18px);
    padding: 14px 10px;
    border-radius: 12px;
  }
  .muz-site-header .muz-main-nav a:focus-visible {
    outline: none;
  }
  .muz-drawer-overlay {
    display: none !important;
  }
  html:has(#nav-toggle:checked), body:has(#nav-toggle:checked) {
    overflow: hidden;
  }
}



@media (max-width: 1440px) {
  #hero {
    --mockup-w: clamp(820px, 56vw, 1100px);
  }
}


@media (max-width: 1279px) {
  #hero .muz-hero-wrap {
    gap: clamp(16px, 3.6vw, 32px);
    padding-inline: clamp(16px, 5vw, 48px);
  }
  #hero {
    --mockup-w: min(92vw, 880px);
    --mockup-x: 0;
    --mockup-y: 0;
  }
  #hero .muz-hero-col--left {
    margin-left: 0 !important;
    transform: none !important;
  }
  #hero .muz-hero-col--right {
    margin: 0 !important;
  }
}


@media (max-width: 980px) {
  #hero .muz-hero-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start;
  }
  #hero .muz-hero-col--left {
    order: 1;
  }
  #hero .muz-hero-col--right {
    order: 2;
    justify-self: center;
  }
  #hero .muz-hero-title {
    font-size: clamp(28px, 7.2vw, 44px) !important;
    letter-spacing: 0;
    padding-left: 0 !important;
  }
  #hero .muz-hero-cta {
    gap: clamp(10px, 3.2vw, 16px) !important;
  }
  .muz-cta-svgbtn__img {
    width: clamp(180px, 56vw, 320px) !important;
  }
  #hero .muz-link-ghost {
    font-size: clamp(14px, 3.8vw, 18px) !important;
  }
  #hero .muz-hero-trust {
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: clamp(10px, 3.2vw, 20px);
    font-size: clamp(12px, 3.4vw, 14px) !important;
  }
}


@media (max-width: 768px) {
  #hero {
     padding-top: calc(var(--header-h) + env(safe-area-inset-top, 0px) + clamp(8px, 2vw, 14px)) !important;
  }
  #hero .muz-hero-col--right {
    margin-top: clamp(8px, 3vw, 20px) !important;
  }
  #hero .muz-hero-art {
    width: min(100vw - 24px, 760px) !important;
  }
  #hero .muz-hero-cta {
    width: 100%;
  }
  #hero .muz-btn {
    min-width: unset;
    width: 100%;
  }
  #hero .muz-hero-divider {
    width: 120vw !important;
    bottom: clamp(12px, 3.4vw, 22px) !important;
  }
}


@media (max-width: 420px) {
  #hero .muz-link-ghost {
    font-size: clamp(13px, 4.2vw, 16px) !important;
  }
  #hero .muz-btn {
    height: clamp(38px, 11.5vw, 44px) !important;
  }
  #hero .muz-hero-cta {
    gap: clamp(10px, 4vw, 16px) !important;
  }
}


@media (max-height: 700px) and (max-width: 900px) {
  #hero {
    padding-top: calc(var(--header-h) + 6px) !important;
  }
  #hero .muz-hero-divider {
    display: none !important;
  }
}


#hero {
  overflow: hidden;
}

@media (min-width: 1200px) {
  #hero .muz-hero-wrap {
    width: min(var(--frame-w, 1890px), 96vw) !important;
    margin-inline: auto !important;
  }
  #hero {
    --div-w: clamp(980px, 64vw, 1240px);
     --div-left: clamp(-16px, -0.9vw, -6px);
     --div-bottom: clamp(18px, 1.6vw, 28px);
    ;
  }
  #hero .muz-hero-col--right {
    position: relative !important;
  }
  #hero .muz-hero-divider {
    position: absolute !important;
    left: var(--div-left) !important;
    bottom: var(--div-bottom) !important;
    width: var(--div-w) !important;
    transform: none !important;
     will-change: auto !important;
    pointer-events: none;
    display: block;
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-divider {
    position: relative !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 120vw !important;
     transform: translateX(-10vw) !important;  pointer-events: none;;
  }
}


@media (min-width: 1200px) {
  #hero {
     --div-bottom: clamp(34px, 2.6vw, 44px);
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-divider {
    transform: translate(-10vw, -3.2vw) !important;
    ;
  }
}


#hero {
  position: relative !important;
  overflow-x: visible !important;
  ;
}

@media (min-width: 1200px) {
  #hero {
     --div-bottom: clamp(56px, 3.2vw, 72px);
  }
  #hero .muz-hero-divider {
    position: absolute !important;
     width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: var(--div-bottom) !important;
    pointer-events: none;
    z-index: 0;
     display: block;
  }
}


@media (max-width: 1199px) {
  #hero {
     --div-bottom-m: clamp(32px, 6vw, 56px);
  }
  #hero .muz-hero-divider {
    position: absolute !important;
    width: 100vw !important;
     left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: var(--div-bottom-m) !important;
    pointer-events: none;
    z-index: 0;
  }
}


#hero {
  position: relative !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
   left: 50% !important;
  transform: translateX(-50%) !important;
   width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
   display: block !important;
   bottom: var(--div-bottom, clamp(56px, 3.2vw, 72px)) !important;
  pointer-events: none;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}


@media (max-width: 1199px) {

@supports (width: 100svw) {
    #hero .muz-hero-divider {
      width: 100svw !important;
       min-width: 100svw !important;
    }
}

}

#hero {
  position: relative !important;
  overflow-x: visible !important;
  ;
}
#hero .muz-hero-col--right {
  position: static !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
   width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  left: calc(50% - 50vw) !important;
   transform: none !important;
  display: block !important;
   bottom: var(--div-bottom, clamp(56px, 3.2vw, 72px)) !important;
  pointer-events: none;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    width: 100dvw !important;
    min-width: 100dvw !important;
    left: calc(50% - 50dvw) !important;
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-divider {
    bottom: var(--div-bottom-m, clamp(36px, 6vw, 64px)) !important;
  }

@supports (width: 100svw) {
    #hero .muz-hero-divider {
      width: 100svw !important;
      min-width: 100svw !important;
      left: calc(50% - 50svw) !important;
    }
}

}


@media (min-width: 1200px) {
  #hero {
    --div-bottom: clamp(84px, 4.6vw, 110px);
  }
}


@media (max-width: 1199px) {
  #hero {
    --div-bottom-m: clamp(52px, 8vw, 90px);
  }
}


@media (min-width: 1200px) {
  #hero {
     --div-bottom: clamp(128px, 7.4vw, 220px);
  }
}


@media (min-width: 1600px) {
  #hero {
     --div-bottom: clamp(156px, 8.6vw, 260px);
  }
}


@media (max-width: 1199px) {
  #hero {
     --div-bottom-m: clamp(70px, 10.8vw, 160px);
  }
}


@media (max-height: 700px) {
  #hero {
     --div-bottom: clamp(64px, 9vh, 110px);
  }
}

#hero {
  position: relative !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
  left: calc(50% - 50vw) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  display: block !important;
  bottom: var(--div-bottom, 96px) !important;
   pointer-events: none;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    left: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}

#hero {
  position: relative !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
   left: calc(50% - 50vw) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  display: block !important;
   top: var(--div-top, 96px) !important;
  bottom: auto !important;
  pointer-events: none;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    left: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}


@media (max-width: 1199px) {

@supports (width: 100svw) {
    #hero .muz-hero-divider {
      left: calc(50% - 50svw) !important;
      width: 100svw !important;
      min-width: 100svw !important;
    }
}

}

#hero {
  --div-extra: 0px;
}

@media (max-width: 1440px) {
  #hero {
    --div-extra: clamp(12px, 1.6vw, 28px);
  }
}


@media (max-width: 1200px) {
  #hero {
    --div-extra: clamp(24px, 2.6vw, 40px);
  }
}


@media (max-width: 1024px) {
  #hero {
    --div-extra: clamp(32px, 3.2vw, 56px);
  }
}


@media (max-width: 768px) {
  #hero {
    --div-extra: clamp(42px, 4.2vw, 72px);
  }
}

#hero {
  position: relative !important;
  overflow-x: visible !important;
}
#hero .muz-hero-col--right {
  position: static !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
  top: var(--div-top, 0px) !important;
   bottom: auto !important;
    left: calc(50% - 50vw) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  transform: none !important;
  display: block !important;
  pointer-events: none;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    left: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}


@media (max-width: 1199px) {

@supports (width: 100svw) {
    #hero .muz-hero-divider {
      left: calc(50% - 50svw) !important;
      width: 100svw !important;
      min-width: 100svw !important;
    }
}

}

#hero {
  position: relative !important;
  overflow-x: visible !important;
}
#hero .muz-hero-col--right {
  position: static !important;
}
#hero .muz-hero-divider {
  position: absolute !important;
  top: 0 !important;
   bottom: auto !important;
  left: calc(50% - 50vw) !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: none !important;
  transform: none !important;
  pointer-events: none;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    left: calc(50% - 50dvw) !important;
    width: 100dvw !important;
    min-width: 100dvw !important;
  }
}


@media (max-width: 900px) {
  .muz-site-header,
  .muz-site-header.muz-__fx,
  .muz-site-header.muz-is-scrolled {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .muz-site-header::before,
  .muz-site-header.muz-__fx::before,
  .muz-site-header.muz-is-scrolled::before {
    content: none !important;
     background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .muz-site-header .muz-main-nav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .muz-header-track,
  .muz-header-track::before,
  .muz-header-track::after {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

.muz-brand {
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 0 auto;
   line-height: 1;
  gap: .5rem;
  text-decoration: none;
}
.muz-brand .muz-logo-text {
  display:inline-block;
}
.muz-brand .muz-logo-svg {
  display:none;
  height:24px;
  width:auto;
}

@media (max-width: 900px) {
  .muz-brand .muz-logo-text {
    display:none !important;
  }
  .muz-brand .muz-logo-svg {
    display:block !important;
    height:24px;
    width:auto;
  }
}

.muz-header-track {
  display:flex;
  align-items:center;
}

@media (max-width: 900px) {
  .muz-site-header {
    --header-h: clamp(56px, 9svh, 68px);
  }
  .muz-header-track {
    position: relative;
    display: flex;
    align-items: center;
    min-height: var(--header-h);
  }
  .muz-brand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
     top: 50%;
    translate: 0 -50%;
     display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    gap: .5rem;
  }
  .muz-brand .muz-logo-text {
    display: none !important;
  }
  .muz-brand .muz-logo-svg {
    display: block !important;
    height: clamp(28px, calc(var(--header-h) * 0.62), 40px);
     width: auto;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
    ;
  }
  .muz-btn-signup {
    height: calc(var(--header-h) * 0.74);
    padding: 0 clamp(12px, 3.6vw, 16px);
    border-radius: 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .muz-site-header,
  .muz-site-header::before {
    background: transparent !important;
    box-shadow: none !important;
  }
}


@media (min-width: 1200px) {
  #hero {
    --hero-nudge: 32px;
  }
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--hero-nudge);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--hero-nudge));
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {
  #hero {
    --hero-nudge: 26px;
  }
}


@media (min-width: 1280px) and (max-width: 1439px) {
  #hero {
    --hero-nudge: 20px;
  }
}


@media (min-width: 1200px) and (max-width: 1279px) {
  #hero {
    --hero-nudge: 14px;
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-col--left,
  #hero .muz-hero-col--right {
    left: 0;
  }
}


@media (min-width: 1200px) {
  #hero {
    --hero-nudge: 40px;
  }
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--hero-nudge);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--hero-nudge));
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {
  #hero {
    --hero-nudge: 34px;
  }
}


@media (min-width: 1280px) and (max-width: 1439px) {
  #hero {
    --hero-nudge: 28px;
  }
}


@media (min-width: 1200px) and (max-width: 1279px) {
  #hero {
    --hero-nudge: 20px;
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-col--left, #hero .muz-hero-col--right {
    left: 0;
  }
}

:root {
  --nudge-1920: 40px;
   --nudge-1440: 50px;
   --nudge-1024: 22px;
  ;
}

@media (min-width: 1920px) {
  #hero {
    --hero-nudge: var(--nudge-1920);
  }
}


@media (min-width: 1440px) and (max-width: 1919px) {
  #hero {
    --hero-nudge: var(--nudge-1440);
  }
}


@media (min-width: 1200px) and (max-width: 1439px) {
  #hero {
    --hero-nudge: 28px;
  }
}


@media (min-width: 1200px) {
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--hero-nudge);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--hero-nudge));
  }
}


@media (min-width: 1024px) and (max-width: 1199px) {
  #hero {
    --hero-nudge: var(--nudge-1024);
  }
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--hero-nudge);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--hero-nudge));
  }
}


@media (max-width: 768px) {
  #hero .muz-hero-col--left {
    margin-inline: auto !important;
    text-align: center !important;
    max-width: min(92vw, 760px);
  }
  #hero .muz-hero-title {
    margin-inline: auto;
  }
  #hero .muz-hero-cta {
    display:flex;
    justify-content:center;
    gap: clamp(8px, 3.2vw, 16px);
  }
  #hero .muz-hero-trust {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    column-gap: clamp(8px, 3vw, 16px);
    row-gap: 6px;
  }
}


@media (max-width: 425px) {
  #hero .muz-hero-col--left {
    max-width: 95vw;
  }
}


@media (max-width: 375px) {
  #hero .muz-hero-col--left {
    max-width: 96vw;
  }
}


@media (max-width: 320px) {
  #hero .muz-hero-col--left {
    max-width: 97vw;
  }
}


:root {
  --nudge-1440: 34px;
   --mock-nudge-1440: 20px;
   --nudge-1024: 40px;
   --mock-nudge-1024: 30px;
  ;
}

@media (min-width: 1440px) and (max-width: 1919px) {
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--nudge-1440);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--nudge-1440));
  }
  #hero .muz-hero-col--right .muz-hero-art {
    position: relative;
    left: calc(-1 * var(--mock-nudge-1440));
  }
}


@media (min-width: 1024px) and (max-width: 1199px) {
  #hero .muz-hero-col--left {
    position: relative;
    left: var(--nudge-1024);
  }
  #hero .muz-hero-col--right {
    position: relative;
    left: calc(-1 * var(--nudge-1024));
  }
  #hero .muz-hero-col--right .muz-hero-art {
    position: relative;
    left: calc(-1 * var(--mock-nudge-1024));
  }
}


@media (max-width: 1199px) {
  #hero .muz-hero-col--left,
  #hero .muz-hero-col--right,
  #hero .muz-hero-col--right .muz-hero-art {
    left: 0;
  }
}

:root {
  --left-nudge-1024: 24px;
   --mock-left-1024: 64px;
   --mock-up-1024: 80px;
  ;
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  #hero .muz-hero-wrap {
    display: grid !important;
    grid-template-columns: 1fr min(52vw, 640px) !important;
    column-gap: clamp(20px, 4vw, 48px) !important;
    align-items: center !important;
  }
  #hero .muz-hero-col--left {
    position: relative !important;
    left: var(--left-nudge-1024) !important;
  }
  #hero .muz-hero-col--right {
    position: relative !important;
    left: calc(-1 * var(--mock-left-1024)) !important;
     top: calc(-1 * var(--mock-up-1024)) !important;
    ;
  }
  #hero .muz-hero-col--right .muz-hero-art {
    transform: none !important;
  }
}


:root {
  --mock-left-1024: 72px;
   --mock-up-1024: 64px;
   --mock-scale-1024: 1.2;
   --title-size-1024: clamp(44px, 6vw, 68px);
   --title-lh-1024: 1.05;
   --cta-w-1024: clamp(200px, 22vw, 260px);
   --trust-fs-1024: clamp(12px, 1.35vw, 13.5px);
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  #hero .muz-hero-wrap {
    display: grid !important;
    grid-template-columns: 1fr min(50vw, 600px) !important;
    column-gap: clamp(20px, 4vw, 48px) !important;
    align-items: start !important;
     row-gap: 0 !important;
    min-height: calc(100vh - var(--nav-push, 64px)) !important;
    padding-block: clamp(12px, 2.2vh, 20px) clamp(18px, 2.8vh, 28px) !important;
  }
  #hero .muz-hero-col--left {
    position: relative !important;
    left: 0 !important;
  }
  .muz-hero-title {
    font-size: var(--title-size-1024) !important;
    line-height: var(--title-lh-1024) !important;
    letter-spacing: 0 !important;
    margin: 0 0 clamp(12px, 1.6vh, 18px) !important;
  }
  .muz-hero-cta .muz-cta-svgbtn__img {
    width: var(--cta-w-1024) !important;
    height: auto !important;
  }
  .muz-hero-cta {
    gap: clamp(10px, 2vw, 16px) !important;
  }
  .muz-hero-trust {
    font-size: var(--trust-fs-1024) !important;
    gap: clamp(10px, 2vw, 18px) !important;
  }
  #hero .muz-hero-col--right {
    position: relative !important;
    left: calc(-1 * var(--mock-left-1024)) !important;
     top: calc(-1 * var(--mock-up-1024)) !important;
    ;
  }
  #hero .muz-hero-col--right .muz-hero-art {
    width: clamp(480px, 46vw, 600px) !important;
    transform: scale(var(--mock-scale-1024)) !important;
    transform-origin: right center !important;
  }
  #hero .muz-hero-col--left,
  #hero .muz-hero-col--right,
  #hero .muz-hero-col--right .muz-hero-art {
    will-change: auto !important;
  }
}


:root {
  --left-maxw-1024: min(46vw, 560px);
   --title-size-1024: clamp(40px, 5.2vw, 62px);
  --title-lh-1024: 0.96;
  --accent-scale-1024: 1.08;
   --cta-w-1024: clamp(188px, 20vw, 240px);
  --cta-gap-1024: clamp(8px, 1.8vw, 14px);
  --cta-top-1024: clamp(8px, 1.4vh, 12px);
   --trust-fs-1024: clamp(11px, 1.2vw, 13px);
  --trust-top-1024: clamp(6px, 1vh, 10px);
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  #hero .muz-hero-col--left {
    position: relative !important;
    left: 0 !important;
    max-width: var(--left-maxw-1024) !important;
  }
  #hero .muz-hero-col--left * {
    max-width: 100%;
  }
  .muz-hero-title {
    font-size: var(--title-size-1024) !important;
    line-height: var(--title-lh-1024) !important;
    margin: 0 0 clamp(8px, 1.2vh, 12px) !important;
    letter-spacing: 0 !important;
  }
  .muz-hero-title .muz-accent {
    font-size: calc(1em * var(--accent-scale-1024)) !important;
  }
  .muz-hero-cta {
    display: flex;
    align-items: center;
    gap: var(--cta-gap-1024) !important;
    margin-top: var(--cta-top-1024) !important;
  }
  .muz-hero-cta .muz-cta-svgbtn__img {
    width: var(--cta-w-1024) !important;
    height: auto !important;
  }
  .muz-hero-trust {
    font-size: var(--trust-fs-1024) !important;
    margin-top: var(--trust-top-1024) !important;
    gap: clamp(10px, 2vw, 18px) !important;
  }
}



@media (min-width:1024px) and (max-width:1199.98px) {
  #hero {
     --mockup-up-1024: 50px;
     --mockup-left-1024: 200px;
     --mockup-w-1024: min(760px, 70vw);
     #hero{ position: relative;
    overflow-x: visible;
    }  #hero .muz-hero-col--right{ position: static !important;
    }  #hero .muz-hero-col--right .muz-hero-art{ width: var(--mockup-w-1024) !important;
    max-width: none !important;
    height: auto !important;
     margin-left: calc(-1 * var(--mockup-left-1024)) !important;
    margin-top: calc(-1 * var(--mockup-up-1024)) !important;
    transform: none !important;
     };
  }
}



@media (min-width:1024px) and (max-width:1199.98px) {
  #hero {
    --mockup-up-1024: 62px;
     --mockup-left-1024: 10px;
    ;
  }
  body #hero .muz-hero-col--right {
    position: static !important;
  }
  body #hero .muz-hero-col--right .muz-hero-art {
    position: relative !important;
    display: block !important;
    left: calc(-1 * var(--mockup-left-1024)) !important;
     top: calc(-1 * var(--mockup-up-1024)) !important;
     margin: 0 !important;
    transform: none !important;
    ;
  }
  body #hero .muz-hero-col--right .muz-hero-art > picture,
  body #hero .muz-hero-col--right .muz-hero-art > img {
    position: relative !important;
    display: block !important;
    left: 0 !important;
    top: 0 !important;
     transform: none !important;
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  #hero {
     --mockup-w-1024: min(632px, 57.66vw);
  }
  body #hero .muz-hero-col--right .muz-hero-art {
    width: var(--mockup-w-1024) !important;
    max-width: none !important;
    height: auto !important;
  }
}



@media (min-width:1024px) and (max-width:1199.98px) {
  #hero {
    --hero-shift-1024: -36px;
     --left-maxw-1024: min(44vw, 520px);
     --title-size-1024: clamp(36px, 4.6vw, 56px);
     --title-lh-1024: 1.06;
     --cta-w-1024: clamp(170px, 18.5vw, 220px);
     --cta-gap-1024: clamp(8px, 1.6vw, 14px);
     --cta-top-1024: clamp(8px, 1vh, 12px);
     --trust-fs-1024: clamp(10.5px, 1.08vw, 12.5px);
     --trust-top-1024: clamp(6px, 1vh, 10px);
      --title-nudge-1024: 0px;
    --cta-nudge-1024: 0px;
    --trust-nudge-1024: 0px;
  }
  #hero .muz-hero-wrap {
    margin-left: var(--hero-shift-1024) !important;
  }
  #hero .muz-hero-col--left {
    position: static !important;
    max-width: var(--left-maxw-1024) !important;
  }
  .muz-hero-title {
    font-size: var(--title-size-1024) !important;
    line-height: var(--title-lh-1024) !important;
    margin-bottom: clamp(8px, 1.2vh, 12px) !important;
    position: relative;
    top: var(--title-nudge-1024) !important;
  }
  .muz-hero-cta {
    display: flex;
    align-items: center;
    gap: var(--cta-gap-1024) !important;
    margin-top: var(--cta-top-1024) !important;
    position: relative;
    top: var(--cta-nudge-1024) !important;
  }
  .muz-hero-cta .muz-cta-svgbtn__img {
    width: var(--cta-w-1024) !important;
    height: auto !important;
  }
  .muz-hero-trust {
    font-size: var(--trust-fs-1024) !important;
    gap: clamp(8px, 2vw, 16px) !important;
    margin-top: var(--trust-top-1024) !important;
    position: relative;
    top: var(--trust-nudge-1024) !important;
  }
  #hero .muz-hero-col--right {
    position: static !important;
  }
  #hero .muz-hero-col--right .muz-hero-art {
    ;
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  #hero {
     --left-shift-1024: clamp(12px, 1.6vw, 22px);
  }
  #hero .muz-hero-col--left {
    position: static !important;
    margin-left: var(--left-shift-1024) !important;
    ;
  }
}

#hero {
  position: relative;
}
#hero .muz-hero-divider {
  position: absolute !important;
  bottom: var(--divider-bottom, clamp(22px, 2.8vw, 64px)) !important;
  left: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: none !important;
  transform: none !important;
  pointer-events: none;
  display: block;
  z-index: 0;
}

@supports (width: 100dvw) {
  #hero .muz-hero-divider {
    left: calc(50% - 50dvw) !important;
    width: 100dvw !important;
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  #hero .muz-hero-wrap {
    margin-left: 0 !important;
  }
  #hero {
    --left-shift-1024: clamp(12px, 1.6vw, 24px);
  }
  #hero .muz-hero-col--left {
    position: static !important;
     margin-left: var(--left-shift-1024) !important;
    ;
  }
  #hero .muz-hero-col--right {
    position: static !important;
  }
}


@media (max-width: 768px) {
  #hero .muz-hero-cta {
    gap: 12px !important;
    margin-top: 12px !important;
  }
  #hero .muz-hero-cta .muz-cta-svgbtn {
    display: inline-block !important;
    width: 200px !important;
    ;
  }
  #hero .muz-hero-cta .muz-cta-svgbtn__img {
    width: 200px !important;
     height: auto !important;
  }
  #hero .muz-hero-cta .muz-link-ghost {
    font-size: 15px !important;
     line-height: 1.15 !important;
  }
}

.muz-features {
   --feat-max: 1200px;
   --feat-gap: clamp(14px, 2.8vw, 32px);
  --feat-pad-y: clamp(28px, 6vw, 80px);
  padding-block: var(--feat-pad-y);
}
.muz-features .muz-feat-track {
  max-width: min(var(--feat-max), 92vw);
  margin-inline: auto;
}
.muz-features .muz-feat-title {
  text-align: center;
  margin-bottom: clamp(18px, 4vw, 44px);
}
.muz-features .muz-features-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: var(--feat-gap);
  justify-items: center;
   align-items: start;
  justify-content: center;
   margin-inline: auto;
}
.muz-features .muz-feat-card {
  width: clamp(240px, 23vw, 300px);
  min-height: clamp(180px, 22vw, 220px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 14px;
  ;
}
.muz-features .muz-feat-card .muz-feat-art {
  width: clamp(44px, 6vw, 64px);
  height: auto;
  margin-block: clamp(10px, 1.6vw, 14px);
}

@media (max-width: 1200px) {
  .muz-features .muz-features-row {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
  }
}


@media (max-width: 980px) {
  .muz-features .muz-features-row {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
}


@media (max-width: 620px) {
  .muz-features .muz-features-row {
    grid-template-columns: 1fr;
    max-width: min(520px, 92vw);
  }
}

.muz-site-footer {
  --ft-max: 1200px;
  --ft-gap: clamp(14px, 2.6vw, 28px);
  --ft-pad-y: clamp(28px, 5vw, 72px);
  padding-block: var(--ft-pad-y);
}
.muz-site-footer .muz-ft-track {
  max-width: min(var(--ft-max), 92vw);
  margin-inline: auto;
  text-align: center;
}
.muz-site-footer .muz-ft-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 1.2vw, 12px);
  margin-bottom: clamp(18px, 3vw, 32px);
}
.muz-site-footer .muz-ft-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: var(--ft-gap);
  align-items: start;
  justify-items: center;
  justify-content: center;
  margin-inline: auto;
}
.muz-site-footer .muz-ft-col {
  width: 100%;
  max-width: 260px;
  text-align: center;
}
.muz-site-footer .muz-ft-head {
  margin-bottom: clamp(8px, 1.8vw, 14px);
}
.muz-site-footer .muz-ft-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: clamp(6px, 1.4vw, 10px);
  justify-items: center;
}

@media (max-width: 1100px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
  }
}


@media (max-width: 640px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: 1fr;
    max-width: min(520px, 92vw);
  }
}

.muz-site-footer .muz-ft-copy {
  margin-top: clamp(16px, 3vw, 28px);
  opacity: .85;
}
.muz-features {
   --feat-card-w: clamp(240px, 24vw, 320px);
   --feat-gap: clamp(16px, 2.2vw, 32px);
   --feat-pad-y: clamp(32px, 6vw, 96px);
   --feat-max: 1280px;
   padding-block: var(--feat-pad-y);
}
.muz-features .muz-feat-track {
  max-width: min(var(--feat-max), 92vw);
  margin-inline: auto;
}
.muz-features .muz-feat-title {
  text-align: center;
  margin-bottom: clamp(18px, 4vw, 44px);
}
.muz-features .muz-features-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
   align-items: stretch;
  gap: var(--feat-gap);
  max-width: min(var(--feat-max), 92vw);
  margin-inline: auto;
}
.muz-features .muz-feat-card {
  width: min(92vw, var(--feat-card-w));
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(10px, 1.6vw, 16px);
  border-radius: 14px;
  ;
}
.muz-features .muz-feat-card .muz-feat-art {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 1200px) {
  .muz-features .muz-features-row {
    max-width: min(var(--feat-max), 86vw);
  }
  .muz-features {
    --feat-card-w: clamp(260px, 22vw, 340px);
  }
}


@media (max-width: 980px) {
  .muz-features {
    --feat-card-w: clamp(240px, 42vw, 320px);
  }
}


@media (max-width: 620px) {
  .muz-features {
    --feat-card-w: min(92vw, 360px);
  }
}

.muz-features {
  --feat-gap: clamp(16px, 2.2vw, 28px);
   --feat-w: clamp(210px, 20.5vw, 320px);
   --feat-r: 16/11;
   padding-block: clamp(36px, 6.5vw, 80px);
}
.muz-feat-track {
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 48px);
}
.muz-feat-title {
  text-align:center;
  margin-bottom: clamp(20px, 4vw, 36px);
}
.muz-features-row {
  display: flex;
  justify-content: center;
  align-items: stretch;
   gap: var(--feat-gap);
  flex-wrap: nowrap;
  ;
}
.muz-feat-card {
  width: var(--feat-w);
  aspect-ratio: var(--feat-r);
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  border-radius: 18px;
   overflow: hidden;
  ;
}
.muz-feat-card .muz-feat-art {
  width: 100%;
  height: 100%;
  object-fit: contain;
   display: block;
}

@media (max-width: 699.98px) {
  .muz-features {
    --feat-gap: clamp(12px, 3vw, 20px);
    --feat-w: clamp(150px, 42vw, 220px);
  }
  .muz-features-row {
    flex-wrap: wrap;
    ;
  }
  .muz-feat-card {
    flex: 1 1 calc(50% - var(--feat-gap));
  }
}


@media (max-width: 375px) {
  .muz-features {
    --feat-gap: 14px;
    --feat-w: min(320px, 86vw);
  }
  .muz-features-row {
    flex-direction: column;
    align-items: center;
  }
  .muz-feat-card {
    width: var(--feat-w);
    flex: 0 0 auto;
  }
}

.muz-features {
   padding-block: clamp(48px, 8vw, 110px);  --feat-gap: clamp(16px, 2.2vw, 28px);  --feat-w: clamp(220px, 21vw, 320px);  --feat-r: 1.38;  overflow: visible !important; ;
}
.muz-feat-track {
  max-width: min(1500px, 96vw);
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 48px);
  overflow: visible !important;
}
.muz-feat-title {
  text-align: center;
  margin-bottom: clamp(20px, 4vw, 36px);
}
.muz-features-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(var(--feat-w), 1fr));
  justify-content: center;
   align-items: end;
   gap: var(--feat-gap);
  overflow: visible;
}
.muz-feat-card {
  width: var(--feat-w);
  aspect-ratio: var(--feat-r);
  display: block;
  position: relative;
  border-radius: 18px;
  overflow: visible;
  ;
}
.muz-feat-card .muz-feat-art {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  ;
}

@media (max-width: 1440px) {
  .muz-features {
    --feat-w: clamp(210px, 23vw, 300px);
  }
}


@media (max-width: 1023.98px) {
  .muz-features {
    --feat-w: clamp(220px, 40vw, 320px);
  }
  .muz-features-row {
    grid-template-columns: repeat(2, minmax(var(--feat-w), 1fr));
  }
}


@media (max-width: 479.98px) {
  .muz-features {
    --feat-w: min(92vw, 360px);
    --feat-gap: clamp(14px, 3.6vw, 20px);
  }
  .muz-features-row {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.muz-features {
   padding-block: clamp(56px, 8vw, 120px);
   --feat-w: clamp(260px, 19.5vw, 320px);
  --feat-gap: clamp(20px, 2.2vw, 28px);
  --feat-r: 1.38;
   overflow: visible !important;
}
.muz-feat-track {
  max-width: 100%;
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 48px);
  overflow: visible !important;
}
.muz-features-row {
  display: grid;
  gap: var(--feat-gap);
   grid-template-columns: repeat(4, var(--feat-w));
  width: min(calc(4 * var(--feat-w) + 3 * var(--feat-gap)), 100%);
  margin-inline: auto;
   align-items: end;
   justify-content: center;
   overflow: visible;
}
.muz-feat-card {
  width: var(--feat-w);
  aspect-ratio: var(--feat-r);
  border-radius: 18px;
  position: relative;
  overflow: visible;
  ;
}
.muz-feat-card .muz-feat-art {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  ;
}

@media (max-width: 1199.98px) {
  .muz-features {
    --feat-w: clamp(240px, 23vw, 300px);
  }
  .muz-features-row {
    grid-template-columns: repeat(2, var(--feat-w));
    width: min(calc(2 * var(--feat-w) + 1 * var(--feat-gap)), 100%);
  }
}


@media (max-width: 479.98px) {
  .muz-features {
    --feat-w: min(92vw, 360px);
    --feat-gap: clamp(14px, 3.6vw, 20px);
  }
  .muz-features-row {
    grid-template-columns: var(--feat-w);
    width: min(var(--feat-w), 100%);
  }
}

.muz-features {
   --feat-gap: clamp(16px, 2.2vw, 28px);
   --feat-r: 1.38;
   padding-block: clamp(56px, 7.5vw, 120px);
  overflow: visible;
}
.muz-feat-track {
  padding-inline: clamp(16px, 4vw, 48px);
}
.muz-features-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--feat-gap);
  row-gap: var(--feat-gap);
   overflow: visible;
}
.muz-feat-card {
   margin: 0 !important; top: auto !important; transform: none !important; flex: 0 1 var(--feat-w);  aspect-ratio: var(--feat-r); border-radius: 18px; position: relative; overflow: visible; ;
}
.muz-feat-card .muz-feat-art {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  ;
}

@media (min-width:1200px) {
  .muz-features {
    --feat-w: clamp(260px, 20.5vw, 320px);
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  .muz-features {
    --feat-w: clamp(250px, 22vw, 300px);
  }
}


@media (min-width:768px) and (max-width:1023.98px) {
  .muz-features {
    --feat-w: min( calc((100% - var(--feat-gap)) / 2), 420px );
  }
}


@media (max-width:767.98px) {
  .muz-features {
    --feat-w: min(92vw, 420px);
    --feat-gap: clamp(14px, 3.6vw, 22px);
  }
}

.muz-features {
  --feat-gap: clamp(18px, 2.4vw, 32px);
   --feat-ratio: 1.35;
   margin: 0;
  padding-block: clamp(56px, 7vw, 120px);
  overflow: visible;
}
.muz-feat-track {
  width: 100%;
  max-width: 1400px;
   margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 48px);
}
.muz-features-row {
  display: grid !important;
  grid-auto-rows: 1fr;
   align-items: stretch;
  justify-content: center;
  gap: var(--feat-gap);
  row-gap: var(--feat-gap);
  margin: 0 !important;
  overflow: visible;
}
.muz-features-row .muz-feat-card {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  border-radius: 18px;
  overflow: visible;
   width: 100% !important;
  aspect-ratio: var(--feat-ratio);
  ;
}
.muz-features-row .muz-feat-card .muz-feat-art {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  ;
}

@media (min-width:1200px) {
  .muz-features-row {
    grid-template-columns: repeat(4, minmax(260px, 1fr)) !important;
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  .muz-features-row {
    grid-template-columns: repeat(3, minmax(260px, 1fr)) !important;
  }
}


@media (min-width:768px) and (max-width:1023.98px) {
  .muz-features-row {
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  }
}


@media (max-width:767.98px) {
  .muz-features-row {
    grid-template-columns: minmax(260px, 1fr) !important;
  }
  .muz-features {
    --feat-gap: clamp(14px, 3.6vw, 22px);
  }
}

.muz-features {
  --feat-gap: clamp(18px, 2.4vw, 32px);
  padding-block: clamp(56px, 7vh, 120px);
}
.muz-feat-track {
  display: grid !important;
  place-content: center;
   min-height: clamp(420px, 50vh, 720px);
   padding-inline: clamp(16px, 4vw, 48px);
}
.muz-features-row {
  display: grid !important;
  gap: var(--feat-gap) !important;
  width: max-content !important;
   max-width: 100% !important;
   margin-inline: auto !important;
   align-content: center !important;
  ;
}
.muz-features-row .muz-feat-card {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  border-radius: 18px;
  overflow: visible;
  width: 100% !important;
}

@media (min-width:1200px) {
  .muz-features-row {
    grid-template-columns: repeat(4, minmax(280px, 320px)) !important;
  }
}


@media (min-width:1024px) and (max-width:1199.98px) {
  .muz-features-row {
    grid-template-columns: repeat(3, minmax(270px, 310px)) !important;
  }
}


@media (min-width:768px) and (max-width:1023.98px) {
  .muz-features-row {
    grid-template-columns: repeat(2, minmax(260px, 320px)) !important;
  }
}


@media (max-width:767.98px) {
  .muz-features-row {
    grid-template-columns: minmax(260px, 1fr) !important;
  }
  .muz-features {
    --feat-gap: clamp(14px, 3.6vw, 22px);
  }
}


:root {
  --ux-dur-1: 120ms;
  --ux-dur-2: 180ms;
  --ux-dur-3: 320ms;
  --ux-dur-4: 460ms;
  --ux-ease-std: cubic-bezier(.22,.61,.36,1);
  --ux-ease-spring: cubic-bezier(.18,.89,.32,1.28);
  --ux-blur: 8px;
  --ux-elev-1: 0 6px 18px rgba(0,0,0,.18);
  --ux-elev-2: 0 10px 30px rgba(0,0,0,.28);
  --ux-underline-h: 2px;
  --ux-tooltip-bg: rgba(14,16,20,.92);
  --ux-tooltip-text: #fff;
  --ux-toast-bg: rgba(18,20,24,.9);
  --ux-toast-text: #fff;
}
:where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid color-mix(in srgb, currentColor 62%, white 0%);
  outline-offset: 3px;
  transition: outline-color var(--ux-dur-2) var(--ux-ease-std);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

#hero .muz-hero-art {
  will-change: transform;
  transition: transform var(--ux-dur-4) var(--ux-ease-std);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.muz-trending .muz-tcard, .muz-features .muz-feat-card, .muz-testimonials .muz-tst-card {
  transition: transform var(--ux-dur-2) var(--ux-ease-std), box-shadow var(--ux-dur-3) var(--ux-ease-std);
  will-change: transform, box-shadow;
}

@media (hover:hover) {
  .muz-trending .muz-tcard:hover,
  .muz-features .muz-feat-card:hover,
  .muz-testimonials .muz-tst-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--ux-elev-1);
  }
}

.muz-tcard__banner,
.muz-feat-card__media {
  position: relative;
  overflow: hidden;
}
.muz-tcard__banner::before,
.muz-feat-card__media::before {
  content: "";
  position: absolute;
  inset: 0 -20%;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.08) 48%, transparent 100%);
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 650ms var(--ux-ease-std), opacity var(--ux-dur-3) var(--ux-ease-std);
  pointer-events: none;
}

@media (hover:hover) {
  .muz-trending .muz-tcard:hover .muz-tcard__banner::before,
  .muz-features .muz-feat-card:hover .muz-feat-card__media::before {
    transform: translateX(0);
    opacity: 1;
  }
}

.muz-ux-reveal {
  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
}
.muz-ux-reveal.muz-is-in {
  opacity: 1;
  transform: none;
  filter: none;
  transition: opacity var(--ux-dur-4) var(--ux-ease-std) var(--ux-stagger, 0ms), transform var(--ux-dur-4) var(--ux-ease-std) var(--ux-stagger, 0ms), filter var(--ux-dur-4) var(--ux-ease-std) var(--ux-stagger, 0ms);
}
.muz-join-creators .muz-jc-btn {
  position: relative;
  transition: transform var(--ux-dur-1) var(--ux-ease-std), box-shadow var(--ux-dur-3) var(--ux-ease-std);
  will-change: transform, box-shadow;
}

@media (hover:hover) {
  .muz-join-creators .muz-jc-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
  }
}

[data-tooltip] {
  position: relative;
}

@media (hover:hover) {
  [data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%) translateY(6px);
    background: var(--ux-tooltip-bg);
    color: var(--ux-tooltip-text);
    font: inherit;
    font-size: .875em;
    line-height: 1.25;
    padding: .45em .65em;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ux-dur-2) var(--ux-ease-std), transform var(--ux-dur-2) var(--ux-ease-std);
    z-index: 50;
  }
  [data-tooltip]:hover::after,
  [data-tooltip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

.muz-ux-toasts {
  position: fixed;
  right: clamp(8px, 2vw, 20px);
  bottom: clamp(8px, 2vw, 20px);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}
.muz-ux-toast {
  pointer-events: auto;
  min-width: 220px;
  max-width: min(360px, 86vw);
  background: var(--ux-toast-bg);
  color: var(--ux-toast-text);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: var(--ux-elev-2);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--ux-dur-3) var(--ux-ease-std), transform var(--ux-dur-3) var(--ux-ease-std);
}
.muz-ux-toast.muz-is-in {
  opacity: 1;
  transform: none;
}
.muz-ux-reveal.muz-scale-in {
  transform: translateY(12px) scale(.985);
}
.muz-ux-reveal.muz-scale-in.muz-is-in {
  transform: none;
}
.muz-ux-reveal {
  opacity: 0;
  transform: translateY(14px);
  filter: blur(6px);
}
.muz-ux-reveal.muz-is-in {
  opacity: 1;
  transform: none;
  filter: none;
  transition: opacity var(--ux-dur-4, 460ms) var(--ux-ease-std, cubic-bezier(.22,.61,.36,1)) var(--ux-stagger, 0ms), transform var(--ux-dur-4, 460ms) var(--ux-ease-std, cubic-bezier(.22,.61,.36,1)) var(--ux-stagger, 0ms), filter var(--ux-dur-4, 460ms) var(--ux-ease-std, cubic-bezier(.22,.61,.36,1)) var(--ux-stagger, 0ms);
}
.muz-ux-reveal.muz-scale-in {
  transform: translateY(12px) scale(.985);
}
.muz-ux-reveal.muz-scale-in.muz-is-in {
  transform: none;
}
#hero .muz-hero-art {
  will-change: transform;
  transition: transform var(--ux-dur-4, 460ms) var(--ux-ease-std, cubic-bezier(.22,.61,.36,1));
}
:root {
  --ux-dur-1: 120ms;
  --ux-dur-2: 180ms;
  --ux-dur-3: 320ms;
  --ux-dur-4: 460ms;
  --ux-ease-std: cubic-bezier(.22,.61,.36,1);
  --ux-ease-spring: cubic-bezier(.18,.89,.32,1.28);
  --ux-tooltip-bg: rgba(14,16,20,.92);
  --ux-tooltip-text: #fff;
  --ux-toast-bg: rgba(18,20,24,.90);
  --ux-toast-text: #fff;
}
#hero .muz-hero-art.muz-ux-reveal {
   filter: blur(6px) !important;
  transform: translateY(12px) scale(.985) !important;
}
#hero .muz-hero-art.muz-ux-reveal.muz-is-in {
  filter: none !important;
  transform: none !important;
}
.muz-hero-title.muz-ux-reveal {
  opacity: 0;
  transform: translateY(10px);
}
.muz-hero-title.muz-ux-reveal.muz-is-in {
  opacity: 1;
  transform: none;
  transition: opacity var(--ux-dur-4) var(--ux-ease-std), transform var(--ux-dur-4) var(--ux-ease-std);
}
:root {
  --reveal-dur: 1000ms;
   --reveal-ease: cubic-bezier(.20,.65,.10,1);
   --reveal-dy: 22px;
   --reveal-blur: 8px;
}
html {
  --scroll-dir: 1;
}
html.muz-dir-up {
  --scroll-dir: -1;
}
.muz-ux-reveal {
  opacity: 0;
  transform: translate3d(0, calc(var(--scroll-dir,1)*var(--reveal-dy)), 0) scale(.992);
  filter: blur(var(--reveal-blur));
  transition: opacity var(--reveal-dur) var(--reveal-ease) var(--ux-stagger,0ms), transform var(--reveal-dur) var(--reveal-ease) var(--ux-stagger,0ms), filter var(--reveal-dur) var(--reveal-ease) var(--ux-stagger,0ms);
  will-change: transform, opacity, filter;
}
.muz-ux-reveal.muz-is-in {
  opacity: 1;
  transform: none;
  filter: none;
}
.muz-ux-reveal.muz-scale-in {
  transform: translate3d(0, calc(var(--scroll-dir,1)*18px), 0) scale(.985);
}
.muz-ux-reveal.muz-scale-in.muz-is-in {
  transform: none;
}
#hero .muz-hero-art {
  transition: transform var(--reveal-dur) var(--reveal-ease);
}

@media (prefers-reduced-motion: reduce) {
  .muz-ux-reveal, .muz-ux-reveal.muz-is-in {
    opacity:1;
    transform:none;
    filter:none;
    transition:none !important;
  }
}

section.muz-trending .muz-tcard__btn img {
  position: relative;
   z-index: 1;
}
section.muz-trending .muz-tcard__btn--see::before,
section.muz-trending .muz-tcard__btn--cart::before {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width: calc(36px * var(--ui-k, 1));
   height: calc(36px * var(--ui-k, 1));
  transform: translate(-50%,-50%) scale(.92);
  border-radius: calc(8px * var(--ui-k, 1));
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)), rgba(12,12,14,.65);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 6px 18px rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity .28s var(--ux-ease-std, cubic-bezier(.22,.61,.36,1)), transform .28s var(--ux-ease-std, cubic-bezier(.22,.61,.36,1));
  pointer-events:none;
  ;
}

@media (hover:hover) {
  section.muz-trending .muz-tcard__btn--see:hover::before,
  section.muz-trending .muz-tcard__btn--cart:hover::before {
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
  }
}

section.muz-trending .muz-tcard__btn--see:focus-visible::before,
section.muz-trending .muz-tcard__btn--cart:focus-visible::before {
  opacity: 1;
  transform: translate(-50%,-50%) scale(1);
}
section.muz-trending .muz-tcard__btn--see:active::before,
section.muz-trending .muz-tcard__btn--cart:active::before {
  transform: translate(-50%,-50%) scale(.97);
}
:root {
   --trend-btn-bg: 32px;
  --trend-btn-radius: 7px;
}
section.muz-trending .muz-tcard__btn--see::before,
section.muz-trending .muz-tcard__btn--cart::before {
  width: calc(var(--trend-btn-bg) * var(--ui-k, 1));
  height: calc(var(--trend-btn-bg) * var(--ui-k, 1));
  border-radius: calc(var(--trend-btn-radius) * var(--ui-k, 1));
   transform: translate(-50%,-50%) scale(.94);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 4px 14px rgba(0,0,0,.28);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), rgba(12,12,14,.60);
}

@media (max-width: 480px) {
  :root {
    --trend-btn-bg: 30px;
    --trend-btn-radius: 6px;
  }
}

:root {
  --tprice-scale-hover: 1.03;
   --tprice-scale-active: 0.985;
   --tprice-dur: 220ms;
  ;
}
.muz-trend-grid .muz-tcard__btn--price {
  transform: scale(1);
  transition: transform var(--tprice-dur) var(--ux-ease);
  filter: none !important;
  box-shadow: none !important;
}
.muz-trend-grid .muz-tcard__btn--price::before,
.muz-trend-grid .muz-tcard__btn--price::after {
  content: none !important;
  display: none !important;
}
.muz-trend-grid .muz-tcard__btn--price img {
  border-radius: 0 !important;
}

@media (hover:hover) {
  .muz-trend-grid .muz-tcard__btn--price:hover {
    transform: scale(var(--tprice-scale-hover));
  }
}

.muz-trend-grid .muz-tcard__btn--price:active {
  transform: scale(var(--tprice-scale-active));
  transition-duration: 120ms;
}

@media (prefers-reduced-motion: reduce) {
  .muz-trend-grid .muz-tcard__btn--price {
    transition: none !important;
  }
}

.muz-trend-grid .muz-tcard .muz-tcard__avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
   border-radius: 999px;  vertical-align: middle; ;
}
.muz-trend-grid .muz-tcard .muz-tcard__avatar > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
   border-radius: inherit;
  display: block;
  image-rendering: -webkit-optimize-contrast;
  -webkit-user-drag: none;
  pointer-events: none;
  ;
}
.muz-trend-grid .muz-tcard .muz-tcard__avatar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px var(--hairline, rgba(255,255,255,0.10));
  pointer-events: none;
}
:root {
  --auth-badge-w: 12px;
   --auth-badge-gap: 6px;
   --auth-badge-color: currentColor;
  ;
}
.muz-trend-grid .muz-tcard .muz-tcard__author {
  position: relative;
  display: inline-block;
  ;
}
.muz-trend-grid .muz-tcard .muz-tcard__meta[data-verified="1"] .muz-tcard__author::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + var(--auth-badge-gap));
  width: var(--auth-badge-w);
  height: var(--auth-badge-w);
  transform: translateY(-52%);
   pointer-events: none;
  z-index: 2;
   background: var(--auth-badge-color);
  -webkit-mask: url("assets/trending/verified.svg") no-repeat center / contain;
  mask: url("assets/trending/verified.svg") no-repeat center / contain;
}

@supports not (-webkit-mask: url("")) {
  .muz-trend-grid .muz-tcard .muz-tcard__meta[data-verified="1"] .muz-tcard__author::after {
    background: none;
    background-image: url("assets/trending/verified.svg");
     background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
}

.muz-tcard__author {
  position: relative;
  display: inline-block;
   white-space: nowrap; ;
}
.muz-tcard__author .muz-tcard__verified {
  position: absolute;
  top: 50%;
  left: calc(100% + 6px);
   transform: translateY(-50%);
  width: clamp(12px, 0.9vw, 16px);
  height: auto;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-trend-grid .muz-tcard__btn--price[data-price] > span::before {
  content: attr(data-price);
}
.muz-trend-grid .muz-tcard__btn--price > span {
  pointer-events: none;
  user-select: none;
}
.muz-trend-grid .muz-tcard__btn--price > span {
  z-index: 1;
   pointer-events: none;  user-select: none; text-shadow: 0 .5px 0 rgba(255,255,255,.35); ;
}
.muz-trend-grid .muz-tcard__btn--price[data-price] > span::before {
  content: attr(data-price);
}
.muz-trend-grid .muz-tcard__btn--price {
  position: relative;
  overflow: visible;
  ;
}
.muz-trend-grid .muz-tcard__btn--price > img {
  display: block;
   width: 100%; height: 100%; border-radius: 10px;  backface-visibility: hidden; transform: translateZ(0);  image-rendering: -webkit-optimize-contrast;;
}
.muz-trend-grid .muz-tcard__btn--price > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
   justify-content: center;
   z-index: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
   pointer-events: none;
   user-select: none;
  -webkit-font-smoothing: antialiased;
}
.muz-trend-grid .muz-tcard__btn--price[data-price] > span::before {
  content: attr(data-price);
}
:root {
  --btnprice-radius: 6px;
   --btnprice-nudge-y: 1px;
  ;
}
.muz-trend-grid .muz-tcard__btn--price {
  position: relative;
  border-radius: var(--btnprice-radius);
  overflow: hidden;
   isolation: isolate;
  ;
}
.muz-trend-grid .muz-tcard__btn--price > img {
  position: absolute;
  inset: 0;
  width: calc(100% + 0.5px);
   height: 100%;
  left: -0.25px;
   display: block;
  object-fit: cover;
  backface-visibility: hidden;
  transform: translateZ(0);
   image-rendering: -webkit-optimize-contrast;
}
.muz-trend-grid .muz-tcard__btn--price > span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
   justify-content: center;
   transform: translateY(var(--btnprice-nudge-y));
  z-index: 1;
  margin: 0;
  padding: 0;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 13.5px;
   letter-spacing: .2px;
  color: #0d1b2a;
  -webkit-font-smoothing: antialiased;
}

:root {
  --ux-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ux-duration-in: 680ms;
  --ux-duration-out: 560ms;
  --ux-stagger: 120ms;
  --ux-distance: 18px;
  --ux-blur: 14px;
  --scroll-dir: 1;
  ;
}
.muz-ux-reveal {
  opacity: 0;
  transform: translate3d(0, var(--ux-distance), 0);
  filter: blur(0);
  transition-property: opacity, transform, filter;
  transition-duration: var(--ux-duration-in);
  transition-timing-function: var(--ux-ease);
  transition-delay: var(--ux-delay, 0ms);
  will-change: opacity, transform, filter;
  backface-visibility: hidden;
}
.muz-ux-reveal.muz-is-in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  transition-duration: var(--ux-duration-in);
}
.muz-ux-reveal.muz-is-out {
  opacity: 0;
  transform: translate3d(0, calc(-1 * var(--ux-distance)), 0);
  filter: blur(calc(var(--ux-blur) * 0.35));
  transition-duration: var(--ux-duration-out);
}
.muz-ux-reveal[data-reveal="fade-in"] {
  transform: none;
}
.muz-ux-reveal[data-reveal="fade-in"].muz-is-out {
  transform: none;
}
.muz-ux-reveal[data-reveal="fade-up"] {
  transform: translate3d(0, var(--ux-distance), 0);
}
.muz-ux-reveal[data-reveal="fade-up"].muz-is-out {
  transform: translate3d(0, calc(-1 * var(--ux-distance)), 0);
}
.muz-ux-reveal[data-reveal="fade-left"] {
  transform: translate3d(var(--ux-distance), 0, 0);
}
.muz-ux-reveal[data-reveal="fade-left"].muz-is-out {
  transform: translate3d(calc(-1 * var(--ux-distance)), 0, 0);
}
.muz-ux-reveal[data-reveal="fade-right"] {
  transform: translate3d(calc(-1 * var(--ux-distance)), 0, 0);
}
.muz-ux-reveal[data-reveal="fade-right"].muz-is-out {
  transform: translate3d(var(--ux-distance), 0, 0);
}
.muz-ux-reveal[data-reveal="scale-in"] {
  transform: scale(0.96);
}
.muz-ux-reveal[data-reveal="scale-in"].muz-is-in {
  transform: scale(1);
}
.muz-ux-reveal[data-reveal="scale-in"].muz-is-out {
  transform: scale(0.98) translate3d(0, -6px, 0);
}
.muz-ux-reveal[data-reveal="blur-in"] {
  filter: blur(var(--ux-blur));
}
.muz-ux-reveal[data-reveal="blur-in"].muz-is-in {
  filter: blur(0);
}
.muz-ux-reveal[data-reveal="blur-in"].muz-is-out {
  filter: blur(calc(var(--ux-blur) * 0.5));
  transform: translate3d(0, -10px, 0);
}
.muz-ux-header {
  position: sticky;
  top: 0;
  z-index: 50;
  transition: transform 360ms var(--ux-ease);
  will-change: transform;
}
.muz-ux-header.muz-is-hidden {
  transform: translate3d(0, -100%, 0);
}

@media (prefers-reduced-motion: reduce) {
  .muz-ux-reveal,
  .muz-ux-reveal.muz-is-in,
  .muz-ux-reveal.muz-is-out {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }
  .muz-ux-header {
    transition: none !important;
    transform: none !important;
  }
}


#marketMega .muz-mm-surface {
  position: relative;
}
#marketMega .muz-mm-bg {
  position: absolute;
   top: 0; left: 0; pointer-events: none; z-index: 0;;
}
#marketMega .muz-mm-bg-in {
  position: absolute;
   top: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}
#marketMega {
  --mm-inset-t: 12%;
   --mm-inset-r: 8%;
   --mm-inset-b: 10%;
   --mm-inset-l: 8%;
   --mm-gap: 20px;
   --mm-left-col: 48%;
  ;
}
#marketMega .muz-mm-frame {
  position: absolute;
  top: var(--mm-inset-t);
  right: var(--mm-inset-r);
  bottom: var(--mm-inset-b);
  left: var(--mm-inset-l);
  z-index: 2;
  ;
}
#marketMega .muz-mm-grid {
  display: grid;
  grid-template-columns: var(--mm-left-col) 1fr;
  align-items: center;
  gap: var(--mm-gap);
  height: 100%;
}
#marketMega .muz-mm-right {
  min-width: 0;
}
#marketMega .muz-mm-right-content {
  display: grid;
  gap: 14px;
  justify-content: end;
  ;
}
#marketMega .muz-mm-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
#marketMega .muz-mm-cta__logo {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}
#marketMega .muz-mm-cta__label {
  font: 600 14px/1 var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  letter-spacing: .02em;
  text-transform: uppercase;
}
#marketMega .muz-mm-surface::before,
#marketMega .muz-mm-surface::after,
#marketMega .muz-mm-right::before,
#marketMega .muz-mm-right::after {
  content: none !important;
  background: none !important;
}
#marketMega [style*="backheaderin.svg"],
#marketMega [style*="backheader.svg"] {
  background: none !important;
}

#marketMega .muz-mm-surface::before,
#marketMega .muz-mm-surface::after,
#marketMega .muz-mm-right::before,
#marketMega .muz-mm-right::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
#marketMega .muz-mm-surface {
  position: relative !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}
#marketMega .muz-mm-bg {
  position: relative !important;
   display: block !important; margin: 0 !important; filter: none !important; box-shadow: none !important; mix-blend-mode: normal !important; pointer-events: none !important; z-index: 0 !important;;
}
#marketMega .muz-mm-right {
  position: static !important;
}
#marketMega .muz-mm-bg-in {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: block !important;
   object-fit: contain !important;
  object-position: right top !important;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
#marketMega .muz-mm-bg-in ~ .muz-mm-bg-in {
  display: none !important;
}
#marketMega {
  --mm-inset-t: 16px;
   --mm-inset-r: 24px;
  --mm-inset-b: 24px;
  --mm-inset-l: 24px;
  --mm-left-col: 360px;
   --mm-gap: 16px;
  ;
}
#marketMega .muz-mm-grid {
  position: absolute !important;
  top: var(--mm-inset-t) !important;
  right: var(--mm-inset-r) !important;
  bottom: var(--mm-inset-b) !important;
  left: var(--mm-inset-l) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, var(--mm-left-col)) 1fr !important;
  align-items: center !important;
  gap: var(--mm-gap) !important;
  z-index: 2 !important;
   pointer-events: auto !important;
}
#marketMega .muz-mm-right {
  min-width: 0;
  align-self: end;
  margin-bottom: 142px;
}
#marketMega .muz-mm-right-content {
  position: relative !important;
  justify-self: end !important;
  display: grid !important;
  gap: 12px !important;
  z-index: 3 !important;
}
#marketMega .muz-mm-cta {
  all: revert-layer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
#marketMega .muz-mm-cta__logo {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}
#marketMega .muz-mm-cta__label {
  font: 600 14px/1 var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  letter-spacing: .02em;
  text-transform: uppercase;
}

.muz-nav .muz-has-mega {
  position: relative;
}
.muz-has-mega > .muz-market-mega {
  position: absolute;
  top: calc(100% + 10px);
   left: 0;
  z-index: 1000;
  display: none;
}
.muz-has-mega:hover > .muz-market-mega,
.muz-has-mega:focus-within > .muz-market-mega {
  display: block;
}
#marketMega {
  --mm-scale: 1.6;
   --mm-w: 720px;
   --mm-h: 340px;
    --mm-inset-t: 28px;
  --mm-inset-r: 28px;
  --mm-inset-b: 28px;
  --mm-inset-l: 28px;
   --mm-left-col: 46%;
   --mm-gap: 18px;
   --mm-in-w: 45%;
   --mm-in-h: 80%;
  --mm-in-top: 10%;
  --mm-in-right: 3.5%;
}
#marketMega .muz-mm-surface {
  position: relative;
  width: calc(var(--mm-w) * var(--mm-scale));
  height: calc(var(--mm-h) * var(--mm-scale));
}
#marketMega .muz-mm-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 0;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#marketMega .muz-mm-bg-in {
  position: absolute;
  right: var(--mm-in-right);
  top: var(--mm-in-top);
  width: var(--mm-in-w);
  height: var(--mm-in-h);
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 1;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#marketMega .muz-mm-bg-in ~ .muz-mm-bg-in {
  display:none !important;
}
#marketMega .muz-mm-frame {
  position: absolute;
  top: var(--mm-inset-t);
  right: var(--mm-inset-r);
  bottom: var(--mm-inset-b);
  left: var(--mm-inset-l);
  z-index: 2;
  display: grid;
  grid-template-columns: var(--mm-left-col) 1fr;
  gap: var(--mm-gap);
  align-items: center;
}
#marketMega .muz-mm-left {
  min-width: 0;
}
#marketMega .muz-mm-overline {
  margin: 0 0 10px 0;
  opacity: .85;
  font-weight: 500;
}
#marketMega .muz-mm-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#marketMega .muz-mm-item {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  color: inherit;
  border-radius: 10px;
}
#marketMega .muz-mm-item.muz-is-disabled {
  opacity: .38;
  pointer-events: none;
}
#marketMega .muz-mm-ctas {
  display: grid;
  gap: 14px;
  justify-content: end;
}
#marketMega .muz-mm-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
#marketMega .muz-mm-cta__label {
  font: 600 14px/1 var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  letter-spacing: .02em;
  text-transform: uppercase;
}
#marketMega .muz-mm-cta__logo {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

/* ── Roblox "coming soon" state ── */
#marketMega .muz-mm-cta--soon {
  opacity: .35;
  pointer-events: none;
  cursor: default;
  position: relative;
}
#marketMega .muz-mm-cta--soon .muz-mm-cta__label {
  opacity: .7;
}
#marketMega .muz-mm-cta__soon {
  font: 500 9.5px/1 var(--font-sans, system-ui, sans-serif);
  letter-spacing: .04em;
  text-transform: lowercase;
  color: rgba(255,255,255,.45);
  margin-left: auto;
  margin-right: 6px;
  white-space: nowrap;
}

#marketMega .muz-mm-surface::before,
#marketMega .muz-mm-surface::after,
#marketMega .muz-mm-right::before,
#marketMega .muz-mm-right::after {
  content:none !important;
  background:none !important;
}

@media (max-width: 1280px) {
  #marketMega {
    --mm-w: 640px;
    --mm-h: 300px;
  }
}


.muz-nav-item.muz-has-mega {
  position: relative;
}
.muz-nav-item.muz-has-mega > .muz-market-mega {
  position: absolute;
  top: calc(100% + 12px);
   left: 0;
  z-index: 1000;
}
.muz-nav-item.muz-has-mega > .muz-market-mega[hidden] {
  display: none;
}
.muz-nav-item.muz-has-mega:hover  > .muz-market-mega,
.muz-nav-item.muz-has-mega:focus-within > .muz-market-mega {
  display: block;
}
#marketMega {
   --mm-base-w: 640px;
  --mm-base-h: 320px;
  --mm-scale: 1.6;
    --mm-inset-t: 24px;
  --mm-inset-r: 24px;
  --mm-inset-b: 24px;
  --mm-inset-l: 24px;
   --mm-left-col: 46%;
  --mm-gap: 18px;
   --mm-in-right: 3.5%;
  --mm-in-top: 10%;
  --mm-in-w: 45%;
  --mm-in-h: 80%;
}
#marketMega .muz-mm-surface {
  position: relative;
  width: calc(var(--mm-base-w) * var(--mm-scale));
  height: calc(var(--mm-base-h) * var(--mm-scale));
}
#marketMega .muz-mm-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 0;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#marketMega .muz-mm-bg-in {
  position: absolute;
  right: var(--mm-in-right);
  top: var(--mm-in-top);
  width: var(--mm-in-w);
  height: var(--mm-in-h);
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 1;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#marketMega .muz-mm-bg-in ~ .muz-mm-bg-in {
  display: none !important;
}
#marketMega .muz-mm-frame {
  position: absolute;
  top: var(--mm-inset-t);
  right: var(--mm-inset-r);
  bottom: var(--mm-inset-b);
  left: var(--mm-inset-l);
  z-index: 2;
}
#marketMega .muz-mm-frame .muz-mm-grid {
  display: grid;
  grid-template-columns: var(--mm-left-col) 1fr;
  gap: var(--mm-gap);
  align-items: center;
  height: 100%;
}
#marketMega .muz-mm-left .muz-mm-overline {
  margin: 0 0 10px 0;
  opacity: .85;
  font-weight: 500;
}
#marketMega .muz-mm-left .muz-mm-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#marketMega .muz-mm-left .muz-mm-item {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
}
#marketMega .muz-mm-left a {
  color: inherit;
  text-decoration: none;
}
#marketMega .muz-mm-left .muz-is-disabled {
  opacity: .38;
  pointer-events: none;
}
#marketMega .muz-mm-ctas {
  display: grid;
  gap: 14px;
  justify-content: end;
}
#marketMega .muz-mm-cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 16px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
}
#marketMega .muz-mm-cta__logo {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}
#marketMega .muz-mm-cta__label {
  font: 600 14px/1 var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  text-transform: uppercase;
  letter-spacing: .02em;
}
#marketMega .muz-mm-surface::before,
#marketMega .muz-mm-surface::after,
#marketMega .muz-mm-right::before,
#marketMega .muz-mm-right::after {
  content: none !important;
  background: none !important;
}
#marketMega {
  position: fixed;
  inset: auto auto auto auto;
  z-index: 2000;
}
#marketMega[hidden] {
  display: none;
}
#marketMega {
  --mm-base-w: 640px;
   --mm-base-h: 320px;
  --mm-scale: 1.6;
   --mm-w: calc(var(--mm-base-w) * var(--mm-scale));
  --mm-h: calc(var(--mm-base-h) * var(--mm-scale));
   --mm-inset-t: 24px;
  --mm-inset-r: 24px;
  --mm-inset-b: 24px;
  --mm-inset-l: 24px;
   --mm-left-col: 46%;
  --mm-gap: 18px;
   --mm-in-right: 3.5%;
  --mm-in-top: 10%;
  --mm-in-w: 45%;
  --mm-in-h: 80%;
}
#marketMega .muz-mm-surface {
  position: relative;
  width: var(--mm-w);
  height: var(--mm-h);
}
#marketMega .muz-mm-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 0;
}
#marketMega .muz-mm-bg-in {
  position: absolute;
  right: var(--mm-in-right);
  top: var(--mm-in-top);
  width: var(--mm-in-w);
  height: var(--mm-in-h);
  object-fit: contain;
  object-position: right center;
  pointer-events: none;
  z-index: 1;
}
#marketMega .muz-mm-bg-in ~ .muz-mm-bg-in {
  display:none !important;
}
#marketMega .muz-mm-frame {
  position: absolute;
  top: var(--mm-inset-t);
  right: var(--mm-inset-r);
  bottom: var(--mm-inset-b);
  left: var(--mm-inset-l);
  z-index: 2;
  display: grid;
  grid-template-columns: var(--mm-left-col) 1fr;
  gap: var(--mm-gap);
  align-items: center;
}
#marketMega .muz-mm-list {
  margin:0;
  padding:0;
  list-style:none;
}
#marketMega .muz-mm-item {
  display:block;
  padding:10px 12px;
  border-radius:10px;
  text-decoration:none;
  color:inherit;
}
#marketMega .muz-mm-left a {
  text-decoration: none;
  color: inherit;
}
#marketMega .muz-mm-left .muz-is-disabled {
  opacity:.38;
  pointer-events:none;
}
#marketMega .muz-mm-ctas {
  display:grid;
  gap:14px;
  justify-content:end;
}
#marketMega .muz-mm-cta {
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  border-radius:12px;
  text-decoration:none;
  color:inherit;
}
#marketMega .muz-mm-cta__logo {
  width:22px;
  height:22px;
  flex:0 0 auto;
}
#marketMega .muz-mm-cta__label {
  font:600 14px/1 var(--font-sans, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
  text-transform:uppercase;
  letter-spacing:.02em;
}
#marketMega .muz-mm-surface::before,
#marketMega .muz-mm-surface::after,
#marketMega .muz-mm-right::before,
#marketMega .muz-mm-right::after {
  content:none !important;
  background:none !important;
}
#marketMega {
  --mm-bg-scale : 0.75;
  ;
}
#marketMega .muz-mm-bg,
#marketMega .muz-mm-bg-in {
  transform: scale(var(--mm-bg-scale));
  transform-origin: top right;
   will-change: transform;
}
#marketMega .muz-mm-frame {
  transform: none !important;
}

#marketMega {
   --mm-panel-x: -770px;
  --mm-panel-y: 0px;
    --mm-bg-x: 0px;
  --mm-bg-y: 0px;
  --mm-bg-scale: var(--mm-bg-scale, 0.75);
    --mm-in-x: -15px;
  --mm-in-y: 51px;
  --mm-in-scale: var(--mm-in-scale, 0.75);
    --mm-frame-x: 0px;
  --mm-frame-y: 100px;
   --mm-left-x: 480px;
   --mm-left-y: -227px;
  --mm-right-x: 7px;
   --mm-right-y: -240px;
   --mm-ctas-x: 0px;
  --mm-ctas-y: 0px;
}
#marketMega {
  transform: translate(var(--mm-panel-x), var(--mm-panel-y));
  transform-origin: top left;
}
#marketMega .muz-mm-bg {
  transform: translate(var(--mm-bg-x), var(--mm-bg-y)) scale(var(--mm-bg-scale));
  transform-origin: top right;
  will-change: transform;
}
#marketMega .muz-mm-bg-in {
  transform: translate(var(--mm-in-x), var(--mm-in-y)) scale(var(--mm-in-scale));
  transform-origin: top right;
  will-change: transform;
}
#marketMega .muz-mm-frame {
  transform: translate(var(--mm-frame-x), var(--mm-frame-y));
  transform-origin: top left;
}
#marketMega .muz-mm-left {
  transform: translate(var(--mm-left-x), var(--mm-left-y));
}
#marketMega .muz-mm-right {
  transform: translate(var(--mm-right-x), var(--mm-right-y));
}
#marketMega .muz-mm-ctas {
  transform: translate(var(--mm-ctas-x), var(--mm-ctas-y));
}
#marketMega {
  --mm-bg-scale: 0.52;
   --mm-in-scale: 0.52;
  ;
}
#marketMega .muz-mm-bg {
  transform: translate(var(--mm-bg-x, 0px), var(--mm-bg-y, 0px)) scale(var(--mm-bg-scale, 0.75)) !important;
  transform-origin: top right !important;
  will-change: transform;
}
#marketMega .muz-mm-bg-in {
  transform: translate(var(--mm-in-x, 0px), var(--mm-in-y, 0px)) scale(var(--mm-in-scale, 0.75)) !important;
  transform-origin: top right !important;
  will-change: transform;
}
#marketMega .muz-mm-frame {
  transform: translate(var(--mm-frame-x,0px), var(--mm-frame-y,0px)) !important;
}
#marketMega {
  --mm-cta-gap: 400;
  ;
}
#marketMega .muz-mm-ctas {
  gap: var(--mm-cta-gap) !important;
}
#marketMega .muz-mm-cta__label {
  color: rgba(255,255,255,0.3) !important;
  font-style: italic !important;
  font-size: 19px !important;
   line-height: 1 !important;
}
#marketMega {
  --mm-cta-pad-between: 35px;
  ;
}
#marketMega .muz-mm-cta__label {
  padding-inline-end: var(--mm-cta-pad-between) !important;
  ;
}
#marketMega .muz-mm-cta__logo {
   ;
}
#marketMega {
  --mm-cta-gap: 2px;
  ;
}
#marketMega .muz-mm-ctas {
  gap: var(--mm-cta-gap) !important;
  ;
}
#marketMega {
   --cta-hover-w: 120%;
   --cta-hover-h: 160%;
   --cta-hover-offset-y: 6px;
   --cta-hover-scale: 1;
   --cta-hover-fade: .22s;
  ;
}
#marketMega .muz-mm-cta {
  position: relative;
  isolation: isolate;
  ;
}
#marketMega .muz-mm-cta::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w);
  height: var(--cta-hover-h);
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(var(--cta-hover-scale));
  transform-origin: center;
  background: url("/nav/hoverbtn.svg") center / contain no-repeat;
  opacity: 0;
  transition: opacity var(--cta-hover-fade) ease, transform .25s ease;
  pointer-events: none;
  z-index: -1;
  ;
}
#marketMega .muz-mm-cta:hover::before,
#marketMega .muz-mm-cta:focus-visible::before {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(calc(var(--cta-hover-scale) * 1.02));
  ;
}
#marketMega {
  --cta-hover-w: 120%;
  --cta-hover-h: 160%;
  --cta-hover-offset-y: 6px;
  --cta-hover-scale: 1;
  --cta-hover-fade: .22s;
}
#marketMega .muz-mm-ctas {
  position: relative;
  overflow: visible !important;
}
#marketMega .muz-mm-cta {
  position: relative;
  overflow: visible !important;
  z-index: 3;
  ;
}
#marketMega .muz-mm-cta__label,
#marketMega .muz-mm-cta__logo {
  position: relative;
  z-index: 2;
}
#marketMega .muz-mm-cta::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w);
  height: var(--cta-hover-h);
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(var(--cta-hover-scale));
  transform-origin: center;
  background: url("/nav/hoverbtn.svg") center / contain no-repeat;
  opacity: 0;
  transition: opacity var(--cta-hover-fade) ease, transform .25s ease;
  pointer-events: none;
  z-index: 1;
  ;
}
#marketMega .muz-mm-cta:hover::before,
#marketMega .muz-mm-cta:focus-visible::before {
  opacity: 1 !important;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(calc(var(--cta-hover-scale) * 1.02));
}
#marketMega {
  --cta-hover-w: 94%;
   --cta-hover-offset-y: 0px;
   --cta-hover-fade: .22s;
  ;
}
#marketMega .muz-mm-ctas {
  position: relative;
  overflow: visible !important;
}
#marketMega .muz-mm-cta {
  position: relative;
  overflow: visible !important;
  isolation: isolate;
   z-index: 3; ;
}
#marketMega .muz-mm-cta-hover {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w);
  height: auto;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y)));
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--cta-hover-fade) ease, transform .25s ease;
  z-index: 1;
  ;
}
#marketMega .muz-mm-cta__label,
#marketMega .muz-mm-cta__logo {
  position: relative;
  z-index: 2;
}
#marketMega .muz-mm-cta:hover   .muz-mm-cta-hover,
#marketMega .muz-mm-cta:focus-visible .muz-mm-cta-hover {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(1.02);
}
#marketMega {
   --left-font-size: 18px;
   --left-opacity: 0.5;
   --left-font-style: italic;
    --left-gap: 6px;
   --left-pad-y: 6px;
   --left-pad-x: 12px;
    --left-overline-size: 13px;
  --left-overline-opacity: .8;
  --left-overline-style: italic;
  ;
}
#marketMega .muz-mm-left .muz-mm-overline {
  font-size: var(--left-overline-size) !important;
  opacity: var(--left-overline-opacity) !important;
  font-style: var(--left-overline-style) !important;
  margin: 0 0 8px 0 !important;
}
#marketMega .muz-mm-left .muz-mm-list {
  display: grid !important;
  gap: var(--left-gap) !important;
   margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#marketMega .muz-mm-left .muz-mm-item {
  padding: var(--left-pad-y) var(--left-pad-x) !important;
  border-radius: 10px;
  ;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  font-size: var(--left-font-size) !important;
  opacity: var(--left-opacity) !important;
  font-style: var(--left-font-style) !important;
  color: inherit !important;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-disabled .muz-mm-label {
  opacity: 0.38 !important;
}
#marketMega .muz-mm-left .muz-mm-item {
  position: relative;
  display: inline-flex;
   align-items: center;
  gap: 8px;
  padding: var(--left-pad-y, 6px) var(--left-pad-x, 12px);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  isolation: isolate;
   cursor: pointer;
}
#marketMega .muz-mm-left li > .muz-mm-item {
  width: fit-content;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  position: relative;
  z-index: 2;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-cta-hover {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w, 94%);
  height: var(--cta-hover-h, auto);
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y, 0px)));
  transform-origin: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--cta-hover-fade, .22s) ease, transform .25s ease;
  z-index: 1;
  ;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-cta-hover,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-cta-hover {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y, 0px))) scale(1.02);
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-label {
  opacity: .9;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-disabled {
  opacity: .38;
  pointer-events: none;
}
#marketMega .muz-mm-left .muz-mm-item {
  position: relative;
  display: inline-flex;
   align-items: center;
  gap: 8px;
  padding: var(--left-pad-y, 6px) var(--left-pad-x, 12px);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  isolation: isolate;
   cursor: pointer;
}
#marketMega .muz-mm-left li > .muz-mm-item {
  width: fit-content;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  position: relative;
  z-index: 2;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-cta-hover {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w, 94%);
  height: var(--cta-hover-h, auto);
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y, 0px)));
  transform-origin: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--cta-hover-fade, .22s) ease, transform .25s ease;
  z-index: 1;
  ;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-cta-hover,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-cta-hover {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y, 0px))) scale(1.02);
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-label {
  opacity: .9;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-disabled {
  opacity: .38;
  pointer-events: none;
}
#marketMega {
  position: relative;
  z-index: 950;
}
#marketMega .muz-mm-right {
  pointer-events: none;
}
#marketMega .muz-mm-right .muz-mm-cta {
  pointer-events: auto;
}
#marketMega .muz-mm-left .muz-mm-list {
  position: relative;
}
#marketMega .muz-mm-left li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#marketMega .muz-mm-left li > .muz-mm-item {
  display: inline-flex !important;
   align-items: center;
  width: max-content !important;
   padding: 6px 10px;
   border-radius: 10px;
  position: relative;
  text-decoration: none;
  color: inherit;
  isolation: isolate;
   cursor: pointer;
  z-index: 1;
  ;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  position: relative;
  z-index: 2;
}
#marketMega {
  --cta-hover-w: 94%;
  --cta-hover-h: auto;
  --cta-hover-offset-y: 0px;
  --cta-hover-fade: .22s;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-cta-hover {
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cta-hover-w);
  height: var(--cta-hover-h);
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y)));
  opacity: 0;
  pointer-events: none;
   transition: opacity var(--cta-hover-fade) ease, transform .25s ease;
  z-index: 1;
  ;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-cta-hover,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-cta-hover {
  opacity: 1;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) scale(1.02);
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-label {
  opacity: .9;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-disabled {
  opacity:.38;
  pointer-events:none;
}
#marketMega {
  position: fixed !important;
   z-index: 2000 !important;
   inset: auto auto auto auto;
  ;
}
#marketMega[hidden] {
  display: none !important;
}
.muz-nav-ctas {
  display:flex;
  gap:.6rem;
  align-items:center;
}
.muz-nav-ctas .muz-badge {
  min-width:16px;
  height:16px;
  border-radius:999px;
  padding:0 4px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  font:600 11px/1.1 Inter,system-ui,sans-serif;
  transform:translate(-6px,-6px);
  background:var(--cta-badge-bg,#e33);
  color:var(--cta-badge-fg,#fff);
}
.muz-cart-btn,.muz-notif-btn,.muz-avatar-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  position:relative;
  background:transparent;
  border:0;
  padding:.4rem .5rem;
  cursor:pointer;
}
.muz-cart-wrap .muz-ico,.muz-notif-wrap svg {
  width:22px;
  height:22px;
  display:block;
}
.muz-avatar-pdp {
  width:28px;
  height:28px;
  border-radius:999px;
  object-fit:cover;
}
.muz-status-dot {
  position:absolute;
  right:4px;
  bottom:4px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--ok,#22c55e);
  outline:2px solid var(--surface,#0b0b0c);
}
.muz-user-menu,.muz-cart-flyout,.muz-notif-flyout {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:240px;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
  padding:.5rem;
  background:var(--surface-2,#141416);
  z-index:1000;
}
.muz-user-wrap,.muz-cart-wrap,.muz-notif-wrap {
  position:relative;
}
.muz-um-head {
  display:flex;
  gap:.75rem;
  align-items:center;
  padding:.5rem .5rem .25rem;
}
.muz-um-head .muz-um-avatar {
  width:36px;
  height:36px;
  border-radius:999px;
}
.muz-um-meta b {
  display:block;
}
.muz-um-list {
  list-style:none;
  margin:.25rem 0 0;
  padding:0;
}
.muz-um-list li {
  margin:0;
}
.muz-um-list li a {
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .5rem;
  border-radius:.5rem;
  text-decoration:none;
}
.muz-um-list li.muz-sep {
  border-top:1px solid rgba(255,255,255,.07);
  margin-top:.35rem;
  padding-top:.35rem;
}
.muz-cf-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.5rem;
}
.muz-cf-body {
  padding:.5rem;
}
.muz-nf-empty,.muz-cf-empty {
  padding:1rem;
  text-align:center;
  opacity:.8;
}
:root {
  --nav-icon-size: 24px;
   --nav-avatar-size: 36px;
  ;
}
.muz-cart-wrap .muz-badge {
  display:none !important;
}
.muz-cart-btn svg,
.muz-notif-btn svg,
.muz-cart-btn .muz-ico,
.muz-notif-btn .muz-ico {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  flex: 0 0 var(--nav-icon-size);
  display: block;
}
.muz-cart-btn,.muz-notif-btn,.muz-avatar-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.45rem .55rem;
   line-height:1;;
}
.muz-avatar-pdp {
  width: var(--nav-avatar-size);
  height: var(--nav-avatar-size);
  border-radius: 999px;
  object-fit: cover;
}
.muz-status-dot {
  right: 2px;
   bottom: 2px; width: 9px; height: 9px; border-radius: 999px; outline: 2px solid var(--surface,#0b0b0c);;
}
.muz-nav-ctas {
  gap: .65rem;
}
.muz-user-wrap,.muz-cart-wrap,.muz-notif-wrap {
  position:relative;
}
:root {
  --nav-avatar-size: 46px;
  ;
}
.muz-avatar-btn {
  position: relative;
   padding: .45rem .55rem;
   display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.muz-avatar-pdp {
  width: var(--nav-avatar-size);
  height: var(--nav-avatar-size);
  border-radius: 999px;
  object-fit: cover;
}
.muz-avatar-btn .muz-status-dot {
  position: absolute;
  top: 3px;
   right: 3px;
  bottom: auto;
  left: auto;
   width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--ok,#22c55e);
  outline: 2px solid var(--surface,#0b0b0c);
   z-index: 1;
  pointer-events: none;
}
:root {
   --nav-avatar-size: 46px;
   --pdp-dot-size: 12px;
   --pdp-dot-offset: 3px;
  ;
}
.muz-avatar-btn {
  position: relative;
}
.muz-avatar-pdp {
  width: var(--nav-avatar-size);
  height: var(--nav-avatar-size);
  border-radius: 999px;
  object-fit: cover;
}
.muz-avatar-btn .muz-status-dot {
  position: absolute;
  top: var(--pdp-dot-offset);
  left: var(--pdp-dot-offset);
  right: auto;
  bottom: auto;
  width: var(--pdp-dot-size);
  height: var(--pdp-dot-size);
  border-radius: 999px;
  background: var(--ok, #22c55e);
  outline: 2px solid var(--surface, #0b0b0c);
   z-index: 1;
  pointer-events: none;
}
:root {
  --nav-avatar-size: 46px;
   --pdp-dot-size: 12px;
   --pdp-dot-inset: 6px;
  ;
}
.muz-avatar-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  ;
}
.muz-avatar-pdp {
  width: var(--nav-avatar-size);
  height: var(--nav-avatar-size);
  border-radius: 999px;
  object-fit: cover;
}
.muz-avatar-btn .muz-status-dot {
  position: absolute;
  width: var(--pdp-dot-size);
  height: var(--pdp-dot-size);
  border-radius: 999px;
  background: var(--ok, #22c55e);
  outline: 2px solid var(--surface, #0b0b0c);
  pointer-events: none;
  z-index: 1;
   top: calc(50% - (var(--nav-avatar-size) / 2) + var(--pdp-dot-inset));
  left: calc(50% - (var(--nav-avatar-size) / 2) + var(--pdp-dot-inset));
}
:root {
   --nav-avatar-size: 46px;
   --pdp-dot-size: 12px;
   --pdp-dot-inset: 6px;
   --pdp-dot-outset: 4px;
  ;
}
.muz-avatar-btn {
  position: relative;
  overflow: visible;
  ;
}
.muz-avatar-pdp {
  width: var(--nav-avatar-size);
  height: var(--nav-avatar-size);
  border-radius: 999px;
  object-fit: cover;
}
.muz-avatar-btn .muz-status-dot {
  position: absolute;
  width: var(--pdp-dot-size);
  height: var(--pdp-dot-size);
  border-radius: 999px;
  background: var(--ok, #22c55e);
   box-shadow: 0 0 0 2px var(--surface, #0b0b0c); pointer-events: none; z-index: 1;  top: calc(50% - (var(--nav-avatar-size) / 2) + var(--pdp-dot-inset)); left: calc(50% - (var(--nav-avatar-size) / 2) + var(--pdp-dot-inset));  transform: translate( calc(-1 * var(--pdp-dot-outset)), calc(-1 * var(--pdp-dot-outset)) );;
}
.muz-ux-header.muz-is-hidden {
  transform:none !important;
}
.muz-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
body {
  padding-top: var(--nav-push, var(--header-h));
}
.muz-site-header,
.muz-site-header.muz-__fx {
  transform: none !important;
  ;
}

@media (min-width: 1536px) {
  :root {
    --header-h: 64px;
  }
}

:root {
  --header-h: 56px !important;
}
.muz-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-h);
  z-index: 1000;
}
html body {
  padding-top: var(--header-h);
}
.muz-site-header .muz-logo-text,
.muz-site-header .muz-nav-link,
.muz-site-header .muz-login,
.muz-site-header .muz-btn-signup {
  top: 50% !important;
  transform: translateY(-50%) !important;
  ;
}
.muz-site-header {
  contain: layout paint;
}
:root {
  --header-h: 88px !important;
  ;
}
.muz-site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-h) !important;
  z-index: 1000;
}
html body {
  padding-top: var(--header-h) !important;
}
.muz-site-header .muz-logo-text,
.muz-site-header .muz-nav-link,
.muz-site-header .muz-login,
.muz-site-header .muz-btn-signup {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.muz-site-header .muz-logo-wrap {
  position:absolute;
   left: var(--logo-left, 10.5556%);
  top: 50%;
  transform: translateY(-50%);
   display:inline-flex;
  align-items:center;
  gap:4px;
   white-space:nowrap;
  contain: layout paint;
  ;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  position: static;
   line-height: 1;
  ;
}
.muz-site-header .muz-logo-wrap .muz-logo-tag {
  display:inline-block;
  inline-size:44px;
   block-size:14px;
   margin:0;
   flex:0 0 auto;
  transform:none;
   image-rendering:-webkit-optimize-contrast;
  user-select:none;
  -webkit-user-drag:none;
}
:root {
  --header-h: 64px;
}
.muz-site-header .muz-header-track {
  height: var(--header-h);
}
.muz-site-header {
  min-height: var(--header-h);
}
.muz-site-header .muz-nav-link,
.muz-site-header .muz-login,
.muz-site-header .muz-btn-signup,
.muz-site-header .muz-theme-toggle {
  top:50%;
  transform:translateY(-50%);
}
:root {
  --header-h: 64px;
}
.muz-site-header,
.muz-site-header .muz-header-track {
  height: var(--header-h);
  min-height: var(--header-h);
}
.muz-site-header,
.muz-site-header .muz-header-track {
  overflow: visible;
}
.muz-site-header .muz-logo-wrap {
  position: absolute;
   left: var(--logo-left, 10.5556%);
   top: 50%;
  transform: translateY(-50%);
   display: inline-flex;
  align-items: center;
  gap: 4px;
   white-space: nowrap;
   contain: layout paint;
   pointer-events: auto;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  display: block;
  line-height: 1;
   margin: 0;
}
.muz-site-header .muz-logo-wrap .muz-logo-tag {
  display: inline-block;
  height: 1em;
   width: auto;
   flex: 0 0 auto;
  vertical-align: middle;
  object-fit: contain;
   transform: none;
  margin: 0;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-site-header .muz-logo-wrap svg.muz-logo-tag {
  height: 1em;
  width: auto;
}
.muz-site-header .muz-logo-wrap .muz-logo-tag {
  translate: 0 var(--tag-nudge, 0px);
}
.muz-header-track {
  position:relative;
}
.muz-site-header .muz-logo-wrap {
  position:absolute;
  left: var(--logo-left, 10.5556%);
   top:50%;
  transform:translateY(-50%);
   display:inline-flex;
  align-items:center;
  gap:4px;
   white-space:nowrap;
  pointer-events:auto;
  contain:layout paint;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  position:static !important;
  top:auto !important;
  transform:none !important;
  line-height:1;
   margin:0;
  white-space:nowrap;
}
.muz-site-header .muz-logo-wrap .muz-version-tag {
  position:static !important;
  top:auto !important;
  transform:none !important;
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.muz-site-header .muz-logo-wrap .muz-version-tag img {
  display:block;
  height: calc(1em + var(--tag-extra, 0px));
   width:auto;
  object-fit:contain;
  vertical-align:middle;
  margin:0;
  user-select:none;
  -webkit-user-drag:none;
}
:root {
  --header-h: 64px;
}
.muz-site-header, .muz-site-header .muz-header-track {
  height:var(--header-h);
  min-height:var(--header-h);
  overflow:visible;
}
:root {
  --header-h:64px;
}
.muz-site-header, .muz-site-header .muz-header-track {
  height:var(--header-h);
  min-height:var(--header-h);
  overflow:visible;
}
.muz-header-track {
  position:relative;
}
.muz-site-header .muz-logo-wrap {
  position:absolute;
  left: var(--logo-left, 10.5556%);
   top:50%;
  transform:translateY(-50%);
   display:inline-flex;
  align-items:center;
  gap:4px;
   white-space:nowrap;
  contain:layout paint;
}
.muz-site-header .muz-logo-wrap .muz-brand,
.muz-site-header .muz-logo-wrap .muz-logo-text,
.muz-site-header .muz-logo-wrap .muz-ver-tag {
  position:static !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
}
.muz-site-header .muz-logo-wrap .muz-brand {
  display:inline-flex;
  align-items:center;
   flex:0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  display:inline-block;
  line-height:1;
   margin:0;
  white-space:nowrap;
}
.muz-site-header .muz-logo-wrap .muz-ver-tag {
  margin-inline-start:4px;
   display:inline-flex;
  align-items:center;
  height:1em;
   flex:0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-ver-tag img,
.muz-site-header .muz-logo-wrap .muz-ver-tag svg {
  height:100%;
   width:auto;
   display:block;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
:root {
  --header-h: 64px;
   --logo-left: 10.5556%;
   --tag-gap: 20px;
   --brand-nudge: 8px;
  ;
}
.muz-site-header, .muz-site-header .muz-header-track {
  height: var(--header-h);
  min-height: var(--header-h);
  overflow: visible;
}
.muz-header-track {
  position: relative;
}
.muz-site-header .muz-logo-wrap {
  position: absolute;
  left: var(--logo-left);
  top: calc(50% + var(--brand-nudge));
   transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
   gap: var(--tag-gap);
  white-space: nowrap;
  contain: layout paint;
}
.muz-site-header .muz-logo-wrap .muz-brand,
.muz-site-header .muz-logo-wrap .muz-logo-text,
.muz-site-header .muz-logo-wrap .muz-version-tag,
.muz-site-header .muz-logo-wrap img.muz-version-tag {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}
.muz-site-header .muz-logo-wrap .muz-brand {
  display: inline-flex;
  align-items: center;
   flex: 0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  display: inline-block;
  line-height: 1;
  margin: 0;
  white-space: nowrap;
}
.muz-site-header .muz-logo-wrap .muz-version-tag {
  display: inline-flex;
  align-items: center;
  height: 1em;
   margin-inline-start: var(--tag-gap) !important;
   flex: 0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-version-tag img {
  display: block;
  height: 100%;
   width: auto;
  object-fit: contain;
  vertical-align: middle;
  margin: 0;
  user-select: none;
  -webkit-user-drag: none;
}
.muz-site-header .muz-header-track {
  position: relative;
}
.muz-site-header .muz-logo-wrap {
   left: var(--logo-left, 10.5556%);
   --brand-nudge: 0px;
   position: absolute;
  top: calc(50% + var(--brand-nudge));
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
   --logo-tag-gap: 4px;
  gap: var(--logo-tag-gap);
  contain: layout paint;
}
.muz-site-header .muz-logo-wrap .muz-logo-text {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  width: auto !important;
   height: auto !important;
  line-height: 1 !important;
   margin: 0;
}
.muz-site-header .muz-logo-wrap .muz-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-version-tag {
  position: static !important;
   transform: none !important;
   display: inline-flex;
  align-items: center;
  height: 1em;
   margin-inline-start: var(--logo-tag-gap) !important;
   flex: 0 0 auto;
}
.muz-site-header .muz-logo-wrap .muz-version-tag img,
.muz-site-header .muz-logo-wrap .muz-version-tag svg {
  display: block;
  height: 100%;
   width: auto;
   object-fit: contain;
  vertical-align: middle;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 900px) {
  .muz-site-header .muz-logo-wrap {
    left: 16px;
     top: 50%;
    transform: translateY(-50%);
  }
}


@media (max-width: 768px) {
  .muz-site-header .muz-logo-wrap {
     left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; display: inline-block !important;  gap: 0 !important; ;
  }
  .muz-site-header .muz-logo-wrap .muz-brand {
    position: relative !important;
    display: inline-block !important;
    align-items: center;
  }
  .muz-site-header .muz-logo-wrap .muz-logo-text {
    position: static !important;
    display: inline-block !important;
    line-height: 1 !important;
    margin: 0 !important;
    white-space: nowrap;
  }
  .muz-site-header .muz-logo-wrap .muz-version-tag {
    display: none !important;
  }
}


@media (max-width: 768px) {
  .muz-site-header .muz-logo-wrap {
    left: 50% !important;
    top: calc(50% + var(--brand-nudge-mobile, 18px)) !important;
     transform: translate(-50%, -50%) !important;
  }
}

.muz-site-header .muz-logo-wrap {
  contain: none !important;
   overflow: visible !important;
  ;
}

@media (max-width: 768px) {
  .muz-site-header .muz-logo-wrap {
    left: 50% !important;
    top: calc(50% + var(--brand-nudge-mobile, 14px)) !important;
    transform: translate(-50%, -50%) !important;
  }
  .muz-site-header .muz-logo-wrap .muz-brand {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    line-height: 1;
  }
  .muz-site-header .muz-logo-wrap .muz-logo-svg {
    display: block;
    position: static !important;
     height: min(22px, calc(var(--header-h, 64px) - 28px)); width: auto; margin: 0 0 2px 0;  user-select: none; -webkit-user-drag: none;;
  }
}

.muz-site-header .muz-logo-wrap .muz-logo-svg {
  height: min(24px, calc(var(--header-h,64px) - 28px));
}
:root {
  --crown-h-desktop: 28px;
   --crown-h-mobile: 34px;
   --crown-gap: 2px;
  ;
}
.muz-site-header .muz-logo-wrap .muz-logo-svg {
  height: var(--crown-h-desktop);
  width: auto;
  margin: 0 0 var(--crown-gap) 0;
   display: block;
  user-select: none;
  -webkit-user-drag: none;
   position: static !important;
}

@media (max-width: 768px) {
  .muz-site-header .muz-logo-wrap .muz-brand {
    display: flex !important;
    flex-direction: column;
     align-items: center;
    line-height: 1;
  }
  .muz-site-header .muz-logo-wrap .muz-logo-svg {
     height: min(var(--crown-h-mobile), calc(var(--header-h, 64px) - 18px));
    width: auto;
    margin: 0 0 var(--crown-gap) 0;
  }
  .muz-site-header .muz-logo-wrap {
    overflow: visible !important;
    contain: none !important;
  }
}

.muz-site-header .muz-logo-wrap .muz-logo-text {
  display:inline-block;
}
.muz-site-header .muz-logo-wrap .muz-version-tag {
  display:inline-flex;
}
.muz-site-header .muz-logo-wrap .muz-logo-svg {
  display:none;
}

@media (max-width: 768px) {
  .muz-site-header .muz-logo-wrap {
    left:50% !important;
    top: calc(50% + var(--brand-nudge-mobile, 14px)) !important;
     transform: translate(-50%, -50%) !important;
    overflow: visible !important;
     contain: none !important;
  }
  .muz-site-header .muz-logo-wrap .muz-logo-text,
  .muz-site-header .muz-logo-wrap .muz-version-tag {
    display:none !important;
  }
  .muz-site-header .muz-logo-wrap .muz-logo-svg {
    display:block !important;
    height: min(var(--crown-h-mobile, 34px), calc(var(--header-h, 64px) - 18px));
     width:auto;
    margin:0;
    user-select:none;
    -webkit-user-drag:none;
  }
}


@media (min-width: 901px) {
  .muz-site-header .muz-header-track {
    display: flex !important;
    align-items: center !important;
  }
  .muz-site-header .muz-nav-ctas {
    margin-left: auto !important;
     display: flex !important;
    align-items: center !important;
    gap: clamp(8px, 1.6vw, 14px) !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
     z-index: 2;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-header-track {
    display: grid !important;
    grid-template-columns: 44px 1fr auto;
     align-items: center !important;
  }
  .muz-site-header .muz-nav-ctas {
    justify-self: end !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, 2vw, 12px) !important;
  }
}

#profileSvgMega {
   position: fixed;
  left: 0;
  top: 0;
  z-index: 1003;
   pointer-events: auto;
   --pf-gap: 12px;
   --pf-dx: 0px;
   --pf-dy: 0px;
  ;
}
#profileSvgMega[hidden] {
  display: none !important;
}
#profileSvgMega .muz-pfmega-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
   image-rendering: -webkit-optimize-contrast;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#profileSvgMega {
  position: fixed;
  left: 0;
  top: 0;
   z-index: 1100;
   pointer-events: auto;
   --pf-gap: 12px;
   --pf-dx: 0px;
   --pf-dy: 0px;
  ;
}
#profileSvgMega[hidden] {
  display: none !important;
}
#profileSvgMega .muz-pfmega-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
#profileSvgMega {
  position: fixed !important;
  left: 0;
  top: 0;
   z-index: 2000 !important;
   pointer-events: auto !important;
   --pf-gap: 12px;
   --pf-dx: 0px;
   --pf-dy: 0px;
  ;
}
#profileSvgMega[hidden] {
  display: none !important;
}
#profileSvgMega .muz-pfmega-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
.muz-user-wrap .muz-pfmega {
  position: relative;
  display: inline-block;
}
.muz-user-wrap .muz-pfmega .muz-pf-pop {
  position: absolute;
  left: 0;
  top: calc(100% + var(--pf-gap, 12px));
  display: none;
  z-index: 2000;
  pointer-events: auto;
}
.muz-user-wrap .muz-pfmega:hover .muz-pf-pop,
.muz-user-wrap .muz-pfmega:focus-within .muz-pf-pop {
  display: block;
}
#profileSvgMega .muz-pfmega-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  pointer-events: auto;
}
.muz-site-header,
.muz-header-track {
  overflow: visible !important;
}
.muz-site-header {
  --site-header-h: 72px;
}
.muz-site-header, .muz-header-track {
  overflow: visible !important;
}
#profileSvgMega.muz-pf-pop {
  position: fixed;
   left: 50%;
  transform: translateX(-50%);
  top: calc(var(--site-header-h, 72px) + var(--pf-gap, 12px));
  display: none;
   z-index: 2000;
   pointer-events: auto;
}
body:has(#nav-profile:hover) #profileSvgMega,
body:has(#nav-profile:focus) #profileSvgMega,
body:has(.muz-pfmega:focus-within) #profileSvgMega {
  display: block;
}
#profileSvgMega .muz-pfmega-img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  filter: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
.muz-main-nav, .muz-nav-ctas {
  position: relative;
  z-index: 1;
}
:root {
  --pf-w: 280px;
   --pf-gap: 12px;
   --pf-dx: -240px;
   --pf-dy: 0px;
  ;
}
#profileSvgMega {
  position: fixed;
  z-index: 1100;
  width: var(--pf-w);
  ;
}
.muz-pf-card {
  background: rgba(15,16,22,.92);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  backdrop-filter: saturate(135%) blur(8px);
  -webkit-backdrop-filter: saturate(135%) blur(8px);
  padding: 12px;
}
.muz-pf-hdr {
  display:flex;
  align-items:center;
  gap:10px;
  padding: 6px 6px 10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.muz-pf-avatar {
  width:28px;
  height:28px;
  border-radius:999px;
  object-fit:cover;
  display:block;
}
.muz-pf-ids {
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.muz-pf-name {
  font:600 13px/1.2 var(--font-sans, "Satoshi", system-ui);
  color:rgba(238,240,242,.94);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.muz-pf-discord {
  font:500 12px/1.1 var(--font-sans, "Satoshi", system-ui);
  color:rgba(190,198,210,.75);
  letter-spacing:.2px;
}
.muz-pf-actions {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px 4px 4px;
}
.muz-pf-link {
  display:flex;
  align-items:center;
  height:36px;
  padding:0 10px;
  border-radius:8px;
  text-decoration:none;
  background:transparent;
  border:0;
  cursor:pointer;
  color:rgba(230,236,248,.92);
  font:500 13px/1 var(--font-sans, "Satoshi", system-ui);
}
.muz-pf-link:hover {
  background:rgba(255,255,255,.06);
}
.muz-pf-logout {
  color:#E56565;
}
.muz-site-header {
  --edge-pad: clamp(16px, 10.5556vw, 120px);
}
.muz-header-track .muz-nav-ctas {
  position: absolute;
  right: var(--edge-pad);
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: clamp(8px, 1.2vw, 16px);
  max-width: calc(100% - (var(--edge-pad) * 2));
   min-width: 0;
}
.muz-header-track .muz-nav-ctas .muz-auth-link.muz-login,
.muz-header-track .muz-nav-ctas .muz-btn-signup {
  position: static !important;
  white-space: nowrap;
  flex: 0 1 auto;
  min-width: 0;
}
.muz-header-track .muz-nav-ctas .muz-auth-link.muz-login {
  display: inline-block !important;
   height: auto; line-height: 1; padding: 6px 4px; font-weight: 500; color: rgba(238,240,242,.82); text-decoration: none;;
}
.muz-header-track .muz-nav-ctas .muz-btn-signup {
  height: auto;
  width: auto;
  padding: 8px 14px;
  border-radius: 12px;
  font-weight: 500;
}

@media (max-width: 900px) {
  .muz-header-track .muz-nav-ctas {
    right: clamp(12px, 3.6vw, 24px);
    gap: 10px;
  }
  .muz-header-track .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-header-track .muz-nav-ctas .muz-btn-signup {
    font-size: 14px;
  }
  .muz-header-track .muz-nav-ctas .muz-btn-signup {
    padding: 6px 10px;
  }
}

.muz-site-header {
   --edge-pad: clamp(16px, 10.5556vw, 120px);
  --cta-h: var(--site-header-h, 72px);
}
.muz-header-track .muz-nav-ctas {
  position: absolute;
  right: var(--edge-pad);
  top: 0;
  height: var(--cta-h);
   transform: none;
   display: flex;
  align-items: center;
   gap: clamp(8px, 1.2vw, 16px);
  max-width: calc(100% - (var(--edge-pad) * 2));
  min-width: 0;
}
.muz-header-track .muz-nav-ctas .muz-auth-link.muz-login,
.muz-header-track .muz-nav-ctas .muz-btn-signup {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 38px;
   line-height: 1;
  padding: 0 14px;
  white-space: nowrap;
}
.muz-header-track .muz-nav-ctas .muz-auth-link.muz-login {
  font-weight: 500;
  color: rgba(238,240,242,.82);
  text-decoration: none;
}
.muz-header-track .muz-nav-ctas .muz-btn-signup {
  transform: translateZ(0) scale(1);
  transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s;
  will-change: transform;
}
.muz-header-track .muz-nav-ctas .muz-btn-signup:hover {
  transform: translateZ(0) scale(1.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}

@media (max-width: 900px) {
  .muz-header-track .muz-nav-ctas {
    right: clamp(12px, 3.6vw, 24px);
  }
  .muz-header-track .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-header-track .muz-nav-ctas .muz-btn-signup {
    height: 34px;
    padding: 0 10px;
  }
}

.muz-nav-ctas:has(.muz-auth-link.muz-login) {
  position: absolute;
  right: clamp(16px, 3.6vw, 44px);
   top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.2vw, 18px);
  max-width: calc(100vw - clamp(16px, 3.6vw, 44px) * 2);
  ;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login,
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  line-height: 1;
   white-space: nowrap;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login {
  font: 500 clamp(13px, 1.1vw, 18px)/1 var(--font-sans);
  color: rgba(238,240,242,0.78);
  text-decoration: none;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  padding: clamp(6px,.7vw,10px) clamp(12px,1.2vw,16px);
  border-radius: 12px;
  background: var(--text-primary);
  color: #0a0a0a;
  font: 500 clamp(13px, 1.1vw, 18px)/1 var(--font-sans);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  transition: transform .16s ease, filter .2s ease;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup:hover {
  transform: scale(1.04);
   filter: brightness(0.99);
}

@media (max-width: 900px) {
  .muz-nav-ctas:has(.muz-auth-link.muz-login) {
    right: 16px;
    gap: 10px;
  }
}

.muz-header-track {
  display:flex;
  align-items:center;
  ;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) {
  margin-left:auto;
   padding-right: clamp(16px, 3.6vw, 44px);
  display:flex;
  align-items:center;
   gap: clamp(12px, 1.2vw, 18px);
  min-width: 0;
  ;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login,
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none;
  white-space: nowrap;
}
.muz-nav-ctas .muz-auth-link.muz-login,
.muz-nav-ctas .muz-btn-signup {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 42px;
   line-height: 1;
  font-family: var(--font-sans, "Satoshi", system-ui, -apple-system);
  font-weight: 500;
  font-size: clamp(14px, 1.05vw, 16px);
}
.muz-nav-ctas .muz-auth-link.muz-login {
  padding: 0 6px;
   color: rgba(238,240,242,0.80);
  text-decoration: none;
}
.muz-nav-ctas .muz-btn-signup {
  padding: 0 clamp(14px, 1.3vw, 18px);
  border-radius: 12px;
  background: var(--text-primary, #E9ECEF);
  color: #0a0a0a;
  transition: transform .14s ease, filter .2s ease;
  will-change: transform;
}
.muz-nav-ctas .muz-btn-signup:hover {
  transform: scale(1.05);
   filter: brightness(0.98);
}

@media (max-width: 900px) {
  .muz-nav-ctas:has(.muz-auth-link.muz-login) {
    padding-right: 16px;
    gap: 10px;
  }
  .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-nav-ctas .muz-btn-signup {
    height: 38px;
    font-size: 14px;
  }
}

.muz-site-header .muz-header-track {
  display:flex;
  align-items:center;
   height: var(--site-header-h,72px);
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) {
  margin-left:auto;
  padding-right: clamp(16px, 3.6vw, 44px);
  display:flex;
  align-items:center;
   height: 100%;
  gap: 14px;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login,
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  position: static !important;
   top:auto !important;
  bottom:auto !important;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 40px;
   line-height: 1;
   font: 500 15px/1 var(--font-sans,"Satoshi",system-ui,-apple-system);
  white-space: nowrap;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login {
  padding: 0 10px;
  color: rgba(238,240,242,.82);
  text-decoration: none;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  padding: 0 16px;
  border-radius: 12px;
  background: #E9ECEF;
  color: #0a0a0a;
  transition: transform .14s ease, filter .2s ease;
  will-change: transform;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup:hover {
  transform: scale(1.05);
  filter: brightness(.98);
}
.muz-main-nav {
  display:flex;
  align-items:center;
  height:100%;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) {
  gap: 16px;
  ;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login,
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  height: 44px;
  font-size: 16px;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-auth-link.muz-login {
  padding: 0 12px;
}
.muz-nav-ctas:has(.muz-auth-link.muz-login) .muz-btn-signup {
  padding: 0 20px;
  border-radius: 14px;
}
.muz-site-header {
  --site-header-h:72px;
}
#profileSvgMega {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
   top: calc(var(--site-header-h,72px) + var(--pf-gap,12px));
  z-index: 2000;
  display: none;
  pointer-events: auto;
  right: auto;
   --pf-gap: 12px;
  --pf-dx: -240px;
  --pf-dy: 0px;
   --pf-scale: 1.8;
   --pf-content-x: 22px;
  --pf-content-y: 20px;
  --pf-actions-gap: 6px;
}
body:has(#nav-profile:hover) #profileSvgMega,
      #profileSvgMega:hover,
      #profileSvgMega.muz-force-open {
  display:block !important;
}
#profileSvgMega .muz-pfwrap {
  position: relative;
  display: inline-block;
}
#profileSvgMega .muz-pfmega-img {
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:scale(var(--pf-scale,1));
  transform-origin:top left;
  pointer-events:auto;
}
#profileSvgMega .muz-pfcard {
  position:absolute;
  left:var(--pf-content-x);
  top:var(--pf-content-y);
  display:flex;
  flex-direction:column;
  gap:10px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#e8edf6;
}
.muz-pf-hdr {
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:none!important;
  box-shadow:none!important;
}
.muz-pf-avatar {
  width:30px;
  height:30px;
  border-radius:999px;
  object-fit:cover;
  display:block;
}
.muz-pf-ids {
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline;
  gap:8px;
  min-width:0;
}
.muz-pf-name {
  font:600 17px/1.2 var(--font-sans, "Satoshi", system-ui);
  white-space:nowrap;
  opacity:.8;
  overflow:hidden;
  text-overflow:ellipsis;
}
.muz-pf-discord {
  font:500 9px/1.1 var(--font-sans, "Satoshi", system-ui);
  opacity:.55;
  letter-spacing:.2px;
}
.muz-pf-actions {
  display:flex;
  flex-direction:column;
  gap:var(--pf-actions-gap);
}
.muz-pf-link {
  display:flex;
  align-items:center;
  height:36px;
  padding:0 10px;
  background:transparent;
  border:0;
  text-decoration:none;
  cursor:pointer;
  color:#8A8F98;
  font:500 18px/1 var(--font-sans, "Satoshi", system-ui);
  border-radius:6px;
  font-style:italic;
  opacity:.8;
}
.muz-pf-link:focus {
  outline:2px solid rgba(255,255,255,.25);
  outline-offset:2px;
}
.muz-pf-logout {
  color:#FF4A4A;
  font-weight:500 !important;
  opacity:.6;
}
#profileSvgMega {
  --pf-card-x: 0px;
  --pf-card-y: 0px;
  --pf-hdr-x: 0px;
  --pf-hdr-y: -10px;
  --pf-avatar-x: 0px;
  --pf-avatar-y: 0px;
  --pf-name-x: 0px;
  --pf-name-y: 1px;
  --pf-id-x: 0px;
  --pf-id-y: 1px;
  --pf-actions-x: 0px;
  --pf-actions-y: 0px;
  --pf-btn1-x: -5px;
  --pf-btn1-y: -22px;
  --pf-btn2-x: -5px;
  --pf-btn2-y: -22px;
  --pf-btn3-x: -5px;
  --pf-btn3-y: -22px;
  --pf-btn4-x: -2px;
  --pf-btn4-y: -4px;
}
#profileSvgMega .muz-pfcard {
  transform: translate(var(--pf-card-x), var(--pf-card-y));
}
#profileSvgMega .muz-pf-hdr {
  transform: translate(var(--pf-hdr-x), var(--pf-hdr-y));
}
#profileSvgMega .muz-pf-avatar {
  transform: translate(var(--pf-avatar-x), var(--pf-avatar-y));
}
#profileSvgMega .muz-pf-name {
  transform: translate(var(--pf-name-x), var(--pf-name-y));
}
#profileSvgMega .muz-pf-discord {
  transform: translate(var(--pf-id-x), var(--pf-id-y));
}
#profileSvgMega .muz-pf-actions {
  transform: translate(var(--pf-actions-x),var(--pf-actions-y));
}
#profileSvgMega .muz-pf-actions > *:nth-child(1) {
  transform: translate(var(--pf-btn1-x), var(--pf-btn1-y));
}
#profileSvgMega .muz-pf-actions > *:nth-child(2) {
  transform: translate(var(--pf-btn2-x), var(--pf-btn2-y));
}
#profileSvgMega .muz-pf-actions > *:nth-child(3) {
  transform: translate(var(--pf-btn3-x), var(--pf-btn3-y));
}
#profileSvgMega .muz-pf-actions > *:nth-child(4),
      #profileSvgMega .muz-pf-actions .muz-pf-logout {
  transform: translate(var(--pf-btn4-x), var(--pf-btn4-y));
}
.muz-site-header, .muz-header-track {
  overflow: visible !important;
}
#notifSvgMega {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: calc(var(--site-header-h,72px) + var(--nf-gap,12px));
  z-index: 2000;
  display: none;
  pointer-events: auto;
  right: auto;
   --nf-gap: 12px;
  --nf-dx: -200px;
   --nf-dy: 0px;
   --nf-scale: 1.45;
   --nf-content-x: 20px;
   --nf-content-y: 16px;
}
body:has(#nav-notif:hover) #notifSvgMega,
#notifSvgMega:hover,
#notifSvgMega.muz-force-open {
  display:block !important;
}
#notifSvgMega .muz-nfwrap {
  position:relative;
  display:inline-block;
}
#notifSvgMega .muz-pfmega-img {
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:scale(var(--nf-scale,1));
  transform-origin:top left;
  pointer-events:auto;
}
#notifSvgMega .muz-nfcard {
  position:absolute;
  left:var(--nf-content-x);
  top:var(--nf-content-y);
  width: 280px;
   display:flex;
  flex-direction:column;
  gap:10px;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#E8EDF6;
}
#notifSvgMega .muz-nf-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#notifSvgMega .muz-nf-head-l {
  display:flex;
  align-items:center;
  gap:8px;
}
#notifSvgMega .muz-nf-title {
  font:600 15px/1.2 var(--font-sans,"Satoshi",system-ui);
  letter-spacing:.2px;
  opacity: 0.65;
}
#notifSvgMega .muz-nf-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  font:700 10px/1 var(--font-sans,"Satoshi",system-ui);
  color:#0B0B0C;
  background:#E8EDF6;
}
#notifSvgMega .muz-nf-ghost {
  appearance:none;
  background:transparent;
  border:0;
  color:#4A9AE2;
  opacity: 0.6;
  font:600 9px/1 var(--font-sans,"Satoshi",system-ui);
  padding:6px 8px;
  border-radius:6px;
}
#notifSvgMega .muz-nf-ghost:hover {
  color:#E8EDF6;
  background:rgba(255,255,255,.06);
}
#notifSvgMega .muz-nf-tabs {
  display:flex;
  gap:6px;
}
#notifSvgMega .muz-nf-tab {
  appearance:none;
  background:rgba(238, 240, 242, 0.02);
  border:1px solid rgba(255,255,255,.00);
  color:rgba(238, 240, 242, 0.15);
  padding:5px 9px;
  border-radius:4px;
  cursor:pointer;
  font:600 11px/1 var(--font-sans,"Satoshi",system-ui);
}
#notifSvgMega .muz-nf-tab.muz-is-active {
  color:rgba(238, 240, 242, 1);
  border-color:rgba(255,255,255,.18);
  background:rgba(238, 240, 242, 0.05);
}
#notifSvgMega .muz-nf-list {
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:168px;
  overflow:auto;
  scrollbar-width:thin;
}
#notifSvgMega .muz-nf-empty {
  opacity:.3;
  text-align:center;
  font:40 16px/1.4 var(--font-sans,"Satoshi",system-ui);
  padding:16px 6px;
  font-style: italic;
}
#notifSvgMega .muz-nf-item {
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:8px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#B5BBC5;
  background:transparent;
  transition:background .15s ease, color .15s ease;
}
#notifSvgMega .muz-nf-item:hover {
  background:rgba(255,255,255,.06);
  color:#E8EDF6;
}
#notifSvgMega .muz-nf-dot {
  width:6px;
  height:6px;
  border-radius:999px;
  margin-top:6px;
  flex:0 0 auto;
  background:transparent;
}
#notifSvgMega .muz-nf-item.muz-is-unread .muz-nf-dot {
  background:#69E483;
  box-shadow:0 0 0 3px rgba(105,228,131,.18);
}
#notifSvgMega .muz-nf-body {
  flex:1 1 auto;
  min-width:0;
}
#notifSvgMega .muz-nf-line {
  display:flex;
  align-items:center;
  gap:8px;
}
#notifSvgMega .muz-nf-item-title {
  font:600 17px/1.2 var(--font-sans,"Satoshi",system-ui);
}
#notifSvgMega .muz-nf-time {
  margin-left:auto;
  opacity:.55;
  font:600 10px/1 var(--font-sans,"Satoshi",system-ui);
}
#notifSvgMega .muz-nf-desc {
  opacity:.72;
  font:500 11px/1.3 var(--font-sans,"Satoshi",system-ui);
  margin-top:2px;
}
#notifSvgMega .muz-nf-foot {
  display:flex;
  justify-content:center;
  padding-top:2px;
}
#notifSvgMega .muz-nf-viewall {
  color:#E8EDF6;
  text-decoration:none;
  font:600 11px/1 var(--font-sans,"Satoshi",system-ui);
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
#notifSvgMega .muz-nf-viewall:hover {
  background:rgba(255,255,255,.1);
}
#notifSvgMega {
   --nf-card-x: 0px;
  --nf-card-y: 0px;
   --nf-head-x: 0px;
  --nf-head-y: 0px;
  --nf-title-x: 0px;
  --nf-title-y: -5px;
  --nf-pill-x: 0px;
  --nf-pill-y: 0px;
  --nf-headr-x: 0px;
  --nf-headr-y: 0px;
   --nf-mark-x: -74px;
  --nf-mark-y: 150px;
    --nf-tabs-x: -7px;
  --nf-tabs-y: 119px;
   --nf-list-x: 0px;
  --nf-list-y: 0px;
   --nf-item-x: 0px;
  --nf-item-y: 0px;
  --nf-dot-x: 0px;
  --nf-dot-y: 0px;
  --nf-body-x: 0px;
  --nf-body-y: 0px;
  --nf-it-title-x: 0px;
  --nf-it-title-y: 0px;
   --nf-time-x: 0px; --nf-time-y: 0px;  --nf-desc-x: 0px; --nf-desc-y: 0px;   --nf-foot-x: 0px; --nf-foot-y: 0px; --nf-viewall-x: 0px; --nf-viewall-y: 0px;;
}
#notifSvgMega .muz-nfcard {
  transform: translate(var(--nf-card-x), var(--nf-card-y));
}
#notifSvgMega .muz-nf-head {
  transform: translate(var(--nf-head-x), var(--nf-head-y));
}
#notifSvgMega .muz-nf-title {
  transform: translate(var(--nf-title-x), var(--nf-title-y));
}
#notifSvgMega .muz-nf-pill {
  transform: translate(var(--nf-pill-x), var(--nf-pill-y));
}
#notifSvgMega .muz-nf-head-r {
  transform: translate(var(--nf-headr-x), var(--nf-headr-y));
}
#notifSvgMega .muz-nf-ghost {
  transform: translate(var(--nf-mark-x), var(--nf-mark-y));
}
#notifSvgMega .muz-nf-tabs {
  transform: translate(var(--nf-tabs-x), var(--nf-tabs-y));
}
#notifSvgMega .muz-nf-list {
  transform: translate(var(--nf-list-x), var(--nf-list-y));
}
#notifSvgMega .muz-nf-item {
  transform: translate(var(--nf-item-x), var(--nf-item-y));
}
#notifSvgMega .muz-nf-dot {
  transform: translate(var(--nf-dot-x), var(--nf-dot-y));
}
#notifSvgMega .muz-nf-body {
  transform: translate(var(--nf-body-x), var(--nf-body-y));
}
#notifSvgMega .muz-nf-item-title {
  transform: translate(var(--nf-it-title-x), var(--nf-it-title-y));
}
#notifSvgMega .muz-nf-time {
  transform: translate(var(--nf-time-x), var(--nf-time-y));
}
#notifSvgMega .muz-nf-desc {
  transform: translate(var(--nf-desc-x), var(--nf-desc-y));
}
#notifSvgMega .muz-nf-foot {
  transform: translate(var(--nf-foot-x), var(--nf-foot-y));
}
#notifSvgMega .muz-nf-viewall {
  transform: translate(var(--nf-viewall-x), var(--nf-viewall-y));
}
#notifSvgMega {
  --nf-empty-x: -38px;
  --nf-empty-y: 3px;
}
#notifSvgMega .muz-nf-empty {
  transform: translate(var(--nf-empty-x), var(--nf-empty-y));
}
#notifSvgMega .muz-nf-list:has(.muz-nf-empty) {
  overflow: hidden;
   max-height: none;
   scrollbar-width: none;
   -ms-overflow-style: none;
  ;
}
#notifSvgMega .muz-nf-list:has(.muz-nf-empty)::-webkit-scrollbar {
  display: none;
  ;
}
#profileSvgMega .pfwrap,
#profileSvgMega .pfcard,
#profileSvgMega .pf-hdr,
#notifSvgMega .nfwrap,
#notifSvgMega .nfcard,
#notifSvgMega .nf-head,
#profileSvgMega .muz-pfwrap,
#profileSvgMega .muz-pfcard,
#profileSvgMega .muz-pf-hdr,
#notifSvgMega .muz-nfwrap,
#notifSvgMega .muz-nfcard,
#notifSvgMega .muz-nf-head {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
#profileSvgMega .pf-hdr::before,
#profileSvgMega .pf-hdr::after,
#notifSvgMega .nf-head::before,
#notifSvgMega .nf-head::after,
#profileSvgMega .muz-pf-hdr::before,
#profileSvgMega .muz-pf-hdr::after,
#notifSvgMega .muz-nf-head::before,
#notifSvgMega .muz-nf-head::after {
  content: none !important;
  display: none !important;
}
#profileSvgMega .pfmega-img,
#notifSvgMega  .pfmega-img,
#profileSvgMega .muz-pfmega-img,
#notifSvgMega  .muz-pfmega-img {
  background: transparent !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  box-shadow: none !important;
}
.site-header,
.header-track {
  overflow: visible !important;
}
#notifSvgMega {
  position: fixed !important;
  z-index: 2000 !important;
}
#notifSvgMega .nf-head,
#notifSvgMega .muz-nf-head {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  outline: 0 !important;
}
#notifSvgMega .nf-head::before,
#notifSvgMega .nf-head::after,
#notifSvgMega .muz-nf-head::before,
#notifSvgMega .muz-nf-head::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
#notifSvgMega .nf-head + .nf-tabs,
#notifSvgMega .muz-nf-head + .muz-nf-tabs {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
#notifSvgMega hr,
#notifSvgMega .nf-divider,
#notifSvgMega .muz-nf-divider {
  display: none !important;
}
<style>
      @media (max-width: 900px) {
  .muz-main-nav { display:none !important;
  };
}
.muz-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
  z-index: 1500;
}
.muz-mobile-drawer {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(92vw, 380px);
  z-index: 1600;
  background: rgba(16,18,24,.86);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  border-left: 1px solid rgba(255,255,255,.06);
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.2,.7,.2,1);
  display: flex;
  flex-direction: column;
}
.muz-mobile-head {
  padding: 18px 18px 8px 18px;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.muz-mobile-title {
  font-weight: 600;
  font-size: 16px;
  color: #e8e8ee;
}
.muz-mobile-list {
  list-style:none;
  margin:12px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.muz-mob-link {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px;
  border-radius:16px;
  text-decoration:none;
  color:#e6e6ea;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.muz-mob-link:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}
.muz-mob-ico {
  width:18px;
  height:18px;
  opacity:.9;
}
.muz-mobile-foot {
  margin-top:auto;
  padding:14px 14px 18px 14px;
  display:flex;
  gap:10px;
}
.muz-mob-btn {
  flex:1;
  text-align:center;
  border-radius:12px;
  padding:12px 10px;
  text-decoration:none;
  font-weight:600;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#e6e6ea;
}
.muz-mob-btn--primary {
  background:#4b7cff;
  border-color:#4b7cff;
  color:white;
}
.muz-site-header #nav-toggle:checked ~ .muz-drawer-overlay {
  opacity: 1;
  pointer-events: auto;
}
.muz-site-header #nav-toggle:checked ~ .muz-mobile-drawer {
  transform: translateX(0);
}
.muz-mobile-drawer.is-open {
  transform: translateX(0) !important;
}
.muz-drawer-overlay.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.muz-no-scroll {
  overflow: hidden;
}
.muz-nav-toggle-btn {
  position: relative;
  z-index: 2001;
  cursor: pointer;
}
#nav-toggle {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

@media (max-width: 900px) {
  .muz-nav-toggle-btn {
    position:relative;
    z-index:2002;
    cursor:pointer;
  }
  .muz-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 1500;
  }
  .muz-main-nav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(92vw, 380px);
    transform: translateX(100%);
    transition: transform .28s cubic-bezier(.2,.7,.2,1);
    z-index: 1600;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 12px;
    background: rgba(16,18,24,.86);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border-left: 1px solid rgba(255,255,255,.06);
  }
  .muz-main-nav .muz-nav-link {
    position: static !important;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px;
    font-size: 16px;
    font-weight: 600;
    color: #e6e6ea;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
    transition: transform .16s ease, background .16s ease, border-color .16s ease;
  }
  .muz-main-nav .muz-nav-link:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.12);
  }
  #nav-toggle:checked ~ .muz-header-track .muz-main-nav {
    transform: translateX(0);
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity:1;
    pointer-events:auto;
  }
  .muz-site-header {
    position: sticky;
    top: 0;
    z-index: 1200;
  }
  #marketMega {
    display:none !important;
  }
}

.muz-site-header {
  --muz-nav-h: 64px;
}
#nav-toggle {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

@media (max-width: 900px) {
  .muz-nav-toggle-btn {
    position:relative;
    z-index:2002;
    cursor:pointer;
  }
  .muz-drawer-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: var(--muz-nav-h, 64px);
    background: rgba(0,0,0,.38);
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
    z-index: 1500;
  }
  .muz-main-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: calc(var(--muz-nav-h, 64px) + 8px);
     height: calc(100vh - var(--muz-nav-h, 64px)); transform: translateY(-8px); opacity: 0; pointer-events: none; transition: transform .28s cubic-bezier(.2,.7,.2,1), opacity .2s ease-out; z-index: 1600; display: grid; grid-auto-rows: minmax(56px, auto); align-content: start; gap: 12px; padding: 18px 16px 24px; background: rgba(16,18,24,.86); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border-top: 1px solid rgba(255,255,255,.08); border-radius: 18px 18px 0 0;;
  }
  .muz-main-nav .muz-nav-link {
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 16px;
    font-size:18px;
    font-weight:650;
    color:#e9e9ef;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
    transition: transform .14s ease, background .14s ease, border-color .14s ease, color .14s ease;
  }
  .muz-main-nav .muz-nav-link:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.07);
    border-color: rgba(255,255,255,.14);
    color:#ffffff;
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity:1;
    pointer-events:auto;
  }
  #nav-toggle:checked ~ .muz-header-track .muz-main-nav {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    top: var(--muz-nav-h, 64px);
  }
  #marketMega {
    display:none !important;
  }
  .muz-site-header {
    position: sticky;
    top: 0;
    z-index: 1400;
  }
}

.muz-site-header {
  --muz-nav-h: 64px;
}
#nav-toggle {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

@media (max-width: 900px) {
  .muz-nav-toggle-btn {
    position:relative;
    z-index:2002;
    cursor:pointer;
  }
  .muz-drawer-overlay {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: var(--muz-nav-h, 64px) !important;
    background: rgba(0,0,0,.38) !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease !important;
    z-index: 1500 !important;
    display: block !important;
    ;
  }
  .muz-main-nav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(var(--muz-nav-h, 64px) + 8px) !important;
    height: calc(100vh - var(--muz-nav-h, 64px)) !important;
    transform: translateY(-8px) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform .28s cubic-bezier(.2,.7,.2,1), opacity .2s ease-out !important;
    z-index: 1600 !important;
    display: grid !important;
     grid-auto-rows: minmax(56px, auto);
    align-content: start;
    gap: 12px;
    padding: 18px 16px 24px;
    background: rgba(16,18,24,.86) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 18px 18px 0 0 !important;
  }
  .muz-main-nav .muz-nav-link {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    padding:16px 16px !important;
    font-size:18px !important;
    font-weight:650 !important;
    color:#e9e9ef !important;
    text-decoration:none !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  }
  #nav-toggle:checked ~ .muz-drawer-overlay {
    opacity:1 !important;
    pointer-events:auto !important;
  }
  #nav-toggle:checked ~ .muz-header-track .muz-main-nav {
    top: var(--muz-nav-h, 64px) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  #marketMega {
    display:none !important;
  }
  .muz-site-header {
    position: sticky;
    top: 0;
    z-index: 1700 !important;
  }
}


@media (min-width: 901px) {
  :root {
    --nav-h-fixed: 76px;
  }
  .muz-site-header,
  .muz-site-header .muz-header-track {
    height: var(--nav-h-fixed) !important;
    min-height: var(--nav-h-fixed) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .muz-site-header .muz-logo-text,
  .muz-site-header .muz-version-tag,
  .muz-site-header .muz-nav-link,
  .muz-site-header .muz-login,
  .muz-site-header .muz-btn-signup,
  .muz-site-header .muz-theme-toggle {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
     line-height: 1 !important;
     padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .muz-site-header .muz-btn-signup {
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 14px !important;
    border-radius: 12px !important;
  }
  .muz-site-header .muz-nav-link::after {
    top: calc(50% + 14px) !important;
    ;
  }
}


@media (min-width: 901px) {
  :root {
     --nav-cat-fs: clamp(14px, 1.08vw, 20px);
     --ul-extra-offset: 0px;
    ;
  }
  .muz-site-header .muz-nav-link {
    font-size: var(--nav-cat-fs) !important;
    line-height: 1 !important;
    ;
  }
  .muz-site-header .muz-nav-link::after {
    top: calc(var(--header-h) * var(--ul-top-k) + var(--ul-extra-offset)) !important;
    ;
  }
}


@media (min-width: 901px) {
  .muz-site-header .muz-nav-link::after {
    top: calc(50% + 20px) !important;
    ;
  }
}


@media (min-width: 901px) {
  :root {
     --cta-fs: clamp(13px, 1.1vw, 18px);
     --signup-h: 34px;
     --signup-w: auto;
     --signup-px: 14px;
     --signup-radius: 9px;
    ;
  }
  .muz-header-track .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-header-track .muz-nav-ctas .muz-btn-signup {
    font-size: var(--cta-fs) !important;
    line-height: 1 !important;
  }
  .muz-header-track .muz-nav-ctas .muz-btn-signup {
    height: var(--signup-h) !important;
    min-height: var(--signup-h) !important;
    width: var(--signup-w) !important;
     padding: 0 var(--signup-px) !important;
     border-radius: var(--signup-radius) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}


@media (min-width: 901px) {
  :root {
    --nav-cat-fs: clamp(13px, 1.2vw, 23px);
  }
  .muz-site-header .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-site-header .muz-nav-ctas .muz-btn-signup {
    font-size: var(--nav-cat-fs) !important;
    line-height: 1 !important;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-site-header .muz-nav-ctas .muz-btn-signup {
    font-size: 15px !important;
  }
}

:root {
  --nav-cat-fs: 17px;
}

@media (min-width: 901px) {
  .muz-site-header .muz-nav-link,
  .muz-site-header .muz-nav-ctas .muz-auth-link.muz-login,
  .muz-site-header .muz-nav-ctas .muz-btn-signup {
    font-size: var(--nav-cat-fs) !important;
    line-height: 1 !important;
  }
}


@media (max-width: 900px) {
}


@media (min-width: 901px) {
  :root {
    --brand-fs: clamp(15px, 1.12vw, 24px);
  }
  .muz-site-header .muz-logo-wrap .muz-logo-text,
  .muz-logo-text {
    font-size: var(--brand-fs) !important;
    line-height: 1 !important;
    ;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-logo-wrap .muz-logo-text,
  .muz-logo-text {
    font-size: 16px !important;
     line-height: 1 !important;
  }
}

:root {
  --ul-h: 3px !important;
}

@media (min-width: 901px) {
  .muz-site-header .muz-nav-link:hover::after {
    opacity: 0 !important;
  }
  .muz-site-header .muz-nav-link.muz-active::after,
  .muz-site-header .muz-nav-link[aria-current="page"]::after,
  .muz-site-header .muz-nav-link.is-active::after {
    opacity: 1 !important;
  }
}

.muz-header-track {
  container-type: inline-size;
}
.muz-main-nav {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
   gap: 1.2em !important;
}
.muz-main-nav .muz-nav-link {
  margin: 0 !important;
}

@supports (width: 1cqw) {
  .muz-main-nav {
     gap: clamp(0.9em, max(1.05em, 2.2cqw), 1.8em) !important;
  }

  container (max-width: 1745px) {
    .muz-main-nav{ gap: clamp(1.0em, max(1.2em, 2.6cqw), 2.1em) !important;
    };
  }
}

#marketMega {
  --mm-cta-label-h: 6px;
   --mm-cta-label-lift: -12px;
  ;
}
#marketMega .muz-mm-cta__label {
  line-height: var(--mm-cta-label-h) !important;
  display: inline-block;
   transform: translateY(var(--mm-cta-label-lift));
}
#marketMega {
  --mm-icon-h: 22px;
   --mm-label-nudge: 0px;
   --mm-logo-nudge: 0px;
  ;
}
#marketMega .muz-mm-cta {
  display: inline-flex !important;
   align-items: center !important;
  ;
}
#marketMega .muz-mm-cta__label {
  line-height: var(--mm-icon-h) !important;
  transform: translateY(var(--mm-label-nudge)) !important;
  margin: 0 !important;
}
#marketMega .muz-mm-cta__logo {
  display: block !important;
  height: var(--mm-icon-h) !important;
  width: auto !important;
  transform: translateY(var(--mm-logo-nudge)) !important;
}
#marketMega {
  --mm-label-nudge: -10px;
   --mm-logo-nudge: -10px;
  ;
}
#marketMega {
  --mm-fivem-x: 4px;
}
#marketMega .muz-mm-cta--fivem .muz-mm-cta__logo {
   transform: translate(var(--mm-fivem-x), var(--mm-logo-nudge, 0)) !important;
}
#marketMega .muz-mm-cta__logo[src*="fivemlogo"] {
  transform: translate(var(--mm-fivem-x), var(--mm-logo-nudge, 0)) !important;
}
#marketMega .muz-mm-cta::before {
  content: none !important;
  display: none !important;
}
#marketMega {
   --cta-hover-w: calc(100% - 4px);
   --cta-hover-offset-y: -10px;
}
#marketMega .muz-mm-cta {
  position: relative !important;
  overflow: visible !important;
  ;
}
#marketMega .muz-mm-cta-hover {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--cta-hover-w) !important;
  transform: translate(-50%, calc(-50% + var(--cta-hover-offset-y))) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  ;
}
#marketMega {
  --mm-label-x: -2px;
}
#marketMega .muz-mm-cta__label {
  transform: translate(var(--mm-label-x), var(--mm-label-nudge, 0)) !important;
}
#marketMega {
  --mm-left-gap: 3px;
  ;
}
#marketMega .muz-mm-left .muz-mm-list {
  display: flex !important;
  flex-direction: column !important;
  row-gap: var(--mm-left-gap) !important;
  ;
}
#marketMega .muz-mm-left .muz-mm-list > li,
#marketMega .muz-mm-left .muz-mm-item {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#marketMega .muz-mm-left .muz-mm-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
   padding-block: 8px !important;
   line-height: 1.25 !important;
}
#marketMega .muz-mm-left .muz-mm-cta-hover {
  position: absolute !important;
   left: 10% !important;
  width: 80% !important;
   top: 50% !important;
  height: 100% !important;
  transform: translateY(calc(-50% + var(--cta-hover-offset-y, 0))) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  ;
}
#marketMega {
  --left-hover-down: 4px;
   --left-hover-extra-h: 8px;
  ;
}
#marketMega .muz-mm-left .muz-mm-cta-hover {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
   width: 200% !important; max-width: none !important;  height: calc(100% + var(--left-hover-extra-h)) !important;  transform: translate(-50%, calc(-50% + var(--left-hover-down))) !important; pointer-events: none !important; z-index: 1 !important;;
}
#marketMega {
   --left-hover-base: 110px;
   --left-hover-grow: 3.0;
   --left-hover-h: 600px;
   --left-hover-x: -110px;
   --left-hover-dy: -2px;
  ;
}
#marketMega .muz-mm-left,
#marketMega .muz-mm-left .muz-mm-list,
#marketMega .muz-mm-left li,
#marketMega .muz-mm-left .muz-mm-item {
  overflow: visible !important;
}
#marketMega .muz-mm-left .muz-mm-item {
  position: relative !important;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-cta-hover {
  position: absolute !important;
  left: var(--left-hover-x) !important;
  top: 50% !important;
   width: var(--left-hover-base) !important;
  min-width: 0 !important;
  max-width: none !important;
  max-inline-size: none !important;
  height: var(--left-hover-h) !important;
  object-fit: fill !important;
   transform-origin: left center !important;
  transform: translateY(calc(-50% + var(--left-hover-dy))) scaleX(var(--left-hover-grow)) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-cta-hover,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-cta-hover {
  opacity: 1 !important;
  transform: translateY(calc(-50% + var(--left-hover-dy))) scaleX(var(--left-hover-grow)) !important;
}
#marketMega {
   --left-hover-base-w: 85px;  --left-hover-grow-x: 3.0;  --left-hover-base-h: 60px;  --left-hover-grow-y: 2.50;  --left-hover-x: 1px; --left-hover-dy: 0px;;
}
#marketMega .muz-mm-left,
#marketMega .muz-mm-left .muz-mm-list,
#marketMega .muz-mm-left li,
#marketMega .muz-mm-left .muz-mm-item {
  overflow: visible !important;
}
#marketMega .muz-mm-left .muz-mm-item {
  position: relative !important;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-cta-hover {
  position: absolute !important;
  left: var(--left-hover-x) !important;
  top: 50% !important;
  width: var(--left-hover-base-w) !important;
   height: var(--left-hover-base-h) !important;
    min-width: 0 !important;
  max-width: none !important;
  max-inline-size: none !important;
  min-height: 0 !important;
  max-height: none !important;
   aspect-ratio: auto !important; object-fit: fill !important;  transform-origin: left center !important; transform: translateY(calc(-50% + var(--left-hover-dy))) scale(var(--left-hover-grow-x), var(--left-hover-grow-y)) !important; pointer-events: none !important; z-index: 1 !important;;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-cta-hover,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-cta-hover {
  transform: translateY(calc(-50% + var(--left-hover-dy))) scale(var(--left-hover-grow-x), var(--left-hover-grow-y)) !important;
}
#marketMega {
  --mm-left-hover-fg: #fff;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  position: relative;
   z-index: 2;
  transition: color .15s ease;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-label {
  color: var(--mm-left-hover-fg) !important;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-active .muz-mm-label {
  color: var(--mm-left-hover-fg) !important;
}
#marketMega {
   --mm-left-rest-color: rgba(255,255,255,.72);
  --mm-left-rest-opacity: .72;
  --mm-left-hover-fg: #fff;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  transition: color .15s ease, opacity .15s ease;
  color: var(--mm-left-rest-color) !important;
  opacity: var(--mm-left-rest-opacity) !important;
}
#marketMega .muz-mm-left .muz-mm-item:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item:focus-visible .muz-mm-label {
  color: var(--mm-left-hover-fg) !important;
  opacity: 1 !important;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-active .muz-mm-label {
  color: var(--mm-left-rest-color) !important;
  opacity: var(--mm-left-rest-opacity) !important;
}
#marketMega {
  --mm-left-rest-color: rgba(255,255,255,.72);
  --mm-left-rest-opacity: .72;
  --mm-left-hover-fg: #fff;
}
#marketMega .muz-mm-left .muz-mm-item .muz-mm-label {
  color: var(--mm-left-rest-color) !important;
  opacity: var(--mm-left-rest-opacity) !important;
  transition: color .15s ease, opacity .15s ease;
}
#marketMega .muz-mm-left :is(a.muz-mm-item, button.muz-mm-item):not(.muz-is-disabled):hover .muz-mm-label,
#marketMega .muz-mm-left :is(a.muz-mm-item, button.muz-mm-item):not(.muz-is-disabled):focus-visible .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item.muz-is-active:hover .muz-mm-label,
#marketMega .muz-mm-left .muz-mm-item.muz-is-active:focus-visible .muz-mm-label {
  color: var(--mm-left-hover-fg) !important;
  opacity: 1 !important;
}
#marketMega .muz-mm-left .muz-mm-item.muz-is-active .muz-mm-label {
  color: var(--mm-left-rest-color) !important;
  opacity: var(--mm-left-rest-opacity) !important;
}
#marketMega {
  --mm-right-x-nudge: -3px;
}
#marketMega .muz-mm-right .muz-mm-cta--gmod  .muz-mm-cta__label,
#marketMega .muz-mm-right .muz-mm-cta--fivem .muz-mm-cta__label {
  transform: translate(var(--mm-right-x-nudge), var(--mm-label-nudge, 0)) !important;
}
#marketMega .muz-mm-right .muz-mm-cta--gmod  .muz-mm-cta__logo,
#marketMega .muz-mm-right .muz-mm-cta--fivem .muz-mm-cta__logo {
  transform: translate(var(--mm-right-x-nudge), var(--mm-logo-nudge, 0)) !important;
}
#marketMega {
  --mm-right-logo-extra-x: -4px;
   --mm-right-hover-x: -4px;
  ;
}
#marketMega .muz-mm-right .muz-mm-cta--gmod  .muz-mm-cta__logo,
#marketMega .muz-mm-right .muz-mm-cta--fivem .muz-mm-cta__logo {
  transform: translate( calc(var(--mm-right-x-nudge, 0px) + var(--mm-right-logo-extra-x)), var(--mm-logo-nudge, 0) ) !important;
}
#marketMega .muz-mm-right .muz-mm-cta-hover {
  left: 50% !important;
  top: 50% !important;
   transform: translate( calc(-50% + var(--mm-right-hover-x)), calc(-50% + var(--cta-hover-offset-y, 0)) ) !important;;
}
#marketMega {
  --mm-fivem-logo-x-extra: 0.1px;
}
#marketMega .muz-mm-right .muz-mm-cta--fivem .muz-mm-cta__logo {
  transform: translate( calc(var(--mm-right-x-nudge, 0px) + var(--mm-fivem-logo-x-extra)), var(--mm-logo-nudge, 0) ) !important;
}

@media (hover:hover) {
  .muz-site-header .muz-btn-signup {
    transform: translateY(-50%) scale(1) !important;
     transform-origin: center;
    transition: transform 140ms cubic-bezier(.2,.7,.3,1);
    will-change: transform;
  }
  .muz-site-header .muz-btn-signup:hover {
    transform: translateY(-50%) scale(1.2) !important;
    ;
  }
  .muz-site-header .muz-btn-signup:active {
    transform: translateY(-50%) scale(0.98) !important;
    ;
  }
}


@media (prefers-reduced-motion: reduce) {
  .muz-site-header .muz-btn-signup,
  .muz-site-header .muz-btn-signup:hover,
  .muz-site-header .muz-btn-signup:active {
    transition: none !important;
    transform: translateY(-50%) scale(1) !important;
  }
}


@media (hover:hover) {
  .muz-site-header .muz-btn-signup {
    position: relative;
    isolation: isolate;
    --t: translateY(-50%) scale(1);
     transform: var(--t) !important;
    transform-origin: center;
    transition: transform 140ms cubic-bezier(.2,.7,.3,1), background-color 160ms ease, box-shadow 200ms ease, filter 200ms ease;
  }
  .muz-site-header .muz-btn-signup::before {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
    opacity:0;
    transform: scale(.985);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events:none;
  }
  .muz-site-header .muz-btn-signup::after {
    content:"";
    position:absolute;
    inset:-8px;
    border-radius:inherit;
    background: radial-gradient(120% 120% at 50% 50%, rgba(120,170,255,.18), rgba(120,170,255,0) 60%);
    filter: blur(6px);
    opacity:0;
    transition: opacity 220ms ease;
    z-index:-1;
  }
  .muz-site-header .muz-btn-signup:hover {
    --t: translateY(-50%) scale(1.045);
    filter: saturate(1.02);
    box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 26px rgba(0,0,0,.22);
  }
  .muz-site-header .muz-btn-signup:hover::before {
    opacity:.9;
    transform: scale(1);
  }
  .muz-site-header .muz-btn-signup:hover::after {
    opacity:1;
  }
  .muz-site-header .muz-btn-signup:active {
    --t: translateY(-50%) scale(.985);
    box-shadow: 0 2px 10px rgba(0,0,0,.18);
    filter:none;
  }
}


@media (prefers-reduced-motion: reduce) {
  .muz-site-header .muz-btn-signup,
  .muz-site-header .muz-btn-signup::before,
  .muz-site-header .muz-btn-signup::after {
    transition: none !important;
    transform: translateY(-50%) scale(1) !important;
  }
}

#profileSvgMega {
   --pf-hover-w: 220px;
   --pf-hover-h: 36px;
   --pf-hover-x: -8px;
   --pf-hover-radius: 3px;
  ;
}
#profileSvgMega .muz-pfwrap,
#profileSvgMega .muz-pfcard,
#profileSvgMega .muz-pf-actions,
#profileSvgMega .muz-pf-link {
  overflow: visible !important;
}
#profileSvgMega .muz-pf-link {
  position: relative;
  isolation: isolate;
  ;
}
#profileSvgMega .muz-pf-link::before {
  content: "";
  position: absolute !important;
  left: var(--pf-hover-x);
  top: 50%;
  width: var(--pf-hover-w) !important;
   max-width: none !important;
  height: var(--pf-hover-h) !important;
  transform: translateY(-50%);
  background: rgba(255,255,255,.07);
   border-radius: var(--pf-hover-radius);
  pointer-events: none !important;
  z-index: -1;
   opacity: 0;
  ;
}
#profileSvgMega .muz-pf-link:hover::before,
#profileSvgMega .muz-pf-link:focus-visible::before {
  opacity: 1;
}
#profileSvgMega .muz-pf-link::before,
#profileSvgMega .muz-pf-link::after {
  content: none !important;
}
#profileSvgMega {
  --pf-hover-grow-l: 8px;
   --pf-hover-grow-r: 75px;
  ;
}
#profileSvgMega .muz-pf-actions {
  overflow: visible;
}
#profileSvgMega .muz-pf-link {
  position: relative;
  border-radius: 4px;
   margin-left: calc(-1 * var(--pf-hover-grow-l));
  margin-right: calc(-1 * var(--pf-hover-grow-r));
  padding-left: calc(10px + var(--pf-hover-grow-l));
  padding-right: calc(10px + var(--pf-hover-grow-r));
}
#profileSvgMega .muz-pf-link:hover {
  background: rgba(255,255,255,.06);
  ;
}
#profileSvgMega .muz-pf-logout-form {
  margin: 0;
  overflow: visible;
}
#profileSvgMega .muz-pf-logout.muz-pf-link {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
   margin-left: calc(-1 * var(--pf-hover-grow-l));
  margin-right: calc(-1 * var(--pf-hover-grow-r));
  padding-left: calc(10px + var(--pf-hover-grow-l));
  padding-right: calc(10px + var(--pf-hover-grow-r));
  border-radius: 4px;
  ;
}
#profileSvgMega .muz-pf-logout.muz-pf-link:hover {
  background: rgba(255,255,255,.06);
}
#profileSvgMega .muz-pf-logout-form {
  overflow: visible !important;
}
#profileSvgMega .muz-pf-logout.muz-pf-link {
  position: relative;
  isolation: isolate;
   background: transparent;
    padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 8px;
}
#profileSvgMega .muz-pf-logout.muz-pf-link::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--pf-hover-grow-l, 12px));
  right: calc(-1 * var(--pf-hover-grow-r, 420px));
  top: 50%;
  height: var(--pf-hover-h, 36px);
  transform: translateY(-50%);
  background: rgba(255,255,255,.06);
   border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
#profileSvgMega .muz-pf-logout.muz-pf-link:hover {
  background: transparent !important;
}
#profileSvgMega .muz-pf-logout.muz-pf-link:hover::before,
#profileSvgMega .muz-pf-logout.muz-pf-link:focus-visible::before {
  opacity: 1;
}
:root {
  --mega-open-dur: .18s;
  --mega-close-dur: .14s;
  --mega-ease: cubic-bezier(.22,.61,.36,1);
}
:is(#profileSvgMega,#notifSvgMega) {
  display: block !important;
  ;
}
:is(#profileSvgMega,#notifSvgMega) {
  opacity: 0;
  transform: translateY(8px) scale(.985);
   pointer-events: none;
   will-change: opacity, transform;
  transition: opacity var(--mega-open-dur) var(--mega-ease), transform var(--mega-open-dur) var(--mega-ease);
}
html:has(#nav-profile:hover) #profileSvgMega,
html:has(#nav-profile:focus-visible) #profileSvgMega,
#profileSvgMega:hover,
#profileSvgMega.muz-force-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}
html:has(#nav-notif:hover) #notifSvgMega,
html:has(#nav-notif:focus-visible) #notifSvgMega,
#notifSvgMega:hover,
#notifSvgMega.muz-force-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}
html:has(#nav-profile:hover) #notifSvgMega,
html:has(#notifSvgMega:hover) #profileSvgMega {
  opacity: 0 !important;
  transform: translateY(6px) scale(.992) !important;
  pointer-events: none !important;
}
html:has(#nav-notif:hover) #profileSvgMega,
html:has(#profileSvgMega:hover) #notifSvgMega {
  opacity: 0 !important;
  transform: translateY(6px) scale(.992) !important;
  pointer-events: none !important;
}

@media (prefers-reduced-motion: reduce) {
  :is(#profileSvgMega,#notifSvgMega) {
    transition: opacity .001s linear !important;
    transform: none !important;
  }
}

html:has(#nav-profile:is(:hover, :focus-visible)) #nav-notif,
html:has(#profileSvgMega:hover)                   #nav-notif {
  pointer-events: none !important;
}
html:has(#nav-notif:is(:hover, :focus-visible)) #nav-profile,
html:has(#notifSvgMega:hover)                   #nav-profile {
  pointer-events: none !important;
}
#profileSvgMega, #notifSvgMega {
  position: fixed;
  ;
}
#profileSvgMega::before,
#notifSvgMega::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
   height: 14px;  pointer-events: auto;  background: transparent;;
}
#profileSvgMega, #notifSvgMega {
  z-index: 2001;
  position: fixed;
}
#profileSvgMega::before,
#notifSvgMega::before {
  content:"";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: calc(var(--header-h, 64px) + 28px);
   background: transparent;
  display: none;
   pointer-events: auto;
   z-index: 4000;
  ;
}
html:has(#nav-profile:is(:hover, :focus-visible)) #profileSvgMega::before,
#profileSvgMega:hover::before {
  display: block;
}
html:has(#nav-notif:is(:hover, :focus-visible)) #notifSvgMega::before,
#notifSvgMega:hover::before {
  display: block;
}
html:has(#profileSvgMega:hover), html:has(#nav-profile:is(:hover, :focus-visible)) #nav-notif {
  pointer-events: none !important;
}
html:has(#notifSvgMega:hover),  html:has(#nav-notif:is(:hover, :focus-visible))  #nav-profile {
  pointer-events: none !important;
}
#profileSvgMega, #notifSvgMega {
  display:block !important;
   z-index:2001; visibility:hidden; pointer-events:none; opacity:0; transform: translateY(8px) scale(.985); transition: opacity .18s cubic-bezier(.22,.61,.36,1), transform .18s cubic-bezier(.22,.61,.36,1);;
}
html[data-mega="profile"] #profileSvgMega {
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform: translateY(0) scale(1);
}
html[data-mega="notif"]   #notifSvgMega {
  visibility:visible;
  pointer-events:auto;
  opacity:1;
  transform: translateY(0) scale(1);
}
html[data-mega="profile"] #profileSvgMega[hidden] {
  display:block !important;
}
html[data-mega="notif"]   #notifSvgMega[hidden] {
  display:block !important;
}
html[data-mega="profile"] #nav-notif {
  pointer-events:none !important;
}
html[data-mega="notif"]   #nav-profile {
  pointer-events:none !important;
}

@media (prefers-reduced-motion: reduce) {
  #profileSvgMega, #notifSvgMega {
    transition: opacity .001s linear !important;
    transform:none !important;
  }
}

#profileSvgMega {
  z-index: 2001 !important;
  position: fixed;
}
#profileSvgMega::before,
#notifSvgMega::before {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
}
html:has(#nav-profile:is(:hover, :focus-visible)) #profileSvgMega,
#profileSvgMega:hover {
  visibility: visible !important;
  pointer-events: auto !important;
}
html:has(#nav-profile:is(:hover, :focus-visible)) #profileSvgMega *,
#profileSvgMega:hover * {
  pointer-events: auto !important;
}

@media (min-width: 901px) {
  :root {
    --nav-h-fixed: 76px !important;
    --header-h: var(--nav-h-fixed) !important;
  }
  .muz-site-header,
  .muz-site-header .muz-header-track {
    height: var(--nav-h-fixed) !important;
    min-height: var(--nav-h-fixed) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  html body {
     --nav-push: var(--nav-h-fixed) !important;
    padding-top: var(--nav-h-fixed) !important;
  }
  main > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

.muz-site-footer .muz-ft-logo {
   width: clamp(110px, 8.8vw, 160px);
}
.muz-site-footer .muz-ft-tag {
   width: clamp(44px, 3.6vw, 64px);
}
.muz-site-footer .muz-ft-brand {
  gap: clamp(6px, 1vw, 12px);
  margin-bottom: clamp(28px, 6vw, 60px);
}
.muz-site-footer .muz-ft-copy {
  margin-top: clamp(36px, 7.2vw, 96px);
}
.muz-site-footer .muz-ft-grid {
   justify-items: start !important;
  align-items: start !important;
  text-align: left !important;
  gap: clamp(16px, 2vw, 28px) clamp(36px, 4vw, 72px);
  ;
}
.muz-site-footer .muz-ft-head {
  text-align: left !important;
  margin: 0 0 8px 0 !important;
}
.muz-site-footer .muz-ft-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  ;
}
.muz-site-footer .muz-ft-links a {
  display: inline-block;
  line-height: 1.25;
   text-align: left;
  padding: 0;
  ;
}

@media (max-width: 720px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: repeat(2, minmax(140px,1fr)) !important;
    justify-items: start !important;
  }
}

.muz-site-footer .muz-ft-grid {
  justify-items: center !important;
  ;
}
.muz-site-footer .muz-ft-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  ;
}
.muz-site-footer .muz-ft-head {
  align-self: flex-start !important;
  margin: 0 0 8px 0 !important;
  text-align: left !important;
}
.muz-site-footer .muz-ft-links {
  align-self: flex-start !important;
   display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
   margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.muz-site-footer .muz-ft-links li {
  margin: 0 !important;
  padding: 0 !important;
}
.muz-site-footer .muz-ft-links a {
  display: inline-block !important;
  text-align: left !important;
  line-height: 1.25 !important;
  padding: 0 !important;
}
.muz-site-footer .muz-ft-head {
  margin-bottom: clamp(10px, 1.2vw, 16px) !important;
  ;
}
.muz-site-footer .muz-ft-links,
.muz-site-footer .muz-ft-links li,
.muz-site-footer .muz-ft-links a {
  opacity: .92 !important;
   transition: opacity .15s ease;
}
.muz-site-footer .muz-ft-links a:hover,
.muz-site-footer .muz-ft-links a:focus {
  opacity: 1 !important;
}
.muz-site-footer .muz-ft-track {
  --ft-max: 1200px;
  width: min(100%, var(--ft-max));
  margin-inline: auto;
  padding-inline: clamp(16px, 4vw, 40px);
}
.muz-site-footer .muz-ft-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: clamp(6px, 1vw, 10px);
  margin: 0 auto clamp(28px, 6vw, 56px) auto !important;
}
.muz-site-footer .muz-ft-grid {
  display: grid !important;
  grid-template-columns: repeat(4, max-content) !important;
   justify-content: center !important;
   justify-items: center !important;
   align-items: start !important;
  column-gap: clamp(56px, 8vw, 120px) !important;
   row-gap: 0 !important;
  margin-inline: auto !important;
}
.muz-site-footer .muz-ft-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.muz-site-footer .muz-ft-head {
  margin: 0 0 12px 0 !important;
  text-align: left !important;
}
.muz-site-footer .muz-ft-links {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  opacity: .72;
  ;
}
.muz-site-footer .muz-ft-links a:hover {
  opacity: 1;
}
.muz-site-footer .muz-ft-copy {
  margin-top: clamp(36px, 7vw, 96px) !important;
}

@media (max-width: 900px) {
  .muz-site-footer .muz-ft-grid {
    grid-template-columns: repeat(2, max-content) !important;
    column-gap: clamp(28px, 6vw, 56px) !important;
    row-gap: clamp(18px, 5vw, 24px) !important;
  }
}

.muz-site-footer .muz-ft-track {
  --ft-max: 1380px;
   padding-inline: clamp(24px, 5vw, 56px);
}
.muz-site-footer .muz-ft-grid {
  column-gap: clamp(96px, 12vw, 220px) !important;
}
.muz-site-footer .muz-ft-copy {
  margin-top: clamp(48px, 9vw, 120px) !important;
}

@media (min-width: 1600px) {
  .muz-site-footer .muz-ft-track {
    --ft-max: 1500px;
  }
  .muz-site-footer .muz-ft-grid {
    column-gap: clamp(120px, 10vw, 260px) !important;
  }
}

.muz-site-footer {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.muz-site-footer .muz-ft-track {
  padding-bottom: 0 !important;
}
.muz-site-footer .muz-ft-copy {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.muz-site-footer::after,
.muz-site-footer::before {
  content: none !important;
  display: none !important;
}
.muz-site-footer .muz-ft-copy {
  margin-bottom: 0 !important;
  ;
}
.muz-site-footer .muz-ft-track {
  padding-bottom: 15px !important;
   display: flow-root; ;
}
.muz-site-footer::after {
  content: "" !important;
  display: block !important;
  height: 3px !important;
}

@media (max-width: 900px) {
  :root {
    --nav-mobile-h: var(--header-h, 64px);
    --mobile-left-x: 10%;
    --mobile-right-x: 10%;
    --mobile-gap: 12px;
  }
  .muz-site-header {
    height: var(--nav-mobile-h);
    padding: 0 env(safe-area-inset-left) 0 env(safe-area-inset-right);
    position: sticky;
    top: 0;
    z-index: 1000;
    isolation: isolate;
  }
  .muz-header-track {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-mobile-h);
    width: 100%;
    margin-inline: auto;
  }
  .nav--anchors .muz-header-track {
    position: relative;
  }
  .nav--anchors .muz-theme-toggle,
  .nav--anchors .muz-btn-dropdown {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: var(--mobile-left-x);
  }
  .nav--anchors .muz-btn-signup {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: var(--mobile-right-x);
  }
  .nav--anchors .muz-logo-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .nav--center .muz-header-track {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    justify-content: space-between;
    gap: var(--mobile-gap);
    padding-inline: env(safe-area-inset-left) env(safe-area-inset-right);
  }
  .nav--center .muz-theme-toggle,
  .nav--center .muz-btn-dropdown {
    justify-self: start;
  }
  .nav--center .muz-logo-text {
    justify-self: center;
    transform: translateY(0);
  }
  .nav--center .muz-btn-signup {
    justify-self: end;
  }
  .muz-logo-text,
  .muz-theme-toggle,
  .muz-btn-signup,
  .muz-btn-dropdown {
    min-height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .muz-nav-panel {
    position: fixed;
    inset: 0;
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
    opacity: 0;
    transform: translateY(-10%);
    pointer-events: none;
    transition: opacity .25s ease, transform .25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .muz-nav-panel.is-open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .muz-nav-panel a {
    color: var(--text-primary);
    text-decoration: none;
    font-size: 1.2rem;
    padding: 12px 0;
  }
  html.nav-open, body.nav-open {
    overflow: hidden;
  }
}


@media (max-width: 900px) {
  body.is-logged-in .muz-icon-cart,
  body.is-logged-in .muz-icon-notif {
    display: none !important;
  }
  .muz-btn-login {
    display: none;
  }

@media (max-width: 900px) {
    body.is-logged-in .muz-btn-signup {
      display: none !important;
    }
    body.is-logged-in .muz-btn-login {
      display: flex !important;
      position: absolute;
      top: 50%;
      right: var(--mobile-right-x, 10%);
      transform: translateY(-50%);
      min-height: 44px;
      padding: 8px 14px;
      border-radius: 12px;
      background: var(--text-primary);
      color: rgba(10, 10, 10, 1);
      font-weight: 500;
      font-size: clamp(13px, 1.2vw, 23px);
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }
    body.is-logged-in .muz-btn-login:hover {
      filter: brightness(0.98);
    }
}

}


@media (max-width: 900px) {
  .muz-login--mobile {
    position: absolute !important;
    top: 50%;
    right: var(--mobile-right-x, 10%);
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 12px;
    background: var(--text-primary, #fff);
    color: var(--bg-primary, #000);
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    z-index: 10;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .muz-login--mobile:hover {
    opacity: 0.9;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-login {
    position: absolute !important;
    top: 50%;
    right: var(--mobile-right-x, 10%);
    transform: translateY(-50%);
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 12px;
    background: var(--text-primary, #fff);
    color: var(--bg-primary, #000);
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    z-index: 10;
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .muz-login:hover {
    opacity: 0.9;
  }
}


@media (max-width: 900px) {
  .muz-nav-ctas .muz-btn-signup {
    display: none !important;
    visibility: hidden !important;
  }
  .muz-nav-ctas .muz-login {
    position: absolute !important;
    top: 50% !important;
    right: var(--mobile-right-x, 10%) !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 14px;
    border-radius: 12px;
    background: #f0f2f4;
     color: #000 !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    z-index: 20;
    border: none;
    box-shadow: none;
    transition: background 0.2s ease, opacity 0.2s ease;
  }
  .muz-nav-ctas .muz-login:hover {
    background: #e8eaec;
  }
}


@media (max-width: 900px) {
  .muz-nav-ctas .muz-btn-signup {
    display: none !important;
    visibility: hidden !important;
  }
  .muz-nav-ctas .muz-login {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--text-primary, #f0f2f4);
    color: var(--bg-primary, #000) !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 0 18px;
    min-height: 44px;
    height: var(--header-h, 64px);
     box-sizing: border-box;
    margin-right: calc(env(safe-area-inset-right, 10px) + 4vw);
     transition: background 0.2s ease, opacity 0.2s ease;
  }
  .muz-nav-ctas .muz-login:hover {
    background: #e8eaec;
  }
  .muz-header-track {
    display: flex;
    align-items: center;
  }
}


@media (max-width: 900px) {
  .muz-site-header,
  .muz-header-track {
    height: var(--header-h, 64px) !important;
    min-height: 64px;
    display: flex !important;
    align-items: center !important;
  }
  .muz-nav-ctas .muz-btn-signup {
    display: none !important;
    visibility: hidden !important;
  }
  .muz-nav-ctas .muz-login {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    top: 50% !important;
    right: max(env(safe-area-inset-right), 4%) !important;
    transform: translateY(-50%) !important;
    background: #f0f2f4;
    color: #000 !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 18px;
    height: auto;
    min-height: 44px;
    z-index: 50;
    transition: background 0.2s ease, opacity 0.2s ease;
  }
  .muz-nav-ctas .muz-login:hover {
    background: #e8eaec;
  }
  .muz-site-header {
    overflow: visible !important;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
    visibility: hidden !important;
  }
  .muz-login {
    position: absolute !important;
    right: 16px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--text-primary, #f0f2f4);
    color: var(--bg-primary, #000) !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 14px;
    min-height: 44px;
    height: auto;
    z-index: 50;
    transition: background 0.2s ease, opacity 0.2s ease;
  }
  .muz-login:hover {
    background: #e8eaec;
  }
  .muz-header-track {
    display: flex !important;
    align-items: center !important;
  }
  .muz-site-header {
    overflow: visible !important;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-site-header {
    overflow: visible !important;
  }
  .muz-header-track {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--header-h, 64px);
  }
  .muz-nav-ctas {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    height: 100%;
  }
  .muz-login {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f2f4;
    color: #000 !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 16px;
    min-height: 44px;
    margin-right: clamp(10px, 4vw, 20px);
    height: auto;
    transition: background 0.2s ease;
  }
  .muz-login:hover {
    background: #e8eaec;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-header-track {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
     align-items: center !important;
    justify-content: space-between !important;
    height: var(--header-h, 64px);
    padding: 0 clamp(8px, 4vw, 20px);
  }
  .muz-nav-toggle-btn {
    justify-self: start;
  }
  .muz-logo-wrap {
    justify-self: center;
  }
  .muz-nav-ctas {
    justify-self: end;
    display: flex !important;
    align-items: center !important;
  }
  .muz-login {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f0f2f4;
    color: #000 !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 18px;
    min-height: 44px;
    height: auto;
    transition: background 0.2s ease;
  }
  .muz-login:hover {
    background: #e8eaec;
  }
}

.muz-header-track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: clamp(20px, 4vw, 48px);
}
.muz-theme-toggle,
.muz-login,
.muz-btn-signup {
  position: static !important;
  transform: none !important;
  top: auto !important;
}
.muz-login {
  margin-right: clamp(12px, 1.5vw, 28px);
}
.muz-btn-signup {
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .muz-header-track {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    height: var(--header-h, 64px);
    padding: 0 clamp(10px, 3vw, 24px);
  }
  .muz-btn-signup {
    display: none !important;
  }
  .muz-nav-ctas {
    position: absolute !important;
    right: clamp(10px, 3vw, 24px);
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center !important;
    gap: 8px;
  }
  .muz-login {
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f0f2f4;
    color: #000 !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 18px;
    min-height: 44px;
    transition: background 0.2s ease;
  }
  .muz-login:hover {
    background: #e8eaec;
  }
  .muz-site-header {
    overflow: visible !important;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-header-track {
    position: relative !important;
  }
  .muz-login {
    position: absolute !important;
    top: 50% !important;
    right: clamp(20px, 5vw, 50px) !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: var(--text-primary, #f0f2f4);
    color: var(--bg-primary, #000) !important;
    font-weight: 600;
    font-size: clamp(13px, 1.2vw, 23px);
    text-decoration: none;
    border-radius: 12px;
    padding: 8px 18px;
    min-height: 44px;
    height: auto;
    z-index: 999;
    transition: background 0.2s ease, opacity 0.2s ease;
  }
  .muz-login:hover {
    background: #e8eaec;
  }
  .muz-site-header {
    overflow: visible !important;
  }
  .muz-logo-wrap,
  .muz-nav-toggle-btn {
    top: 30% !important;
    transform: translateY(-50%) !important;
  }
}


@media (max-width: 900px) {
  .muz-header-track {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--header-h, 64px) !important;
    padding: 0 20px !important;
  }
  .muz-btn-signup {
    display: none !important;
  }
  .muz-nav-ctas {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    padding-right: clamp(15px, 4vw, 40px);
  }
  .muz-login {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 8px 20px !important;
    font-size: clamp(14px, 1.2vw, 18px);
    text-decoration: none !important;
    min-height: 44px !important;
  }
  .muz-login:hover {
    background: #e8eaec !important;
  }
}


@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-header-track {
    position: relative !important;
  }
  #navLoginBtn {
    position: absolute !important;
    right: 5vw !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    z-index: 9999 !important;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
  }
}

#navLoginBtn {
  position: absolute !important;
  right: 5vw !important;
  top: calc(50% + 3px) !important;
   transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #f0f2f4 !important;
  color: #000 !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  min-height: 44px !important;
  z-index: 9999 !important;
  transition: background 0.2s ease;
}
#navLoginBtn:hover {
  background: #e8eaec !important;
}
#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup {
    display: none !important;
  }
  .muz-header-track {
    position: relative !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: 5vw !important;
    top: calc(50% + 3px) !important;
    transform: translateY(-50%) !important;
    align-items: center;
    justify-content: center;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    min-height: 44px !important;
    z-index: 9999 !important;
    transition: background 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
  }
}

.muz-login {
  display: inline-flex !important;
  align-items: center;
  color: #ccc !important;
  font-weight: 500;
  text-decoration: none;
  margin-left: 12px;
  transition: color 0.2s ease;
}
.muz-login:hover {
  color: #fff !important;
}
#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-login {
    display: none !important;
  }
  .muz-btn-signup {
    display: none !important;
  }
  .muz-header-track {
    position: relative !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: 5vw !important;
    top: calc(50% + 3px) !important;
    transform: translateY(-50%) !important;
    align-items: center;
    justify-content: center;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    min-height: 44px !important;
    z-index: 9999 !important;
    transition: background 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login {
    display: none !important;
  }
  .muz-header-track {
    position: relative !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 4vw) !important;
     top: 50% !important;
    transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    min-height: 44px !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.02) !important;
  }
}

#navLoginBtn {
  display: none !important;
}
.muz-login {
  display: inline-flex !important;
  align-items: center;
  color: rgba(238, 240, 242, 0.75);
  font-weight: 500;
  text-decoration: none;
  transition: color 0.2s ease;
}
.muz-login:hover {
  color: rgba(238, 240, 242, 0.95);
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 4vw) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 12px !important;
    padding: 10px 22px !important;
    font-size: 1rem !important;
    text-decoration: none !important;
    min-height: 44px !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 6px) !important;
     transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 7px 16px !important;
     font-size: 0.95rem !important;
    text-decoration: none !important;
    min-height: 38px !important;
     z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 6px) !important;
     transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 5px 14px !important;
     font-size: 0.85rem !important;
     text-decoration: none !important;
    min-height: 32px !important;
     line-height: 1.2 !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 8px) !important;
     transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 4px 22px !important;
     font-size: 0.8rem !important;
     text-decoration: none !important;
    min-height: 30px !important;
     line-height: 1.1 !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 8px) !important;
    transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 4px 20px !important;
     font-size: 0.8rem !important;
    text-decoration: none !important;
    min-height: 26px !important;
     line-height: 1.1 !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}

#navLoginBtn {
  display: none !important;
}

@media (max-width: 900px) {
  .muz-btn-signup,
  .muz-login:not(#navLoginBtn) {
    display: none !important;
  }
  .muz-nav-ctas {
    position: relative !important;
    width: 100% !important;
  }
  #navLoginBtn {
    display: inline-flex !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 8px) !important;
    transform: translateY(-50%) !important;
    background: #f0f2f4 !important;
    color: #000 !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 4px 20px !important;
     font-size: 0.8rem !important;
    text-decoration: none !important;
    min-height: 16px !important;
     line-height: 1.1 !important;
    z-index: 9999 !important;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}


@media (max-width: 900px) {
  #navLoginBtn {
    all: unset !important;
     display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: calc(env(safe-area-inset-right, 0px) + 5vw) !important;
    top: calc(50% + 8px) !important;
    transform: translateY(-50%) !important;
     background: #f0f2f4 !important;
    color: #000 !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    border-radius: 10px !important;
    padding: 4px 20px !important;
    height: 34px !important;
     line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
  }
  #navLoginBtn:hover {
    background: #e8eaec !important;
    transform: translateY(-50%) scale(1.03) !important;
  }
}


@media (max-width: 900px) {
  .muz-site-header .muz-user-wrap {
    position: relative !important;
    top: 8px !important;
    ;
  }
}


@media (max-width: 900px) {
  .muz-site-header,
  .muz-header-track {
    overflow: visible !important;
    ;
  }
  .muz-site-header .muz-user-wrap {
    position: relative !important;
    top: 6px !important;
    ;
  }
}


@media (max-width: 900px) {
  .muz-site-header {
    min-height: 70px !important;
     overflow: visible !important;
    align-items: center !important;
  }
  .muz-header-track {
    overflow: visible !important;
    align-items: center !important;
  }
  .muz-site-header .muz-user-wrap {
    position: relative !important;
    top: 12px !important;
    ;
  }
  .muz-avatar-pdp {
    display: block !important;
    height: 40px !important;
    width: 40px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
  }
  .muz-status-dot {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
  }
}


@media (max-width: 900px) {
  .muz-status-dot {
    display: none !important;
    ;
  }
}


@media (max-width: 900px) {
  .muz-header-track {
    height: auto !important;
    min-height: 70px !important;
     overflow: visible !important;
  }
  .muz-site-header {
    overflow: visible !important;
    min-height: 70px !important;
  }
  .muz-site-header .muz-user-wrap {
    position: relative !important;
    top: 12px !important;
    ;
  }
}


@media (max-width: 900px) {
  .muz-header-track {
    display: flex !important;
    align-items: center !important;
     justify-content: space-between !important;
    height: var(--header-h, 64px) !important;
    overflow: visible !important;
  }
  .muz-site-header .muz-user-wrap,
  .muz-header-btn {
    position: relative !important;
    top: 0 !important;
    ;
  }
  .muz-site-header {
    overflow: visible !important;
  }
  .muz-logo-text {
    position: relative;
    top: 2px;
    ;
  }
}


@media (max-width: 900px) {
  .mobile-nav-panel {
    position: fixed;
    top: var(--header-height, 80px);
     left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 12, 18, 0.96);
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    z-index: 9998;
    ;
  }
  .mobile-nav-panel.open {
    opacity: 1;
    visibility: visible;
  }
  .mobile-nav-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    padding: 40px 0;
  }
  .mobile-nav-item {
    font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: clamp(22px, 5vw, 28px);
    font-weight: 600;
    color: #f3f5fa;
    text-decoration: none;
    transition: transform 0.2s ease, color 0.2s ease;
  }
  .mobile-nav-item:hover {
    color: #6ba8ff;
    transform: scale(1.05);
  }
  .mobile-nav-close {
    position: absolute;
    top: 20px;
    right: 26px;
    font-size: 28px;
    color: #f3f5fa;
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  .mobile-nav-close:hover {
    transform: rotate(90deg);
  }
  body.no-scroll {
    overflow: hidden;
  }
}

#mobileNavPanel {
  display: none;
  ;
}

@media (max-width: 900px) {
  #mobileNavPanel {
    position: fixed;
    top: var(--header-height, 80px);
     left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 12, 18, 0.96);
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    z-index: 9999;
  }
  #mobileNavPanel.open {
    opacity: 1;
    visibility: visible;
  }
  .mobile-nav-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  .mobile-nav-item {
    font-size: clamp(20px, 5vw, 28px);
    color: #e8ebf2;
    text-decoration: none;
    font-weight: 600;
  }
  .mobile-nav-item:hover {
    color: #63aaff;
  }
  .mobile-nav-close {
    position: absolute;
    top: 20px;
    right: 26px;
    font-size: 28px;
    color: #f3f5fa;
    background: none;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease;
  }
  .mobile-nav-close:hover {
    transform: rotate(90deg);
  }
}

#mobileNavPanel {
  display: none;
  ;
}

@media (max-width: 900px) {
  #mobileNavPanel {
    position: fixed;
    top: var(--header-h, 64px);
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(10, 12, 18, 0.96);
    backdrop-filter: blur(14px) saturate(130%);
    -webkit-backdrop-filter: blur(14px) saturate(130%);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    z-index: 9999;
  }
  #mobileNavPanel.open {
    opacity: 1;
    visibility: visible;
  }
  .mobile-nav-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  .mobile-nav-item {
    font-size: clamp(20px, 5vw, 28px);
    color: #e8ebf2;
    font-weight: 600;
    text-decoration: none;
  }
  .mobile-nav-item:hover {
    color: #63aaff;
  }
  .mobile-nav-close {
    position: absolute;
    top: 20px;
    right: 26px;
    font-size: 28px;
    color: #f3f5fa;
    background: none;
    border: none;
    cursor: pointer;
  }
}