:root {
    color-scheme: light dark;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
    font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(1080px, calc(100% - 40px)); margin-inline: auto; }
.download-button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 22px; border: 0; border-radius: 999px; font-size: 16px; font-weight: 600; text-decoration: none; cursor: pointer; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.download-button:hover { transform: translateY(-2px); }
.download-button svg { width: 18px; height: 18px; flex: none; }
.product-shot { width: 100%; height: auto; }
.change-list, .thanks-list { list-style: none; padding: 0; margin: 0; }
.change-copy p { margin: 0; }
.change-copy small { display: block; margin-top: 7px; }
.change-index { font-variant-numeric: tabular-nums; }
a:focus-visible { outline: 3px solid #2997ff; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width: 640px) {
    .wrap { width: min(100% - 28px, 520px); }
    .download-button { width: 100%; }
}