/* Shared by the public pages: home, terms and privacy. */
:root { --bg:#ffffff; --fg:#111111; --muted:#5a5a5a; --line:#e2e2e2; --card:#fafafa; color-scheme:light; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
main, header, footer { max-width:720px; margin:0 auto; padding:0 16px; }
header { padding-top:28px; padding-bottom:28px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--fg); text-decoration:none; font-size:26px; font-weight:800; letter-spacing:-.01em; }
.cloud { width:42px; height:28px; }
h1 { font-size:28px; line-height:1.2; margin:16px 0 8px; }
h2 { font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin:40px 0 12px; font-weight:600; }
h3 { font-size:19px; margin:0; }
p { margin:0 0 12px; }
a { color:var(--fg); }
.lead { color:var(--muted); max-width:56ch; }
.tool { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:20px; }
.tool + .tool { margin-top:16px; }
.tool-head { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.tool-head img { width:28px; height:28px; image-rendering:pixelated; }
ul { margin:0 0 14px; padding-left:20px; }
li { margin:4px 0; }
dl { display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0 0 16px; }
dt { color:var(--muted); }
dd { margin:0; }
.button { display:inline-block; background:var(--fg); color:var(--bg); text-decoration:none; font-weight:600; padding:10px 16px; border-radius:8px; }
.button:hover { background:#333333; }
.small { font-size:14px; color:var(--muted); }
.small a { color:var(--muted); }
.doc h2 { font-size:17px; text-transform:none; letter-spacing:0; color:var(--fg); margin:28px 0 8px; }
footer { padding-top:32px; padding-bottom:40px; margin-top:40px; border-top:1px solid var(--line); }
@media (max-width:480px) { dl { grid-template-columns:1fr; gap:0; } dd { margin-bottom:8px; } }