:root{color-scheme:light;--ink:#16233a;--muted:#53677e;--blue:#2369de;--purple:#8053db}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f7f9fd;font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:var(--blue)}nav{max-width:1100px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{display:block;object-fit:contain}.brand-icon{width:44px;height:44px}.brand-wordmark{width:160px;height:auto}.nav-actions{display:flex;align-items:center;gap:28px}.nav-links{display:flex;gap:28px}nav a{text-decoration:none;font-size:14px}main{max-width:1100px;margin:auto;padding:0 32px}header{padding:64px 0 80px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:70px}.badge{font-size:13px;font-weight:650;letter-spacing:.08em;color:#6a4cc4}h1{font-size:clamp(36px,5.5vw,64px);line-height:1.2;letter-spacing:-.045em;margin:18px 0 24px}h1 span{background:linear-gradient(95deg,var(--blue),var(--purple));background-clip:text;color:transparent}p{color:var(--muted)}.lead{font-size:19px;max-width:570px}.buttons{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0 16px}.button{display:inline-block;text-decoration:none;padding:12px 22px;border-radius:12px;background:var(--ink);color:white;font-weight:600}.secondary{background:white;color:var(--ink);border:1px solid #dce3ef}.small{font-size:13px}.example{border:1px solid #e5e8f3;background:white;padding:32px;border-radius:24px;box-shadow:0 18px 70px #1d355512;transform:rotate(1deg)}.example img{display:block;width:94px;height:94px;object-fit:contain;margin:0 0 28px}.bubble{border-radius:14px;padding:17px;margin-top:16px;background:#f0f4fa;font-size:15px}.bubble.reply{background:#f3efff}section{padding:36px 0 50px}h2{font-size:30px;letter-spacing:-.025em;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e4e9f2;border-radius:18px;padding:25px}.card h3{font-size:17px;margin:8px 0}.number{color:var(--purple);font-weight:700;font-size:13px}.install{background:white;padding:32px;border-radius:22px;border:1px solid #e4e9f2}ol{padding-left:22px}li{margin:12px 0}code{font:13px ui-monospace,monospace;background:#f0f4fa;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}.note{border-left:3px solid #8b6ddb;padding-left:16px}footer{border-top:1px solid #e0e6f0;padding:28px 0 35px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}footer a{margin-left:16px}@media(max-width:720px){nav{flex-wrap:wrap;gap:12px}.nav-actions{display:contents}.nav-links{order:3;width:100%;justify-content:flex-end}nav,main{padding-left:22px;padding-right:22px}header{grid-template-columns:1fr;padding:38px 0;gap:28px}.example{transform:none}.grid{grid-template-columns:1fr}.install{padding:24px}footer{flex-direction:column}.nav-links{gap:14px}.brand{gap:8px}.brand-icon{width:36px;height:36px}.brand-wordmark{width:130px}}@media(max-width:380px){.brand-icon{width:32px;height:32px}.brand-wordmark{width:100px}}
.language-picker{display:flex;align-items:center;gap:8px;flex-shrink:0;margin:0}.language-picker select{width:128px;padding:9px 10px;border:1px solid #dce3ef;border-radius:9px;background:white;color:#16233a;font:13px system-ui,-apple-system,sans-serif;cursor:pointer}.language-picker button{padding:8px 10px;border:1px solid #dce3ef;border-radius:9px;background:white;color:#16233a;font:13px system-ui;cursor:pointer}.language-picker select:focus-visible,.language-picker button:focus-visible{outline:2px solid #2369de;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.language-picker{margin-left:auto}}@media(max-width:380px){.language-picker select{width:100px;padding:8px;font-size:12px}}
html:lang(ko){word-break:keep-all}