:root{color-scheme:light dark;--bg:#0a0a0a;--panel:#141414;--text:#ededed;--muted:#a4a4a4;--line:#2a2a2a;--accent:#7eabff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{width:min(100% - 40px,880px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}header a{text-decoration:none}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:700;color:var(--text)}.brand img{width:42px;height:42px;border-radius:10px}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}main{padding:70px 0 90px;min-height:65vh}h1{font-size:clamp(38px,7vw,64px);line-height:1.08;letter-spacing:-.055em;margin:0 0 25px;font-weight:650;max-width:760px}h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin:45px 0 12px}h3{font-size:19px;margin:25px 0 8px}p,li{max-width:760px}p{margin:0 0 20px}.lead{font-size:21px;line-height:1.6;color:var(--muted);max-width:690px}.meta{font-size:14px;color:var(--muted)}.features{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:40px 0}.features section{padding:20px 0;border-top:1px solid var(--line)}.features h2{margin:0 0 10px}.features p{color:var(--muted);font-size:16px}.button{display:inline-block;background:#3268f3;color:white;border-radius:14px;padding:12px 22px;text-decoration:none;font-weight:600}.notice{border-left:3px solid #3268f3;padding:12px 20px;background:var(--panel)}footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted);font-size:14px}footer nav{margin:14px 0}ul{padding-left:22px}code{overflow-wrap:anywhere}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:10px;background:var(--bg);padding:10px;z-index:1}@media(max-width:600px){header{align-items:flex-start}header nav{gap:8px 16px;justify-content:flex-end}main{padding-top:45px}.features{grid-template-columns:1fr}h1{max-width:330px}}@media(prefers-color-scheme:light){:root{--bg:#fafafa;--panel:#f0f2f5;--text:#161616;--muted:#626262;--line:#dedede;--accent:#2357d2}}