@font-face{font-family:Noto;src:url('./assets/NotoSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Noto;src:url('./assets/NotoSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:light;--paper:#f8f7f3;--ink:#242521;--line:#e3e1d8;--yellow:#fdc831}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));color:var(--ink);font-family:Noto,'Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #8a6100;outline-offset:5px}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.symbols{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:10;top:8px;left:8px;background:var(--ink);color:white;padding:10px 14px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.link-hub{width:100%;max-width:396px;display:flex;flex-direction:column;align-items:stretch}
.brand{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;text-align:center}
.brand-logo{display:block;width:132px;height:132px;object-fit:contain}
.brand-intro{margin:14px 0 0;font-size:13px;line-height:1.6;letter-spacing:-.3px;word-break:keep-all}
.brand-intro strong{display:block;font-size:15px;font-weight:700;line-height:1.5}
.brand-intro span{display:block;margin-top:4px;color:#62635c}
.actions{display:grid;gap:12px;scroll-margin-top:12px}
.download{padding:17px;background:var(--yellow);border-radius:18px}
.download-heading{margin-bottom:13px}
.download-heading h2{margin:0;font-size:13px;font-weight:700;letter-spacing:-.2px}
.store-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.store{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:10px;background:var(--ink);color:#fff;border-radius:10px;transition:background .16s,transform .16s}
.store>svg{width:23px;height:26px;stroke-width:1.4}
.store .apple{fill:currentColor;stroke:none}
.store span{min-width:0}
.store small{display:block;font:10px/1.2 Arial,sans-serif;color:#d8d8d1;margin-bottom:4px}
.store strong{display:block;font:700 15px/1.15 Arial,sans-serif;white-space:nowrap}
.store:hover{background:#414336;transform:translateY(-1px)}
.primary-links{display:grid;gap:10px}
.link-row{display:flex;align-items:center;gap:14px;min-height:64px;padding:14px 20px;border:1px solid var(--line);border-radius:14px;background:#fffefa;transition:background .16s,border-color .16s}
.link-row strong{font-size:15px;letter-spacing:-.3px}
.row-icon{width:22px;height:22px}
.row-arrow{width:19px;height:19px;margin-left:auto}
.link-row:hover{background:#f0ede3;border-color:#aaa697}
.social-links{display:flex;justify-content:center;gap:20px;margin-top:24px}
.social-links a{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fffefa;transition:background .16s,border-color .16s,transform .16s}
.social-links svg{width:24px;height:24px;stroke-width:1.8}
.social-links a:hover{background:#f2ead5;border-color:#b8a471;transform:translateY(-2px)}
@media(max-width:600px){body{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.brand{margin-bottom:24px}.brand-logo{width:clamp(108px,18svh,132px);height:clamp(108px,18svh,132px)}}
@media(max-height:650px){body{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.brand{margin-bottom:18px}.brand-logo{width:110px;height:110px}.download{padding:14px}.download-heading{margin-bottom:10px}.store{min-height:54px;padding-top:8px;padding-bottom:8px}.link-row{min-height:58px;padding-top:12px;padding-bottom:12px}.social-links{margin-top:18px}.social-links a{width:50px;height:50px}}
@media(max-height:540px){body{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.brand{margin-bottom:12px}.brand-logo{width:88px;height:88px}.actions{gap:8px}.download{padding:12px;border-radius:14px}.download-heading{margin-bottom:8px}.download-heading h2{font-size:12px}.store{min-height:48px;padding:7px 9px}.store small{font-size:9px;margin-bottom:3px}.primary-links{gap:8px}.link-row{min-height:52px;padding:10px 17px}.social-links{margin-top:12px;gap:20px}.social-links a{width:46px;height:46px}.social-links svg{width:22px;height:22px}}
@media(max-height:540px){.brand-intro{margin-top:10px;font-size:12px}.brand-intro strong{font-size:14px}.brand-intro span{margin-top:2px}}
@media(max-width:359px){body{padding-left:18px;padding-right:18px}.brand-intro strong{font-size:14px}.download{padding-left:12px;padding-right:12px}.store-links{gap:8px}.store{padding-left:7px;padding-right:7px;gap:7px}.store>svg{width:20px;height:23px}.store strong{font-size:13px}.link-row{padding-left:17px;padding-right:17px}.link-row strong{font-size:14px}}
@media(min-width:560px) and (max-height:500px){body{padding:20px}.link-hub{max-width:660px;display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:24px;row-gap:16px;align-items:center}.brand{margin:0;align-self:end}.brand-logo{width:116px;height:116px}.brand-intro{font-size:12px}.brand-intro strong{font-size:13px}.actions{grid-column:2;grid-row:1 / 3}.social-links{grid-column:1;grid-row:2;gap:12px;margin:0;align-self:start}.social-links a{width:44px;height:44px}.social-links svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}