:root{--n0:#fff;--n50:#fafafa;--n100:#f5f5f5;--n200:#e5e5e5;--n300:#d4d4d4;--n400:#a3a3a3;--n500:#737373;--n600:#525252;--n700:#404040;--n800:#262626;--n900:#171717;--bg:var(--n0);--fg:var(--n900);--muted:var(--n600);--subtle:var(--n500);--border:var(--n200);--soft:var(--n50);--chip:var(--n100);--btn-bg:var(--n900);--btn-fg:var(--n0);--shot-shadow:0 24px 60px -24px #0a11282e, 0 2px 8px #0a11280a;--tile-shadow:0 14px 32px -18px #0a112847;--cap-bg:#171717c7;--cap-fg:#fff;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--radius:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121212;--fg:#f2f2f2;--muted:#b5b5b5;--subtle:#8c8c8c;--border:#2c2c2c;--soft:#181818;--chip:#222;--btn-bg:#f2f2f2;--btn-fg:#121212;--shot-shadow:0 24px 60px -24px #000000b3, 0 0 0 1px #2c2c2c;--tile-shadow:0 14px 32px -18px #000c;--cap-bg:#000000b3;--cap-fg:#f2f2f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121212;--fg:#f2f2f2;--muted:#b5b5b5;--subtle:#8c8c8c;--border:#2c2c2c;--soft:#181818;--chip:#222;--btn-bg:#f2f2f2;--btn-fg:#121212;--shot-shadow:0 24px 60px -24px #000000b3, 0 0 0 1px #2c2c2c;--tile-shadow:0 14px 32px -18px #000c;--cap-bg:#000000b3;--cap-fg:#f2f2f2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.sprite{position:absolute}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:500;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}svg.i{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.wrap{max-width:1168px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));margin:0 auto}@media (width<=480px){.wrap{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:6px}.top{top:env(safe-area-inset-top,0px);z-index:10;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky}.top .wrap{align-items:center;gap:20px;height:60px;display:flex}.brand{white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.brand svg{fill:currentColor;width:17px;height:18px}.toc{gap:2px;margin-left:auto;display:flex}.toc a{color:var(--subtle);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:600;transition:color .15s,background .15s}.toc a:hover{color:var(--fg);background:var(--chip)}.btn{appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--fg);font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;transition:background .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--chip)}.btn.solid{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}.btn.solid:hover{opacity:.86}.btn.lg{border-radius:10px;height:48px;padding:0 22px;font-size:16px}.btn svg.i{width:16px;height:16px}@media (width<=760px){.toc{display:none}.top .btn{margin-left:auto}}.hero{text-align:center;padding-block:88px 0}.eyebrow{color:var(--subtle);margin:0 0 14px;font-size:14px;font-weight:600}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(34px,5.2vw,52px);font-weight:600;line-height:1.22}.lede{max-width:34em;color:var(--muted);text-wrap:balance;margin:18px auto 0;font-size:17px}.cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px;display:flex}figure.frame{margin:0}.frame{background:var(--n0);border:1px solid var(--border);box-shadow:var(--shot-shadow);border-radius:14px;overflow:hidden}.frame-bar{background:var(--soft);border-bottom:1px solid var(--border);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.frame-bar i{background:var(--n300);border-radius:50%;width:9px;height:9px}.frame-bar span{color:var(--subtle);margin-left:10px;font-size:12px;font-style:normal;font-weight:600}.frame img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.numbers{padding-block:80px}.num-grid{border-top:1px solid var(--fg);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.num-grid li{flex-direction:column;gap:4px;min-width:0;padding:20px 20px 4px 0;display:flex}.num-grid li+li{border-left:1px solid var(--border);padding-left:20px}.num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3.6vw,42px);font-weight:600;line-height:1.15}.num small{letter-spacing:-.01em;margin-left:2px;font-size:.5em;font-weight:600}.num-grid b{font-size:15px;font-weight:600}.num-grid span.sub{color:var(--subtle);font-size:14px}@media (width<=760px){.num-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.num-grid li:nth-child(3){border-left:0;padding-left:0}.num-grid li:nth-child(n+3){border-top:1px solid var(--border)}}.block{border-top:1px solid var(--border);padding-block:104px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.head .eyebrow{margin-bottom:10px}h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(26px,3.2vw,32px);font-weight:600;line-height:1.32}.head p.note{color:var(--subtle);margin:0;font-size:14px}.stage{text-align:left;max-width:1120px;margin:56px auto 0;padding-bottom:72px;position:relative}.float{background:var(--n0);border:1px solid var(--border);box-shadow:var(--shot-shadow);border-radius:14px;position:absolute;overflow:hidden}.float img{width:100%}.float.donut{width:25%;bottom:0;left:-3%}.float.power{width:42%;bottom:20px;right:-3%}@media (width<=1240px){.float.donut{left:1%}.float.power{right:1%}}@media (width<=640px){.stage{padding-bottom:0}.float{display:none}}.catlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;display:grid}.catrow{border-top:1px solid var(--border);grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px 20px;min-width:0;padding-block:18px;display:grid}.catrow h3{margin:0;padding-top:4px;font-size:16px;font-weight:600}.menus{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menus li{color:var(--muted);background:var(--chip);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}@media (width<=860px){.catlist{grid-template-columns:1fr}}@media (width<=480px){.catrow{grid-template-columns:1fr;gap:10px}}.wall{max-width:1168px;height:860px;padding-left:max(24px, env(safe-area-inset-left,0px));padding-right:max(24px, env(safe-area-inset-right,0px));grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:56px auto 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.col{min-width:0}.track{flex-direction:column;gap:24px;animation:90s linear infinite drift;display:flex}.col-1 .track{animation-duration:84s;animation-delay:-12s}.col-2 .track{animation-duration:104s;animation-direction:reverse;animation-delay:-40s}.col-3 .track{animation-duration:96s;animation-delay:-64s}@keyframes drift{to{transform:translateY(-50%)}}.col:hover .track{animation-play-state:paused}.tile{border:1px solid var(--border);background:var(--n0);box-shadow:var(--tile-shadow);border-radius:12px;margin:0;transition:transform .3s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.tile:hover{transform:scale(1.03)}.tile img{aspect-ratio:64/45;object-fit:cover;object-position:top;width:100%}.tile figcaption{background:var(--cap-bg);color:var(--cap-fg);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:10px}.wall.in .tile{animation:.9s cubic-bezier(.2,.7,.2,1) backwards pop}.wall.in .tile:nth-child(2){animation-delay:80ms}.wall.in .tile:nth-child(3){animation-delay:.16s}.wall.in .tile:nth-child(4){animation-delay:.24s}.wall.in .col-2 .tile{animation-delay:.12s}.wall.in .col-3 .tile{animation-delay:.2s}@keyframes pop{0%{opacity:0;transform:translateY(70px)scale(.92)rotate(-2deg)}}.wall.in .tilt-1{animation-name:pop-r}@keyframes pop-r{0%{opacity:0;transform:translateY(70px)scale(.92)rotate(2deg)}}@media (width<=700px){.wall{height:640px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.track{gap:12px}.col-3{display:none}}@media (prefers-reduced-motion:reduce){.track,.wall.in .tile{animation:none}}.ai{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.ai p{color:var(--muted);max-width:36em;margin:10px 0 0}.foot{border-top:1px solid var(--border);color:var(--subtle);padding-block:28px;font-size:13px}.foot .wrap{flex-wrap:wrap;align-items:center;gap:8px 24px;display:flex}.foot nav{gap:20px;margin-left:auto;display:flex}.foot a:hover{color:var(--fg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
