.site-header, .site-footer { color: var(--text, #c8d8f0); font-family: 'DM Mono', monospace; }
.site-header *, .site-footer * { box-sizing: border-box; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; padding: 0; border-bottom: 1px solid transparent; background: transparent; transition: background .4s ease, border-color .4s ease, backdrop-filter .4s ease; }
.site-header.scrolled { background: rgba(7, 17, 31, .98); border-bottom-color: var(--border, rgba(93,255,208,.12)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.site-header-inner { width: min(100%, 1440px); min-height: 80px; margin: auto; padding: 0 4rem; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header-logo { display: inline-flex; flex: none; align-items: center; gap: .75rem; color: var(--text, #c8d8f0); text-decoration: none; }
.site-header-logo img { display: block; width: 32px; height: 32px; object-fit: contain; filter: drop-shadow(0 0 8px rgba(93,255,208,.4)); }
.site-header-logo span { font-family: Syne, sans-serif; font-size: 1.1rem; font-weight: 700; letter-spacing: 2px; }
.site-header nav.site-header-links { position: static; inset: auto; width: auto; margin: 0; padding: 0; border: 0; background: transparent; display: flex; align-items: center; gap: clamp(18px, 2.5vw, 40px); }
.site-header-links a, .site-market-link { color: var(--dim, #8296b1); font-family: 'DM Mono', monospace; font-size: .78rem; letter-spacing: 1px; text-decoration: none; white-space: nowrap; }
.site-header-links a:hover, .site-market-link:hover { color: var(--accent, #5dffd0); }
.site-header-actions { display: flex; flex: none; align-items: center; gap: 12px; }
.site-header-social { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--text, #c8d8f0); text-decoration: none; }
.site-header-social:hover { color: var(--accent, #5dffd0); background: rgba(93,255,208,.08); }
.site-header-social svg, .site-header-social img { display: block; width: 20px; height: 20px; object-fit: contain; }
.site-header-social svg { fill: currentColor; }
.site-market-link { color: var(--text, #c8d8f0); }
.site-menu-button { display: none; }
.site-back-top { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--border, rgba(93,255,208,.2)); border-radius: 50%; background: rgba(93,255,208,.08); color: var(--accent, #5dffd0); cursor: pointer; }
.site-back-top svg { width: 17px; height: 17px; }
.site-back-top:not(.is-visible) { visibility: hidden; pointer-events: none; }
.site-footer { display: block; position: relative; z-index: 2; padding: 0; border-top: 1px solid var(--border, rgba(93,255,208,.12)); background: #07111f; text-align: left; }
.footer-main, .footer-bottom-inner { width: min(100%, 1440px); margin: auto; padding-inline: 4rem; }
.footer-main { display: grid; grid-template-columns: 1.65fr 1fr 1.2fr 1fr; gap: 50px; padding-block: 58px 49px; }
.footer-brand { min-width: 0; }
.footer-brand-mark { display: inline-flex; align-items: center; gap: 12px; min-height: 42px; color: var(--text, #c8d8f0); text-decoration: none; }
.footer-brand-mark span { font-family: Syne, sans-serif; font-size: 1.55rem; font-weight: 700; letter-spacing: 2px; }
.footer-brand p { margin: 23px 0 0; color: #9aabc0; font-size: 12px; line-height: 2.1; }
.footer-socials { display: flex; flex-wrap: nowrap; gap: .65rem; margin-top: 18px; }
.social-link { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: .45rem .8rem; border: 1px solid var(--border, rgba(93,255,208,.2)); border-radius: 999px; color: #9aabc0; font-size: .82rem; line-height: 1.4; text-decoration: none; white-space: nowrap; transition: color 160ms ease, border-color 160ms ease, background 160ms ease; }
.social-link:hover { border-color: rgba(93,255,208,.4); background: rgba(93,255,208,.055); color: var(--text, #c8d8f0); }
.social-link svg, .social-link img { display: block; width: 20px; height: 20px; flex: none; object-fit: contain; }
.social-link svg { fill: currentColor; }
.footer-column h2 { margin: 2px 0 19px; color: var(--text, #c8d8f0); font-size: 12px; font-weight: 700; letter-spacing: .5px; line-height: 1.8; }
.site-footer .footer-column nav { display: grid; position: static; inset: auto; width: auto; margin: 0; padding: 0; border: 0; background: transparent; gap: 4px; }
.footer-column nav > a, .footer-current { display: flex; align-items: center; justify-content: flex-start; gap: 12px; min-height: 36px; color: #9aabc0; font-size: 12px; text-decoration: none; white-space: nowrap; }
.footer-column small { color: #7b8da4; font-size: 10px; white-space: nowrap; }
.footer-current { color: var(--text, #c8d8f0); }
.footer-main a:hover { color: var(--accent, #5dffd0); }
.footer-bottom { border-top: 1px solid var(--border, rgba(93,255,208,.12)); }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; min-height: 82px; color: var(--dim, #8296b1); font-size: .78rem; }
.footer-company { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; }
.footer-company span { text-wrap: balance; }
.footer-market { display: flex; align-items: center; gap: .8rem; white-space: nowrap; }
.footer-market a { display: inline-flex; align-items: center; gap: .38rem; color: var(--text, #c8d8f0); text-decoration: none; }
.footer-market svg { width: 16px; height: 16px; }
.footer-market a:hover { color: var(--accent, #5dffd0); }
.site-header :is(a,button):focus-visible, .site-footer a:focus-visible { outline: 2px solid var(--accent, #5dffd0); outline-offset: 3px; }
body > main { padding-top: max(9rem, 144px) !important; }
html { scroll-padding-top: 95px; }
@media (max-width: 900px) {
  .site-header-inner, .footer-main, .footer-bottom-inner { padding-inline: 1.5rem; }
  .footer-main { gap: 28px; }
  .footer-bottom-inner { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .site-header-inner { min-height: 68px; gap: 10px; }
  .site-header-logo { gap: 6px; }
  .site-header-logo span { font-size: .8rem; letter-spacing: 1px; }
  .site-header-logo img { width: 24px; height: 24px; }
  .site-header nav.site-header-links { display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding: 1rem 1.5rem; background: #07111f; border-bottom: 1px solid var(--border, rgba(93,255,208,.12)); flex-direction: column; align-items: flex-start; gap: 1rem; }
  .site-header nav.site-header-links.is-open { display: flex; }
  .site-header-actions { gap: 4px; }
  .site-header-social { width: 30px; height: 30px; }
  .site-header-social svg, .site-header-social img { width: 17px; height: 17px; }
  .site-market-link { font-size: .7rem; }
  .site-menu-button { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--border, rgba(93,255,208,.2)); background: transparent; color: var(--text, #c8d8f0); cursor: pointer; }
  .site-back-top { width: 30px; height: 30px; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 30px 24px; padding-block: 39px 34px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-brand p { margin-top: 15px; }
  .footer-socials { margin-top: 12px; }
  .footer-column h2 { margin-bottom: 12px; }
  .footer-column small { font-size: 9px; }
  .footer-bottom-inner { align-items: flex-start; flex-direction: column; gap: .75rem; padding-block: 1.6rem; }
  .footer-market { flex-wrap: wrap; gap: .3rem .8rem; white-space: normal; }
  .footer-market a { white-space: nowrap; }
  body > main { padding-top: max(7rem, 112px) !important; }
}
@media (max-width: 380px) {
  .footer-socials { gap: .4rem; }
  .footer-socials .social-link { gap: 5px; padding: .4rem .55rem; font-size: .75rem; }
  .site-header-inner { padding-inline: 12px; gap: 4px; }
  .site-header-logo { gap: 6px; }
  .site-header-logo img { width: 24px; height: 24px; }
  .site-header-logo span { font-size: .75rem; letter-spacing: 1px; }
  .site-header-actions { gap: 4px; }
  .site-header-social { width: 26px; height: 26px; }
  .site-header-social svg, .site-header-social img { width: 15px; height: 15px; }
  .site-market-link { font-size: .62rem; }
  .site-menu-button, .site-back-top { width: 28px; height: 28px; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-column nav > a, .footer-current { white-space: normal; }
}