:root { color: #201b32; background: #fffaf5; font-family: "Arial Rounded MT Bold", Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; background: radial-gradient(circle at 20% 5%, #d9d2ff 0, transparent 27rem), radial-gradient(circle at 80% 16%, #ffe0bd 0, transparent 30rem), #fffaf5; }
.page { width: min(100% - 40px, 760px); margin: 0 auto; }
.hero { max-width: 650px; margin: 0 auto; padding: 88px 0 60px; text-align: center; }
.mark { display: grid; width: 92px; height: 92px; margin: 0 auto; place-items: center; border: 1px solid rgba(255,255,255,.9); border-radius: 29px; background: rgba(255,255,255,.75); box-shadow: 0 20px 45px rgba(64, 39, 101, .14); }
.mark img { width: 72px; height: 72px; object-fit: contain; }
.eyebrow { margin: 28px 0 14px; color: #5e507a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
h1, h2, p { margin-top: 0; }
h1 { margin-bottom: 18px; font-size: clamp(2.5rem, 7vw, 4.4rem); line-height: 1; letter-spacing: -.065em; }
.intro { max-width: 540px; margin: 0 auto 30px; color: #625b70; font-size: 1.06rem; line-height: 1.65; }
.download-button { display: inline-flex; align-items: center; gap: 10px; padding: 17px 23px; border-radius: 15px; color: #fff; background: linear-gradient(120deg, #674bff, #a453ef 47%, #ff7f63); box-shadow: 0 14px 32px rgba(86, 50, 181, .25); font-weight: 800; text-decoration: none; }
.download-button:hover, .download-button:focus-visible { transform: translateY(-2px); }
.release { min-height: 1.25rem; margin: 16px 0 0; color: #756b88; font-size: .8rem; }
.install-note { max-width: 650px; margin: 0 auto 72px; padding: 26px 28px; border: 1px solid rgba(98, 72, 162, .10); border-radius: 22px; background: rgba(255, 255, 255, .76); box-shadow: 0 14px 44px rgba(90, 60, 149, .08); }
.install-note h2 { margin-bottom: 8px; font-size: 1.1rem; }
.install-note ol { margin: 0; padding-left: 22px; }
.install-note li { color: #5e566c; font-size: .92rem; line-height: 1.6; }
.install-note li + li { margin-top: 8px; }
strong { color: #201b32; }
footer { padding: 26px; color: #766d82; border-top: 1px solid rgba(89, 61, 140, .12); text-align: center; font-size: .82rem; }
@media (max-width: 680px) { .hero { padding-top: 54px; } }