:root { --ink:#1f2a24; --sub:#66756c; --green:#3f8f6b; --line:#c3d9ea; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--ink);
  line-height:1.65; background: linear-gradient(#c9e4f8, #dceefb 40%, #ebf5fd); min-height:100vh; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 56px; }
h1 { font-size: 2rem; margin: 8px 0 4px; }
h2 { font-size: 1.15rem; margin: 28px 0 6px; }
p, li { font-size: 1rem; }
ul { padding-left: 1.2rem; }
li { margin: 4px 0; }
a { color: var(--green); }
.meta { color: var(--sub); margin-top: 0; }
.stores { display:flex; flex-wrap:wrap; gap:10px; margin: 20px 0 8px; }
.store { display:inline-block; padding: 12px 18px; border-radius: 12px; background: var(--green); color:#fff;
  text-decoration:none; font-weight:600; }
.store.soon { background: transparent; color: var(--sub); border: 1px solid var(--line); font-weight:500; }
.logo { display:flex; margin-bottom: 12px; }
.logo i { width:30px; height:30px; border-radius:50%; margin-left:-9px; display:block; }
.logo i:first-child { margin-left:0; }
.logo i:nth-child(1){background:#00364a} .logo i:nth-child(2){background:#2194bd} .logo i:nth-child(3){background:#88cfeb}
.logo i:nth-child(4){background:#c3f99f} .logo i:nth-child(5){background:#fcff62}
nav { margin-top: 40px; font-size: .9rem; }
nav span { color: var(--sub); margin: 0 4px; }
footer { margin-top: 10px; font-size: .8rem; color: var(--sub); }