@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg:#0a0f1a;--color-bg-alt:#111827;--color-bg-card:rgba(17,24,39,.8);--color-bg-elevated:rgba(30,41,59,.7);--color-surface:#1e293b;--color-surface-hover:#334155;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-subtle:rgba(59,130,246,.15);--color-primary-glow:rgba(59,130,246,.4);--color-accent:#06b6d4;--color-accent-hover:#22d3ee;--color-text:#e8edf5;--color-text-muted:#a8b5c8;--color-text-subtle:#7a8699;--color-text-inverse:#0a0f1a;--color-border:rgba(148,163,184,.15);--color-border-hover:rgba(148,163,184,.3);--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--gradient-hero:linear-gradient(135deg,#0a0f1a,#111827 40%,#0f172a 70%,#0a0f1a);--gradient-primary:linear-gradient(135deg,#3b82f6,#06b6d4);--gradient-glow:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.15) 0%,transparent 70%);--gradient-card:linear-gradient(135deg,rgba(30,41,59,.6),rgba(15,23,42,.8));--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--fs-xs:0.8125rem;--fs-sm:0.9375rem;--fs-base:1.0625rem;--fs-lg:1.1875rem;--fs-xl:1.375rem;--fs-2xl:1.625rem;--fs-3xl:2.125rem;--fs-4xl:2.75rem;--fs-5xl:3.75rem;--fs-6xl:4.75rem;--lh-tight:1.15;--lh-normal:1.6;--lh-relaxed:1.8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 10px 25px rgba(0,0,0,.3),0 4px 10px rgba(0,0,0,.2);--shadow-xl:0 20px 50px rgba(0,0,0,.4);--shadow-glow:0 0 30px rgba(59,130,246,.3);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--glass-bg:rgba(17,24,39,.6);--glass-border:rgba(148,163,184,.1);--glass-blur:20px;--max-width:1200px;--nav-height:72px}@media screen and (max-width:768px){:root{--fs-5xl:3rem;--fs-6xl:3.5rem;--fs-4xl:2.25rem;--fs-3xl:1.75rem;--space-4xl:64px;--space-5xl:80px}}@media screen and (max-width:480px){:root{--fs-5xl:2.25rem;--fs-6xl:2.75rem;--fs-4xl:1.75rem;--fs-3xl:1.5rem;--space-4xl:48px;--space-5xl:64px}}::-moz-selection{background:var(--color-primary);color:#fff}::selection{background:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:350;overflow-x:hidden}img{display:block;height:auto;max-width:100%}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul{list-style:none}.container{margin:0 auto;max-width:var(--max-width);padding:0 var(--space-lg);width:100%}.section{padding:var(--space-4xl) 0}.section-alt{background:var(--color-bg-alt);position:relative}.section-label{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--fs-sm);font-weight:500;gap:var(--space-sm);letter-spacing:.15em;margin-bottom:var(--space-md);text-transform:uppercase}.section-label:before{background:var(--color-primary);content:"";height:1.5px;width:24px}.section-title{color:var(--color-text);font-size:var(--fs-4xl);font-weight:600;letter-spacing:-.01em;line-height:var(--lh-tight);margin-bottom:var(--space-md)}.section-subtitle{color:var(--color-text-muted);font-size:var(--fs-lg);line-height:var(--lh-relaxed);max-width:600px}.grid-2{align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:var(--space-lg)}.grid-4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:968px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.grid-2{gap:var(--space-xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.glass-card{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--color-primary-subtle);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.glass-card .card-icon{align-items:center;background:var(--color-primary-subtle);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:var(--fs-xl);height:48px;justify-content:center;margin-bottom:var(--space-md);transition:all var(--transition-base);width:48px}.glass-card:hover .card-icon{background:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.glass-card h3{color:var(--color-text);font-size:var(--fs-xl);font-weight:550;margin-bottom:var(--space-sm)}.glass-card p{color:var(--color-text-muted);font-size:var(--fs-base);line-height:var(--lh-relaxed)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;gap:var(--space-sm);line-height:1;padding:12px 28px;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow);color:#fff;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.hero .btn-outline{border-color:rgba(148,163,184,.3);color:var(--color-text-muted)}.hero .btn-outline:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.5);color:#fff}.btn-lg{font-size:var(--fs-base);padding:16px 36px}.btn-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero{align-items:center;background:var(--gradient-hero);display:flex;min-height:90vh;overflow:hidden;position:relative}.hero:before{background:var(--gradient-glow);content:""}.hero-grid,.hero:before{inset:0;pointer-events:none;position:absolute}.hero-grid{background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 30%,transparent 70%)}.hero-orbs{inset:0;overflow:hidden;pointer-events:none;position:absolute}.hero-orbs span{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.hero-orbs span:first-child{animation-delay:0s;background:var(--color-primary);height:400px;left:-5%;top:-10%;width:400px}.hero-orbs span:nth-child(2){animation-delay:-7s;background:var(--color-accent);bottom:-5%;height:300px;right:-5%;width:300px}.hero-orbs span:nth-child(3){animation-delay:-14s;background:var(--color-primary);height:200px;right:30%;top:50%;width:200px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{margin:0 auto;max-width:800px;padding:var(--space-5xl) var(--space-lg);position:relative;z-index:1}.hero-badge{align-items:center;backdrop-filter:blur(8px);background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-full);color:var(--color-primary-hover);display:inline-flex;font-size:var(--fs-sm);font-weight:500;gap:8px;margin-bottom:var(--space-lg);padding:8px 20px}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite;background:var(--color-primary-hover);border-radius:50%;height:7px;width:7px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.hero h1{font-size:var(--fs-6xl);font-weight:650;letter-spacing:-.015em;line-height:var(--lh-tight);margin-bottom:var(--space-lg)}.hero h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--color-text-muted);font-size:var(--fs-xl);line-height:var(--lh-relaxed);margin-bottom:var(--space-xl);max-width:600px}.stats-grid{display:grid;gap:var(--space-xl);grid-template-columns:repeat(4,1fr)}.stat-item{padding:var(--space-xl) var(--space-md);text-align:center}.stat-number{background:var(--gradient-primary);-webkit-background-clip:text;font-size:var(--fs-5xl);font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-sm)}.stat-label{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500}@media screen and (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.page-header{background:var(--gradient-hero);overflow:hidden;padding:calc(var(--nav-height) + var(--space-2xl)) 0 var(--space-xl);position:relative;text-align:center}.page-header:before{background:var(--gradient-glow);content:"";inset:0;pointer-events:none;position:absolute}.page-header-inner{position:relative;z-index:1}.page-header h1{font-size:var(--fs-3xl);font-weight:600;margin-bottom:var(--space-sm)}.page-header .breadcrumb{font-size:var(--fs-sm)}.page-header .breadcrumb,.page-header .breadcrumb a{color:var(--color-text-muted)}.page-header .breadcrumb a:hover{color:var(--color-primary)}.nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(10,15,26,.85);border-bottom:1px solid var(--glass-border);height:var(--nav-height);left:0;position:fixed;right:0;top:0;transition:all var(--transition-base);z-index:1000}.nav-inner{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 var(--space-lg)}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--color-text);font-size:var(--fs-xl);font-weight:700;gap:var(--space-sm);text-decoration:none}.nav-logo .logo-wrap{align-items:center;background:hsla(0,0%,100%,.95);border-radius:10px;display:flex;justify-content:center}.nav-logo img{height:40px;width:auto}.nav-links{align-items:center;display:flex;gap:var(--space-xl)}.nav-links a{color:var(--color-text);font-size:var(--fs-sm);font-weight:500;position:relative;text-decoration:none;transition:color var(--transition-fast)}.nav-links a:after{background:var(--color-primary);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base);width:0}.nav-links a.active,.nav-links a:hover{color:var(--color-text)}.nav-links a.active:after,.nav-links a:hover:after{width:100%}.nav-cta{background:#10b981;font-size:var(--fs-sm);margin-left:var(--space-lg);padding:8px 20px}.nav-cta:hover{background:#059669!important;box-shadow:0 0 20px rgba(16,185,129,.4)!important}.mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.mobile-toggle span{background:var(--color-text);border-radius:1px;height:2px;transition:all var(--transition-base);width:24px}@media screen and (max-width:768px){.nav-links{backdrop-filter:blur(20px);background:rgba(10,15,26,.98);border-bottom:1px solid var(--glass-border);flex-direction:column;gap:var(--space-md);left:0;opacity:0;padding:var(--space-lg);position:fixed;right:0;top:var(--nav-height);transform:translateY(-120%);transition:all var(--transition-base)}.nav-links.open{opacity:1;transform:translateY(0)}.nav-cta{margin-left:0;margin-top:var(--space-sm)}.mobile-toggle{display:flex}.mobile-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.footer{background:var(--color-bg-alt);border-top:1px solid var(--glass-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;gap:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:var(--space-2xl)}.footer-brand p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin-top:var(--space-md);max-width:320px}.footer h4{color:var(--color-text);font-size:var(--fs-sm);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-md);text-transform:uppercase}.footer-links a{color:var(--color-text-muted);display:block;font-size:var(--fs-sm);padding:4px 0;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.footer-contact p{color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:6px}.footer-bottom{align-items:center;border-top:1px solid var(--glass-border);display:flex;font-size:var(--fs-sm);justify-content:space-between;padding-top:var(--space-lg)}.footer-bottom,.footer-bottom a{color:var(--color-text-subtle)}@media screen and (max-width:768px){.footer-grid{gap:var(--space-xl);grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}.feature-row{align-items:center;display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr;padding:var(--space-2xl) 0}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-image img{border-radius:var(--radius-lg);height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.feature-text h3{font-size:var(--fs-3xl);font-weight:600;margin-bottom:var(--space-md)}.feature-text p{color:var(--color-text-muted);font-size:var(--fs-lg);line-height:var(--lh-relaxed)}@media screen and (max-width:768px){.feature-row{gap:var(--space-lg);grid-template-columns:1fr}.feature-row.reverse{direction:ltr}}.contact-grid{display:grid;gap:var(--space-2xl);grid-template-columns:1fr 1fr}.form-group{margin-bottom:var(--space-md)}.form-group label{color:var(--color-text-muted);display:block;font-size:var(--fs-sm);font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-base);outline:none;padding:12px 16px;transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-group textarea{min-height:120px;resize:vertical}.contact-info h3{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--space-sm)}.contact-info p{color:var(--color-text-muted);font-size:var(--fs-base);margin-bottom:var(--space-md)}@media screen and (max-width:768px){.contact-grid{grid-template-columns:1fr}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-right.visible{opacity:1;transform:translateX(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.text-center{text-align:center}.text-left{text-align:left}.mx-auto{margin-left:auto;margin-right:auto}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.news-item,.news-list{display:grid;gap:var(--space-lg)}.news-item{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);grid-template-columns:300px 1fr;padding:var(--space-lg);transition:all var(--transition-base)}.news-item:hover{border-color:var(--color-primary-subtle);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.news-item img{border-radius:var(--radius-md);height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.news-item h3{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--space-sm)}.news-item p{color:var(--color-text-muted);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}@media screen and (max-width:768px){.news-item{grid-template-columns:1fr}.news-item img{height:180px}}.client-logos{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2xl);justify-content:center;padding:var(--space-xl) 0}.client-logos img{filter:grayscale(1);height:40px;opacity:.4;transition:opacity var(--transition-base);width:auto}.client-logos img:hover{filter:grayscale(0);opacity:.8}.tag{background:var(--color-primary-subtle);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--fs-xs);font-weight:500;margin:2px;padding:4px 12px}.team-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.team-card{padding:var(--space-lg);text-align:center}.team-card img{border:2px solid var(--glass-border);border-radius:50%;height:120px;margin:0 auto var(--space-md);-o-object-fit:cover;object-fit:cover;width:120px}.team-card h4{font-size:var(--fs-base);font-weight:600}.team-card p{color:var(--color-text-muted);font-size:var(--fs-sm)}@media screen and (max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr)}}.cta-banner{background:var(--gradient-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-4xl) var(--space-2xl);position:relative;text-align:center}.cta-banner:before{background:var(--gradient-glow);content:"";inset:0;opacity:.3;position:absolute}.cta-banner h2{color:#fff;font-size:var(--fs-3xl);font-weight:700;margin-bottom:var(--space-md);position:relative}.cta-banner p{color:hsla(0,0%,100%,.8);font-size:var(--fs-lg);margin-bottom:var(--space-lg);position:relative}.cta-banner .btn{background:#fff;color:var(--color-primary);position:relative}.cta-banner .btn:hover{box-shadow:0 0 30px hsla(0,0%,100%,.3);transform:translateY(-2px)}.contact-info-item{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.contact-info-item .contact-icon{align-items:center;background:var(--color-primary-subtle);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--fs-xl);height:40px;justify-content:center;width:40px}.contact-info-item strong{color:var(--color-text-muted);display:block;font-size:var(--fs-sm);margin-bottom:2px}.contact-info-item p{color:var(--color-text);font-size:var(--fs-base)}.news-item-content{display:flex;flex-direction:column;gap:var(--space-sm)}.map-container{align-items:center;background:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-text-subtle);display:flex;font-size:var(--fs-sm);height:320px;justify-content:center;overflow:hidden;width:100%}.services-layout{display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.service-card{border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all var(--transition-base)}.service-card:hover{border-color:var(--color-primary-subtle);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.service-card-img{height:200px;overflow:hidden;width:100%}.service-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.service-card:hover .service-card-img img{transform:scale(1.05)}.service-card-body{display:flex;flex:1;flex-direction:column;padding:var(--space-lg)}.service-card-body .tag{align-self:flex-start;margin-bottom:var(--space-sm)}.service-card-body h3{color:var(--color-text);font-size:var(--fs-xl);font-weight:550;margin-bottom:var(--space-sm)}.service-card-body p{color:var(--color-text-muted);flex:1;font-size:var(--fs-base);line-height:var(--lh-relaxed);margin-bottom:var(--space-lg)}.service-card-body .btn{align-self:flex-start}@media screen and (max-width:768px){.services-layout{grid-template-columns:1fr}}