:root{color:#162033;font-synthesis:none;background:#f6f8fb;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{z-index:50;background:#fff;border-bottom:1px solid #e4e9f1;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50vw - 640px);display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;display:flex}.brand span{letter-spacing:-1.2px;font-size:24px;font-weight:900}.brand small{color:#748096}.site-header nav{color:#4b5870;gap:28px;font-size:14px;font-weight:700;display:flex}.site-header nav a:hover{color:#1259d5}.landing{max-width:1180px;margin:auto;padding:76px 24px 110px}.hero{max-width:790px}.eyebrow{color:#1260e3;letter-spacing:.02em;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(42px,6vw,72px);line-height:1.08}.hero p{color:#657088;font-size:19px}.audience-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;display:grid}.audience-card{background:#fff;border:1px solid #dce3ed;border-radius:20px;flex-direction:column;min-height:294px;padding:30px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 12px 32px #182a4c0f}.audience-card:hover{border-color:#94b9f4;transform:translateY(-4px);box-shadow:0 18px 42px #184b9b1f}.audience-card--restricted{color:#fff;background:linear-gradient(145deg,#17243d,#233657)}.audience-icon{color:#1260e3;background:#eaf2ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.audience-card small{color:#1260e3;margin-top:26px;font-weight:800}.audience-card--restricted small{color:#8fbcff}.audience-card h2{letter-spacing:-.03em;margin:8px 0 6px;font-size:22px}.audience-card p{color:#717d91;margin:0}.audience-card--restricted p{color:#c4cedd}.card-link{align-items:center;gap:4px;margin-top:auto;font-size:14px;font-weight:800;display:flex}.docs-layout{grid-template-columns:250px minmax(0,780px) 190px;gap:38px;max-width:1320px;margin:auto;padding:42px 24px 100px;display:grid}.docs-nav,.on-page{align-self:start;position:sticky;top:108px}.docs-nav{flex-direction:column;display:flex}.nav-audience{color:#1260e3;font-size:12px;font-weight:800}.docs-nav>strong{margin:6px 0 22px;font-size:17px}.docs-nav nav{border-left:1px solid #dbe2ec;flex-direction:column;display:flex}.docs-nav nav a{color:#677389;padding:9px 14px;font-size:14px}.docs-nav nav a:hover{color:#1259d5;border-left:2px solid #1259d5;margin-left:-1px}.guide-heading{padding:24px 0 32px}.guide-heading h1{letter-spacing:-.045em;margin:10px 0 12px;font-size:40px}.guide-heading p{color:#657088;max-width:680px;margin:0;font-size:17px}.guide-heading small{color:#909aab;margin-top:16px;display:block}.guide-search{color:#7a8799;background:#fff;border:1px solid #d7dfe9;border-radius:12px;align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.guide-search:focus-within{border-color:#3979df;box-shadow:0 0 0 3px #3979df1a}.guide-search input{color:#172033;background:0 0;border:0;outline:0;width:100%;font-size:15px}.guide-section{background:#fff;border:1px solid #e0e6ef;border-radius:18px;margin-top:26px;padding:30px;box-shadow:0 8px 24px #1e304e0a}.section-heading{gap:17px;display:flex}.section-heading>span{color:#1260e3;background:#eaf2ff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.section-heading h2{letter-spacing:-.035em;margin:1px 0 5px;font-size:24px}.section-heading p{color:#6c788d;margin:0}.guide-section figure{margin:24px 0 6px}.guide-section img{background:#edf1f7;border:1px solid #dce3ec;border-radius:13px;width:100%;display:block}.guide-section figcaption{color:#8b95a5;text-align:center;margin-top:8px;font-size:12px}.steps{gap:0;margin:25px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:1px solid #edf0f4;gap:15px;padding:17px 0;display:flex}.steps li>span{color:#3f536f;background:#f0f4fa;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.steps strong{font-size:15px}.steps p{color:#68758a;margin:3px 0 0;font-size:14px}.note{color:#8b5a09;background:#fff7e8;border-radius:12px;gap:10px;padding:15px 16px;display:flex}.note svg{flex:none;margin-top:2px}.note p{margin:0;font-size:14px}.on-page{border-left:1px solid #dfe5ee;flex-direction:column;gap:9px;padding-left:17px;display:flex}.on-page span{color:#263247;margin-bottom:4px;font-size:13px;font-weight:800}.on-page a{color:#758196;font-size:12px}.on-page a:hover{color:#1259d5}.mobile-nav-toggle,.mobile-nav-close{display:none}.empty-search,.access-state{text-align:center;color:#697589;padding:60px 24px}.access-state{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 68px);display:flex}.access-state h1{color:#172033;margin:18px 0 8px;font-size:30px}.access-state p{max-width:560px;margin:0 0 25px}.primary-link{color:#fff;background:#1764dc;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.spinner{border:3px solid #dce7f8;border-top-color:#1764dc;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.docs-layout{grid-template-columns:220px minmax(0,1fr)}.on-page{display:none}.audience-grid{grid-template-columns:1fr 1fr}.audience-card:last-child{grid-column:1/-1}}@media (width<=720px){.site-header{height:60px;padding:0 18px}.brand span{font-size:21px}.brand small,.site-header nav{display:none}.landing{padding:48px 18px 70px}.hero h1{font-size:42px}.hero p{font-size:16px}.audience-grid{grid-template-columns:1fr;margin-top:45px}.audience-card:last-child{grid-column:auto}.docs-layout{padding:28px 15px 70px;display:block}.mobile-nav-toggle{background:#fff;border:1px solid #d9e0e9;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;display:flex}.docs-nav{z-index:100;background:#fff;padding:54px 24px;display:none;position:fixed;inset:0 20% 0 0;overflow:auto;box-shadow:20px 0 50px #15223f2f}.docs-nav--open{display:flex}.mobile-nav-close{background:0 0;border:0;display:block;position:absolute;top:15px;right:15px}.guide-heading{padding-top:22px}.guide-heading h1{font-size:32px}.guide-section{padding:22px 17px}.section-heading h2{font-size:21px}.section-heading{gap:12px}}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin:25px 0 8px;display:grid}.guide-section .screenshot-card{background:#f7f9fc;border:1px solid #dce3ec;border-radius:14px;margin:0;overflow:hidden}.guide-section .screenshot-card img{border:0;border-radius:0}.guide-section .screenshot-card--portrait img{aspect-ratio:9/16;object-fit:cover;object-position:top}.guide-section .screenshot-card figcaption{text-align:left;background:#fff;flex-direction:column;gap:8px;margin:0;padding:14px;display:flex}.guide-section .screenshot-card figcaption strong{color:#253248;font-size:14px}.guide-section .screenshot-card figcaption span{color:#6e7a8e;grid-template-columns:auto 1fr;gap:7px;font-size:12px;display:grid}.guide-section .screenshot-card figcaption b{color:#1260e3;white-space:nowrap}.reference-register{border:1px solid #dfe5ee;border-radius:14px;margin-top:24px;overflow:hidden}.reference-register-heading{background:#f4f7fb;justify-content:space-between;align-items:center;padding:15px 17px;display:flex}.reference-register-heading span{color:#6e7a8e;font-size:12px}.reference-list article{border-top:1px solid #edf0f4;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:16px;display:grid}.reference-list article:first-child{border-top:0}.reference-list article>div{grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);align-items:baseline;column-gap:12px;display:grid}.reference-list article strong{font-size:14px}.reference-list article code{overflow-wrap:anywhere;color:#1260e3;font:600 12px/1.5 inherit}.reference-list article p{color:#68758a;grid-column:1/-1;margin:5px 0 0;font-size:13px}.reference-kind{border-radius:999px;justify-content:center;align-self:start;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.reference-kind--screen{color:#1259d5;background:#eaf2ff}.reference-kind--modal{color:#7052c8;background:#f1edff}.reference-kind--state{color:#9a6100;background:#fff3dc}@media (width<=720px){.screenshot-grid{grid-template-columns:1fr}.guide-section .screenshot-card--portrait{max-width:360px;margin:auto}.reference-list article{grid-template-columns:44px minmax(0,1fr);padding:14px 12px}.reference-list article>div{display:block}.reference-list article code{margin-top:3px;display:block}.reference-list article p{margin-top:7px}}