/* marketing-glass.css — dark glass for public pages other than / ?v=kx1
   Same tokens as deposit-page.css (glass-tokens.css). Linked last, after glass-site.css.
   Not used on index.html (that page keeps glass-home.css). Not the logged-in portal.
   Page shell never translates or slides. Motion is inner card glow only.
   Never styles .kchat-* (KNGX Care). */
html,
body{
  background:var(--kx-page) !important;
  color:var(--kx-body) !important;
  color-scheme:dark;
}
html,
body,
html body > header,
html body > .ktop,
html body > footer,
html body main,
html body .kpage,
html body .phero,
html body .site{
  transform:none !important;
  translate:none !important;
  animation:none !important;
}
html body main,
html body .kpage,
html body .phero,
html body .site,
html body .sec,
html body section.sec{
  background:transparent !important;
  background-color:transparent !important;
}
html body > header,
html body > header.scrolled,
html body > .ktop{
  background-color:var(--kx-bar-strong) !important;
  background-image:none !important;
  color:var(--kx-fg) !important;
  border-bottom:1px solid var(--kx-edge-soft) !important;
  box-shadow:var(--kx-inset-bar) !important;
  -webkit-backdrop-filter:blur(var(--kx-blur-bar)) saturate(var(--kx-sat-bar)) !important;
  backdrop-filter:blur(var(--kx-blur-bar)) saturate(var(--kx-sat-bar)) !important;
}
html body > header .logo,
html body > .ktop,
html body > .ktop a{
  color:var(--kx-fg) !important;
}
html body > header .logo img{
  animation:depCoinGlow 5.6s ease-in-out infinite;
  border-radius:8px;
}
html body > header .mega,
html body > header .mnav.on,
html body > header .mega-in{
  background-color:var(--kx-panel) !important;
  background-image:none !important;
  border:1px solid var(--kx-edge-mid) !important;
  color:var(--kx-body) !important;
  -webkit-backdrop-filter:blur(var(--kx-blur-bar)) saturate(var(--kx-sat-bar));
  backdrop-filter:blur(var(--kx-blur-bar)) saturate(var(--kx-sat-bar));
}
html body > footer,
html body .fbot{
  background:var(--kx-bar) !important;
  color:var(--kx-muted) !important;
  border-top:1px solid var(--kx-edge-soft) !important;
}
html body > footer h4,
html body > footer .logo,
html body .fbot{
  color:var(--kx-text) !important;
}
html body > footer a{color:var(--kx-gold) !important}

html body h1,
html body h2,
html body h3,
html body .kcard h2,
html body .kcard h3{color:var(--kx-text) !important}
html body .lead,
html body .lede,
html body .sub,
html body .fine,
html body .kcard p,
html body .kcard li,
html body .ccard p,
html body .acard .sub,
html body .phero .lead{color:var(--kx-muted) !important}
html body .eyebrow,
html body .gold,
html body .crumb,
html body .kpage>.crumb,
html body .kpage>.crumb a{color:var(--kx-gold) !important}

html body .kcard,
html body .acard,
html body .fcard,
html body .pstat,
html body .spec,
html body .grp,
html body .ccard,
html body .step,
html body .pcard,
html body .itile,
html body .tcard,
html body .wcard,
html body .gitem,
html body .ncard,
html body .cpanel{
  background:var(--kx-card) !important;
  border:1px solid var(--kx-edge) !important;
  color:var(--kx-body) !important;
  box-shadow:var(--kx-card-shadow) !important;
  -webkit-backdrop-filter:blur(var(--kx-blur)) saturate(var(--kx-sat));
  backdrop-filter:blur(var(--kx-blur)) saturate(var(--kx-sat));
}
html body .acard,
html body .ccard,
html body .fcard,
html body .kcard,
html body .pstat{
  animation:depAddrGlow 7s ease-in-out infinite;
}
html body .kmeta span,
html body .acct-badge,
html body .tag{
  background:var(--kx-gold-wash) !important;
  color:var(--kx-text) !important;
  border:1px solid var(--kx-edge-35) !important;
}
html body .specs th,
html body .specs td{
  color:var(--kx-muted) !important;
  border-bottom-color:var(--kx-line) !important;
}
html body .specs th{color:var(--kx-gold) !important}

html body a.btn.pri,
html body button.btn.pri,
html body .btn.pri.pri,
html body .kactions .pri,
html body .kactions a.pri,
html body .ktop .r a[href="/register"]{
  background:var(--kx-gold-grad) !important;
  background-image:var(--kx-gold-grad) !important;
  border-color:var(--kx-gold) !important;
  color:var(--kx-ink) !important;
}
html body a.btn.ghost,
html body button.btn.ghost,
html body .btn.ghost.ghost,
html body .kactions .ghost,
html body .kactions a.ghost{
  background:transparent !important;
  border:1px solid var(--kx-edge-btn) !important;
  color:var(--kx-text) !important;
  box-shadow:none !important;
}
html body .btn:hover,
html body .kcard:hover,
html body .acard:hover,
html body .ccard:hover,
html body .fcard:hover,
html body header{
  transform:none !important;
}

@keyframes depCoinGlow{
  0%,100%{box-shadow:0 0 0 1px var(--kx-green-28), 0 0 14px var(--kx-green-22)}
  50%{box-shadow:0 0 0 1px var(--kx-edge-70), 0 0 26px var(--kx-gold-38)}
}
@keyframes depAddrGlow{
  0%,100%{box-shadow:0 0 0 1px var(--kx-green-18), 0 0 16px var(--kx-green-12)}
  50%{box-shadow:0 0 0 1px var(--kx-edge-strong), 0 0 26px var(--kx-edge-20)}
}
@media (prefers-reduced-motion:reduce){
  html body > header .logo img,
  html body .acard,
  html body .ccard,
  html body .fcard,
  html body .kcard,
  html body .pstat,
  html body .btn,
  html body .step,
  html body .pcard,
  html body .itile{
    animation:none !important;
    transition:none !important;
  }
}