
.header{position:sticky;top:0;z-index:60;background:rgba(237,246,243,.94);backdrop-filter:blur(16px);border-bottom:3px solid var(--ink)}
.nav{min-height:78px;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{background:var(--navy);color:white;padding:5px 7px;margin-right:6px}
.links{display:flex;justify-content:center;gap:3px;overflow:auto}.links a{text-decoration:none;padding:9px 11px;border:2px solid transparent;white-space:nowrap}
.links a:hover,.links a.active{border-color:var(--navy);background:var(--snow)}
.lang{border:2px solid var(--navy);background:var(--cyan);padding:8px 11px;font-weight:900}
.btn{border:2px solid var(--ink);background:var(--navy);color:white;padding:11px 15px;font-weight:900;cursor:pointer}
.btn.alt{background:var(--snow);color:var(--ink)}.btn:hover{background:var(--orange);color:var(--ink)}
.footer{background:var(--navy);color:white;padding:28px 0}.footer .shell{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.page-head{padding:70px 0 34px;border-bottom:3px solid var(--ink)}.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:var(--muted)}
.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}}
