@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Nanum+Myeongjo:wght@700;800&display=swap');

:root{
  --ivory:#F6F1E8; --paper:#FBF8F2; --ink:#1D1B22; --ink2:#4A4650; --mute:#8C8690;
  --night:#14131B; --night2:#1F1D29; --red:#C2412D; --red2:#E0614B; --gold:#B8996A; --line:#E6DDCF;
  --serif:'Nanum Myeongjo','Gowun Batang',serif; --body:'Pretendard Variable',Pretendard,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{background:#0d0c12}
body{font-family:var(--body);color:var(--ink);background:var(--ivory);max-width:480px;margin:0 auto;min-height:100vh;
  line-height:1.65;letter-spacing:-.01em;word-break:keep-all;-webkit-font-smoothing:antialiased;position:relative}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.serif{font-family:var(--serif)}
.wrap{padding:0 22px}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;border:0;border-radius:14px;
  background:var(--red);color:#fff;font:700 17px var(--body);cursor:pointer;box-shadow:0 8px 24px rgba(194,65,45,.28)}
.btn:active{transform:scale(.985)}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}
.btn.dark{background:var(--night);box-shadow:none}
.tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--red);border:1px solid rgba(194,65,45,.35);
  padding:4px 10px;border-radius:99px}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 18px;
  background:rgba(246,241,232,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar.dark{background:rgba(20,19,27,.85);border-color:rgba(255,255,255,.08);color:#fff}
.logo{display:flex;align-items:center;gap:8px;font:800 18px var(--serif)}
.logo i{width:22px;height:22px;background:var(--red);border-radius:5px;display:inline-block;position:relative}
.logo i:after{content:'運';position:absolute;inset:0;color:#fff;font:700 13px/22px var(--serif);text-align:center;font-style:normal}
.sticky-cta{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:40;padding:12px 16px 18px;
  background:linear-gradient(180deg,rgba(246,241,232,0),var(--ivory) 30%)}
.sticky-cta .price-line{display:flex;align-items:baseline;justify-content:center;gap:8px;font-size:13px;color:var(--ink2);margin-bottom:8px}
.sticky-cta .price-line s{color:var(--mute)} .sticky-cta .price-line b{color:var(--red);font-size:16px}
.fade-up{opacity:0;transform:translateY(18px);transition:all .7s cubic-bezier(.2,.7,.2,1)}
.fade-up.in{opacity:1;transform:none}