:root{--bg:#111111;--paper:#fafaf8;--muted:rgba(250,250,248,.55);--line:rgba(250,250,248,.1);--ink:#111111}:root{--surface:#141414;--surface2:#181818;--text2:rgba(250,250,248,.82);--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Cascadia Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:var(--bg);color:var(--paper);font-family:Pretendard,Pretendard Variable,system-ui,-apple-system,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"tnum" 1;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}.wrap{width:min(1300px,100% - 84px);margin:0 auto}html{color:var(--paper);font-size:16px;line-height:normal}body{display:block;min-height:0;font-variant-numeric:normal}h1,h2,h3{margin:0;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-wrap:auto}p,ul,ol{margin:0;max-width:none}a:hover{color:inherit}.wrap{max-width:none;padding-inline:0}.band>.wrap{display:block}:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.nav{height:72px;border-bottom:1px solid var(--line);position:relative;z-index:2}.nav .wrap{height:72px;display:flex;align-items:center}.brand{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--paper)}.links{display:flex;gap:2px;margin-left:auto;margin-right:24px}.links a,.ghost{height:32px;padding:0 12px;border-radius:9999px;display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:var(--muted)}.links a:hover,.ghost:hover{color:var(--paper);background:#fafaf80f}.auth{display:flex;align-items:center;gap:6px}.pill{height:32px;padding:0 14px;border-radius:9999px;display:inline-flex;align-items:center;font-size:13px;font-weight:500;background:var(--paper);color:var(--ink)}.pill:hover{background:#fff}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}.sec{padding-top:160px}.head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.head h2{font-size:56px;line-height:61.6px;font-weight:510;letter-spacing:-.022em;color:var(--paper)}.desc{max-width:560px;padding-top:6px}.desc p{font-size:21px;line-height:30px;font-weight:400;letter-spacing:-.012em;color:var(--text2)}.more{display:inline-block;margin-top:32px;font-size:15px;line-height:24px;font-weight:500;color:var(--muted)}.more:hover{color:var(--paper)}.tag{display:inline-block;font-size:11.5px;line-height:18px;padding:0 7px;border:1px solid var(--line);border-radius:9999px;color:var(--muted);vertical-align:1px;letter-spacing:.01em}.win{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px -40px #000c;color:inherit}.wt{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.wn{font-size:13px;font-weight:600;color:var(--paper);letter-spacing:-.005em}.wl{font-size:12.5px;font-weight:500;color:var(--muted)}a.win:hover .wl{color:var(--paper)}.wb{padding:18px 16px 0}.wd{font-size:15px;line-height:24px;color:var(--text2);letter-spacing:-.011em;min-height:48px}.wp{margin-top:8px;font-size:13px;line-height:20px;color:var(--muted)}@media(max-width:1023px){body .wrap{width:min(1300px,100% - 32px)}body .nav,body .nav .wrap{height:auto;min-height:72px}body .nav .wrap{flex-wrap:wrap;gap:8px 0;padding:12px 0}body .links{margin-right:12px}body .cols{grid-template-columns:1fr;gap:40px;margin-top:80px}body .h1{font-size:40px;line-height:44px}body .head{grid-template-columns:1fr;gap:24px}body .head h2{font-size:36px;line-height:40px}body .strip{grid-template-columns:repeat(2,1fr)}body .row3{grid-template-columns:1fr!important}body .tri{grid-template-columns:1fr;height:auto}body .duo{grid-template-columns:1fr}body .fgrid{grid-template-columns:1fr 1fr}body .fbot{flex-wrap:wrap;gap:8px}}.hero{position:relative;padding-bottom:96px}.cols{display:grid;grid-template-columns:minmax(0,1fr) min(720px,55.4%);gap:64px;align-items:start;margin-top:200px}.h1{font-size:64px;line-height:64px;font-weight:510;letter-spacing:-.022em;color:var(--paper)}.h1 .nw{white-space:nowrap}.sub{margin-top:32px;max-width:516px;font-size:15px;line-height:24px;font-weight:400;color:var(--muted);letter-spacing:-.011em}.cta{display:flex;align-items:center;gap:20px;white-space:nowrap;margin-top:32px;min-height:32px}.cta .link{font-size:15px;line-height:24px;font-weight:500;color:var(--muted)}.cta .link b{font-weight:500;color:var(--paper)}.cta .link:hover{color:var(--paper)}.car{outline:none}.frame{position:relative;aspect-ratio:16/9;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#111;box-shadow:0 40px 120px -40px #000c}.clip{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#f3f4f6;opacity:0;transition:opacity .4s ease}.clip.on{opacity:1;z-index:1}@media(prefers-reduced-motion:reduce){.clip{transition:none}}.arw{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:44px;border:0;background:none;color:#111111b3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;opacity:0;transition:opacity .2s}.frame:hover .arw,.car:focus-within .arw{opacity:1}.arw:hover{color:var(--ink)}.arw:focus-visible{outline:1px solid rgba(17,17,17,.6);outline-offset:-4px;border-radius:6px}.arw.l{left:8px}.arw.r{right:8px}.arw svg{width:16px;height:16px;display:block;filter:drop-shadow(0 0 2px rgba(255,255,255,.9))}.pg{display:flex;justify-content:center;gap:6px;margin-top:12px}.pg button{width:28px;height:14px;padding:0;border:0;background:none;cursor:pointer;display:block;position:relative}.pg button i{position:absolute;left:0;right:0;top:6px;height:2px;border-radius:1px;background:#fafaf838;display:block;overflow:hidden}.pg button i b{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--paper);display:block}.pg button[aria-current=true] i{background:#fafaf859}.pg button:focus-visible{outline:1px solid rgba(250,250,248,.6);outline-offset:0;border-radius:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.band{padding:80px 0 0}.strip{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.shot{display:block;height:190px;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:#f3f4f6;opacity:.36;transition:opacity .25s;position:relative}.shot img{position:absolute;display:block;max-width:none;width:352.62%;left:-141.32%;top:0;margin-top:-23.69%;height:auto}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1110 35%,#111111eb)}.shot:hover{opacity:.85}.cap{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px}.cap .mono{font-size:12px;line-height:20px;letter-spacing:.06em;color:var(--muted)}.cap .more{margin-top:0;font-size:13px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:96px}.row3 .win{height:420px}.wshot{margin:18px -1px 0;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden;background:#fff;height:260px}.wshot{position:relative}.wshot img{position:absolute;display:block;max-width:none;width:352.62%;left:-141.32%;top:0;margin-top:-23.69%;height:auto}.wform{margin-top:18px}.wform .f{margin-bottom:10px}.wform .f span{display:block;font-size:12px;line-height:18px;color:var(--muted);margin-bottom:4px}.wform .f i{display:block;height:34px;border:1px solid var(--line);border-radius:8px;background:#111}.wform .f.ta i{height:64px}.wform .fb{margin-top:14px;height:32px;border-radius:9999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center}.tri{position:relative;margin-top:96px;height:540px;display:grid;grid-template-columns:440px 1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 24px 80px -40px #000c}.tri .col{min-width:0;border-right:1px solid var(--line);overflow:hidden}.tri .col:last-of-type{border-right:0}.list{padding:8px 0;overflow-y:auto}.grp{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;font-weight:500;color:var(--paper)}.grp em{font-style:normal;color:var(--muted);font-weight:400}.gi{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--muted);display:inline-block;position:relative}.gi.ok{border-color:#8fd0a5;background:radial-gradient(circle,#8fd0a5 0 3px,transparent 3.5px)}.gi.half{border-color:#e2b56b;background:linear-gradient(90deg,#e2b56b 50%,transparent 50%)}.row{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 16px 0 36px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.row:hover{background:#fafaf80a}.row[aria-selected=true]{background:#fafaf812}.row .id{font-family:var(--mono);font-size:11.5px;color:var(--muted);width:68px;flex:none}.row .tt{font-size:14px;line-height:20px;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}.empty{padding:6px 16px 0 36px;font-size:12.5px;line-height:18px;color:var(--muted)}.det,.rule{padding:20px 24px}.k{font-size:11.5px;line-height:16px;letter-spacing:.06em;color:var(--muted);margin:12px 0 6px}.k:first-child{margin-top:0}.dt{font-size:15px;line-height:22px;font-weight:600;color:var(--paper)}.dt+.k{margin-top:12px}.v{font-size:15px;line-height:24px;color:var(--text2);letter-spacing:-.011em}.v.mono{font-size:13px;color:var(--muted)}.diff{font-family:var(--mono);font-size:13px;line-height:20px}.ln{display:flex;gap:12px;padding:4px 10px;border-radius:4px;margin-top:4px}.ln b{font-weight:600;width:10px;flex:none}.ln span{white-space:pre-wrap;word-break:keep-all}.ln.del{background:#ff636317;color:#ffa0a0e6}.ln.add{background:#78d29617;color:#aae6bef2}.duo{display:grid;grid-template-columns:420px 1fr;gap:24px;margin-top:96px;align-items:stretch}.form .wb{padding:16px}.form label{display:block;margin-bottom:12px}.form label span{display:block;font-size:12.5px;line-height:18px;color:var(--muted);margin-bottom:5px}.form input[type=text],.form input[type=email],.form select,.form textarea{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:#111;color:var(--paper);font:inherit;font-size:14px;padding:0 10px;outline:none}.form textarea{height:auto;padding:8px 10px;resize:vertical;line-height:20px}.form select{appearance:none;-webkit-appearance:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:#fafaf859}.form .consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:18px;color:var(--muted);margin:4px 0 14px}.form .consent input{margin-top:3px}.form .consent span{margin:0;color:var(--muted)}.pill.full{width:100%;justify-content:center;height:36px;border:0;font:inherit;font-size:13px;font-weight:500;cursor:pointer}.banner{min-height:560px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.bframe{position:absolute;inset:16px;border:1px dashed rgba(250,250,248,.16);border-radius:8px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,rgba(250,250,248,.02) 0 12px,transparent 12px 24px)}.bhint{text-align:center;font-size:13px;line-height:20px;color:var(--muted)}.bhint .mono{display:block;font-size:12px;letter-spacing:.06em;margin-bottom:4px}.form form.contact{max-width:none}.form form.contact label{font-weight:400;font-size:12.5px;line-height:18px;color:var(--muted);margin-bottom:12px}.form form.contact input,.form form.contact select,.form form.contact textarea{margin-top:5px;height:36px;border:1px solid var(--line);border-radius:8px;background:#111;color:var(--paper);font-size:14px;padding:0 10px}.form form.contact textarea{display:inline-block;height:118px;padding:8px 10px;resize:vertical;line-height:20px}.form form.contact :is(input,select,textarea):focus{outline:none;border-color:#fafaf859}.form form.contact .consent{margin:4px 0 14px}.form form.contact .consent input{width:auto;height:auto;margin:3px 0 0}.form form.contact .actions{margin:0}.form form.contact .btn{width:100%;height:36px;padding:0;border:0;border-radius:9999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:500;line-height:36px}.form form.contact .btn:hover{background:#fff}.form form.contact .msg{margin:0 0 12px;font-size:12.5px;color:var(--muted)}.form form.contact .cf-turnstile:not(:empty){margin-bottom:12px}.form form.contact a{color:var(--paper);text-decoration:underline}.foot{margin-top:160px;border-top:1px solid var(--line);padding:64px 0 40px}.fgrid{display:grid;grid-template-columns:1fr 160px 200px 160px;gap:40px}.fbrand p{margin-top:12px;max-width:360px;font-size:14px;line-height:22px;color:var(--muted);letter-spacing:-.011em}.ft{font-size:13px;font-weight:500;color:var(--paper);margin-bottom:12px}.fcol a{display:block;font-size:14px;line-height:20px;color:var(--muted);margin-bottom:10px}.fcol a:hover{color:var(--paper)}.fcol a.dim{color:#fafaf866}.fbot{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}