:root{
  --bg:#fbfaf8; --fg:#17150f; --muted:#5f5a4e; --line:#e2ded3;
  --card:#ffffff; --accent:#b4531b; --accent-fg:#ffffff; --mark:#fdf0d5;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#12110e; --fg:#f2efe7; --muted:#a09a8b; --line:#2d2a23;
         --card:#1a1814; --accent:#e07a3c; --accent-fg:#17150f; --mark:#2e2415; }
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  font-size:17px;line-height:1.75;-webkit-text-size-adjust:100%}
.wrap{max-width:640px;margin:0 auto;padding:0 20px}
header{padding:44px 0 8px}
.kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}
h1{font-size:clamp(28px,6.4vw,40px);line-height:1.3;letter-spacing:-.02em;margin:0 0 20px;font-weight:700}
h2{font-size:21px;line-height:1.45;letter-spacing:-.01em;margin:56px 0 14px;font-weight:700}
p{margin:0 0 18px}
.lead{font-size:19px;color:var(--fg)}
.muted{color:var(--muted)}
mark{background:var(--mark);color:inherit;padding:0 3px;border-radius:2px}
hr{border:0;border-top:1px solid var(--line);margin:56px 0}
ul{margin:0 0 18px;padding-left:1.1em}
li{margin:0 0 10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 16px}
.card h3{margin:0 0 8px;font-size:17px;font-weight:700}
.card p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.7}
.buybox{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 24px;margin:8px 0 0;text-align:center}
.btn{display:block;margin:22px 0 12px;padding:17px 20px;background:var(--accent);color:var(--accent-fg);
     border-radius:10px;text-decoration:none;font-weight:700;font-size:17px}
.btn:active{opacity:.85}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}
.fineprint{font-size:14px;color:var(--muted);line-height:1.65;margin:0}
.notice{border-left:3px solid var(--accent);padding:2px 0 2px 16px;margin:0 0 18px}
.notice p{margin:0 0 8px;font-size:15.5px}
.notice p:last-child{margin:0}
form{margin:18px 0 10px}
input[type=email]{width:100%;padding:15px 16px;font-size:17px;border:1px solid var(--line);
  border-radius:10px;background:var(--bg);color:var(--fg);font-family:inherit}
input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px}
button{width:100%;margin-top:10px;padding:17px 20px;background:var(--accent);color:var(--accent-fg);
  border:0;border-radius:10px;font-weight:700;font-size:17px;font-family:inherit;cursor:pointer}
.formkit-alert{font-size:14px;text-align:left;overflow-wrap:anywhere}
.formkit-alert:empty{display:none}
.formkit-alert-success{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--mark)}
.formkit-alert-error{margin:0 0 16px}
.formkit-powered-by-convertkit-container{margin-top:14px;font-size:13px}
.formkit-powered-by-convertkit{color:var(--muted)}
.formkit-spinner{display:none;align-items:center;justify-content:center;gap:5px;height:20px}
.formkit-spinner > span{width:6px;height:6px;border-radius:50%;background:currentColor}
.formkit-submit[data-active] .formkit-spinner{display:flex}
.formkit-submit[data-active] .formkit-submit-label{display:none}
.formkit-submit:disabled{cursor:wait;opacity:.75}
footer{padding:56px 0 72px;font-size:14px;color:var(--muted);line-height:1.7}
footer a{color:var(--muted)}
a{color:var(--accent);text-underline-offset:.18em}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;font-size:14px}
.topnav a{text-decoration:none}
.topnav .brand{color:var(--fg);font-weight:800;letter-spacing:.08em}
.navlinks{display:flex;gap:20px}
.article-list{list-style:none;padding:0;margin:24px 0}
.article-list li{border-top:1px solid var(--line);padding:22px 0;margin:0}
.article-list h3{font-size:22px;line-height:1.4;margin:6px 0 10px}
.article-list h3 a{color:var(--fg)}
.article-list p{margin:0;color:var(--muted)}
.article-meta{font-size:13px;letter-spacing:.04em;color:var(--muted)}
section[id]{scroll-margin-top:24px}
@media(max-width:380px){.navlinks{gap:12px}.topnav{gap:12px}}