:root {
  --bg:#f1f3f4; --card:#fff; --text:#202124; --muted:#5f6368; --line:#dadce0;
  --accent:#1a73e8; --accent-text:#fff;
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#202124; --card:#292a2d; --text:#e8eaed; --muted:#9aa0a6;
          --line:#3c4043; --accent:#8ab4f8; --accent-text:#202124; }
}
* { box-sizing: border-box; }
body { margin:0; padding:56px 16px; background:var(--bg); color:var(--text);
       font:15px/1.6 'Google Sans',Roboto,Arial,sans-serif; }
main { max-width:660px; margin:0 auto; }

.hero { text-align:center; margin-bottom:32px; }
.mark { font-size:52px; line-height:1; }
h1 { font-size:34px; font-weight:500; margin:10px 0 8px; letter-spacing:-.3px; }
h2 { font-size:17px; font-weight:500; margin:0 0 6px; }
.lede { color:var(--muted); margin:0 auto; max-width:520px; }
.muted { color:var(--muted); }

.card { background:var(--card); border:1px solid var(--line); border-radius:14px;
        padding:22px 24px; margin-bottom:16px; }
.card.download { border-color:var(--accent); }
.download-row { display:flex; align-items:center; justify-content:space-between;
                gap:16px; flex-wrap:wrap; }

.button { display:inline-block; padding:10px 22px; border-radius:22px;
          border:1px solid var(--accent); background:var(--accent);
          color:var(--accent-text); text-decoration:none; font-weight:500; }
.button:hover { filter:brightness(1.08); text-decoration:none; }
.button.big { padding:13px 30px; font-size:16px; }

details { margin-top:16px; border-top:1px solid var(--line); padding-top:14px; }
summary { cursor:pointer; color:var(--accent); }
details ol { margin:12px 0; padding-left:22px; }
details li { margin-bottom:6px; }

code { font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; background:var(--bg);
       border:1px solid var(--line); border-radius:8px; padding:8px 12px;
       word-break:break-all; }

footer { display:flex; gap:22px; justify-content:center; margin-top:28px; flex-wrap:wrap; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
[hidden] { display:none !important; }