/* 앱의 색과 같다 (HandsFreeMetronome/Palette.swift): 키 색 청록 cue + 첫 박 빨강. */
:root { --cue:#22D3EE; --bg:#0a0d0f; --card:#141a1d; --text:#eef3f5; --muted:#93a0a6; --line:#1f282c; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
       font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
       line-height:1.6; }
.wrap { max-width:720px; margin:0 auto; padding:24px 22px 80px; }
nav.langs { display:flex; justify-content:flex-end; gap:14px; font-size:14px; margin-bottom:18px; }
nav.langs a { color:var(--muted); text-decoration:none; }
nav.langs a[aria-current] { color:var(--cue); font-weight:600; }
header { text-align:center; margin-bottom:36px; }
.dots { font-size:0; margin-bottom:14px; }
.dot { display:inline-block; width:16px; height:16px; border-radius:50%;
       background:var(--cue); margin:0 5px; }
.dot.first { background:#E63833; }
h1 { font-size:30px; margin:6px 0 4px; }
.policy h1 { font-size:28px; margin-bottom:4px; }
h2 { color:var(--cue); font-size:19px; margin:34px 0 10px; }
.policy h2 { margin:30px 0 8px; }
.policy { line-height:1.65; }
.sub { color:var(--muted); }
.card { background:var(--card); border-radius:16px; padding:18px 20px; margin-top:14px; }
table { width:100%; border-collapse:collapse; }
td { padding:7px 0; border-bottom:1px solid var(--line); vertical-align:top; }
td.cmd { color:var(--cue); font-weight:600; white-space:nowrap; padding-right:16px; }
a { color:var(--cue); }
footer { margin-top:48px; text-align:center; color:var(--muted); font-size:14px; }
code { background:var(--line); padding:1px 6px; border-radius:5px; }
.sale { background:#0c2229; border:1px solid var(--cue); border-radius:12px;
        padding:12px 16px; margin:18px 0 0; text-align:center; font-size:15px; }
.sale strong { color:var(--cue); }
.store-btn { display:inline-block; margin-top:16px; background:var(--cue);
        color:#0a0d0f; font-weight:700; text-decoration:none; border-radius:12px;
        padding:12px 26px; font-size:16px; }
.store-btn:hover { filter:brightness(1.1); }
.price-note { color:var(--muted); font-size:13px; margin-top:8px; }
@media (max-width:520px) { td.cmd { white-space:normal; } }