.topbar{position:sticky;top:0;z-index:60;background:rgba(7,16,24,.9);backdrop-filter:blur(16px);border-bottom:1px solid #34515a}
.nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}
.logo{text-decoration:none;font-weight:900;letter-spacing:-.04em}.logo b{color:var(--amber)}
.links{display:flex;justify-content:center;gap:4px;overflow:auto}.links a{text-decoration:none;padding:9px 12px;border:1px solid transparent;white-space:nowrap}
.links a:hover,.links a.active{border-color:var(--amber);color:var(--amber)}
.lang{background:var(--deep);color:var(--mist);border:1px solid #50666c;padding:8px 11px}
.btn{border:1px solid var(--amber);background:var(--amber);color:var(--ink);padding:12px 16px;font-weight:900;cursor:pointer}
.btn.ghost{background:transparent;color:var(--mist);border-color:#5b7379}.btn:hover{transform:translateY(-2px)}
.footer{padding:28px 0;border-top:1px solid #34515a;color:#89a0a6}.footer .shell{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.page-head{padding:72px 0 34px;border-bottom:1px solid #34515a}.page-head h1{font-size:clamp(4rem,9vw,9rem);line-height:.78;letter-spacing:-.075em;margin:.16em 0}.page-head p{max-width:900px;line-height:1.8;color:#94a9ad}
.section{padding:64px 0}
@media(max-width:980px){.nav{grid-template-columns:1fr auto}.links{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:10px}}