*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-section:#111;--bg-card:#1a1a1a;--bg-card-hover:#222;--cyan:#00e5ff;--cyan-hover:#00b8d4;--cyan-secondary:#0097a7;--cyan-rgb:0, 229, 255;--text-primary:#fff;--text-secondary:#b0bec5;--text-muted:#6b7280;--glow-subtle:#00e5ff26;--glow-prominent:#00e5ff66;--font-primary:"Inter", sans-serif;--font-tech:"Space Grotesk", "Space Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius:12px;--radius-sm:8px;--radius-lg:16px;--ease:cubic-bezier(.16, 1, .3, 1);--transition:.3s var(--ease)}html{scroll-behavior:smooth}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6}.cyan{color:var(--cyan)}a{color:inherit;text-decoration:none}#webgl-v3{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#loading{z-index:1000;background:var(--bg);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}#loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.loading-logo{font-family:var(--font-tech);letter-spacing:.3em;color:var(--cyan);text-transform:lowercase;font-size:24px;font-weight:500}.loading-bar{background:#ffffff14;border-radius:1px;width:200px;height:2px;overflow:hidden}.loading-bar-fill{background:var(--cyan);width:0%;height:100%;box-shadow:0 0 8px var(--glow-subtle);border-radius:1px;animation:1.8s ease-out forwards loadFill}@keyframes loadFill{to{width:100%}}.loading-version{font-family:var(--font-tech);color:var(--text-muted);letter-spacing:.2em;font-size:11px}.container{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--glow-subtle);border-radius:var(--radius);background:#111111d9;box-shadow:0 0 30px #00e5ff0f}.navbar{z-index:100;width:100%;padding:var(--space-lg) var(--space-xl);justify-content:space-between;align-items:center;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,padding .4s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);padding:var(--space-md) var(--space-xl);background:#0a0a0ae6;border-bottom:1px solid #ffffff0d}.nav-logo{font-family:var(--font-tech);letter-spacing:.15em;color:var(--text-primary);transition:color var(--transition);font-size:16px;font-weight:500}.nav-logo:hover,.nav-logo-dot{color:var(--cyan)}.nav-links{align-items:center;gap:var(--space-xl);display:flex}.nav-link{font-family:var(--font-tech);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;transition:color var(--transition);font-size:12px;font-weight:400;position:relative}.nav-link:after{content:"";background:var(--cyan);width:0;height:1px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--cyan)}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-staff-btn{font-family:var(--font-tech);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);border-radius:var(--radius-sm);transition:all var(--transition);border:1px solid #00e5ff4d;padding:8px 16px;font-size:11px}.nav-staff-btn:hover{border-color:var(--cyan);background:#00e5ff1a;box-shadow:0 0 15px #00e5ff26}.nav-hamburger{cursor:pointer;padding:var(--space-sm);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav-hamburger span{background:var(--text-secondary);width:24px;height:1.5px;transition:all .3s;display:block}.nav-hamburger.active span:first-child{transform:rotate(45deg)translate(4px,5px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(4px,-5px)}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--space-xl);opacity:0;visibility:hidden;background:#0a0a0af7;flex-direction:column;width:100%;height:100%;transition:opacity .4s,visibility .4s;display:flex;position:fixed;top:0;left:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-link{font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition);font-size:18px}.mobile-link:hover,.mobile-link.staff{color:var(--cyan)}.section{z-index:1;padding:var(--space-4xl) 0;position:relative}.section-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}.section-header{margin-bottom:var(--space-3xl)}.section-index{font-family:var(--font-tech);letter-spacing:.4em;color:var(--cyan);margin-bottom:var(--space-sm);font-size:12px;display:block}.section-title{font-family:var(--font-primary);margin-bottom:var(--space-md);font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:520px;font-size:16px}.hero-inner{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.hero-pre{font-family:var(--font-tech);letter-spacing:.5em;text-transform:uppercase;color:var(--cyan);font-size:12px}.hero-title{font-family:var(--font-primary);letter-spacing:-.02em;font-size:clamp(40px,8vw,88px);font-weight:700;line-height:1.05}.hero-tagline{color:var(--text-secondary);letter-spacing:.1em;font-size:18px;font-weight:300}.hero-tags{align-items:center;gap:var(--space-md);display:flex}.hero-tag{font-family:var(--font-tech);letter-spacing:.4em;color:var(--text-muted);text-transform:uppercase;font-size:10px}.hero-tag-sep{color:#ffffff1a;font-size:14px}.scroll-indicator{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:absolute;bottom:40px}.scroll-indicator span{font-family:var(--font-tech);letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;font-size:9px}.scroll-line{background:linear-gradient(to bottom, var(--cyan), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.cta-btn{font-family:var(--font-tech);letter-spacing:.15em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;padding:14px 40px;font-size:12px;font-weight:500;display:inline-block}.cta-btn--primary{color:var(--bg);background:var(--cyan);box-shadow:0 0 20px #00e5ff4d}.cta-btn--primary:hover{background:var(--cyan-hover);transform:translateY(-1px);box-shadow:0 0 30px #00e5ff80}.cta-btn--outline{color:var(--cyan);background:0 0;border:1px solid #00e5ff4d}.cta-btn--outline:hover{border-color:var(--cyan);background:#00e5ff1a}.cta-btn--full{text-align:center;width:100%}.section-services{background:linear-gradient(#0000 0%,#11111180 50%,#0000 100%)}.services-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-radius:var(--radius);padding:var(--space-xl);transition:all var(--transition);background:#1119;border:1px solid #ffffff0d;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;width:100%;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0}.service-card:hover{border-color:var(--glow-subtle);transform:translateY(-4px);box-shadow:0 8px 30px #00e5ff14}.service-card:hover:before{opacity:1}.service-number{font-family:var(--font-tech);color:#00e5ff26;margin-bottom:var(--space-lg);font-size:32px;font-weight:700}.service-name{font-family:var(--font-tech);letter-spacing:.05em;margin-bottom:var(--space-md);font-size:16px;font-weight:600}.service-desc{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.7}.service-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.service-tags span{font-family:var(--font-tech);letter-spacing:.05em;color:var(--cyan);background:#00e5ff14;border-radius:4px;padding:4px 10px;font-size:10px}.works-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.work-card{border-radius:var(--radius);padding:var(--space-xl);transition:all var(--transition);cursor:default;background:#1119;border:1px solid #ffffff0d}.work-card:hover{border-color:var(--glow-subtle);box-shadow:0 4px 20px #00e5ff0f}.work-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.work-date{font-family:var(--font-tech);color:var(--text-muted);letter-spacing:.1em;font-size:11px}.work-status{font-family:var(--font-tech);letter-spacing:.05em;color:var(--cyan);background:#00e5ff14;border-radius:4px;padding:3px 10px;font-size:10px}.work-title{font-family:var(--font-tech);letter-spacing:.02em;margin-bottom:var(--space-sm);font-size:18px;font-weight:600}.work-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px;line-height:1.7}.work-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tag{font-family:var(--font-tech);color:var(--cyan);letter-spacing:.05em;font-size:10px}.tag:before{content:"#";opacity:.5}.about-grid{gap:var(--space-3xl);margin-bottom:var(--space-3xl);grid-template-columns:1fr 1fr;display:grid}.about-lead{margin-bottom:var(--space-lg);font-size:24px;font-weight:600;line-height:1.3}.about-body{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:15px;line-height:1.8}.about-highlight{font-family:var(--font-tech);color:var(--cyan);letter-spacing:.02em;font-size:16px;font-weight:500}.about-principles{gap:var(--space-lg);flex-direction:column;display:flex}.principle{padding-left:var(--space-md);border-left:2px solid var(--cyan-secondary)}.principle-title{font-family:var(--font-tech);letter-spacing:.3em;color:var(--cyan);text-transform:uppercase;margin-bottom:var(--space-xs);font-size:12px;font-weight:500}.principle-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.vision-transforms{border-radius:var(--radius);padding:var(--space-xl);gap:var(--space-md);background:#11111180;border:1px solid #ffffff0d;flex-direction:column;display:flex}.transform-row{align-items:center;gap:var(--space-lg);font-family:var(--font-tech);font-size:14px;display:flex}.transform-from{color:var(--text-muted);text-align:right;min-width:200px}.transform-arrow{color:var(--cyan);font-size:18px}.transform-to{color:var(--text-primary);font-weight:500}.section-team{background:linear-gradient(#0000 0%,#1111114d 50%,#0000 100%)}.team-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.team-card{border-radius:var(--radius);padding:var(--space-xl);text-align:center;transition:all var(--transition);background:#1119;border:1px solid #ffffff0d}.team-card:hover{border-color:var(--glow-subtle);transform:translateY(-4px)}.team-avatar{width:72px;height:72px;margin:0 auto var(--space-lg);background:linear-gradient(135deg,#00e5ff26,#00e5ff0d);border:1px solid #00e5ff33;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-initials{font-family:var(--font-tech);color:var(--cyan);letter-spacing:.1em;font-size:20px;font-weight:600}.team-name{font-family:var(--font-tech);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.team-role{font-family:var(--font-tech);letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--space-md);font-size:11px;display:block}.team-bio{color:var(--text-secondary);font-size:13px;line-height:1.7}.contact-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact-lead{color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:18px;line-height:1.7}.contact-methods{gap:var(--space-md);flex-direction:column;display:flex}.contact-method{gap:var(--space-xs);padding:var(--space-lg);border-radius:var(--radius-sm);transition:all var(--transition);background:#11111180;border:1px solid #ffffff0d;flex-direction:column;display:flex}.contact-method:hover{border-color:var(--glow-subtle)}.contact-method-label{font-family:var(--font-tech);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.contact-method-value{font-family:var(--font-tech);color:var(--cyan);font-size:14px}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{font-family:var(--font-tech);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.form-group input,.form-group textarea{border-radius:var(--radius-sm);font-family:var(--font-primary);color:var(--text-primary);transition:border-color var(--transition);resize:vertical;background:#111c;border:1px solid #ffffff14;outline:none;padding:12px 16px;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--cyan);box-shadow:0 0 10px #00e5ff1a}.form-status{font-family:var(--font-tech);letter-spacing:.05em;text-align:center;min-height:20px;font-size:12px}.form-status.success{color:#4caf50}.form-status.error{color:#ef5350}.footer{z-index:1;padding:var(--space-xl) 0;border-top:1px solid #ffffff0d;position:relative}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{gap:var(--space-xs);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-tech);letter-spacing:.15em;font-size:14px;font-weight:500}.footer-copy{color:var(--text-muted);font-size:12px}.footer-sys{gap:var(--space-lg);font-family:var(--font-tech);color:var(--text-muted);letter-spacing:.1em;font-size:10px;display:flex}[data-anim]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(30px)}[data-anim=fade-right]{transform:translate(-30px)}[data-anim=fade-left]{transform:translate(30px)}[data-anim].visible{opacity:1;transform:translate(0)}@media (width<=1024px){.services-grid{grid-template-columns:1fr;max-width:600px}.about-grid,.contact-grid{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=768px){.nav-links{display:none}.nav-hamburger{display:flex}.section{padding:var(--space-3xl) 0}.container{padding:0 var(--space-lg)}.works-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.hero-tags{gap:var(--space-sm);flex-direction:column}.hero-tag-sep{display:none}.transform-row{text-align:center;gap:var(--space-xs);flex-direction:column}.transform-from{text-align:center;min-width:auto}.footer-inner{gap:var(--space-md);text-align:center;flex-direction:column}}@media (width<=480px){.hero-title{font-size:36px}.section-title{font-size:28px}}