:root{
  --bone:#F5F3EF;
  --charcoal:#1C1E21;
  --max:1100px;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background:var(--bone);
  color:var(--charcoal);
  line-height:1.4;
}

.container{
  max-width:var(--max);
  margin:0 auto;
  padding:0 24px;
}

.header{
  border-bottom:1px solid rgba(0,0,0,.08);
}

.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
}

.brand img{
  width:36px;
}

.menu{
  display:flex;
  gap:20px;
}

.menu a{
  text-decoration:none;
  color:inherit;
  font-size:14px;
}

.lang a{
  font-size:13px;
  padding:6px 10px;
  border:1px solid rgba(0,0,0,.2);
  text-decoration:none;
  color:inherit;
}

.lang .active{
  background:var(--charcoal);
  color:white;
}

.hero{
  padding:80px 0;
}

.hero h1{
  font-size:48px;
  margin:10px 0 20px;
}

.section{
  padding:60px 0;
}

.inversion{
  background:var(--charcoal);
  color:white;
}

.footer{
  padding:40px 0;
  font-size:14px;
  border-top:1px solid rgba(0,0,0,.08);
}