* { box-sizing: border-box; margin: 0; padding: 0; }
.display { font-family: "Bahnschrift", "Arial Narrow", "Franklin Gothic Medium", "Helvetica Neue", sans-serif; font-stretch: condensed; font-weight: 700; letter-spacing: .01em; text-wrap: balance; }
.mono { font-family: "Cascadia Mono", "Consolas", "Courier New", monospace; font-variant-numeric: tabular-nums; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; border-radius: 2px; }
.gold { color: var(--gold); }
nav { display: flex; align-items: center; gap: 26px; padding: 20px clamp(20px, 5vw, 64px); position: sticky; top: 0; z-index: 60; background: rgba(7,10,18,0.7); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line-soft); }
.wordmark { display: flex; align-items: baseline; gap: 10px; text-decoration: none; }
.wordmark .tn { font-size: 26px; letter-spacing: .04em; font-weight: 800; }
.wordmark .tn em { font-style: normal; color: var(--gold); }
.nav-links { display: flex; gap: 26px; margin-left: auto; }
.nav-links a { text-decoration: none; font-size: 13px; color: var(--text-2); letter-spacing: .04em; transition: color .15s; }
.nav-links a:hover, .nav-links a[aria-current] { color: var(--gold); }
nav .btn { padding: 9px 18px; }
@media (max-width: 760px) {
    nav { flex-wrap: wrap; gap: 8px 14px; padding: 12px 16px 10px; }
    .nav-links { order: 3; width: 100%; margin-left: 0; gap: 18px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
    .nav-links::-webkit-scrollbar { display: none; }
    .nav-links a { font-size: 12px; white-space: nowrap; }
    nav .btn-ghost { margin-left: auto; }
  }
.crumb { font-size: 11px; letter-spacing: .18em; color: var(--dim); text-transform: uppercase; margin-bottom: 20px; }
.crumb a { color: var(--dim); text-decoration: none; }
.crumb a:hover { color: var(--gold); }
footer { border-top: 1px solid var(--line-soft); padding: 34px clamp(20px, 5vw, 64px); display: flex; gap: 24px; flex-wrap: wrap; align-items: center; font-size: 12px; color: var(--dim); margin-top: 56px; }
.foot-juridik { display: flex; gap: 16px; flex-wrap: wrap; }
.foot-juridik a { color: var(--dim); text-decoration: none; }
.foot-juridik a:hover { color: var(--gold); }
footer .risk { margin-left: auto; max-width: 62ch; }