:root{--bg:#FFFFFF;--fg:#17181A;--muted:#5A5C60;--faint:#8E9094;--hover:#F2F2F3;--accent:#C8452F;--accent-hover:#9A3121;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.55 "Fira Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
.wrap{max-width:1088px;margin:0 auto;padding:40px 24px 56px}
header.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
header.top img{width:36px;height:36px;border-radius:8px}
header.top .brand{font-weight:500;font-size:18px}
header.top .brand a{color:var(--fg);text-decoration:none}
header.top nav{margin-left:auto;display:flex;gap:28px;font-size:16px}
header.top nav a{text-decoration:none;color:#2A2B2E;font-weight:400}
header.top nav a:hover{color:var(--accent)}
main.hero{margin-top:112px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
h1{font-size:46px;line-height:1.12;letter-spacing:-.01em;font-weight:300;margin:0;text-wrap:balance}
p.lead{font-size:20px;line-height:1.5;color:var(--muted);margin:24px 0 0;text-wrap:pretty}
p.cta{margin:36px 0 0;display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}
.cta a{text-decoration:none;font-weight:500;font-size:18px}
.note{color:var(--faint);font-size:15px}
ul.features{list-style:none;margin:6px -18px 0;padding:0;font-size:18px;line-height:1.5;color:#2A2B2E}
ul.features li{padding:13px 18px}
section.support{margin-top:96px;max-width:640px}
h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500;margin:0 0 10px}
section.support p{margin:0;font-size:18px}
.langs{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:15px;color:var(--faint);margin-top:120px}
.langs a{text-decoration:none;color:var(--faint)}.langs a:hover{color:var(--fg)}.langs a[aria-current]{font-weight:500;color:var(--fg)}
footer{margin-top:14px;color:var(--faint);font-size:14px}
main.doc{margin-top:88px;max-width:720px}
main.doc h1{font-size:40px}
.updated{color:var(--faint);margin:14px 0 36px;font-size:15px}
section.policy h2{font-size:18px;letter-spacing:0;text-transform:none;color:var(--fg);font-weight:500;margin:30px 0 6px}
section.policy p{margin:0;font-size:17px}
.chooser{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font-size:18px}
.chooser a{text-decoration:none;color:var(--fg);font-weight:400;padding:6px 0}
@media(max-width:820px){main.hero{grid-template-columns:1fr;gap:40px;margin-top:64px}h1{font-size:36px}ul.features{margin:0 -12px}ul.features li{padding:11px 12px}header.top nav{margin-left:0;width:100%;gap:20px}}
