:root{
  --bg:#f5f6f8; --text:#1a1f26; --dim:#45505c; --muted:#7a8694;
  --accent:#2f5d8a; --line:#d8dce1; --white:#ffffff;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--sans); background:var(--bg); color:var(--text);
  line-height:1.6; -webkit-font-smoothing:antialiased;
  display:flex; flex-direction:column; min-height:100vh;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

/* landing */
.wrap{
  flex:1; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center;
  padding:64px 24px; max-width:680px; margin:0 auto;
}
.mark{width:132px; height:auto; margin-bottom:36px; border-radius:8px}
h1{font-weight:600; font-size:1.9rem; line-height:1.28; letter-spacing:-0.02em; margin-bottom:22px}
h1 span{font-weight:500; color:var(--dim)}
.lead{font-size:1.08rem; color:var(--dim); max-width:540px; margin-bottom:16px}
.body{font-size:.96rem; color:var(--muted); max-width:540px; margin-bottom:36px}
.contact{
  font-size:.92rem; color:var(--dim);
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center;
}
.contact .sep{color:var(--muted)}

/* footer */
footer{border-top:1px solid var(--line); padding:24px; background:var(--white)}
.foot-inner{
  max-width:760px; margin:0 auto;
  display:flex; flex-direction:column; gap:6px;
  align-items:center; text-align:center; font-size:.8rem; color:var(--muted);
}
.foot-inner .meta a{color:var(--muted); text-decoration:underline}

/* legal document pages */
.doc{max-width:760px; margin:0 auto; padding:56px 24px 48px; flex:1; width:100%}
.doc .back{display:inline-block; margin-bottom:32px; font-size:.9rem}
.doc h1{text-align:left; font-size:1.6rem; line-height:1.3; margin-bottom:6px}
.doc .updated{color:var(--muted); font-size:.85rem; margin-bottom:32px}
.doc h2{font-size:1.04rem; font-weight:600; margin:28px 0 8px; color:var(--text)}
.doc p{color:var(--dim); margin-bottom:14px; font-size:.96rem}
.doc strong{color:var(--text)}

@media (max-width:520px){
  h1{font-size:1.55rem}
  .lead{font-size:1rem}
}