:root{--blue:#2f6fd8;--blue2:#1d4fb0;--gold:#ffc83d;--cream:#fff6e4;--ink:#2b1c14;--coral:#fb7a4d;--teal:#14b8bd}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans","Noto Sans KR","Noto Sans JP","Noto Sans SC","Noto Sans TC",system-ui,sans-serif;color:var(--ink);background:var(--cream)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(180deg,#3a7be6 0%,#2f6fd8 55%,#4a8bf0 100%);color:#fff;padding:56px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:28px;background:var(--cream);border-radius:28px 28px 0 0}
.heroin{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
.appicon{border-radius:26px;box-shadow:0 8px 0 rgba(0,0,0,.18),0 18px 30px rgba(0,0,0,.25);display:block;margin-bottom:18px}
h1{font-size:clamp(34px,6vw,58px);line-height:1.1;margin:0 0 8px;letter-spacing:-.5px}
.tag{font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--gold);margin:0 0 10px}
.lead{max-width:34em;margin:0 0 22px;color:#eaf3ff}
.stores{display:flex;gap:10px;flex-wrap:wrap}
.badge{display:inline-block;padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.45);font-weight:700}
.art{position:relative;min-height:300px;text-align:center}
.art img{max-width:100%;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.3))}
.art .mo{position:absolute;left:-6%;bottom:-6px;width:42%}
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:36px 0 48px}
.feats article{background:#fff;border-radius:22px;padding:22px 22px 24px;box-shadow:0 6px 0 #ecd9b5}
.feats h3{margin:0 0 6px;color:var(--blue2);font-size:19px}.feats p{margin:0;color:#5a4636}
footer{background:var(--ink);color:#e9dcc8;padding:28px 0 36px}
.foot{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}
.foot nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.foot a{color:#ffd877;text-decoration:none;font-weight:600}
.lang{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border-radius:999px;padding:8px 14px}
.lang select{background:transparent;color:#fff;border:0;font:inherit;font-weight:600}.lang option{color:#222}
.foot p{margin:0;font-size:13px;opacity:.75}
.bar{background:var(--blue);padding:12px 0}.brand{display:inline-flex;gap:10px;align-items:center;color:#fff;font-weight:800;text-decoration:none}
.doc{padding:34px 20px 54px;max-width:760px}.doc h1{color:var(--blue2);font-size:30px}.doc h2{font-size:18px;margin:26px 0 4px;color:var(--ink)}
.doc p{margin:0 0 8px}.meta{color:#7b6552;font-size:14px;margin-bottom:14px}
@media(max-width:760px){.heroin{grid-template-columns:1fr}.art{min-height:240px}.feats{grid-template-columns:1fr}}