@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--color-black: #0a0a0a;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--font-cn: "Noto Sans SC", sans-serif;--font-en: "Space Grotesk", sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--container-xs: 100%;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1140px;--container-2xl: 1400px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-cn);background-color:var(--color-black);color:var(--color-white);line-height:1.6;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.app{min-height:100vh;position:relative}.main-content{min-height:100vh;position:relative;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.page-container{padding:120px clamp(20px,5vw,80px) 80px;width:100%;max-width:100%}.page-header{margin-bottom:clamp(40px,8vw,80px);width:100%}.page-title{font-family:var(--font-en);font-size:clamp(2rem,6vw,5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--color-white);word-wrap:break-word;overflow-wrap:break-word}.page-subtitle{font-size:clamp(.875rem,2vw,1.125rem);color:var(--color-gray-400);margin-top:clamp(16px,3vw,24px);max-width:100%;width:fit-content}.section-title{font-family:var(--font-en);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:var(--color-white);margin-bottom:clamp(32px,6vw,60px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-gray-900)}::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@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-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media(min-width:1536px){.page-container{padding:120px 100px 80px}}@media(max-width:1280px){.page-container{padding:100px clamp(16px,4vw,60px) 60px}}@media(max-width:1024px){.page-container{padding:90px clamp(14px,4vw,40px) 50px}.page-header{margin-bottom:clamp(32px,6vw,60px)}}@media(max-width:768px){html{font-size:14px}.page-container{padding:80px clamp(12px,5vw,24px) 40px}.page-header{margin-bottom:clamp(28px,8vw,48px)}}@media(max-width:640px){html{font-size:13px}.page-container{padding:70px clamp(10px,5vw,20px) 32px}}@media(max-width:480px){html{font-size:12px}.page-container{padding:60px clamp(8px,4vw,16px) 24px}}@media(max-width:360px){html{font-size:11px}}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px clamp(12px,4vw,5%);transition:all var(--transition-normal)}.navigation.scrolled{background:#0a0a0ab8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px clamp(12px,4vw,5%)}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%}.nav-logo{position:relative;z-index:1001}.logo-text{font-family:var(--font-en);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;letter-spacing:.15em;color:var(--color-white);transition:color var(--transition-normal)}.logo-text:not(span):not(a){height:clamp(24px,4vw,36px);width:auto}.logo-text:hover{color:var(--color-gray-400)}.nav-links{display:flex;gap:clamp(16px,4vw,48px)}.nav-link{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 0;transition:all var(--transition-normal)}.nav-link-cn{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;color:var(--color-white)}.nav-link-en{font-family:var(--font-en);font-size:clamp(.5rem,1vw,.7rem);font-weight:400;color:var(--color-gray-500);letter-spacing:.2em;text-transform:uppercase;transition:all var(--transition-normal)}.nav-link:hover .nav-link-en,.nav-link.active .nav-link-en{color:var(--color-white)}.nav-link:after{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:var(--color-white);transition:width var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:6px;width:32px;height:32px;position:relative;z-index:1001}.mobile-menu-btn span{display:block;width:100%;height:2px;background:var(--color-white);transition:all var(--transition-normal)}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:last-child{transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.mobile-menu.open{opacity:1;visibility:visible}.mobile-nav-links{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:clamp(24px,8vw,48px)}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(20px);transition:all var(--transition-normal)}.mobile-menu.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link .nav-link-en{font-size:clamp(1.5rem,6vw,2.5rem);font-weight:600;letter-spacing:.3em;color:var(--color-gray-600)}.mobile-nav-link .nav-link-cn{font-size:clamp(.75rem,2vw,.875rem);color:var(--color-gray-500)}.mobile-nav-link.active .nav-link-en,.mobile-nav-link.active .nav-link-cn{color:var(--color-white)}@media(max-width:900px){.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}}@media(max-width:480px){.navigation{padding:14px clamp(10px,4vw,20px)}.navigation.scrolled{padding:12px clamp(10px,4vw,20px)}.logo-text{font-size:1rem}}.footer{width:100%;border-top:1px solid var(--color-gray-900);background:radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at top right,rgba(255,255,255,.02),transparent 55%),#050505;padding:40px clamp(20px,5vw,80px) 32px;color:var(--color-gray-400)}.footer-inner{max-width:var(--container-2xl);margin:0 auto;display:flex;justify-content:space-between;gap:clamp(32px,6vw,80px);align-items:flex-start}.footer-brand{max-width:360px}.footer-logo-text{font-family:var(--font-en);font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-white);margin-bottom:12px}.footer-logo-image{height:22px;width:auto;display:block;margin-bottom:12px}.footer-description{font-size:.875rem;color:var(--color-gray-500)}.footer-links{display:flex;gap:clamp(40px,5vw,80px);flex-wrap:wrap}.footer-column{min-width:120px}.footer-column-title{font-size:.875rem;color:var(--color-gray-300);margin-bottom:10px}.footer-column ul{display:flex;flex-direction:column;gap:6px;font-size:.8125rem}.footer-column a{color:var(--color-gray-500);transition:color var(--transition-fast)}.footer-bottom{max-width:var(--container-2xl);margin:28px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;color:var(--color-gray-600)}.footer-icp{display:flex;align-items:center;gap:10px;font-size:.6875rem;color:var(--color-gray-500)}.footer-icp-link{color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:4px}.footer-icp-link:hover{color:var(--color-white)}.footer-icp-icon{height:14px;width:auto;vertical-align:middle}.footer-icp-divider{color:var(--color-gray-700)}.footer-meta{font-family:var(--font-en);letter-spacing:.12em;text-transform:uppercase}@media(max-width:768px){.footer{padding:32px clamp(16px,5vw,24px) 24px}.footer-inner{flex-direction:column}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}.footer-icp{order:3;flex-wrap:wrap;gap:8px}.footer-icp-icon{height:12px}}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;padding:clamp(60px,10vw,120px) clamp(16px,5vw,5%) clamp(40px,8vw,80px);overflow:hidden}.hero-content{max-width:clamp(300px,70vw,800px);position:relative;z-index:2}.hero-label{display:flex;align-items:center;gap:clamp(8px,2vw,16px);margin-bottom:clamp(20px,4vw,32px);opacity:0}.hero-label-line{width:clamp(30px,8vw,60px);height:1px;background:var(--color-white)}.hero-label-text{font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.3em;color:var(--color-gray-500)}.hero-title{font-family:var(--font-en);font-size:clamp(2.5rem,8vw,7rem);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--color-white);margin-bottom:clamp(20px,4vw,32px);opacity:0}.hero-title-outline{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,PingFang SC,HarmonyOS Sans,sans-serif;font-weight:600;color:transparent;-webkit-text-stroke:.6px var(--color-white);letter-spacing:.02em}.hero-description{font-size:clamp(.875rem,2vw,1.125rem);color:var(--color-gray-400);line-height:1.8;margin-bottom:clamp(32px,6vw,48px);opacity:0}.hero-cta{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,24px);opacity:0}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:clamp(12px,2vw,16px) clamp(20px,4vw,32px);background:var(--color-white);color:var(--color-black);font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;letter-spacing:.05em;transition:all var(--transition-normal);white-space:nowrap}.btn-primary:hover{background:var(--color-gray-200);gap:clamp(14px,3vw,20px)}.btn-secondary{display:inline-flex;align-items:center;padding:clamp(12px,2vw,16px) clamp(20px,4vw,32px);border:1px solid var(--color-gray-600);color:var(--color-white);font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;letter-spacing:.05em;transition:all var(--transition-normal);white-space:nowrap}.btn-secondary:hover{border-color:var(--color-white);background:var(--color-gray-800)}.hero-decoration{position:absolute;pointer-events:none}.hero-decoration-1{top:20%;right:5%;width:clamp(150px,30vw,300px);height:clamp(150px,30vw,300px);border:1px solid var(--color-gray-700);border-radius:50%}.hero-decoration-2{top:50%;right:15%;width:clamp(80px,15vw,150px);height:clamp(80px,15vw,150px);background:var(--color-gray-800);border-radius:50%}.hero-decoration-3{bottom:15%;right:5%;width:clamp(40px,10vw,80px);height:clamp(40px,10vw,80px);border:1px solid var(--color-gray-600)}.scroll-indicator{position:absolute;bottom:clamp(20px,5vw,40px);left:clamp(16px,5vw,5%);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,12px)}.scroll-text{font-family:var(--font-en);font-size:clamp(.5rem,1.2vw,.625rem);font-weight:500;letter-spacing:.3em;color:var(--color-gray-500);writing-mode:vertical-rl}.scroll-line{width:1px;height:clamp(40px,10vw,60px);background:var(--color-gray-600);position:relative}.scroll-dot{width:3px;height:10px;background:var(--color-white);position:absolute;left:-1px;animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{top:0;opacity:0}30%{opacity:1}70%{opacity:1}to{top:100%;opacity:0}}.features{padding:clamp(60px,10vw,120px) clamp(16px,5vw,5%);background:var(--color-gray-900)}.features-container{max-width:clamp(300px,90vw,1400px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:clamp(20px,4vw,60px)}.feature-item{padding:clamp(24px,5vw,48px);background:var(--color-gray-800);border:1px solid var(--color-gray-700);transition:all var(--transition-normal)}.feature-item:hover{border-color:var(--color-white);transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.feature-number{display:block;font-family:var(--font-en);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-gray-700);margin-bottom:clamp(16px,3vw,24px);transition:color var(--transition-normal)}.feature-item:hover .feature-number{color:var(--color-gray-500)}.feature-title{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;margin-bottom:clamp(12px,2vw,16px);color:var(--color-white)}.feature-description{font-size:clamp(.8125rem,1.5vw,.9375rem);color:var(--color-gray-400);line-height:1.7}.stats{padding:clamp(60px,10vw,100px) clamp(16px,5vw,5%);background:var(--color-black)}.stats-container{max-width:clamp(300px,90vw,1200px);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,40vw),1fr));gap:clamp(24px,5vw,60px)}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-en);font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--color-white);margin-bottom:8px}.stat-label{font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-gray-400);letter-spacing:.1em}.partners{padding:clamp(60px,10vw,100px) clamp(16px,5vw,5%)}.partners-container{max-width:clamp(300px,90vw,1400px);margin:0 auto}.partner-label{font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.3em;color:var(--color-gray-500);margin-bottom:clamp(24px,5vw,48px)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,35vw),1fr));gap:clamp(16px,3vw,40px)}.partner-logo{padding:clamp(16px,3vw,32px);border:1px solid var(--color-gray-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.875rem);font-weight:500;color:var(--color-gray-500);transition:all var(--transition-normal);text-align:center;word-break:break-word}.partner-logo:hover{border-color:var(--color-white);color:var(--color-white)}.footer{padding:clamp(40px,8vw,80px) clamp(16px,5vw,5%) clamp(24px,5vw,40px);background:var(--color-gray-900);border-top:1px solid var(--color-gray-800)}.footer-container{max-width:clamp(300px,90vw,1400px);margin:0 auto}.footer-brand{margin-bottom:clamp(32px,6vw,60px)}.footer-logo{font-family:var(--font-en);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;letter-spacing:.15em;color:var(--color-white)}.footer-tagline{margin-top:clamp(8px,2vw,12px);font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-gray-400)}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:clamp(24px,5vw,60px);margin-bottom:clamp(32px,6vw,60px);padding-bottom:clamp(24px,5vw,40px);border-bottom:1px solid var(--color-gray-800)}.footer-column h4{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:600;margin-bottom:clamp(12px,2vw,20px);color:var(--color-white)}.footer-column a,.footer-column p{display:block;font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-gray-400);margin-bottom:clamp(8px,1.5vw,12px);transition:color var(--transition-normal)}.footer-column a:hover{color:var(--color-white)}.footer-bottom{text-align:center}.footer-bottom p{font-size:clamp(.625rem,1.2vw,.75rem);color:var(--color-gray-500)}@media(max-width:768px){.hero{padding:100px clamp(16px,5vw,5%) 60px;min-height:auto;min-height:100dvh}.hero-cta{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-decoration-1,.hero-decoration-2,.hero-decoration-3,.scroll-indicator{display:none}}@media(max-width:480px){.hero{padding:80px clamp(12px,5vw,5%) 48px}.hero-title{font-size:clamp(2rem,10vw,3.5rem);line-height:1.1}.hero-title-outline{color:var(--color-white);-webkit-text-stroke:0;letter-spacing:.02em}}.services-list{display:flex;flex-direction:column;gap:clamp(16px,3vw,24px);margin-bottom:clamp(60px,10vw,120px)}.service-card{display:grid;grid-template-columns:1fr;gap:clamp(20px,4vw,40px);padding:clamp(20px,5vw,48px);background:var(--color-gray-800);border:1px solid var(--color-gray-700);transition:all var(--transition-normal);cursor:pointer}.service-card-link{display:contents;color:inherit;text-decoration:none}@media(min-width:768px){.service-card{grid-template-columns:100px 1fr auto}.service-card-even{grid-template-columns:1fr auto 100px}.service-card-even .service-content{grid-column:1;grid-row:1}.service-card-even .service-arrow{grid-column:2}.service-card-even .service-number{grid-column:3;justify-self:end}}.service-card:hover{border-color:var(--color-white);background:var(--color-gray-700)}.service-card:hover .service-arrow{opacity:1;transform:translate(0)}.service-number{font-family:var(--font-en);font-size:clamp(1.75rem,5vw,3rem);font-weight:700;color:var(--color-gray-600);transition:color var(--transition-normal)}.service-card:hover .service-number{color:var(--color-gray-500)}.service-content{flex:1}.service-title-en{display:block;font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.2em;color:var(--color-gray-500);margin-bottom:8px}.service-title{font-size:clamp(1.125rem,3vw,1.5rem);font-weight:600;color:var(--color-white);margin-bottom:clamp(8px,2vw,12px)}.service-description{font-size:clamp(.8125rem,1.5vw,.9375rem);color:var(--color-gray-400);line-height:1.7;margin-bottom:clamp(12px,2.5vw,20px)}.service-features{display:flex;flex-wrap:wrap;gap:clamp(8px,2vw,12px)}.service-features li{padding:clamp(4px,1.5vw,6px) clamp(10px,2.5vw,16px);background:var(--color-gray-700);font-size:clamp(.6875rem,1.3vw,.8125rem);color:var(--color-gray-300)}.service-arrow{display:none;align-items:center;justify-content:center;width:clamp(32px,8vw,48px);color:var(--color-white);opacity:0;transform:translate(-10px);transition:all var(--transition-normal)}@media(min-width:1024px){.service-arrow{display:flex}}.process{margin-bottom:clamp(60px,10vw,120px)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(20px,4vw,40px)}.process-step{text-align:center;padding:clamp(24px,5vw,40px) clamp(16px,3vw,24px)}.step-number{font-family:var(--font-en);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-gray-600);margin-bottom:clamp(16px,3vw,24px)}.process-step h3{font-size:clamp(.9375rem,2vw,1.125rem);font-weight:600;color:var(--color-white);margin-bottom:clamp(8px,2vw,12px)}.process-step p{font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-gray-400);line-height:1.6}.services-cta{text-align:center;padding:clamp(48px,10vw,80px) clamp(16px,5vw,0);background:var(--color-black)}.services-cta h2{font-family:var(--font-en);font-size:clamp(1.25rem,3vw,2rem);font-weight:600;color:var(--color-white);margin-bottom:clamp(12px,3vw,16px)}.services-cta p{font-size:clamp(.875rem,1.5vw,1rem);color:var(--color-gray-400);margin-bottom:clamp(24px,5vw,32px)}.section-label{display:block;font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.3em;color:var(--color-gray-500);margin-bottom:clamp(12px,2vw,16px)}.section-title{font-family:var(--font-en);font-size:clamp(1.5rem,4vw,3rem);font-weight:700;color:var(--color-white);margin-bottom:clamp(32px,6vw,60px)}@media(max-width:768px){.service-card{grid-template-columns:1fr;padding:clamp(16px,4vw,24px)}.service-number{font-size:1.5rem}}@media(max-width:480px){.process-steps{grid-template-columns:1fr}}.projects-showcase{width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;padding:clamp(40px,10vw,80px) 0}.projects-coming-soon{text-align:center;max-width:500px}.coming-soon-icon{margin-bottom:clamp(24px,5vw,40px);color:var(--color-gray-600)}.coming-soon-icon svg{width:clamp(50px,15vw,80px);height:clamp(50px,15vw,80px)}.projects-coming-soon h2{font-family:var(--font-en);font-size:clamp(1.25rem,4vw,2rem);font-weight:600;color:var(--color-white);margin-bottom:clamp(12px,3vw,20px)}.projects-coming-soon p{font-size:clamp(.875rem,2vw,1rem);color:var(--color-gray-400);line-height:1.6}.cases-cta{text-align:center;padding:clamp(48px,10vw,80px) clamp(16px,5vw,0);background:var(--color-black)}.cases-cta h2{font-family:var(--font-en);font-size:clamp(1.25rem,3vw,2rem);font-weight:600;color:var(--color-white);margin-bottom:clamp(12px,3vw,16px)}.cases-cta p{font-size:clamp(.875rem,1.5vw,1rem);color:var(--color-gray-400);margin-bottom:clamp(24px,5vw,32px)}@media(max-width:768px){.projects-showcase{min-height:40vh}}@media(max-width:480px){.projects-showcase{min-height:35vh}}.contact-container{display:grid;grid-template-columns:1fr;gap:clamp(32px,8vw,80px);margin-bottom:clamp(48px,10vw,80px)}@media(min-width:768px){.contact-container{grid-template-columns:1fr 1.2fr}}.contact-info{padding-top:clamp(12px,3vw,20px)}.section-label{display:block;font-family:var(--font-en);font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.3em;color:var(--color-gray-500);margin-bottom:clamp(16px,4vw,24px)}.contact-heading{font-family:var(--font-en);font-size:clamp(1.5rem,5vw,3rem);font-weight:700;line-height:1.2;color:var(--color-white);margin-bottom:clamp(24px,6vw,48px)}.contact-details{margin-bottom:clamp(24px,6vw,48px)}.contact-item{margin-bottom:clamp(20px,5vw,32px)}.contact-label{display:block;font-size:clamp(.625rem,1.5vw,.75rem);font-weight:500;letter-spacing:.1em;color:var(--color-gray-500);margin-bottom:clamp(6px,1.5vw,8px)}.contact-item a,.contact-item p{font-size:clamp(.875rem,1.5vw,1rem);color:var(--color-white);line-height:1.6;transition:color var(--transition-normal)}.contact-item a:hover{color:var(--color-gray-400)}.contact-social{padding-top:clamp(16px,4vw,20px);border-top:1px solid var(--color-gray-800)}.social-links{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,24px);margin-top:clamp(12px,3vw,16px)}.social-link{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;color:var(--color-gray-400);transition:color var(--transition-normal)}.social-link:hover{color:var(--color-white)}.contact-form-wrapper{display:flex;align-items:center}.contact-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(16px,4vw,24px);width:100%}.contact-way-card{background:var(--color-gray-800);padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:clamp(12px,3vw,16px);transition:background var(--transition-normal)}.contact-way-card:hover{background:var(--color-gray-700)}.way-icon{color:var(--color-white)}.contact-way-card h3{font-size:clamp(1rem,2vw,1.125rem);font-weight:600;color:var(--color-white);margin:0}.contact-way-card p{font-size:clamp(.75rem,1.5vw,.875rem);color:var(--color-gray-400);margin:0;flex-grow:1}.way-status{font-size:clamp(.6875rem,1.5vw,.75rem);color:var(--color-gray-500);padding:4px 8px;background:var(--color-gray-600);width:fit-content}.contact-way-card .btn-secondary{align-self:flex-start;padding:8px 16px;font-size:.8125rem;text-decoration:none;color:var(--color-white);border:1px solid var(--color-gray-500);transition:all var(--transition-normal)}.contact-way-card .btn-secondary:hover{border-color:var(--color-white);background:var(--color-white);color:var(--color-black)}.contact-form{display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}.form-group{display:flex;flex-direction:column;gap:clamp(6px,2vw,8px)}.form-group label{font-size:clamp(.75rem,1.5vw,.875rem);font-weight:500;color:var(--color-white)}.form-group input,.form-group textarea{padding:clamp(12px,3vw,16px);font-family:inherit;font-size:clamp(.875rem,1.5vw,1rem);color:var(--color-white);background:var(--color-gray-700);border:1px solid var(--color-gray-600);transition:all var(--transition-normal)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-500)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-white);background:var(--color-gray-600)}.form-group textarea{resize:vertical;min-height:clamp(100px,20vw,120px)}.submit-btn{align-self:flex-start;margin-top:clamp(4px,1vw,8px);width:100%}@media(min-width:480px){.submit-btn{width:auto}}.contact-map{margin-bottom:clamp(48px,10vw,80px)}.map-placeholder{width:100%;height:clamp(250px,50vw,400px);background:var(--color-gray-800);display:flex;align-items:center;justify-content:center}.map-placeholder span{font-family:var(--font-en);font-size:clamp(1rem,3vw,1.5rem);font-weight:600;color:var(--color-gray-600);letter-spacing:.2em}@media(max-width:768px){.contact-container{grid-template-columns:1fr}.contact-form-wrapper{padding:clamp(20px,5vw,24px)}}@media(max-width:480px){.contact-container{gap:32px}.contact-form-wrapper{padding:16px}.submit-btn{width:100%;justify-content:center}.map-placeholder{height:200px}}.project-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(16px,4vw,24px)}.status-card{background:var(--color-gray-800);border:1px solid var(--color-gray-700);padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:clamp(12px,2.5vw,16px);transition:all var(--transition-normal)}.status-card:hover{border-color:var(--color-white);background:var(--color-gray-700);transform:translateY(-6px);box-shadow:0 20px 40px #0000004d}.status-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-card-title{font-size:clamp(1rem,2vw,1.25rem);font-weight:600;color:var(--color-white);line-height:1.2}.status-card-description{font-size:clamp(.8125rem,1.5vw,.9375rem);line-height:1.7;color:var(--color-gray-400)}.status-badge{padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-gray-600);background:#ffffff0a;color:var(--color-gray-300);white-space:nowrap}.status-badge:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--color-gray-500)}.status-online{border-color:#22c55e80;background:#22c55e1f;color:#86efacf2}.status-online:before{background:#22c55e}.status-offline{border-color:#ef44448c;background:#ef44441f;color:#fecacaf2}.status-offline:before{background:#ef4444}.status-unknown{border-color:#ffffff1f;background:#ffffff0a;color:var(--color-gray-300)}.status-unknown:before{background:var(--color-gray-500)}.status-card-footer{margin-top:clamp(4px,1vw,8px);padding-top:clamp(10px,2vw,12px);border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px}.status-meta{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.status-meta-label{color:var(--color-gray-500)}.status-meta-value{color:var(--color-white);text-align:right}.status-meta-placeholder{font-style:italic;color:var(--color-gray-500)}@media(prefers-reduced-motion:reduce){.status-card{transition:none}.status-card:hover{transform:none}}