:root{--ink:#17233a;--muted:#5b667a;--line:#dfe3ea;--paper:#fbfaf6;--sun:#f3b24a;--night:#17233a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;word-break:keep-all}a{color:inherit}
.top{display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:auto;padding:18px 22px}.logo{display:flex;gap:9px;align-items:center;font-weight:800;font-size:19px;text-decoration:none}.top nav{display:flex;gap:18px}.top nav a{text-decoration:none;color:var(--muted);font-weight:600}.top nav a:hover{color:var(--ink)}
main{max-width:1040px;margin:auto;padding:0 22px}.hero{padding:62px 0 44px}.kick{margin:0 0 12px;color:#9a6a12;font-weight:800;font-size:13px;letter-spacing:.06em}h1{margin:0;font-size:clamp(34px,6.2vw,58px);line-height:1.2;letter-spacing:-.03em}.lead{max-width:640px;margin:20px 0 0;color:var(--muted);font-size:18px}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.btn{display:inline-block;padding:12px 20px;border:0;border-radius:10px;background:var(--ink);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.now{padding:28px;border-radius:18px;background:var(--night);color:#f2f4f8}.nowhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 18px}.now h2{margin:0;font-size:24px}.nowhead p{margin:0;color:#c6cedb}.nowhead b{color:var(--sun);font-size:22px}
.states{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}.states li{display:grid;grid-template-columns:120px 1fr 74px;gap:12px;align-items:center}.lab{font-weight:600}.states b{text-align:right;font-variant-numeric:tabular-nums}.track{display:block;width:100%;height:10px;border-radius:5px;background:#2b3a55}
.feed{list-style:none;margin:22px 0 0;padding:16px 0 0;border-top:1px solid #33435f;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 22px;color:#d6dce6;font-size:15px}.feed b{color:#fff}.fine{margin:18px 0 0;font-size:13.5px;color:var(--muted)}.now .fine{color:#b5bfce}
.flow{padding:52px 0 36px}.flow h2{margin:0 0 18px;font-size:26px}.flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;counter-reset:s}.flow li{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;counter-increment:s}.flow li:before{content:counter(s);display:block;color:#9a6a12;font-weight:800}.flow b{display:block;font-size:18px}.flow span{color:var(--muted);font-size:15px}
.doc,.con{max-width:820px;padding:42px 0}.doc h1,.con h1{font-size:36px}.doc h2{margin:32px 0 8px;font-size:21px}table{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border:1px solid var(--line)}th,td{padding:9px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.doc{overflow-wrap:anywhere}code{font:13.5px/1.5 ui-monospace,Menlo,Consolas,monospace}pre{padding:14px;border-radius:10px;background:var(--night);color:#eef1f6;overflow:auto}
#cf{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:16px}#cf label{display:grid;gap:4px;font-weight:600;font-size:14px}#cf input{padding:11px;border:1px solid #b9c1ce;border-radius:9px;font:inherit;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:14px}.grid article{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.grid strong{display:block}.grid small{color:var(--muted)}
.foot{max-width:1040px;margin:auto;padding:28px 22px;color:var(--muted);font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2467d6;outline-offset:2px}
@media(max-width:640px){.states li{grid-template-columns:96px 1fr 62px}.now{padding:20px}#cf{grid-template-columns:1fr}table{display:block;overflow-x:auto}.hero{padding:40px 0 30px}}