:root{color-scheme:light;--bg:#f6f5fb;--card:#fff;--ink:#202039;--muted:#66667c;--line:#e0dfeb;--accent:#6550d8;--soft:#ece8ff}html[data-theme=dark]{color-scheme:dark;--bg:#10111b;--card:#191b2b;--ink:#f2f1fa;--muted:#b0afc6;--line:#303248;--accent:#b0a2ff;--soft:#292443}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:var(--accent)}header,main,footer{max-width:1120px;margin:auto;padding:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:750;font-size:22px;text-decoration:none}.brand img{width:43px;height:43px}header,.controls{display:flex;align-items:center;justify-content:space-between;gap:12px}select,button{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:10px 14px;border-radius:12px;font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero{padding:65px 0 35px;max-width:800px}.eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:2px}h1{font-size:clamp(40px,6vw,72px);line-height:1.1;letter-spacing:-2px;margin:20px 0 28px}.intro{font-size:21px;color:var(--muted);max-width:660px}.notice{display:inline-block;background:var(--soft);color:var(--accent);border-radius:12px;padding:10px 16px;font-size:14px}.stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stores article{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:30px;display:flex;flex-direction:column}.platform{color:var(--accent);font-size:13px;font-weight:700}h2{margin:12px 0;font-size:25px}.stores p{color:var(--muted);margin:0 0 28px}.availability{margin-top:auto;display:block;padding:12px 20px;border-radius:12px;background:var(--soft);color:var(--accent);font-weight:700;text-align:center}.availability[href]{background:var(--accent);color:var(--bg);text-decoration:none}.release-note{font-size:13px;color:var(--muted);margin:20px 0 65px}.about{border-top:1px solid var(--line);padding:26px 0}.about p{color:var(--muted);max-width:680px}footer{display:flex;flex-wrap:wrap;gap:24px;color:var(--muted);font-size:13px;padding-bottom:40px}@media(max-width:700px){header,main,footer{padding:20px}.brand{font-size:18px}.hero{padding-top:35px}.stores{grid-template-columns:1fr}.intro{font-size:18px}.controls{gap:6px}select,button{padding:8px}.release-note{margin-bottom:40px}}

.app-icon{width:64px;height:64px;margin-bottom:18px}.about li{color:var(--muted);margin:8px 0}