:root{color-scheme:light dark;--bg:#f5f2ec;--panel:rgba(255,255,255,.72);--text:#1b1a18;--muted:#6c6862;--line:rgba(27,26,24,.12);--max:820px}
@media(prefers-color-scheme:dark){:root{--bg:#11100f;--panel:rgba(27,26,24,.74);--text:#f4f0ea;--muted:#aaa39a;--line:rgba(255,255,255,.12)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Segoe UI,sans-serif;line-height:1.65}a{color:inherit}
header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 84%,transparent)}
nav{max-width:1040px;margin:auto;padding:14px 22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{text-decoration:none;font-weight:800;letter-spacing:-.03em}
.navright{display:flex;gap:18px;align-items:center}.navlinks{display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}.navlinks a{text-decoration:none}
.lang-switch{display:flex;gap:6px}.lang-switch button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:6px 10px;font:inherit;font-size:.82rem;cursor:pointer}.lang-switch button.active{color:var(--text);background:var(--panel);font-weight:700}
main{max-width:var(--max);margin:auto;padding:66px 22px 90px}.hero{padding:18px 0 36px}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}
h1,h2,h3{letter-spacing:-.035em;line-height:1.15}h1{font-size:clamp(2.7rem,8vw,5.4rem);margin:10px 0 14px}h2{font-size:1.5rem;margin-top:42px}h3{font-size:1.08rem;margin-top:28px}.lead{font-size:1.18rem;color:var(--muted);max-width:650px}
.card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);margin:18px 0}.meta{color:var(--muted)}ul{padding-left:22px}footer{max-width:1040px;margin:auto;border-top:1px solid var(--line);padding:26px 22px 44px;color:var(--muted);font-size:.88rem}.lang-pane[hidden]{display:none!important}
@media(max-width:720px){nav{align-items:flex-start;flex-direction:column}.navright{width:100%;justify-content:space-between;align-items:flex-start}.navlinks{gap:8px 12px}main{padding-top:42px}}