:root{--bg: #f2f4f6;--card: #ffffff;--card-2: #f9fafb;--text: #191f28;--text-2: #4e5968;--text-3: #8b95a1;--line: #e5e8eb;--brand: #3182f6;--brand-hover: #1b64da;--brand-soft: #e8f3ff;--brand-ink: #1b64da;--live: #04a862;--live-soft: #e6f8ee;--wip: #d98b00;--wip-soft: #fff4e0;--r-xl: 24px;--r-l: 18px;--r-m: 12px;--r-s: 8px;--shadow: 0 1px 2px rgba(25, 31, 40, .04), 0 8px 24px rgba(25, 31, 40, .06);--shadow-hover: 0 2px 4px rgba(25, 31, 40, .06), 0 16px 40px rgba(25, 31, 40, .1);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", sans-serif;--mono: ui-monospace, "SF Mono", "D2Coding", Consolas, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--nav-h: 56px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101214;--card: #17191d;--card-2: #1e2126;--text: #e5e8eb;--text-2: #b0b8c1;--text-3: #6b7684;--line: #2a2f36;--brand: #4593fc;--brand-hover: #6aa8ff;--brand-soft: #16273d;--brand-ink: #8dbcff;--live: #34c97e;--live-soft: #123324;--wip: #f0a832;--wip-soft: #33270f;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--bg: #101214;--card: #17191d;--card-2: #1e2126;--text: #e5e8eb;--text-2: #b0b8c1;--text-3: #6b7684;--line: #2a2f36;--brand: #4593fc;--brand-hover: #6aa8ff;--brand-soft: #16273d;--brand-ink: #8dbcff;--live: #34c97e;--live-soft: #123324;--wip: #f0a832;--wip-soft: #33270f;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 16px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-s)}::selection{background:var(--brand-soft);color:var(--brand-ink)}.wrap{max-width:1040px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}.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}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav__in{height:100%;display:flex;align-items:center;gap:24px}.nav__logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em}.nav__logo img{width:26px;height:26px;border-radius:50%;object-fit:cover}.nav__menu{display:flex;gap:4px;margin-left:8px}.nav__menu a{padding:8px 12px;border-radius:var(--r-s);font-size:14.5px;font-weight:600;color:var(--text-2);transition:background .15s ease,color .15s ease}.nav__menu a:hover{background:var(--card-2);color:var(--text)}.nav__cta{margin-left:auto}@media(max-width:720px){.nav__menu{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:var(--r-m);font-size:15px;font-weight:700;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s var(--ease),box-shadow .15s ease;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-hover)}.btn--ghost{background:var(--card);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}.btn--ghost:hover{border-color:var(--text-3)}.btn--soft{background:var(--brand-soft);color:var(--brand-ink)}.btn--soft:hover{background:color-mix(in srgb,var(--brand-soft) 80%,var(--brand))}.btn--sm{height:36px;padding:0 14px;font-size:14px;border-radius:10px}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:0;background:var(--card-2);color:var(--text-2)}.chip--mono{font-family:var(--mono);font-weight:600;letter-spacing:.02em}.chip--live{background:var(--live-soft);color:var(--live)}.chip--wip{background:var(--wip-soft);color:var(--wip)}.chip--brand{background:var(--brand-soft);color:var(--brand-ink)}.chip__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.chip--live .chip__dot{animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.card{background:var(--card);border-radius:var(--r-l);box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);transition:transform .25s var(--ease),box-shadow .25s ease}a.card:hover,.card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card__pad{padding:24px}@media(max-width:480px){.card__pad{padding:20px}}.section{padding-block:40px}.section+.section{padding-top:8px}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.section__title{font-size:22px;font-weight:800;letter-spacing:-.02em}.section__sub{font-size:14.5px;color:var(--text-3);margin-top:2px}.section__more{font-size:14px;font-weight:600;color:var(--brand-ink);white-space:nowrap}.section__more:hover{text-decoration:underline;text-underline-offset:3px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.hero{padding-block:clamp(48px,9vh,96px) 24px}.hero__title{font-size:clamp(30px,6vw,46px);font-weight:800;line-height:1.22;letter-spacing:-.035em;text-wrap:balance;white-space:pre-line;max-width:18em}.hero__sub{margin-top:16px;font-size:clamp(16px,2.6vw,18px);color:var(--text-2);max-width:34em;line-height:1.6}.hero__cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}.hero__facts{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}.banner{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--r-l);background:var(--brand-soft);color:var(--brand-ink);margin-bottom:8px}.banner--green{background:var(--live-soft);color:var(--live)}.banner--neutral{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.banner__text{flex:1;min-width:0}.banner__title{font-weight:800;font-size:15px}.banner__body{font-size:14px;opacity:.85;margin-top:2px}.banner__go{font-weight:700;font-size:14px;white-space:nowrap}.banner__go:hover{text-decoration:underline;text-underline-offset:3px}.svc{display:flex;flex-direction:column;overflow:hidden}.svc__thumb{aspect-ratio:16 / 9;background:var(--card-2);overflow:hidden}.svc__thumb img{width:100%;height:100%;object-fit:cover}.svc__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.svc__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.svc__title{font-size:20px;font-weight:800;letter-spacing:-.02em}.svc__summary{font-size:14.5px;color:var(--text-2);line-height:1.55}.svc__foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:var(--brand-ink)}.svc__arrow{transition:transform .25s var(--ease)}a.svc:hover .svc__arrow{transform:translate(4px)}.svc--wip{opacity:.72}.svc--wip .svc__foot{color:var(--text-3)}.vid{display:flex;flex-direction:column;overflow:hidden}.vid__thumb{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.vid__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}a.vid:hover .vid__thumb img{transform:scale(1.03)}.vid__play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(to top,rgba(0,0,0,.35),transparent 50%)}.vid__play span{width:44px;height:44px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;box-shadow:0 4px 16px #00000040;transition:transform .25s var(--ease)}a.vid:hover .vid__play span{transform:scale(1.06)}.vid__play svg{width:16px;height:16px;margin-left:2px;fill:#191f28}.vid__body{padding:14px 16px 16px}.vid__title{font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vid__meta{margin-top:8px;display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--text-3)}.log{padding:8px 0}.log__item{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);align-items:baseline}.log__item:last-child{border-bottom:0}.log__date{font-family:var(--mono);font-size:13px;color:var(--text-3);letter-spacing:.02em}.log__text{font-size:15px;color:var(--text);line-height:1.55}.log__link{color:var(--brand-ink);font-weight:600;margin-left:6px;font-size:13.5px}.log__link:hover{text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.log__item{grid-template-columns:1fr;gap:4px;padding:14px 20px}}.two{display:grid;gap:16px;grid-template-columns:1.4fr 1fr}@media(max-width:800px){.two{grid-template-columns:1fr}}.about__title{font-size:20px;font-weight:800;letter-spacing:-.02em}.about__body{margin-top:10px;color:var(--text-2);font-size:15px;line-height:1.65}.about__points{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:10px}.about__points li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--text)}.about__points li:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-top:7px}.about__mascot{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:14px}.ask{background:linear-gradient(135deg,var(--brand) 0%,#5aa1ff 100%);color:#fff;border:0;display:flex;flex-direction:column}.ask__title{font-size:20px;font-weight:800;letter-spacing:-.02em}.ask__body{margin-top:10px;font-size:15px;line-height:1.6;opacity:.92}.ask .btn{align-self:flex-start;background:#fff;color:var(--brand-ink);margin-top:22px}.ask .btn:hover{background:#f2f7ff}.doc{padding-block:40px 64px}.doc__title{font-size:clamp(26px,5vw,34px);font-weight:800;letter-spacing:-.03em}.doc__desc{margin-top:8px;color:var(--text-2)}.prose{margin-top:24px;font-size:15.5px;line-height:1.75;color:var(--text)}.prose h2{font-size:20px;font-weight:800;margin:32px 0 10px;letter-spacing:-.02em}.prose h3{font-size:17px;font-weight:700;margin:24px 0 8px}.prose p{margin:0 0 14px}.prose ul,.prose ol{padding-left:22px;margin:0 0 14px}.prose li{margin:4px 0}.prose a{color:var(--brand-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.prose hr{border:0;border-top:1px solid var(--line);margin:24px 0}.prose em{color:var(--text-3);font-style:normal;font-size:.92em}.prose code{font-family:var(--mono);font-size:.9em;background:var(--card-2);padding:2px 6px;border-radius:6px}.footer{margin-top:40px;padding-block:32px 48px;border-top:1px solid var(--line);color:var(--text-3);font-size:13.5px}.footer__in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.footer__links{display:flex;flex-wrap:wrap;gap:4px 16px}.footer__links a{font-weight:600;color:var(--text-2)}.footer__links a:hover{color:var(--text)}.footer__copy{margin-left:auto}@media(max-width:600px){.footer__copy{margin-left:0}}.nf{min-height:60vh;display:grid;place-items:center;text-align:center;padding:40px 0}.nf h1{font-size:64px;font-weight:900;letter-spacing:-.04em;color:var(--text-3)}.nf p{color:var(--text-2);margin:8px 0 20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}