:root{color-scheme:dark;--ink:#0e1316;--gold:#d9b86e;--paper:#e8e4db;--muted:#b5b8b7}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:var(--gold);text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header,main,footer{max-width:850px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:18px;border-bottom:1px solid #d9b86e44}header img{width:72px;height:72px;border-radius:15px}header a{font:600 23px Georgia,serif;text-decoration:none}nav{margin-left:auto;display:flex;gap:20px;font-size:15px}h1,h2{font-family:Georgia,serif;line-height:1.2;color:var(--gold)}h1{font-size:clamp(34px,6vw,50px);margin-top:20px}h2{font-size:26px;margin-top:36px}p,li{max-width:70ch}.lead{font-size:21px}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.card{border:1px solid #d9b86e44;padding:24px;border-radius:8px;margin:24px 0}.button{display:inline-block;background:var(--gold);color:var(--ink);padding:10px 18px;border-radius:6px;text-decoration:none;font-weight:600}.button:hover{background:#ecd399;color:var(--ink)}footer{border-top:1px solid #d9b86e44;color:var(--muted);font-size:14px;margin-top:40px}code{font-size:.9em} @media(max-width:560px){header{flex-wrap:wrap;padding:20px}nav{margin-left:90px}main,footer{padding:20px}}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center;margin:24px 0 48px}.hero img{width:100%;border-radius:6px;border:1px solid #d9b86e44}.hero h1{margin:12px 0}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.actions .button{flex:0 0 auto;text-align:center}.features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.features .card{margin:0}.features h2{margin-top:0;font-size:23px}.gallery img{width:100%;height:auto;border-radius:6px;border:1px solid #d9b86e44}.gallery figure{margin:24px 0}.gallery figcaption{font-size:14px;color:var(--muted)}@media(max-width:620px){.hero{grid-template-columns:1fr}.hero img{max-width:320px;justify-self:center}.features{grid-template-columns:1fr}}

.download{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:28px;align-items:center}.download h2{margin-top:12px}.download figure{margin:0;text-align:center}.download img{display:block;width:234px;height:234px;max-width:100%;object-fit:contain;background:#fff;border-radius:4px}.download figcaption,.release-note{color:var(--muted);font-size:14px}.download figcaption{margin-top:12px}@media(max-width:620px){.download{grid-template-columns:1fr}.download figure{justify-self:center;max-width:234px}}