:root{--bg: #0e1116;--bg-elev: #161b22;--border: #2a313c;--text: #e6edf3;--text-dim: #9aa7b4;--brand-blue: #1890ff;--brand-red: #f63b4c;--accent: var(--brand-blue);--accent-2: #3fb950;--radius: 10px;--maxw: 960px;--font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.wordmark{font-weight:700;letter-spacing:.01em;white-space:nowrap}.wordmark .wm-alg{color:var(--brand-blue)}.wordmark .wm-inte{color:var(--brand-red)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:1rem 1.25rem}.site-header .brand{font-weight:700;font-size:1.25rem;color:var(--text)}.site-header nav a{margin-left:1.25rem;color:var(--text-dim)}.site-header nav a:hover{color:var(--text);text-decoration:none}.site-footer{max-width:var(--maxw);margin:4rem auto 2rem;padding:1.5rem 1.25rem 0;border-top:1px solid var(--border);color:var(--text-dim);font-size:.9rem}.site-footer .footer-links{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:.75rem}.site-footer .footer-links a{color:var(--text-dim)}.site-footer .footer-links a:hover{color:var(--text)}.hero{padding:4rem 0 3rem;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0 0 1rem}.hero p.lede{font-size:1.2rem;color:var(--text-dim);max-width:40ch;margin:0 auto 2rem}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:var(--radius);font-weight:600;border:1px solid var(--border);color:var(--text)}.btn:hover{text-decoration:none;border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#06122a}.btn.primary:hover{filter:brightness(1.08)}.section{padding:3rem 0}.section h2{font-size:1.6rem;margin:0 0 1.5rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{margin:0;color:var(--text-dim);font-size:.95rem}.download-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.download-grid{grid-template-columns:1fr 1fr}}.download-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.download-card .badge{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2);font-weight:700}.download-card h3{margin:.35rem 0 .75rem}.download-card p{color:var(--text-dim);margin:0 0 1rem;font-size:.95rem}pre{background:#0a0d12;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;overflow-x:auto;margin:0 0 1rem}code{font-family:var(--mono);font-size:.9rem}p code,li code{background:#0a0d12;border:1px solid var(--border);border-radius:5px;padding:.1rem .35rem}.note{color:var(--text-dim);font-size:.85rem}h2 .badge,.section .badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-2);font-weight:700;vertical-align:middle;border:1px solid var(--accent-2);border-radius:4px;padding:.1rem .4rem;margin-left:.5rem}.hero p.sub-lede{color:var(--text-dim);max-width:56ch;margin:-.75rem auto 2rem;font-size:1rem;line-height:1.55}.section-lede{color:var(--text-dim);max-width:68ch;margin:-.75rem 0 2rem;font-size:1.05rem;line-height:1.6}.section-lede strong{color:var(--text)}.shot{margin:0 0 2rem}.shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.shot figcaption{color:var(--text-dim);font-size:.85rem;margin-top:.6rem}.shot-row{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}@media(min-width:780px){.shot-row{grid-template-columns:1fr 1fr}}.shot-row .shot{margin:0}.card h3 a{color:var(--text)}.card h3 a:hover{color:var(--accent);text-decoration:none}.breakout{width:min(1320px,calc(100vw - 2.5rem));margin-left:calc(50% - min(660px,50vw - 1.25rem))}.shot a{display:block;cursor:zoom-in}.shot a:hover img{border-color:var(--accent)}
