:root{color-scheme:light;--ink:#28252a;--muted:#716c74;--accent:#9b2854;--paper:#fcfaf7;--line:#e9e2e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:#6d1738}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;background:white;padding:12px;z-index:30}.skip-link:focus{top:12px}main{max-width:1200px;margin:auto;padding:0 28px 80px;font-size:17px;line-height:1.75;overflow-wrap:anywhere}h1,h2,h3{letter-spacing:-.045em;line-height:1.15}h1{font-size:clamp(40px,6vw,76px);font-weight:760;margin:20px 0 28px}h2{font-size:clamp(28px,3.5vw,38px);margin:0 0 24px}section{margin:64px 0}.hero{position:relative;padding:15px 0 0}.hero:before{content:"";position:absolute;z-index:-1;inset:-50px -20px -150px;background:radial-gradient(ellipse at 30% 30%,#f3dce780,transparent 65%);pointer-events:none}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lead{max-width:750px;font-size:23px;line-height:1.6;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:30px 0}.button{display:inline-block;background:var(--accent);color:white;padding:12px 23px;border-radius:8px;text-decoration:none;font-weight:650}.button:hover{background:#6d1738;color:white}.apple-note,.note{color:var(--muted);font-size:15px}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.features h2{font-size:25px}.features p{color:var(--muted)}li+li{margin-top:14px}li::marker{color:var(--accent);font-weight:650}.provenance,.capture-meta{font-size:13px;color:var(--muted)}.capture{margin:48px 0 64px}.capture h2{font-size:29px;margin-bottom:10px}figure{margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#fff,#f8edf2)}img{max-width:100%;height:auto}figure img{display:block;width:100%;height:auto;border-radius:6px}figcaption{font-size:12px;color:var(--muted);padding-top:12px;text-align:center}.capture-index{display:flex;gap:10px 22px;flex-wrap:wrap;padding:0;list-style:none;font-size:14px}.capture-index li{margin:0}code{font-size:.86em;background:#f5f0f3;padding:.15em .3em;border-radius:4px}.empty{padding:25px;border:1px solid var(--line);border-radius:12px}@media(max-width:650px){main{padding:0 20px 45px;font-size:16px}section{margin:42px 0}.features{grid-template-columns:1fr;gap:18px}.features h2{margin-bottom:12px}.lead{font-size:20px}figure{padding:7px;border-radius:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.desktop-downloads { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.desktop-downloads .desktop-download { display: flex; align-items: center; gap: 12px; padding: 15px 16px; border: 1px solid #9b285455; border-radius: 10px; background: #9b28541a; color: inherit; text-decoration: none; transition: background .15s, border-color .15s; }
.desktop-downloads .desktop-download:hover { background: #9b285433; border-color: #c45b83; }
.desktop-download > svg, .desktop-download .platform-symbol { flex: 0 0 25px; width: 25px; height: 28px; font-size: 25px; line-height: 28px; text-align: center; }
.desktop-download strong { display: block; font-size: 15px; line-height: 1.4; }
.desktop-download small { display: block; margin-top: 3px; font-size: 11px; line-height: 1.5; opacity: .75; }
.desktop-download .download-arrow { margin-left: auto; font-size: 21px; }
.desktop-download:focus-visible { outline: 3px solid #c45b83; outline-offset: 4px; }
@media (max-width: 480px) { .desktop-downloads { grid-template-columns: 1fr; } }

.download-cta { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.download-cta-platforms { display: inline-flex; align-items: center; gap: 6px; line-height: 1; }
.download-cta svg { width: 18px; height: 18px; flex: none; }
.download-cta-penguin { width: 22px; height: 22px; flex: none; }
.download-cta > svg { margin-left: 6px; }

.button.apple-cta { background: #171717; color: #fff; }
.button.apple-cta:hover { background: #383838; color: #fff; }

.desktop-download-card { border: 1px solid #9b285455; border-radius: 10px; background: #9b28541a; }
.desktop-download-card .desktop-download { border: 0; background: transparent; }
.desktop-download-note { margin: 0; padding: 0 16px 15px; font-size: 12px; line-height: 1.5; color: var(--muted); }