:root{color-scheme:light;--bg:#f4f7f0;--ink:#203329;--muted:#58665b;--green:#254b3a;--line:#d4ddcf;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:7px;border-radius:3px}.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px 18px;z-index:2}.skip:focus{top:16px}.page{max-width:1280px;margin:auto;padding:0 60px}header{height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:29px;letter-spacing:-1.5px;font-weight:800}.mark{width:22px;height:27px;border:6px solid var(--green);border-radius:12px 12px 8px 8px}.status{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}.status span{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:20px;align-items:center;min-height:670px;padding:72px 0}.eyebrow{font-size:16px;font-weight:600;margin:0 0 26px}h1{font-size:clamp(52px,5.8vw,76px);line-height:1.19;letter-spacing:-4px;margin:0;font-weight:750;word-break:keep-all}h1 span{color:var(--green)}.description{font-size:18px;line-height:1.85;letter-spacing:-.5px;color:var(--muted);margin:30px 0}.social{display:inline-flex;align-items:center;gap:26px;background:var(--green);color:#fff;padding:17px 22px;border-radius:5px;font-size:15px;font-weight:600;transition:background .15s}.social:hover{background:#183527}.social span{font-size:21px;font-weight:400}.visual{position:relative;max-width:480px;width:100%;justify-self:end}.visual svg{display:block;width:100%;height:auto}.orbit{stroke:var(--line);stroke-width:1}.visual-caption{display:block;text-align:center;font-size:13px;letter-spacing:1px;color:var(--muted);margin-top:8px}.note{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:44px 0 52px}.note-label{font-size:14px;color:var(--muted);margin:5px 0}.note h2{font-size:25px;font-weight:650;letter-spacing:-1px;margin:0 0 15px;line-height:1.5}.note p:not(.note-label){font-size:16px;line-height:1.8;color:var(--muted);margin:0;word-break:keep-all}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 32px;color:var(--muted);font-size:13px;line-height:1.6}footer a:hover{text-decoration:underline}.error{padding:100px 0;min-height:70vh}.error h1{font-size:48px}.error p{line-height:1.8;color:var(--muted);margin:24px 0 30px}
@media(max-width:800px){.page{padding:0 28px}header{height:88px}.hero{grid-template-columns:1fr;min-height:0;padding:64px 0 42px;gap:40px}h1{font-size:58px;letter-spacing:-3px}.visual{width:75%;max-width:350px;justify-self:center}.note{grid-template-columns:1fr;gap:18px;padding:32px 0}.note h2{font-size:23px}footer{flex-wrap:wrap;gap:12px 22px}footer span:nth-child(2){order:3;width:100%}}
@media(max-width:380px){.page{padding:0 22px}h1{font-size:48px}.description{font-size:16px}.brand{font-size:26px}.status{font-size:12px}.wide-only{display:none}.hero{padding-top:48px}.note h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}