@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";:root{--bg-color: #020202;--text-color: #ffffff;--accent-blue: #0066ff;--accent-cyan: #00ccff;--accent-gradient: linear-gradient(135deg, #0066ff 0%, #00ccff 100%);--glass-bg: rgba(10, 10, 10, .4);--glass-border: rgba(255, 255, 255, .05);--glass-panel: rgba(255, 255, 255, .02);--section-padding: 160px 40px;--container-max-width: 1400px;--font-main: "Pretendard Variable", -apple-system, sans-serif;--bp-tablet: 1024px;--bp-mobile: 768px;--bp-small-mobile: 480px;--fs-display: clamp(3rem, 10vw, 8rem);--fs-h1: clamp(2.5rem, 7vw, 5.5rem);--fs-h2: clamp(2rem, 4.5vw, 3.8rem);--fs-h3: clamp(1.4rem, 2.8vw, 2.2rem);--fs-body-lg: clamp(1.1rem, 2vw, 1.45rem);--fs-body: clamp(.95rem, 1.3vw, 1.15rem);--fs-small: clamp(.85rem, 1vw, .95rem);--ls-tight: -.04em;--ls-normal: -.015em;--ls-wide: .05em;--lh-tight: 1.1;--lh-normal: 1.5;--lh-relaxed: 1.7}@media (max-width: 1024px){:root{--section-padding: 120px 30px}}@media (max-width: 768px){:root{--section-padding: 80px 20px}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--lh-normal);letter-spacing:var(--ls-normal);word-break:keep-all}::selection{background:var(--accent-blue);color:#fff}a{color:inherit;text-decoration:none}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:var(--glass-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 10px 30px #0003}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 40px}@media (max-width: 768px){.container{padding:0 20px}}.section-padding{padding:var(--section-padding)}.section-title{font-size:var(--fs-h1);font-weight:900;line-height:var(--lh-tight);margin-bottom:24px;letter-spacing:var(--ls-tight)}.section-subtitle{font-size:var(--fs-body-lg);color:#ffffff80;line-height:var(--lh-relaxed);max-width:800px;margin-bottom:60px}.mobile-only{display:none}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}.app-container{width:100vw;min-height:100vh;position:relative;overflow:hidden}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.custom-cursor{position:fixed;top:0;left:0;width:20px;height:20px;background-color:var(--accent-cyan);border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);mix-blend-mode:screen;box-shadow:0 0 20px 5px #0cf6}@media (max-width: 768px){.custom-cursor{display:none}}.glass-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;transition:all .4s cubic-bezier(.25,1,.5,1)}.glass-header.scrolled{padding:12px 0;background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.glass-header.menu-open{background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:900;font-size:1.8rem;letter-spacing:-2px;cursor:pointer;z-index:1002}.desktop-nav{display:flex;gap:40px;align-items:center}.nav-link{font-size:.95rem;font-weight:600;color:#fff;opacity:.7;transition:all .3s ease}.nav-link:hover{opacity:1;color:var(--accent-cyan)}.header-actions{display:flex;align-items:center;gap:20px;z-index:1002}.app-download-btn{background:var(--accent-gradient);color:#fff;padding:10px 24px;border-radius:30px;font-weight:800;font-size:.9rem;transition:all .3s ease}.app-download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #06f6}.language-switcher{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 12px;border-radius:20px;border:1px solid var(--glass-border)}.lang-select{background:transparent;color:#fff;border:none;font-size:.85rem;font-weight:700;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lang-select option{color:#000}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#020202fa;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);z-index:1000;display:flex;flex-direction:column;justify-content:center;padding:0 40px;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.77,0,.175,1)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;gap:60px}.mobile-nav-links{display:flex;flex-direction:column;gap:24px}.mobile-nav-links a{font-size:2.5rem;font-weight:900;letter-spacing:-2px;color:#fff;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.25,1,.5,1)}.mobile-nav-overlay.active .mobile-nav-links a,.mobile-nav-overlay.active .mobile-nav-bottom{opacity:1;transform:translateY(0)}.mobile-nav-overlay.active .mobile-nav-links a{transition-delay:calc(var(--i) * .1s)}.mobile-nav-overlay.active .mobile-nav-bottom{transition-delay:.5s}.mobile-nav-bottom{display:flex;flex-direction:column;gap:24px;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.25,1,.5,1)}.mobile-cta-btn{background:var(--accent-gradient);color:#fff;text-align:center;padding:18px;border-radius:16px;font-size:1.2rem;font-weight:800}.mobile-lang-switcher{display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;padding:12px;border-radius:16px;border:1px solid var(--glass-border)}.mobile-lang-select{background:transparent;color:#fff;border:none;font-size:1.1rem;font-weight:700;outline:none}.mobile-lang-select option{color:#000}@media (max-width: 1024px){.desktop-nav{display:none}.desktop-btn:not(.lang-switcher){display:none}.mobile-menu-btn{display:block}.header-container{padding:0 30px}.logo{font-size:1.5rem}}@media (max-width: 480px){.header-container{padding:0 20px}.logo{font-size:1.3rem}.language-switcher.desktop-btn{display:none}.mobile-nav-links a{font-size:2rem}}.hero-section{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:1100px;padding:0 40px;pointer-events:none;margin-top:20px}.hero-title{font-size:var(--fs-display);font-weight:800;line-height:var(--lh-tight);margin-bottom:24px;letter-spacing:var(--ls-tight);pointer-events:auto;text-shadow:0 10px 40px rgba(0,0,0,.9)}.hero-subtitle{font-size:var(--fs-body-lg);color:#ffffffb3;line-height:var(--lh-relaxed);margin-bottom:48px;pointer-events:auto;text-shadow:0 4px 10px rgba(0,0,0,.8);word-break:keep-all;max-width:800px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:20px;justify-content:center;pointer-events:auto}.primary-btn,.secondary-btn{padding:18px 40px;border-radius:40px;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);text-decoration:none;display:inline-block;min-width:220px}.primary-btn{background:var(--accent-gradient);color:#fff;border:none}.primary-btn:hover{transform:translateY(-5px);box-shadow:0 15px 30px #06f6}.secondary-btn{background:#ffffff0d;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.secondary-btn:hover{background:#ffffff1a;transform:translateY(-5px);border-color:#ffffff4d}@media (max-width: 768px){.hero-content{padding:0 24px;margin-top:40px}.hero-title{margin-bottom:16px}.hero-subtitle{margin-bottom:40px;font-size:1.05rem}.hero-cta-group{flex-direction:column;gap:12px;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.primary-btn,.secondary-btn{width:100%;min-width:unset;padding:16px 20px;font-size:1rem}}@media (max-height: 700px) and (orientation: landscape){.hero-section{height:auto;padding:100px 0}}.expertise-section{background:linear-gradient(180deg,var(--bg-color) 0%,rgba(0,30,80,.2) 100%);padding:var(--section-padding)}.expertise-header{text-align:center;margin-bottom:80px}.expertise-badge{color:var(--accent-cyan);letter-spacing:4px;font-weight:800;font-size:.9rem;text-transform:uppercase;display:block;margin-bottom:16px}.expertise-title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;margin-bottom:24px}.expertise-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#fff9;max-width:800px;margin:0 auto;line-height:1.6}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:var(--container-max-width);margin:0 auto}.expert-card{padding:60px 40px;border-top:4px solid var(--accent-cyan);background:#ffffff05;border-radius:24px;transition:all .5s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.expert-card:hover{background:#ffffff0d;border-color:#ffffff1a}.expert-icon-wrapper{margin-bottom:30px;color:var(--accent-cyan);transform:translateZ(30px);display:inline-block}.expert-card h3{font-size:var(--fs-h3);font-weight:900;margin-bottom:20px;color:#fff;transform:translateZ(20px);letter-spacing:var(--ls-tight)}.expert-card p{color:#ffffff80;line-height:var(--lh-relaxed);font-size:var(--fs-body);word-break:keep-all;transform:translateZ(10px)}@media (max-width: 768px){.expertise-section{padding:80px 0}.expertise-header{margin-bottom:48px;padding:0 24px;text-align:left}.expertise-subtitle{margin-left:0;text-align:left}.expertise-grid{grid-template-columns:1fr;gap:20px;padding:0 24px}.expert-card{padding:40px 24px;border-radius:20px}}.scroll-story-section{position:relative;width:100vw;height:100vh;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;overflow:hidden}.story-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,102,255,.08) 0%,transparent 60%);z-index:1}.story-content{position:relative;z-index:2;width:100%;max-width:1200px;height:100%;display:flex;align-items:center;justify-content:center}.story-text{position:absolute;text-align:center;font-size:clamp(2rem,5vw,4.5rem);font-weight:800;line-height:1.4;letter-spacing:-1.5px;color:#fff;opacity:0;padding:0 40px;word-break:keep-all}.highlight{color:var(--accent-cyan)}.gradient-text{background:linear-gradient(90deg,#fff,#06f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.1em}@media (max-width: 768px){.story-text{line-height:1.5}}.identity-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);overflow:hidden;padding:var(--section-padding)}.glow-circle{position:absolute;border-radius:50%;filter:blur(100px);z-index:1;pointer-events:none}.glow-circle.blue{width:50vw;height:50vw;background-color:#06f6;top:-10%;right:-10%}.glow-circle.cyan{width:40vw;height:40vw;background:var(--accent-cyan);bottom:-20%;left:-10%;opacity:.15}.identity-container{position:relative;z-index:2;text-align:center;max-width:var(--container-max-width);width:100%;padding:0 40px}.identity-header{margin-bottom:80px}.reveal-text.subtitle{font-size:var(--fs-small);letter-spacing:var(--ls-wide);color:var(--accent-cyan);font-weight:700;margin-bottom:24px;text-transform:uppercase;display:block}.reveal-text.main-title{font-size:var(--fs-h1);font-weight:900;line-height:var(--lh-tight);margin-bottom:32px;letter-spacing:var(--ls-tight)}.reveal-text.body-text{font-size:var(--fs-body-lg);color:#fff9;line-height:var(--lh-relaxed);max-width:800px;margin:0 auto}.identity-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}.feature-item{text-align:left;padding:48px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:32px;transition:all .4s ease}.feature-item:hover{background:#ffffff0a;transform:translateY(-8px);border-color:#ffffff1a}.feature-number{font-size:var(--fs-small);font-weight:800;color:var(--accent-cyan);margin-bottom:24px;opacity:.5;letter-spacing:var(--ls-wide)}.feature-item h3{font-size:var(--fs-h3);font-weight:800;margin-bottom:16px;color:#fff;letter-spacing:var(--ls-tight)}.feature-item p{font-size:var(--fs-body);color:#ffffff80;line-height:var(--lh-normal)}@media (max-width: 1024px){.identity-features{grid-template-columns:1fr;gap:24px}.feature-item{padding:40px}}@media (max-width: 768px){.identity-section{padding:80px 0}.identity-container{padding:0 24px}.identity-header{text-align:left;margin-bottom:48px}.reveal-text.body-text{margin-left:0;text-align:left}.feature-item{padding:32px 24px;border-radius:24px}}.core-service-section{padding:var(--section-padding);position:relative;max-width:var(--container-max-width);margin:0 auto}.section-header{text-align:left;margin-bottom:80px}.section-header .title{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.02em;margin-bottom:24px}.section-header .description{font-size:clamp(1rem,2vw,1.2rem);color:#fff9;line-height:1.6;max-width:700px;word-break:keep-all}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.bento-card{position:relative;border-radius:40px;padding:60px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;transition:all .5s cubic-bezier(.25,1,.5,1);min-height:480px;border:1px solid var(--glass-border);background:#ffffff05}.bento-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0006;background:#ffffff0a;border-color:#ffffff1a}.card-content{position:relative;z-index:2}.badge{display:inline-block;padding:8px 18px;background:#ffffff0d;border-radius:30px;font-size:var(--fs-small);font-weight:700;margin-bottom:32px;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:var(--ls-wide)}.badge.accent{background:#00ccff1a;color:var(--accent-cyan);border-color:#0cf3}.bento-card h3{font-size:var(--fs-h2);font-weight:800;line-height:var(--lh-tight);margin-bottom:24px;letter-spacing:var(--ls-tight)}.bento-card p{font-size:var(--fs-body);color:#fff9;line-height:var(--lh-normal);margin-bottom:48px;max-width:90%}.feature-steps{display:flex;align-items:center;gap:20px}.step{display:flex;flex-direction:column;align-items:center;gap:12px}.step .icon{color:var(--accent-cyan);filter:drop-shadow(0 0 8px rgba(0,204,255,.4))}.step span{font-size:.8rem;font-weight:700;opacity:.6}.step.line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent-blue),transparent);opacity:.3}.benefit-list{list-style:none;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.benefit-list li{display:flex;align-items:center;gap:16px;font-size:1.1rem;font-weight:600;color:#fffc}.benefit-list li svg{color:var(--accent-blue)}.grid-btn{font-size:1rem;padding:16px 36px;border-radius:30px;font-weight:700;width:fit-content}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3;transition:all .8s ease;background:radial-gradient(circle at 80% 80%,rgba(0,102,255,.15) 0%,transparent 60%)}.bento-card:hover .card-bg{transform:scale(1.1);opacity:.5}.owner-bg{background:radial-gradient(circle at 20% 80%,rgba(0,204,255,.2) 0%,transparent 60%)}@media (max-width: 1024px){.bento-grid{grid-template-columns:1fr;gap:24px}.bento-card{min-height:auto;padding:60px 40px}}@media (max-width: 768px){.section-header{text-align:center;margin-bottom:48px}.section-header .description{margin:0 auto}.bento-card{padding:40px 24px;border-radius:24px}.bento-card h3{font-size:1.8rem;margin-bottom:16px}.bento-card p{font-size:1rem;margin-bottom:32px;max-width:100%}.badge{margin-bottom:24px;padding:6px 14px;font-size:.75rem}.feature-steps{justify-content:center;gap:12px}.step span{font-size:.75rem}.grid-btn{width:100%;text-align:center}}.ecosystem-section{padding:var(--section-padding);max-width:var(--container-max-width);margin:0 auto}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px}.eco-item{padding:48px 32px;border-radius:24px;transition:all .4s ease;position:relative;overflow:hidden;background:#ffffff05;border:1px solid var(--glass-border)}.eco-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-blue),transparent);opacity:0;transition:opacity .3s ease}.eco-item:hover{transform:translateY(-8px);background:#ffffff0a;border-color:#ffffff1a}.eco-item:hover:before{opacity:1}.eco-icon{width:40px;height:40px;color:var(--accent-cyan);margin-bottom:24px}.eco-item h4{font-size:1.4rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.eco-item p{color:#ffffff80;line-height:1.7;font-size:1rem;word-break:keep-all}@media (max-width: 1024px){.eco-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.eco-grid{grid-template-columns:1fr;gap:16px}.eco-item{padding:32px 24px}.eco-item h4{font-size:1.25rem}}.tech-section{position:relative;overflow:hidden;perspective:1200px;padding:var(--section-padding)}.tech-bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--accent-cyan) 0%,transparent 70%);filter:blur(100px);pointer-events:none;z-index:1}.tech-bg-glow.bottom{top:auto;bottom:0%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,var(--accent-blue) 0%,transparent 70%);filter:blur(120px)}.tech-container{position:relative;z-index:2}.tech-title{text-align:center;margin-bottom:80px!important;font-size:clamp(2.5rem,8vw,4.5rem)!important}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.stat-card{padding:60px 40px;text-align:center;transform-style:preserve-3d;transition:all .5s cubic-bezier(.23,1,.32,1);background:#ffffff05;border:1px solid var(--glass-border)}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1a}.stat-icon-wrapper{margin-bottom:30px;display:inline-block;transform:translateZ(40px)}.stat-value{font-size:var(--fs-display);font-weight:950;margin-bottom:12px;letter-spacing:var(--ls-tight);transform:translateZ(60px)}.stat-tag{font-size:var(--fs-body-lg);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:var(--ls-tight);transform:translateZ(30px)}.stat-desc{color:#ffffff80;line-height:var(--lh-normal);font-size:var(--fs-body);transform:translateZ(20px)}@media (max-width: 768px){.tech-section{padding:80px 0}.tech-title{margin-bottom:48px!important}.tech-grid{grid-template-columns:1fr;gap:20px;padding:0 24px}.stat-card{padding:40px 24px;border-radius:24px}}.cta-section{position:relative;overflow:hidden;background:#020202;display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--section-padding)}.cta-bg-glow{position:absolute;width:80vw;height:80vw;background:radial-gradient(circle,var(--accent-blue) 0%,rgba(2,2,2,0) 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(100px);z-index:1}.cta-container{position:relative;z-index:2;text-align:center;max-width:var(--container-max-width)}.cta-title{font-size:var(--fs-display);margin-bottom:32px;font-weight:950;letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}.cta-subtitle{margin:0 auto 64px;font-size:var(--fs-body-lg);max-width:800px;font-weight:500;opacity:.7;letter-spacing:var(--ls-normal)}.magnetic-btn{display:inline-flex;align-items:center;gap:16px;color:#fff;padding:24px 64px;border-radius:100px;font-size:var(--fs-h3);font-weight:900;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000080;transition:all .5s cubic-bezier(.23,1,.32,1);letter-spacing:var(--ls-tight)}@media (max-width: 768px){.cta-section{min-height:60vh;padding:80px 24px}.cta-title{margin-bottom:24px}.cta-subtitle{margin-bottom:48px}.magnetic-btn{padding:20px 40px;width:100%;justify-content:center}}.dummy-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px}.container{max-width:1200px;margin:0 auto;position:relative;z-index:10}.section-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:24px;line-height:1.3}
