:root { color-scheme: light; font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif; background: #f2f4ef; color: #132018; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-width: 320px; }
.page-shell { width: min(100% - 2.5rem, 52rem); min-height: 100svh; margin: auto; padding: clamp(1.5rem, 4vw, 3rem) 0 1.5rem; display: grid; align-content: center; gap: 2.25rem; }
.download { max-width: 42rem; }
h1, p { margin-top: 0; }
h1 { margin-bottom: .55rem; font-size: clamp(3rem, 4.5vw, 3.5rem); line-height: 1; letter-spacing: -.045em; }
.promise { margin-bottom: 1.35rem; color: #33473a; font-size: clamp(1rem, 1.8vw, 1.15rem); line-height: 1.5; }
.download-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: .7rem 1.15rem; border-radius: .5rem; background: #12683f; color: #fff; font-weight: 750; text-decoration: none; box-shadow: 0 .45rem 1.1rem rgba(15, 64, 38, .18); transition: background-color 160ms ease-out, transform 160ms ease-out, box-shadow 160ms ease-out; }
.download-button:hover:not(.is-disabled) { background: #0c5632; transform: translateY(-2px); box-shadow: 0 .65rem 1.2rem rgba(15, 64, 38, .24); }
.download-button:focus-visible, .extension-link:focus-visible { outline: 3px solid #d8a314; outline-offset: 4px; }
.download-button.is-disabled { cursor: not-allowed; background: #839087; color: #f8faf7; box-shadow: none; }
.extension-link { display: block; width: fit-content; margin-top: .85rem; color: #1d6846; font-weight: 700; text-underline-offset: .2em; }
.release-status { min-height: 1.5rem; margin: .75rem 0 0; color: #415248; font-size: .94rem; }
.install { display: grid; gap: .4rem; max-width: 42rem; margin: 0; padding: 1.2rem 0 0 1.3rem; border-top: 1px solid #c8d0c7; color: #33473a; line-height: 1.45; }
footer { color: #4e5e53; font-size: .86rem; }
@media (max-width: 38rem) { .page-shell { width: min(100% - 2rem, 52rem); align-content: start; padding-top: 4rem; } .download-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }