:root{--color-bg-primary: #0a1628;--color-bg-secondary: #0f1f35;--color-bg-card: rgba(15, 31, 53, .8);--color-accent: #00d4ff;--color-accent-glow: rgba(0, 212, 255, .3);--color-accent-dim: rgba(0, 212, 255, .1);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .1);--color-silver: #c0c0c0;--gradient-accent: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%);--gradient-card: linear-gradient(145deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 100%);--font-primary: "Outfit", "Noto Sans KR", sans-serif;--font-korean: "Noto Sans KR", sans-serif;--section-padding: 120px;--container-width: 1200px;--blur-glass: blur(20px);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#0a1628cc;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--color-border);transition:var(--transition-smooth)}.navbar.scrolled{padding:12px 0;background:#0a1628f2}.nav-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:2px}.logo-real{color:var(--color-text-primary)}.logo-n{color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow)}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);transition:var(--transition-fast);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:var(--transition-fast)}.nav-links a:hover{color:var(--color-text-primary)}.nav-links a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:5px}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-fast)}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 40px}#particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.energy-stream{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:60px;height:180px}.tower{width:80px;height:140px;position:relative}.tower-blocks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;height:100%}.tower-blocks span{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;animation:towerPulse 3s ease-in-out infinite}.tower-left .tower-blocks span:nth-child(odd){animation-delay:.1s}.tower-left .tower-blocks span:nth-child(2n){animation-delay:.3s}.tower-right .tower-blocks span:nth-child(odd){animation-delay:.2s}.tower-right .tower-blocks span:nth-child(2n){animation-delay:.4s}@keyframes towerPulse{0%,to{background:var(--color-bg-secondary);box-shadow:none}50%{background:#00d4ff33;box-shadow:0 0 15px var(--color-accent-glow)}}.connection-bridge{width:200px;height:4px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border-radius:2px;position:relative;box-shadow:0 0 30px var(--color-accent-glow),0 0 60px var(--color-accent-glow)}.energy-pulse{position:absolute;top:50%;left:0;width:30px;height:4px;background:var(--color-accent);border-radius:2px;transform:translateY(-50%);animation:energyFlow 2s ease-in-out infinite;box-shadow:0 0 20px var(--color-accent),0 0 40px var(--color-accent)}.energy-pulse.delay-1{animation-delay:.6s}.energy-pulse.delay-2{animation-delay:1.2s}@keyframes energyFlow{0%{left:-30px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:calc(100% + 30px);opacity:0}}.n-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:800;color:var(--color-accent);text-shadow:0 0 30px var(--color-accent),0 0 60px var(--color-accent);animation:symbolGlow 3s ease-in-out infinite}@keyframes symbolGlow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-headline{margin-bottom:30px}.headline-sub{display:block;font-size:1.4rem;font-weight:400;color:var(--color-text-secondary);margin-bottom:10px;font-family:var(--font-korean)}.headline-main{display:block;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;filter:drop-shadow(0 0 30px var(--color-accent-glow))}.hero-subtext{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:50px;font-family:var(--font-korean)}.hero-subtext strong{color:var(--color-accent);font-weight:600}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:var(--gradient-accent);border-radius:50px;font-size:1rem;font-weight:600;color:var(--color-bg-primary);transition:var(--transition-smooth);box-shadow:0 8px 30px #00d4ff4d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00d4ff80}.cta-button svg{transition:var(--transition-fast)}.cta-button:hover svg{transform:translate(3px,-3px)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-text-muted);font-size:.8rem;animation:floatUp 2s ease-in-out infinite}.mouse{width:24px;height:40px;border:2px solid var(--color-text-muted);border-radius:12px;position:relative}.wheel{width:4px;height:8px;background:var(--color-text-muted);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scrollWheel 2s ease-in-out infinite}@keyframes floatUp{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes scrollWheel{0%,to{opacity:1;top:8px}50%{opacity:.3;top:20px}}.section-container{max-width:var(--container-width);margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:80px}.section-label{display:inline-block;font-size:.85rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:20px}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.3;font-family:var(--font-korean)}.section-title .highlight{color:var(--color-accent)}.philosophy-section{padding:var(--section-padding) 0;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.philosophy-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;padding:50px 40px;overflow:hidden;transition:var(--transition-smooth);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.philosophy-card:hover{transform:translateY(-8px);border-color:#00d4ff4d}.card-glow{position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,var(--color-accent-dim) 0%,transparent 70%);opacity:0;transition:var(--transition-smooth)}.philosophy-card:hover .card-glow{opacity:1}.card-content{position:relative;z-index:1}.card-icon{width:100px;height:100px;margin-bottom:30px}.card-icon svg{width:100%;height:100%}.icon-translator .brain-core{fill:none;stroke:var(--color-accent);stroke-width:2;animation:brainPulse 2s ease-in-out infinite}.icon-translator .neural-path{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-dasharray:50;animation:neuralFlow 3s linear infinite}.icon-translator .engine{fill:var(--color-bg-secondary);stroke:var(--color-accent);stroke-width:2}.icon-translator .gear{fill:none;stroke:var(--color-accent);stroke-width:2;animation:gearSpin 4s linear infinite;transform-origin:center}@keyframes brainPulse{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}@keyframes neuralFlow{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes gearSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-bridge .cliff{fill:var(--color-bg-secondary);stroke:var(--color-border);stroke-width:2}.icon-bridge .bridge-arc{stroke:var(--color-accent);stroke-width:3}.icon-bridge .bridge-deck{stroke:var(--color-accent);stroke-width:4}.icon-bridge .data-point{fill:var(--color-accent);animation:dataFlow 1.5s ease-in-out infinite}.icon-bridge .data-point.delay{animation-delay:.3s}.icon-bridge .data-point.delay-2{animation-delay:.6s}@keyframes dataFlow{0%,to{opacity:.3;r:3}50%{opacity:1;r:5}}.card-label{display:inline-block;font-size:.75rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.card-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.card-subtitle{font-size:1.1rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:20px;font-style:italic}.card-desc{font-size:1rem;color:var(--color-text-secondary);line-height:1.8;font-family:var(--font-korean)}.card-desc strong{color:var(--color-accent)}.card-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px}.flow-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}.flow-line{width:60px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-glow));position:relative}.card-flow:not(.horizontal){flex-direction:column}.card-flow:not(.horizontal) .flow-line{width:2px;height:40px;background:linear-gradient(180deg,var(--color-accent),var(--color-accent-glow))}.process-section{padding:var(--section-padding) 0;background:var(--color-bg-secondary);position:relative}.process-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.process-timeline{position:relative;padding-top:50px}.timeline-line{position:absolute;top:70px;left:50%;transform:translate(-50%);width:80%;height:4px;background:var(--color-border);border-radius:2px}.timeline-progress{width:0%;height:100%;background:var(--gradient-accent);border-radius:2px;transition:width 1s ease}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:1}.process-step{text-align:center;opacity:0;transform:translateY(30px);transition:var(--transition-smooth)}.process-step.visible{opacity:1;transform:translateY(0)}.step-marker{position:relative;margin-bottom:40px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:var(--color-bg-primary);border:3px solid var(--color-accent);border-radius:50%;font-size:1.4rem;font-weight:700;color:var(--color-accent);position:relative;z-index:2;transition:var(--transition-smooth)}.process-step:hover .step-number{background:var(--color-accent);color:var(--color-bg-primary);box-shadow:0 0 30px var(--color-accent-glow)}.step-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:2px solid var(--color-accent);border-radius:50%;animation:stepPulse 2s ease-in-out infinite}@keyframes stepPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.step-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;padding:40px 30px;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);transition:var(--transition-smooth)}.process-step:hover .step-card{border-color:#00d4ff4d;transform:translateY(-5px)}.step-icon{width:60px;height:60px;margin:0 auto 25px;color:var(--color-accent)}.step-icon svg{width:100%;height:100%}.step-title{font-size:1.4rem;font-weight:700;margin-bottom:5px}.step-subtitle{font-size:1rem;font-weight:500;color:var(--color-accent);margin-bottom:20px;font-family:var(--font-korean)}.step-desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;font-family:var(--font-korean)}.step-desc em{display:block;color:var(--color-text-primary);font-style:normal;font-weight:500;margin-bottom:10px}.contact-section{padding:var(--section-padding) 0;background:linear-gradient(180deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-info{max-width:450px}.contact-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.4;margin-bottom:20px;font-family:var(--font-korean)}.contact-title .highlight{color:var(--color-accent)}.contact-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:40px;font-family:var(--font-korean)}.contact-email{display:inline-flex;align-items:center;gap:12px;padding:15px 25px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;color:var(--color-accent);transition:var(--transition-smooth)}.contact-email:hover{border-color:var(--color-accent);box-shadow:0 5px 20px var(--color-accent-dim)}.contact-email a{font-weight:500}.contact-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:24px;padding:50px;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:10px;font-family:var(--font-korean)}.form-group input,.form-group textarea{width:100%;padding:16px 20px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-primary);font-size:1rem;font-family:var(--font-korean);transition:var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 40px;background:var(--gradient-accent);border-radius:12px;font-size:1rem;font-weight:600;color:var(--color-bg-primary);transition:var(--transition-smooth)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66}.submit-btn:active{transform:translateY(0)}.footer{padding:50px 0;background:var(--color-bg-primary);border-top:1px solid var(--color-border)}.footer-container{max-width:var(--container-width);margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:center;gap:25px;text-align:center}.footer-brand .logo{font-size:1.5rem}.footer-tagline{font-size:.85rem;color:var(--color-text-muted);margin-top:5px}.footer-links{display:flex;align-items:center;gap:15px;font-size:.85rem;color:var(--color-text-secondary)}.footer-links a{transition:var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-links .divider{color:var(--color-border)}.footer-copyright{font-size:.8rem;color:var(--color-text-muted)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){:root{--section-padding: 80px}.philosophy-grid,.process-steps{gap:30px}.contact-wrapper{gap:50px}}@media(max-width:900px){.philosophy-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.timeline-line{display:none}.process-steps{grid-template-columns:1fr;max-width:400px;margin:0 auto}.contact-wrapper{grid-template-columns:1fr}.contact-info{text-align:center;max-width:100%}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-section{padding:120px 20px 80px}.energy-stream{transform:scale(.8);margin-bottom:40px}.section-container{padding:0 20px}.philosophy-card{padding:40px 30px}.step-card{padding:30px 20px}.contact-form{padding:35px 25px}}@media(max-width:480px){.headline-sub{font-size:1.1rem}.hero-subtext{font-size:.95rem}.cta-button{padding:15px 30px;font-size:.9rem}.section-title{font-size:1.8rem}.card-title{font-size:1.5rem}.step-number{width:60px;height:60px;font-size:1.2rem}}