/* 회사 홈페이지 — docs/color-playbook.md 역할 토큰(중립 회색), 강조색은 링크에만. 다크 모드는 시스템 설정. */
:root{--bg:#FFFFFF;--surface:#F6F6F4;--text:#1F1F1D;--muted:#6B6B66;--line:#E6E6E2;--accent:#1A5BD6}
@media (prefers-color-scheme:dark){:root{--bg:#161614;--surface:#1F1F1C;--text:#F1F1EE;--muted:#A9A9A3;--line:#33332F;--accent:#7FAAF5}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased}
header,main,footer{max-width:680px;margin:0 auto;padding:16px}
header{display:flex;justify-content:space-between;align-items:center;padding-top:24px}
.brand{display:flex;gap:8px;align-items:center;color:var(--text);font-weight:700;text-decoration:none;letter-spacing:-.01em}
/* 언어 드롭다운: 현재 언어 버튼 + 목록. 테두리 없이 면·그림자. */
.lang{position:relative;font-size:14px}
.lang summary{list-style:none;cursor:pointer;padding:6px 10px;border-radius:8px;background:var(--surface);color:var(--text);font-weight:600;user-select:none}
.lang summary::-webkit-details-marker{display:none}.lang summary::after{content:" ▾";color:var(--muted)}
.lang ul{position:absolute;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:var(--surface);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:150px;z-index:1}
.lang li a{display:block;padding:8px 10px;color:var(--text);border-radius:8px;white-space:nowrap}.lang li a:hover{background:var(--line);text-decoration:none}.lang li a[aria-current=true]{font-weight:700}
.lang li a[aria-current=true]::after{content:" ✓";color:var(--accent)}
section[hidden]{display:none}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:32px;line-height:1.25;letter-spacing:-.02em;margin:40px 0 8px}
.lead{color:var(--muted);margin:0 0 32px}
h2{font-size:15px;color:var(--muted);font-weight:600;margin:40px 0 4px;text-transform:uppercase;letter-spacing:.04em}
.products{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.products li{background:var(--surface);border-radius:16px;padding:20px}
.products li>a{color:var(--text);font-size:20px}.products li>a span{color:var(--muted);font-size:15px;font-weight:400;margin-left:4px}
.products p{margin:6px 0 0}.links{font-size:15px}
section+section{border-top:1px solid var(--line);margin-top:48px}
footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:48px;padding-top:20px;padding-bottom:40px}footer p{margin:4px 0}