.site-theme{--font-body:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--grey-50:249 250 251;--grey-100:242 244 246;--grey-200:229 232 235;--grey-300:209 214 219;--grey-400:176 184 193;--grey-500:139 149 161;--grey-600:107 118 132;--grey-700:78 89 104;--grey-800:51 61 75;--grey-900:25 31 40;--brand:49 130 246;--brand-strong:27 100 218;--brand-light:232 243 255;--canvas:242 244 246;--surface:255 255 255;--surface-muted:249 250 251;--surface-hover:252 252 252;--surface-border:229 232 235;--chip-blue-bg:219 234 254;--chip-blue-text:37 99 235;--hero-blob-a:191 219 254;--hero-blob-b:199 210 254;--hero-blob-opacity:.35;--skeleton-base:242 244 246;--skeleton-highlight:255 255 255;--shadow-glass:0 0 24px #0000000a;--shadow-card:0 0 16px #00003205;--shadow-card-hover:0 0 20px #0000320a;--progress-sheen:#ffffff73;--scrollbar-thumb:rgb(var(--grey-300));--scrollbar-thumb-hover:rgb(var(--grey-400));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.site-theme.dark{--grey-50:20 21 22;--grey-100:45 46 48;--grey-200:60 62 66;--grey-300:110 114 120;--grey-400:170 176 184;--grey-500:205 210 218;--grey-600:228 232 236;--grey-700:242 244 246;--grey-800:249 251 253;--grey-900:255 255 255;--brand:66 133 244;--brand-strong:90 165 250;--brand-light:32 40 54;--canvas:18 19 21;--surface:32 33 36;--surface-muted:25 26 29;--surface-hover:42 43 46;--surface-border:52 54 58;--chip-blue-bg:28 48 79;--chip-blue-text:191 219 254;--hero-blob-a:59 130 246;--hero-blob-b:99 102 241;--hero-blob-opacity:.12;--skeleton-base:32 33 36;--skeleton-highlight:48 50 54;--progress-sheen:#ffffff52;--shadow-glass:0 0 30px #0006;--shadow-card:0 4px 20px #0000004d;--shadow-card-hover:0 8px 30px #0006;--scrollbar-thumb:rgb(var(--grey-300));--scrollbar-thumb-hover:rgb(var(--grey-400));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.webkit .site-theme .site-navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgb(var(--surface)/.85);contain:paint}.webkit .site-theme .showcase-card-inner,.webkit .site-theme .showcase-card-inner video{backface-visibility:hidden;transform:translateZ(0)}.recap-hero-bg{background-image:radial-gradient(50vw 50vw at 10% 10%,rgb(var(--hero-blob-a)/var(--hero-blob-opacity)),transparent 70%),radial-gradient(40vw 40vw at 90% 30%,rgb(var(--hero-blob-b)/var(--hero-blob-opacity)),transparent 70%);background-repeat:no-repeat}.glass-card{border:1px solid rgb(var(--surface-border)/.8);background:rgb(var(--surface)/.7);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-glass);border-radius:1.5rem;padding:1.5rem;transition:all .3s}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.ui-card{border:1px solid rgb(var(--surface-border)/.3);background:rgb(var(--surface));box-shadow:var(--shadow-card);border-radius:1.5rem;padding:1.5rem;transition:box-shadow .3s,border-color .3s}.ui-card:hover{box-shadow:var(--shadow-card-hover)}.ui-input{background-color:rgb(var(--grey-100));width:100%;color:rgb(var(--grey-900));border:none;border-radius:1rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s}.ui-input::placeholder{color:rgb(var(--grey-500))}.ui-input:hover{background-color:rgb(var(--grey-200))}.ui-input:focus{background-color:rgb(var(--surface));box-shadow:0 0 0 3px rgb(var(--brand)/.2);outline:none}.ui-btn{background-color:rgb(var(--brand));color:#fff;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.ui-btn:hover{background-color:rgb(var(--brand-strong))}.ui-btn:active{transform:scale(.95)}.ui-btn:disabled{background-color:rgb(var(--grey-300));cursor:not-allowed}.ui-btn-secondary{background-color:rgb(var(--grey-100));color:rgb(var(--grey-700));border:1px solid rgb(var(--grey-200));border-radius:1rem;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.ui-btn-secondary:hover{background-color:rgb(var(--grey-200));color:rgb(var(--grey-900));border-color:rgb(var(--grey-300))}.chip-blue{background-color:rgb(var(--chip-blue-bg));color:rgb(var(--chip-blue-text));border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.section-title{color:rgb(var(--grey-900));margin-bottom:1rem;font-size:1.375rem;font-weight:700}.progress-shimmer{background:linear-gradient(90deg,transparent 0%,transparent 20%,var(--progress-sheen)50%,transparent 80%,transparent 100%);will-change:transform;width:100%;height:100%;animation:1.2s cubic-bezier(.4,0,.2,1) infinite progress-sheen;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes progress-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@font-face{font-family:KimJeongCheolHandwriting;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:KimJeongCheolHandwriting;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:KimJeongCheolHandwriting;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulScript-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Suit;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2)format("woff2");font-weight:900;font-display:swap}#root{font-family:Pretendard,sans-serif}.grid-bg{display:none}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:1.5s ease-out forwards fadeIn}.section-fade-mask{-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.site-theme .gradient-text{color:#0000;contain:paint;background-image:linear-gradient(90deg,#22d3ee,#818cf8,#c084fc,#f472b6,#22d3ee);background-size:200%;-webkit-background-clip:text;background-clip:text;margin:-.2em 0;padding:.2em .1em;font-weight:700;line-height:1.5;animation:12s linear infinite gradientMove;display:inline-block;position:relative;transform:translateZ(0);font-family:KimJeongCheolHandwriting,sans-serif!important}.site-theme .gradient-text:after{content:attr(data-text);z-index:-1;color:#0000;filter:blur(6px);opacity:.5;box-sizing:border-box;contain:paint;background-image:linear-gradient(90deg,#22d3ee,#818cf8,#c084fc,#f472b6,#22d3ee);background-size:200%;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;padding:.2em .1em;animation:12s linear infinite gradientMove;position:absolute;top:0;left:0;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.site-theme .gradient-text,.site-theme .gradient-text:after{animation:none}}@keyframes gradientMove{0%{background-position:0%}to{background-position:200%}}.key-active{color:#fff;background:#ffffff26;border-color:#38bdf8;transform:scale(.95);box-shadow:0 0 20px #38bdf866,inset 0 0 10px #38bdf833}.key-hit-effect{opacity:0;pointer-events:none;background:linear-gradient(#0000,#38bdf84d);height:100px;transition:opacity .1s;position:absolute;bottom:100%;left:0;right:0}.key-active .key-hit-effect{opacity:1}.glass-effect{-webkit-backdrop-filter:blur(8px);background:#ffffff14;position:relative;overflow:hidden;transform:translateZ(0)}.feature-card{background:rgb(var(--surface)/.5);border:1px solid rgb(var(--surface-border)/.3);border-radius:1.25rem;padding:2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(135deg,rgb(var(--surface)/.3),transparent);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.feature-card>*{z-index:1;position:relative}.feature-card:hover{border-color:rgb(var(--surface-border)/.5);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.25rem;transition:all .3s;display:flex}.cta-card{background:linear-gradient(135deg,#22d3ee0d,#818cf80d,#c084fc0d);border:1px solid #ffffff14;border-radius:2rem;padding:4rem 2rem;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;will-change:transform;background:radial-gradient(circle,#818cf81a 0%,#0000 50%);width:150%;height:150%;animation:20s linear infinite rotate;position:absolute;top:-25%;left:-25%;transform:translateZ(0)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.animate-pulse-slow{animation-timeline:view();animation-range:contain}}}.section-fade-mask{contain:paint;content-visibility:auto;contain-intrinsic-size:100vw 100vh}.scroll-progress-glow{box-shadow:0 0 20px #818cf880,0 0 40px #c084fc4d}.section-blend{transition:background-color .5s ease-out}.parallax-element{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}.feature-card-reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(60px)scale(.9)}.feature-card-reveal.visible{opacity:1;transform:translateY(0)scale(1)}@keyframes glowPulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.1;transform:scale(1.05)}}.bg-glow-animate{animation:8s ease-in-out infinite glowPulse}.smooth-transition{transition:all .3s cubic-bezier(.22,1,.36,1)}.hero-scroll-fade{will-change:opacity,transform;transform-origin:50%}.showcase-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.showcase-card-large,.showcase-card-medium,.showcase-card-small{min-height:200px}@media (min-width:640px){.showcase-grid{grid-template-columns:repeat(2,1fr)}.showcase-card-large,.showcase-card-medium,.showcase-card-small{min-height:240px}}@media (min-width:1024px){.showcase-grid{grid-template-rows:repeat(2,300px);grid-template-columns:repeat(4,1fr);gap:1.5rem}.showcase-card-large{grid-area:span 2/span 2}.showcase-card-medium{grid-area:span 1/span 2}.showcase-card-small{grid-area:span 1/span 1}}.showcase-card{will-change:transform,opacity;height:100%}.site-theme::-webkit-scrollbar-thumb{background-color:#6e7278!important}.site-theme ::-webkit-scrollbar-thumb{background-color:#6e7278!important}.site-theme::-webkit-scrollbar-thumb:hover{background-color:#aab0b8!important}.site-theme ::-webkit-scrollbar-thumb:hover{background-color:#aab0b8!important}.site-theme,.site-theme *{scrollbar-color:#6e7278 transparent!important}