/* ============================================================
   NONOS brand chrome shared across non-home pages
   - Floating Ø watermarks (subtle, behind content)
   - Bottom brand strip with route map
   ============================================================ */

#appsPage, #appsDetailPage, #launchPage, #tradePage, #swapPage, #scanPage, #bridgePage {
    position: relative;
}
#appsPage::before, #appsDetailPage::before,
#launchPage::before, #tradePage::before,
#swapPage::before, #scanPage::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(circle at 12% 8%, transparent 60px, rgba(10,10,10,0.025) 64px, transparent 68px),
        radial-gradient(circle at 88% 22%, transparent 80px, rgba(10,10,10,0.025) 84px, transparent 88px),
        radial-gradient(circle at 6% 78%, transparent 100px, rgba(10,10,10,0.025) 104px, transparent 108px);
    pointer-events: none;
    z-index: 0;
}
.nx-watermark {
    position: absolute;
    color: rgba(10,10,10,0.025);
    font: 900 clamp(280px, 50vw, 720px)/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    letter-spacing: -0.05em;
}
#appsPage > *, #appsDetailPage > *, #launchPage > *, #tradePage > *, #swapPage > *, #scanPage > * {
    position: relative;
    z-index: 1;
}

/* Brand stripe footer — appears on every non-home page */
.nx-brand-strip {
    margin: 64px auto 0;
    background: #0a0a0a;
    color: #ece9d8;
    padding: 38px 40px;
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1fr;
    gap: 40px;
    border-top: 6px solid #1a7878;
}
.nx-brand-strip h4 {
    font: 700 0.72rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #1a7878;
    margin: 0 0 14px;
}
.nx-brand-strip p {
    font: 400 13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color: rgba(236,233,216,0.65);
    margin: 0;
    max-width: 320px;
}
.nx-brand-strip ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nx-brand-strip ul li {
    margin-bottom: 8px;
}
.nx-brand-strip ul a {
    color: #ece9d8;
    text-decoration: none;
    font: 500 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    transition: color 0.12s;
}
.nx-brand-strip ul a:hover { color: #1a7878; }
.nx-brand-strip ul a .arr {
    color: rgba(236,233,216,0.40);
    margin-left: 6px;
    font-family: ui-monospace,'SF Mono',Menlo,monospace;
}
.nx-brand-strip .nx-brand-mark {
    font: 900 64px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color: #1a7878;
    margin: 0 0 8px;
    letter-spacing: -0.05em;
}
.nx-brand-strip .nx-brand-strapline {
    font: 700 1rem/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    color: #ece9d8;
    margin: 0 0 12px;
    letter-spacing: -0.01em;
}
.nx-brand-foot {
    border-top: 1px solid rgba(236,233,216,0.10);
    padding: 18px 40px;
    background: #0a0a0a;
    color: rgba(236,233,216,0.55);
    font: 400 0.72rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.nx-brand-foot strong { color: #ece9d8; font-weight: 600; }

@media (max-width: 900px) {
    .nx-brand-strip { grid-template-columns: 1fr 1fr; gap: 28px; padding: 28px 22px; }
    .nx-brand-foot { padding: 14px 22px; flex-direction: column; text-align: left; }
}
@media (max-width: 600px) {
    .nx-brand-strip { grid-template-columns: 1fr; }
}

/* Quick nav strip near top of /apps to clarify trading flow */
.mk-quicknav, .lp-quicknav, .sw-quicknav, .sx-quicknav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin: 0 0 28px;
    border: 2px solid #0a0a0a;
}
.mk-quicknav a, .lp-quicknav a, .sw-quicknav a, .sx-quicknav a {
    background: #ece9d8;
    color: #0a0a0a;
    text-decoration: none;
    padding: 16px 18px;
    border-right: 1px solid #0a0a0a;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: background 0.14s;
}
.mk-quicknav a:last-child, .lp-quicknav a:last-child, .sw-quicknav a:last-child, .sx-quicknav a:last-child {
    border-right: none;
}
.mk-quicknav a:hover, .lp-quicknav a:hover, .sw-quicknav a:hover, .sx-quicknav a:hover {
    background: #d8d4be;
}
.mk-quicknav .qn-num, .lp-quicknav .qn-num, .sw-quicknav .qn-num, .sx-quicknav .qn-num {
    font: 600 0.62rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.20em;
    color: #1a7878;
}
.mk-quicknav .qn-label, .lp-quicknav .qn-label, .sw-quicknav .qn-label, .sx-quicknav .qn-label {
    font: 700 0.92rem/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.mk-quicknav .qn-sub, .lp-quicknav .qn-sub, .sw-quicknav .qn-sub, .sx-quicknav .qn-sub {
    font: 400 0.66rem/1 ui-monospace,'SF Mono',Menlo,monospace;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: rgba(10,10,10,0.55);
}
.mk-quicknav a.active, .lp-quicknav a.active, .sw-quicknav a.active, .sx-quicknav a.active {
    background: #0a0a0a;
}
.mk-quicknav a.active *, .lp-quicknav a.active *, .sw-quicknav a.active *, .sx-quicknav a.active * {
    color: #ece9d8 !important;
}
.mk-quicknav a.active .qn-num, .lp-quicknav a.active .qn-num, .sw-quicknav a.active .qn-num, .sx-quicknav a.active .qn-num {
    color: #1a7878 !important;
}
@media (max-width: 700px) {
    .mk-quicknav, .lp-quicknav, .sw-quicknav, .sx-quicknav { grid-template-columns: 1fr 1fr; }
    .mk-quicknav a:nth-child(2n), .lp-quicknav a:nth-child(2n), .sw-quicknav a:nth-child(2n), .sx-quicknav a:nth-child(2n) { border-right: none; }
    .mk-quicknav a:nth-child(-n+2), .lp-quicknav a:nth-child(-n+2), .sw-quicknav a:nth-child(-n+2), .sx-quicknav a:nth-child(-n+2) { border-bottom: 1px solid #0a0a0a; }
}