*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:#101114;color:#f5f5f6;font:17px/1.65 system-ui,-apple-system,sans-serif}main{max-width:800px;margin:auto;padding:48px 24px 72px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:64px}a{color:#55d9c5;text-underline-offset:4px}nav{display:flex;gap:20px;font-size:15px}.brand{font-size:24px;font-weight:800;text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.mark{display:grid;grid-template-columns:10px 10px;gap:3px}.mark i{width:10px;height:10px;border-radius:100%;background:#21b5db}.mark i:nth-child(2){background:#1fbda3}.mark i:nth-child(3){background:#f05566}.mark i:nth-child(4){background:#fabb40}h1{font-size:clamp(32px,6vw,52px);line-height:1.12;letter-spacing:-.04em}h2{font-size:23px;line-height:1.3;margin-top:36px}.intro{font-size:21px;color:#b7bdc4}.muted,footer{color:#a3a8b0;font-size:14px}li{margin-bottom:8px}.panel{border:1px solid #34363b;border-radius:20px;padding:24px;margin:28px 0}footer{border-top:1px solid #34363b;padding-top:24px;margin-top:56px}@media(prefers-color-scheme:light){body{background:#fff;color:#181a1d}.intro,.muted,footer{color:#60666e}a{color:#087b69}.panel,footer{border-color:#dedfe1}}@media(max-width:480px){main{padding:28px 20px 48px}header{align-items:flex-start;margin-bottom:40px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}}