:root{--background:#070a10;--surface:#0d121c;--ink:#f2f3f5;--muted:#a8afbf;--line:#242d3c;--gold:#dfbd7d}
.wordmark{display:inline-flex;align-items:center;gap:7px;font-size:16px;letter-spacing:.02em}
.app-brand-mark{position:relative;display:inline-block;overflow:hidden;width:30px;height:32px}
.app-brand-mark img{position:absolute;width:44px;height:66px;max-width:none;left:-7px;top:-17px;mix-blend-mode:screen}
.product-hero h1{font-weight:450}
.site-header{gap:20px}
@media(max-width:600px){.site-header{flex-wrap:wrap;padding-block:17px;gap:12px}
.site-header nav{margin-left:auto}
.wordmark{font-size:13px}
.site-header nav a{font-size:11px}
}
