:root{color-scheme:dark;--accent: #56ccff;--accent-light: #6fdcff;--accent-bright: #3bcfff;--accent-glow: #52d8ff;--accent-soft: #4dc7ff;--text-muted: #9aa9be;--text-body: #b8c7d8;--text-heading-soft: #dbeafe;--text-label: #c5d4e5;--text-product: #e0f2ff;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .03);--border-solid: rgba(255, 255, 255, .05);--bg-dark: #080d26;--bg-navbar: rgba(0, 0, 0, .4);--bg-navbar-scrolled: rgba(4, 8, 22, .7);--bg-card: rgba(13, 17, 29, .7);--bg-card-hover: rgba(20, 26, 43, .8);--bg-footer: rgba(4, 8, 22, .7);--primary-grad: linear-gradient(90deg, #2F80ED, #00C6FF, #2F80ED);--accent-grad: linear-gradient(135deg, #ffffff 20%, #56ccff 60%, #00ffd0 100%);--spotlight-grad: radial-gradient(320px circle at var(--x, 0px) var(--y, 0px), rgba(86, 204, 255, .15) 0%, rgba(0, 255, 208, .06) 50%, transparent 80%);--card-glow-grad: linear-gradient(135deg, rgba(86, 204, 255, .5), rgba(0, 255, 208, .2));--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-base: .3s;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;scrollbar-gutter:stable;overscroll-behavior-y:none}body{background:var(--bg-dark);color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,.logo{font-family:var(--font-heading);letter-spacing:-.02em}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--accent);color:#040816;border-radius:8px;font-weight:600;text-decoration:none;z-index:1001}.skip-link:focus{top:8px}body:before{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.15),transparent 45%),radial-gradient(circle at 85% 20%,rgba(56,189,248,.12),transparent 45%),radial-gradient(circle at 50% 80%,rgba(139,92,246,.1),transparent 50%),radial-gradient(circle at 80% 85%,rgba(20,184,166,.08),transparent 40%);z-index:-2}body:after{content:"";position:fixed;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;z-index:-1;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.circle{position:fixed;width:600px;height:600px;border-radius:62% 47% 82% 35%/45% 45% 80% 66%;background:radial-gradient(circle,rgba(139,92,246,.22) 0%,rgba(56,189,248,.12) 50%,transparent 100%);filter:blur(60px);animation:morph 12s infinite alternate,float 20s infinite alternate;pointer-events:none;z-index:-1;will-change:transform;opacity:.85}.c1{top:-150px;left:-150px}.c2{right:-150px;bottom:-150px;background:radial-gradient(circle,rgba(20,184,166,.18) 0%,rgba(99,102,241,.1) 50%,transparent 100%);animation-delay:-5s}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:100%;padding:22px 8%;display:flex;justify-content:space-between;align-items:center;background:var(--bg-navbar);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-light);z-index:1000;transition:top var(--transition-smooth),width var(--transition-smooth),max-width var(--transition-smooth),padding var(--transition-smooth),border-radius var(--transition-smooth),background var(--transition-base),border var(--transition-base),box-shadow var(--transition-base)}nav.nav-scrolled{top:16px;width:84%;max-width:1200px;padding:12px 32px;border-radius:50px;background:var(--bg-navbar-scrolled);border:1px solid var(--border);box-shadow:0 16px 36px #0006,inset 0 1px #ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}nav.nav-scrolled .logo{font-size:24px}.logo{font-size:30px;font-weight:800;letter-spacing:3px;color:var(--accent-light);transition:font-size var(--transition-smooth)}nav ul{display:flex;gap:35px;list-style:none}nav a{display:inline-block;color:#fff;text-decoration:none;transition:color var(--transition-base);position:relative;touch-action:manipulation}nav a:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--accent);transition:var(--transition-base);transform:translate(-50%)}nav a.active,nav a:hover,nav a:focus-visible{color:var(--accent)}nav a.active:after,nav a:hover:after,nav a:focus-visible:after{width:100%}@keyframes navBounce{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}nav a.bounce{animation:navBounce .45s ease}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;touch-action:manipulation}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 30px;position:relative}.hero h1{font-size:90px;font-weight:800;letter-spacing:-.03em;line-height:1.1;background:var(--accent-grad);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:shimmer 6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(86,204,255,.15))}.hero h2{font-size:32px;margin-top:24px;font-weight:600;color:var(--text-heading-soft);letter-spacing:-.01em}.hero p{margin:35px auto;max-width:760px;font-size:18px;line-height:1.8;color:var(--text-body)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);transition:color var(--transition-base),transform var(--transition-base);z-index:10;text-decoration:none}.scroll-indicator:hover{color:var(--accent);transform:translate(-50%) translateY(4px)}.scroll-indicator .mouse{width:24px;height:40px;border:2px solid currentColor;border-radius:12px;display:flex;justify-content:center;padding-top:8px;opacity:.6}.scroll-indicator .wheel{width:4px;height:8px;background:currentColor;border-radius:2px;animation:scrollMouseWheel 1.6s ease-in-out infinite}.buttons{display:flex;justify-content:center;gap:20px;margin-top:25px}.btn{display:inline-block;padding:16px 36px;border-radius:40px;font-weight:600;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-base),background-position .5s,background-color var(--transition-base),border-color var(--transition-base);text-decoration:none;touch-action:manipulation}.primary{position:relative;background:var(--primary-grad);background-size:200% auto;color:#fff;overflow:hidden}.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;background-position:150% 0;mix-blend-mode:overlay;pointer-events:none;transition:background-position .7s cubic-bezier(.16,1,.3,1)}.primary:hover:after{background-position:-50% 0}.secondary{border:1px solid rgba(77,199,255,.3);background:#4dc7ff08;color:var(--accent-soft);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0096ff59}.primary:hover{background-position:right center}.secondary:hover{border-color:var(--accent-soft);background:#4dc7ff1a}.btn:active{transform:scale(.95) translateY(-2px);box-shadow:0 4px 12px #0096ff40}.menu-toggle:active{transform:scale(.85)}.btn:focus-visible,.menu-toggle:focus-visible,.contact-card a:focus-visible,.scroll-indicator:focus-visible{outline:2px solid var(--accent);outline-offset:4px}section{padding:110px 8%;scroll-margin-top:80px}.title-container{position:relative;display:block;width:fit-content;margin:0 auto 18px;text-align:center}.title-container:before{content:"";position:absolute;top:50%;left:50%;width:250px;height:80px;background:radial-gradient(circle,rgba(86,204,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%);filter:blur(10px);z-index:-1;pointer-events:none}.title{font-size:42px;margin-bottom:0;text-align:center}.glow-divider{position:relative;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(86,204,255,.2) 20%,rgba(86,204,255,.45) 50%,rgba(86,204,255,.2) 80%,transparent);border:none;margin:0}.glow-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:#56ccff0a;border:1px solid rgba(86,204,255,.15);font-size:11px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:16px;box-shadow:0 0 15px #56ccff0d}.section-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 8px var(--accent-glow);animation:pulseBadgeDot 2s infinite}.card,.about-item,.stat-item,.contact-card{position:relative;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(135deg,#ffffff14,#ffffff05) border-box;border:1px solid transparent;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #0006;transition:transform var(--transition-smooth),box-shadow var(--transition-base),background var(--transition-base);overflow:hidden}.card:before,.about-item:before,.stat-item:before,.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--spotlight-grad);z-index:1;pointer-events:none;opacity:0;transition:opacity .5s}.card:hover:before,.about-item:hover:before,.stat-item:hover:before,.contact-card:hover:before{opacity:1}.card:hover,.about-item:hover,.stat-item:hover,.contact-card:hover{transform:translateY(-8px);background:linear-gradient(var(--bg-card-hover),var(--bg-card-hover)) padding-box,var(--card-glow-grad) border-box;border-color:transparent;box-shadow:0 20px 45px #00000080,0 0 25px #56ccff26}#about{text-align:center}#about .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;margin-top:40px}#about .about-item{padding:28px;border-radius:14px}#about .about-item h3{font-size:18px;margin-bottom:10px;color:var(--accent)}#about .about-item p{color:var(--text-body);line-height:1.7;font-size:15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:30px}.card{padding:35px;border-radius:18px}.card-icon{width:44px;height:44px;margin-bottom:16px;color:var(--accent)}.card h3{font-size:22px;margin-bottom:18px}.card p{color:var(--text-body);line-height:1.7}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(1.5px 1.5px at 10px 10px,var(--accent-glow),transparent 70%),radial-gradient(1.5px 1.5px at calc(100% - 10px) 10px,var(--accent-glow),transparent 70%),radial-gradient(1.5px 1.5px at 10px calc(100% - 10px),var(--accent-glow),transparent 70%),radial-gradient(1.5px 1.5px at calc(100% - 10px) calc(100% - 10px),var(--accent-glow),transparent 70%);opacity:.5;transition:opacity var(--transition-base)}.card:hover:after{opacity:1}#product .card h3{color:var(--text-product)}#product .dot-icon{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#2f80ed,#00c6ff);box-shadow:0 0 12px #0096ff80;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;text-align:center}.stat-item{padding:30px 20px;border-radius:14px}.number{font-family:var(--font-heading);font-size:58px;font-weight:800;color:var(--accent-glow);text-shadow:0 0 24px rgba(82,216,255,.45)}.label{margin-top:10px;color:var(--text-label)}.ticker-section{padding:50px 8%;overflow:hidden;position:relative;margin-top:20px;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.ticker-title{text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:var(--text-muted);margin-bottom:25px;font-weight:600}.ticker-container{display:flex;overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.ticker-track{display:flex;width:max-content;animation:scrollTicker 30s linear infinite;will-change:transform}.ticker-track:hover{animation-play-state:paused}.ticker-item{padding:0 45px;display:flex;align-items:center;justify-content:center;opacity:.35;transition:opacity var(--transition-base),transform var(--transition-base)}.ticker-item:hover{opacity:.85;transform:scale(1.05)}.ticker-item svg{height:28px;fill:var(--text-body)}.contact{text-align:center}.contact-card{max-width:600px;margin:0 auto;padding:50px 40px;border-radius:24px;position:relative;text-align:center}.contact-card:after{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(86,204,255,.4),transparent)}.contact-card h2{font-size:36px;margin-bottom:20px}.contact-card p{color:var(--text-body);margin-bottom:18px;word-break:break-all;overflow-wrap:break-word}.contact-card a{color:var(--accent);text-decoration:none}.enterprise-footer{background:var(--bg-footer);border-top:1px solid var(--border-solid);padding:30px 8%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-content>span{font-size:13px;color:var(--text-muted);word-break:break-word;overflow-wrap:break-word}.footer-meta{display:flex;gap:15px;align-items:center}.footer-meta a[aria-disabled=true]{color:var(--text-muted);font-size:13px;opacity:.5;text-decoration:none;cursor:not-allowed}.footer-meta .sep{color:#ffffff1a;font-size:13px}.fade{opacity:1;transform:none;transition:none}.js .fade{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.fade.show{opacity:1;transform:none}.js .fade-in-item{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.fade.show .fade-in-item{opacity:1;transform:none}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulseBadgeDot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes scrollMouseWheel{0%{transform:translateY(0);opacity:0}30%{opacity:1}to{transform:translateY(12px);opacity:0}}@keyframes morph{0%{border-radius:62% 47% 82% 35%/45% 45% 80% 66%}50%{border-radius:40% 60%/50%}to{border-radius:70% 30%/30% 70%}}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(60px) translate(60px) rotate(180deg)}}@keyframes scrollTicker{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .fade,.js .fade-in-item{opacity:1;transform:none;transition:none}.circle,.hero h1,.section-badge .dot,.scroll-indicator .wheel,.ticker-track,nav a.bounce{animation:none!important}:is(.card,.about-item,.stat-item,.contact-card):hover,.btn:hover,.ticker-item:hover{transform:none}}@media(max-width:768px){nav{padding:calc(16px + var(--safe-top)) 5% 16px}nav.nav-scrolled{top:calc(10px + var(--safe-top));width:92%;padding:10px 20px}nav.nav-scrolled .logo{font-size:20px}.menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}nav ul{display:flex;position:absolute;top:100%;left:0;width:100%;flex-direction:column;gap:0;background:#040816f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding:0;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s}nav.nav-scrolled ul{top:calc(100% + 8px);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000080;width:100%;left:0}nav ul.open{max-height:90dvh;opacity:1;pointer-events:auto;padding:12px 0}body:has(#nav-menu.open){overflow:hidden}nav ul li{padding:12px 8%}nav ul a{display:block}.hero h1{font-size:42px}.hero h2{font-size:22px}.hero p{font-size:15px}.buttons{flex-direction:column;align-items:stretch;width:100%;max-width:300px;margin:25px auto 0;gap:12px}.btn{padding:14px 28px;font-size:15px;width:100%;text-align:center}section{padding:70px 6%;scroll-margin-top:calc(90px + var(--safe-top))}.title{font-size:28px}.subtitle{font-size:15px;margin-bottom:40px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.number{font-size:32px}.contact h2{font-size:24px}.circle{width:220px;height:220px;filter:blur(40px);opacity:.6}.grid{gap:20px}.card{padding:24px}.contact-card{padding:35px 24px}.scroll-indicator{display:none}#about .about-grid{grid-template-columns:1fr}.stat-item{padding:20px 14px}.ticker-item{padding:0 25px}.ticker-item svg{height:22px}.enterprise-footer{padding:25px 6%;padding-bottom:calc(25px + var(--safe-bottom))}}@media(max-width:380px){.hero h1{font-size:36px}.hero h2{font-size:20px}.hero p{font-size:14px}.title{font-size:24px}.number{font-size:28px}.card{padding:20px}.ticker-item{padding:0 18px}section{padding:60px 5%}}@media(max-height:500px)and (orientation:landscape){.hero{padding:90px 20px}.hero h1{font-size:40px}.hero h2{font-size:18px;margin-top:12px}.hero p{margin:18px auto;font-size:14px;line-height:1.6}.buttons{margin-top:18px;gap:12px}.btn{padding:12px 24px;font-size:14px}}@media(hover:none){.card:hover,.about-item:hover,.stat-item:hover{transform:none;border-color:#ffffff0d;box-shadow:none}.btn:hover{transform:none;box-shadow:none}:is(.card,.about-item,.stat-item,.contact-card):before{display:none}.primary:after{display:none}}
