:root{--nav-surface:#111e30;--nav-line:#30455e;--nav-text:#edf4ff;--nav-muted:#b8c7da;--nav-accent:#c5dcff}html{color-scheme:dark}
.brand-header{box-sizing:border-box;max-width:1440px;margin:18px auto 0;padding:14px 24px;display:flex;gap:24px;align-items:center;background:var(--nav-surface);border:1px solid var(--nav-line);border-radius:20px;position:relative;z-index:10}
.brand-lockup{display:flex;align-items:center;gap:10px;color:var(--nav-text);text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px;flex-shrink:0}
.brand-sub{font-weight:400;color:var(--nav-muted);margin-left:3px}
.brand-menu{flex:1;min-width:0}.brand-menu nav,.brand-account{display:flex;gap:8px;align-items:center}
.brand-account{margin-left:auto;border-left:1px solid var(--nav-line);padding-left:12px}
.brand-menu a,.brand-menu button,.brand-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border-radius:10px;color:var(--nav-muted);font-size:14px;text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer;touch-action:manipulation}
.brand-menu a:hover,.brand-menu button:hover,.brand-menu a[aria-current]{background:#233750;color:white}
.brand-menu .brand-cta{background:var(--nav-accent);color:#102137;font-weight:650}.brand-menu form{margin:0}
.brand-header :is(a,button):focus-visible{outline:2px solid white;outline-offset:3px}
.brand-header .brand-toggle{display:none;gap:10px;border:1px solid var(--nav-line);color:var(--nav-text);min-width:116px;flex-shrink:0}
.brand-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.brand-toggle .nav-cross{display:none}.brand-toggle[aria-expanded=true] .nav-cross{display:block}.brand-toggle[aria-expanded=true] .nav-bars{display:none}
.brand-toggle:hover,.brand-toggle[aria-expanded=true]{background:#233750}.brand-toggle:active{background:#30455e}
.brand-footer{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:36px 0;border-top:1px solid var(--nav-line);color:var(--nav-muted);font-size:14px}.brand-footer p{margin:8px 0}.brand-footer a{color:var(--nav-text)}.footer-guides{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-guides strong{color:var(--nav-text);margin-bottom:2px}.brand-clock{display:flex;flex-direction:column;gap:4px}.brand-clock time{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--nav-text)}.market-page{padding:40px 0 70px}.market-page nav{color:var(--nav-muted);font-size:14px}.market-hero{padding:54px 0 46px;max-width:940px}.market-hero h1{font-size:clamp(32px,4.8vw,64px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.market-hero p{max-width:72ch;line-height:1.75}.market-lead{font-size:24px;color:var(--nav-accent)}.market-body{max-width:850px;border-left:2px solid var(--nav-line);padding-left:32px}.market-body section{padding:14px 0 26px}.market-body h2{font-size:26px;line-height:1.25}.market-body p{line-height:1.8;color:#c1cfe0}.market-body aside{margin-top:22px;padding:26px;background:var(--nav-surface);border-radius:16px}.market-page a{scroll-margin-top:20px}
@media(max-width:1200px){
 .brand-header{margin:10px 12px 0;flex-wrap:wrap;gap:0 12px;padding:12px 16px}
 .brand-header .brand-toggle{display:inline-flex;margin-left:auto}
 .brand-header .brand-menu{display:none;flex:1 0 100%;padding-top:14px;margin-top:12px;border-top:1px solid var(--nav-line)}
 .brand-header .brand-menu.is-open{display:block;animation:brand-reveal 120ms ease-out}
 .brand-menu nav{position:static;display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .brand-menu a,.brand-menu button{justify-content:flex-start;white-space:normal;overflow-wrap:anywhere;font-size:16px}
 .brand-account{margin:8px 0 0;padding:12px 0 0;border-left:0;border-top:1px solid var(--nav-line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .brand-account form button{width:100%}
 .market-body{padding-left:18px}.market-hero{padding-top:30px}
 .brand-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.brand-header{padding:10px 12px}.brand-lockup{font-size:19px;gap:7px}.brand-lockup img{width:32px;height:32px}.brand-header .brand-toggle{min-width:100px;padding:10px;gap:6px}}
@keyframes brand-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-header .brand-menu.is-open{animation:none}}
@media print{.brand-header,.brand-footer{display:none}}