:root{
  --ink:#14161b; --bg:#f7f7f6; --surface:#ffffff; --text:#1f232b; --muted:#5c636e; --faint:#8a919b;
  --line:#e6e6e3; --gold:#b3841f; --gold-hi:#d4a13f; --gold-soft:#f6efdd; --gold-line:#e6d5a6;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic",Roboto,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-hi);}
.mono{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.9em;}

/* nav */
nav.top{position:sticky;top:0;z-index:10;background:rgba(247,247,246,.88);backdrop-filter:saturate(1.4) blur(8px);
  border-bottom:1px solid var(--line);}
nav.top .in{max-width:860px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:22px;}
nav.top .brand{font-weight:800;letter-spacing:-.01em;color:var(--ink);font-size:16px;margin-right:auto;display:flex;align-items:center;gap:8px;}
nav.top .brand .dot{width:9px;height:9px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 0 3px var(--gold-soft);}
nav.top a.link{font-size:14px;font-weight:600;color:var(--muted);}
nav.top a.link:hover,nav.top a.link.active{color:var(--ink);}

.wrap{max-width:760px;margin:0 auto;padding:0 22px 90px;}

/* hero (home) */
.hero{background:var(--ink);color:#f2f0ea;}
.hero .in{max-width:860px;margin:0 auto;padding:74px 22px 68px;}
.hero .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-hi);font-weight:800;}
.hero h1{font-size:44px;line-height:1.08;letter-spacing:-.025em;margin:14px 0 12px;font-weight:800;text-wrap:balance;}
.hero p.tag{font-size:19px;color:#c9cbcf;max-width:34ch;margin:0 0 8px;line-height:1.5;}
.hero .status{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;font-weight:700;
  background:rgba(212,161,63,.13);border:1px solid rgba(212,161,63,.34);color:var(--gold-hi);border-radius:999px;padding:6px 14px;}
.hero .status .pulse{width:7px;height:7px;border-radius:50%;background:var(--gold-hi);}

/* section */
main{max-width:860px;margin:0 auto;padding:0 22px;}
.sec{padding:56px 0;border-bottom:1px solid var(--line);}
.sec h2{font-size:22px;font-weight:800;letter-spacing:-.015em;margin:0 0 6px;}
.sec .lead{color:var(--muted);font-size:15.5px;margin:0 0 24px;}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 20px;box-shadow:0 1px 2px rgba(20,22,27,.03),0 10px 26px rgba(20,22,27,.04);}
.card .ic{font-size:22px;}
.card .ct{font-weight:800;font-size:16px;margin:9px 0 4px;letter-spacing:-.01em;}
.card .cd{font-size:13.5px;color:var(--muted);line-height:1.6;}
.legal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;}
.legal-links a{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);
  border-radius:10px;padding:12px 16px;font-weight:700;font-size:14.5px;color:var(--ink);box-shadow:0 1px 2px rgba(20,22,27,.03);}
.legal-links a:hover{border-color:var(--gold-line);color:var(--gold);}

/* legal doc pages */
.doc h1{font-size:27px;margin:34px 0 5px;letter-spacing:-.02em;font-weight:800;padding-top:8px;}
.doc .upd{color:var(--muted);font-size:14px;padding-bottom:18px;border-bottom:2px solid var(--ink);margin-bottom:26px;}
.doc .lead{color:var(--muted);font-size:15.5px;}
.doc h2{font-size:17.5px;margin:30px 0 7px;font-weight:800;letter-spacing:-.01em;}
.doc p,.doc li{color:#28313b;}
.doc ol.arts{padding-left:20px;} .doc ol.arts>li{margin:5px 0;}
.doc ul{padding-left:20px;} .doc li{margin:3px 0;}
.doc table{border-collapse:collapse;width:100%;margin:10px 0;font-size:14.5px;}
.doc th,.doc td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top;}
.doc th{background:#f1f1ee;font-weight:700;font-size:13px;}
.doc strong{font-weight:700;}
.callout{border:1px solid var(--gold-line);background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:9px;padding:12px 15px;margin:12px 0;font-size:14.5px;}
.callout b{color:#8a6614;}
.contact{background:#eef1f0;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:14px 0;font-size:15px;}
.contact b{color:var(--ink);}

footer.site{background:var(--ink);color:#a9adb4;}
footer.site .in{max-width:860px;margin:0 auto;padding:34px 22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13.5px;}
footer.site .fbrand{font-weight:800;color:#f2f0ea;margin-right:auto;}
footer.site a{color:#d8c79a;}
@media(max-width:560px){ .hero h1{font-size:34px;} nav.top .in{gap:14px;} }