:root {color-scheme:light dark;--sky:#c7d9e6;--haze:#e3e0db;--peach:#f5d4bd;--ink:#182a29;--muted:#41544e}
@media(prefers-color-scheme:dark){:root {--sky:#293645;--haze:#383b42;--peach:#4f3d38;--ink:#faf8f2;--muted:#e1dbd6}}
* {box-sizing:border-box}
body {margin:0;min-height:100vh;background:linear-gradient(to bottom right,var(--sky),var(--haze),var(--peach));color:var(--ink);font:16px/1.5 system-ui,sans-serif}
main {width:min(1040px,90%);margin:auto}
header {display:flex;align-items:center;gap:12px;font-weight:650;border-bottom:1px solid #a8b3a8;padding:25px 0}
section {padding:clamp(48px,9vw,110px) 0}
.eyebrow,small {font: bold .78rem/1.4 ui-monospace,monospace;letter-spacing:.12em}
h1 {font:500 clamp(2.5rem,6vw,5.4rem)/1.04 Georgia,serif;letter-spacing:-.055em;max-width:850px;margin:18px 0 28px}
.intro {font-size:clamp(1rem,2vw,1.3rem);max-width:590px}
aside {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px clamp(20px,4vw,52px);color:#f0f0e7;background:#203d38;border-radius:10px;margin-bottom:40px}
aside p,aside h2 {margin:4px 0}
.purchase {display:grid;gap:2px}
.purchase strong {font:500 2.6rem Georgia,serif}
.purchase span {font-size:.9rem}
@media(max-width:650px){aside {align-items:flex-start;flex-direction:column}}
.download {display:inline-block;color:#152d26;background:#82d69c;text-decoration:none;font-weight:650;border-radius:6px;padding:11px 16px;margin-top:8px}
.notice {font-size:.92rem;margin:-18px 0 36px;color:var(--muted)}

.register {color:white;text-underline-offset:4px;padding:6px 0}