:root{
  --bg:#171a1d; --panel:#202428; --text:#e8e8e5; --muted:#aeb4b8;
  --line:#343a3f; --accent:#9aadb9; --max:980px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:Arial,Helvetica,sans-serif; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--text); text-decoration-color:#66737b; text-underline-offset:4px}
a:hover{color:#fff}
.wrap{width:min(calc(100% - 40px),var(--max)); margin:auto}
header{padding:34px 0 18px; border-bottom:1px solid var(--line)}
.header-row{display:flex; align-items:flex-start; justify-content:space-between; gap:20px}
.brand{font-size:clamp(1.25rem,3vw,1.65rem); font-weight:700; letter-spacing:.12em}
.lang{font-size:.78rem; letter-spacing:.12em; white-space:nowrap; color:var(--muted)}
.lang a{text-decoration:none;color:var(--muted)}
.lang .active{color:var(--text);font-weight:700}
main{padding:clamp(58px,9vw,105px) 0 70px}
.hero{max-width:800px}
.kicker{margin:0 0 12px;color:var(--accent);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(2.25rem,6vw,4.6rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 22px}
.tagline{font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.45;color:#d4d7d8;max-width:660px;margin:0}
.content{max-width:760px;margin-top:70px}
.content p{margin:0 0 25px}
.statement{
  margin:52px 0; padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  font-size:clamp(1.2rem,2.5vw,1.55rem); line-height:1.5; max-width:720px;
}
.note{color:var(--muted);font-size:.96rem;max-width:700px}
.contact{margin-top:52px;padding-top:30px;border-top:1px solid var(--line)}
.contact strong{display:block;letter-spacing:.08em;margin-bottom:10px}
.contact p{margin:4px 0}
footer{border-top:1px solid var(--line);padding:24px 0 34px;color:var(--muted);font-size:.85rem}
.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted)}
.legal{max-width:760px}
.legal h1{font-size:clamp(2rem,5vw,3.5rem)}
.legal h2{font-size:1rem;letter-spacing:.05em;margin-top:38px}
.back{display:inline-block;margin-top:45px}
@media(max-width:600px){
  .wrap{width:min(calc(100% - 28px),var(--max))}
  header{padding-top:24px}
  main{padding-top:48px}
  .content{margin-top:52px}
  .statement{margin:40px 0}
}

.note p{margin:0 0 22px}
.note-lead{color:var(--text);font-size:1.02rem;margin-bottom:26px!important}