:root{color-scheme:dark;--bg:#0b0b0d;--ink:#f5f0eb;--muted:#aaa6a2;--rose:#f19eaa;--line:#363336;font-family:"Avenir Next","Trebuchet MS",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:280px;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:2px solid var(--rose);outline-offset:5px}
.landing{width:min(100%,520px);min-height:100svh;margin:0 auto;padding:24px 28px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center}
.topline{width:100%;display:flex;justify-content:flex-end;min-height:36px}.language-picker{position:relative;color:var(--muted)}.language-picker:after{content:'⌄';position:absolute;inset-inline-end:12px;top:7px;pointer-events:none}.language-picker select{appearance:none;background:transparent;border:1px solid var(--line);border-radius:24px;padding:8px 30px 8px 13px;padding-inline:13px 30px;max-width:180px;color:var(--ink);font-size:12px;cursor:pointer}.language-picker option{background:var(--bg)}
.core{width:100%;margin:auto 0;padding:22px 0 26px}.brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:26px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:13px}.wordmark{font-size:32px;letter-spacing:-1.6px;font-weight:600}
h1{font-family:"Iowan Old Style","Baskerville","Palatino Linotype",serif;font-size:clamp(32px,7.7vw,44px);font-weight:400;line-height:1.13;letter-spacing:-1.3px;margin:0;text-wrap:balance}h1 span{display:block}h1 em{display:block;font-weight:400;color:var(--rose);font-style:italic;margin-top:4px}p{margin:0}.intro{font-size:14px;line-height:1.65;color:var(--muted);max-width:360px;margin:18px auto 24px;text-wrap:pretty}
.store-links{display:grid;gap:11px;width:min(100%,330px);margin:0 auto}.store-form{margin:0}.store-button{width:100%;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;min-height:66px;padding:12px 18px;border:1px solid #4a4547;border-radius:14px;text-decoration:none;background:#171618;transition:background .15s,border-color .15s,transform .15s}.store-button:hover{background:#242023;border-color:var(--rose)}.store-button:active{transform:scale(.98)}.store-button svg{width:27px;height:29px;fill:currentColor;flex-shrink:0}.store-button span{text-align:start;min-width:125px}.store-button small{display:block;color:#c7c2bf;font-size:10px;line-height:1.35}.store-button strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.35px;line-height:1.35}.plan-note{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.5}.about-link{display:inline-block;color:#c6b1b5;font-size:12px;margin-top:22px;text-decoration:none;padding:6px}.about-link:hover{text-decoration:underline;text-underline-offset:4px}
footer{width:100%;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:10px;line-height:1.7;color:#989390}footer a{text-decoration:none;padding:4px 0}footer a:hover{color:var(--ink)}
:lang(ko) h1{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(29px,7.7vw,38px);font-weight:650;line-height:1.36;letter-spacing:-1.5px;word-break:keep-all}:lang(ko) h1 em{font-style:normal;font-weight:650}:lang(ko) .intro{word-break:keep-all}
:lang(ja) h1,:lang(zh-Hans) h1,:lang(zh-Hant) h1{font-family:"Hiragino Mincho ProN","Yu Mincho","Songti SC",serif;line-height:1.4;font-size:clamp(29px,7.5vw,38px)}:lang(ja) h1 em,:lang(zh-Hans) h1 em,:lang(zh-Hant) h1 em{font-style:normal}:lang(ar) h1{font-family:"Geeza Pro","Noto Naskh Arabic",serif;letter-spacing:0;line-height:1.4}:lang(th) h1{font-family:"Thonburi","Leelawadee UI",sans-serif;letter-spacing:0;line-height:1.4;font-size:32px}
@media(min-width:800px){.landing{padding-top:32px;padding-bottom:26px}.core{padding:40px 0}.brand{margin-bottom:35px}.intro{margin-top:21px;margin-bottom:28px}}
@media(max-height:710px){.landing{padding-top:15px}.core{padding:16px 0 18px}.brand{margin-bottom:16px}.intro{margin:12px auto 18px}.about-link{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.store-button{transition:none}}
.landing-photo{display:block;width:min(100%,330px);height:auto;aspect-ratio:3/1;margin:0 auto 20px;border-radius:10px;object-fit:contain}
@media(max-height:710px){.brand{margin-bottom:12px}.landing-photo{margin-bottom:16px}}
