:root {
  color-scheme: dark;
  --bg: #0b0d0a;
  --panel: #141813;
  --line: rgba(255,255,255,.09);
  --ink: #edf2e8;
  --muted: #929b8c;
  --accent: #c8ff45;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: radial-gradient(circle at 10% 0%, rgba(91,137,44,.23), transparent 31rem), var(--bg); }
a { color: inherit; }
header { display: flex; justify-content: space-between; align-items: center; width: min(920px, calc(100% - 40px)); margin: 0 auto; padding: 25px 0; }
header > a:last-child { color: var(--muted); font-size: .72rem; text-decoration: none; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-decoration: none; }
.brand i { width: 20px; height: 20px; border: 5px solid var(--accent); border-radius: 50% 50% 50% 15%; transform: rotate(-12deg); }
main { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 68px 0 40px; }
.eyebrow, .section-label { margin: 0 0 13px; color: var(--accent); font-size: .66rem; font-weight: 850; letter-spacing: .2em; }
h1 { margin: 0; font-size: clamp(2.7rem, 8vw, 6rem); line-height: .94; letter-spacing: -.07em; }
h1 span { color: #778071; }
.lead { max-width: 670px; margin: 27px 0 0; color: #b7beb2; font-size: .93rem; line-height: 1.8; }
.lead[lang="en"] { margin-top: 8px; color: #7f887b; }
section { scroll-margin-top: 30px; margin-top: 70px; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(20,24,19,.84); box-shadow: 0 28px 80px rgba(0,0,0,.22); }
h2 { margin: 0 0 26px; font-size: 1.45rem; letter-spacing: -.035em; }
h2 span { display: block; margin-top: 5px; color: #717a6d; font-size: .72rem; font-weight: 550; letter-spacing: .02em; }
h3 { margin: 26px 0 8px; color: #dce3d7; font-size: .88rem; }
section p, section li { color: #a9b1a3; font-size: .78rem; line-height: 1.8; }
section p[lang="en"], ul[lang="en"] li { color: #788174; }
ul { margin: 0; padding-left: 20px; }
li + li { margin-top: 9px; }
ul[lang="en"] { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
footer { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0 50px; color: #555d52; font-size: .68rem; }
@media (max-width: 560px) { main { padding-top: 42px; } section { margin-top: 42px; padding: 21px; } h1 { font-size: 2.75rem; } header > a:last-child { max-width: 140px; text-align: right; } }