:root{--fg:#1b1b1f;--muted:#6b6b75;--accent:#2f6f5e;--line:#e8e8ee;--bg:#fbfbfd}
*{box-sizing:border-box}
body{margin:0;font-family:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;color:var(--fg);background:var(--bg);line-height:1.8;-webkit-text-size-adjust:100%}
a{color:var(--accent)}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;font-size:19px;text-decoration:none;color:var(--fg);letter-spacing:-0.02em}
nav a{margin-left:18px;font-size:14px;color:var(--muted);text-decoration:none}
.hero{padding:64px 0 40px}
.hero h1{font-size:32px;line-height:1.35;margin:0 0 14px;letter-spacing:-0.03em}
.hero p{color:var(--muted);font-size:16px;margin:0}
section{padding:28px 0}
h2{font-size:21px;margin:0 0 10px;letter-spacing:-0.02em}
h3{font-size:17px;margin:22px 0 6px}
ul{padding-left:20px}
li{margin-bottom:6px}
.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;margin:14px 0}
.info{color:var(--muted);font-size:14.5px}
footer{border-top:1px solid var(--line);padding:26px 0 60px;color:var(--muted);font-size:13.5px}
@media(max-width:520px){.hero h1{font-size:25px}}