:root{
  --bg:#000;
  --surface:#0d0d0d;
  --surface-2:#141414;
  --text:#f5f5f5;
  --muted:#a8a8a8;
  --border:#2a2a2a;
  --button:#fff;
  --button-text:#000;
  --max:900px;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.65;
  min-height:100vh;
}
a{color:inherit}
.site-shell{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:54px 0 44px}
.brand-home{display:flex;justify-content:center;align-items:center;min-height:38vh;padding:28px 0 22px}
.brand-home img{display:block;width:min(680px,92vw);height:auto}
.home-copy{text-align:center;margin:0 auto 38px;max-width:650px}
.home-copy h1{font-size:clamp(1.65rem,3vw,2.35rem);margin:0 0 8px;font-weight:700;letter-spacing:-.02em}
.home-copy p{margin:0;color:var(--muted)}
.app-card{background:var(--surface);border:1px solid var(--border);padding:28px;margin:0 auto 18px;max-width:760px}
.app-card h2{margin:0 0 4px;font-size:1.5rem}
.app-card p{margin:0 0 22px;color:var(--muted)}
.link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.doc-link{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;border:1px solid var(--border);background:var(--surface-2);padding:14px 16px;transition:.18s ease}
.doc-link:hover{border-color:#555;transform:translateY(-1px)}
.doc-link span:last-child{color:var(--muted)}
.home-footer{text-align:center;color:#6f6f6f;font-size:.88rem;margin-top:34px}

.policy-shell{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:28px 0 48px}
.policy-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:28px}
.back-link{justify-self:start;color:var(--muted);text-decoration:none;font-size:.94rem}
.back-link:hover{color:var(--text)}
.brand-small{justify-self:center}
.brand-small img{display:block;width:min(300px,52vw);height:auto}
.lang{justify-self:end;display:flex;gap:7px}
.lang button{border:1px solid var(--border);background:#090909;color:var(--muted);padding:8px 11px;cursor:pointer;font:inherit;font-size:.88rem}
.lang button.active{background:#fff;color:#000;border-color:#fff}
.card{background:var(--surface);border:1px solid var(--border);padding:clamp(22px,4vw,38px);margin-bottom:18px}
h1{font-size:clamp(1.75rem,4vw,2.45rem);line-height:1.15;margin:0 0 8px;letter-spacing:-.025em}
h2{font-size:1.18rem;line-height:1.3;margin:29px 0 8px}
h3{font-size:1.02rem;line-height:1.35;margin:21px 0 6px}
p,li{font-size:1rem}
ul{padding-left:1.25rem}
.muted{color:var(--muted)}
.card a{color:#fff;text-underline-offset:3px}
.card strong{color:#fff}
code{background:#1b1b1b;padding:2px 5px}
.notice{border-left:3px solid #fff;padding:10px 13px;background:#171717}
.policy-footer{margin-top:24px;text-align:center;color:#737373;font-size:.86rem}
[hidden]{display:none!important}

@media(max-width:700px){
  .site-shell{padding-top:24px}
  .brand-home{min-height:28vh;padding-top:10px}
  .link-grid{grid-template-columns:1fr}
  .policy-header{grid-template-columns:1fr auto;grid-template-areas:"brand lang" "back back";gap:15px 10px}
  .brand-small{grid-area:brand;justify-self:start}
  .brand-small img{width:220px;max-width:52vw}
  .lang{grid-area:lang}
  .back-link{grid-area:back}
  .card{padding:22px 18px}
}