:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1c1c28;--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #6a6a80;--accent-primary: #6366f1;--accent-secondary: #818cf8;--accent-glow: rgba(99, 102, 241, .3);--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6, #a78bfa);--navbar-bg: rgba(10, 10, 15, .85);--mobile-nav-bg: rgba(10, 10, 15, .98);--card-shadow: rgba(0, 0, 0, .3);--card-shadow-hover: rgba(0, 0, 0, .4);--hero-badge-bg: rgba(255, 255, 255, .03);--hero-stats-bg: rgba(255, 255, 255, .03);--grid-line-color: rgba(255, 255, 255, .02);--card-config-bg: rgba(255, 255, 255, .02);--cloud-number-color: rgba(255, 255, 255, .03);--cloud-tag-bg: rgba(99, 102, 241, .06);--cloud-tag-border: rgba(99, 102, 241, .1);--card-icon-bg: rgba(99, 102, 241, .08);--card-icon-border: rgba(99, 102, 241, .15);--card-glow-color: rgba(99, 102, 241, .06);--why-icon-bg: rgba(99, 102, 241, .06);--gradient-text-start: #f0f0f5;--gradient-text-mid: #6366f1;--gradient-text-end: #a78bfa;--layer-ring-inner: rgba(255, 255, 255, .05);--cta-ring-color: rgba(99, 102, 241, .08);--cta-ring-inner: rgba(99, 102, 241, .05);--cta-ring-outer: rgba(99, 102, 241, .04);--btn-outline-hover-bg: rgba(99, 102, 241, .06);--particle-opacity: .6;--toggle-bg: rgba(255, 255, 255, .06);--toggle-hover-bg: rgba(255, 255, 255, .1);--toggle-border: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-primary: #f8f9fc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0f1f5;--border-color: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .12);--text-primary: #1a1a2e;--text-secondary: #555570;--text-muted: #8888a0;--accent-primary: #4f46e5;--accent-secondary: #6366f1;--accent-glow: rgba(79, 70, 229, .2);--accent-gradient: linear-gradient(135deg, #4f46e5, #7c3aed, #8b5cf6);--navbar-bg: rgba(255, 255, 255, .88);--mobile-nav-bg: rgba(248, 249, 252, .98);--card-shadow: rgba(0, 0, 0, .06);--card-shadow-hover: rgba(0, 0, 0, .12);--hero-badge-bg: rgba(0, 0, 0, .03);--hero-stats-bg: rgba(0, 0, 0, .02);--grid-line-color: rgba(0, 0, 0, .03);--card-config-bg: rgba(0, 0, 0, .02);--cloud-number-color: rgba(0, 0, 0, .04);--cloud-tag-bg: rgba(79, 70, 229, .06);--cloud-tag-border: rgba(79, 70, 229, .12);--card-icon-bg: rgba(79, 70, 229, .08);--card-icon-border: rgba(79, 70, 229, .15);--card-glow-color: rgba(79, 70, 229, .04);--why-icon-bg: rgba(79, 70, 229, .06);--gradient-text-start: #1a1a2e;--gradient-text-mid: #4f46e5;--gradient-text-end: #7c3aed;--layer-ring-inner: rgba(0, 0, 0, .06);--cta-ring-color: rgba(79, 70, 229, .1);--cta-ring-inner: rgba(79, 70, 229, .06);--cta-ring-outer: rgba(79, 70, 229, .04);--btn-outline-hover-bg: rgba(79, 70, 229, .06);--particle-opacity: .3;--toggle-bg: rgba(0, 0, 0, .04);--toggle-hover-bg: rgba(0, 0, 0, .08);--toggle-border: rgba(0, 0, 0, .08)}:root{--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-max: 1200px;--section-padding: 120px;--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-theme: .35s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background var(--transition-theme),color var(--transition-theme)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.02em;transition:all var(--transition-normal);cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 24px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-hover);transition:all var(--transition-normal),background var(--transition-theme),color var(--transition-theme)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-secondary);background:var(--btn-outline-hover-bg);transform:translateY(-2px)}.btn-lg{padding:18px 40px;font-size:16px;border-radius:14px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--transition-normal),background var(--transition-theme);background:transparent}.navbar.scrolled{background:var(--navbar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:12px 0}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px}.logo-icon{font-size:28px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.logo-text{letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-size:14px;color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width var(--transition-normal);border-radius:1px}.nav-link:hover:after{width:100%}.nav-cta{font-size:14px;font-weight:600;padding:10px 24px;border-radius:10px;background:var(--accent-gradient);color:#fff;transition:all var(--transition-normal)}.nav-cta:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.nav-controls{display:flex;align-items:center;gap:8px}.toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.toggle-btn:hover{background:var(--toggle-hover-bg);color:var(--text-primary);border-color:var(--accent-primary)}.theme-toggle svg{width:18px;height:18px;transition:all var(--transition-normal)}.icon-sun{display:none}.icon-moon{display:block}[data-theme=dark] .icon-sun{display:none}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:block}[data-theme=light] .icon-moon{display:none}.lang-toggle{font-family:var(--font-sans)}.lang-label{font-size:12px;font-weight:700;letter-spacing:.05em;pointer-events:none}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-normal)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 0 80px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-color) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;transition:opacity var(--transition-theme)}[data-theme=light] .glow{opacity:.25}.glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.25),transparent 70%);top:-200px;right:-100px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);bottom:-150px;left:-100px}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;width:2px;height:2px;background:var(--accent-secondary);border-radius:50%;opacity:0;animation:float-particle 8s ease-in-out infinite}@keyframes float-particle{0%,to{opacity:0;transform:translateY(0)}50%{opacity:var(--particle-opacity);transform:translateY(-100px)}}.hero-content{position:relative;text-align:center;z-index:1}.hero-badge{display:inline-block;padding:8px 20px;border-radius:100px;border:1px solid var(--border-hover);font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;background:var(--hero-badge-bg);transition:background var(--transition-theme),border-color var(--transition-theme)}.hero-title{font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.15;margin-bottom:16px;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,var(--gradient-text-start) 0%,var(--gradient-text-mid) 50%,var(--gradient-text-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(20px,3vw,28px);font-weight:600;color:var(--accent-secondary);margin-bottom:24px;letter-spacing:.05em}.hero-desc{font-size:17px;color:var(--text-secondary);max-width:680px;margin:0 auto 40px;line-height:1.8}.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:64px}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;padding:32px 48px;background:var(--hero-stats-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--transition-theme),border-color var(--transition-theme)}.stat{display:flex;flex-direction:column;align-items:center;gap:6px}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.stat-label{font-size:13px;color:var(--text-muted)}.stat-divider{width:1px;height:36px;background:var(--border-color)}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;letter-spacing:.1em;animation:bounce 2s ease-in-out infinite}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section{padding:var(--section-padding) 0;position:relative;transition:background var(--transition-theme)}.section-header{text-align:center;margin-bottom:72px}.section-tag{display:inline-block;font-size:13px;font-weight:600;color:var(--accent-secondary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.section-desc{font-size:17px;color:var(--text-secondary);max-width:560px;margin:0 auto}.products{background:var(--bg-secondary)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.product-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:48px 40px;transition:all var(--transition-slow),background var(--transition-theme);overflow:hidden}.product-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px var(--card-shadow)}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--card-glow-color),transparent 50%);pointer-events:none;transition:opacity var(--transition-slow);opacity:0}.product-card:hover .card-glow{opacity:1}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--card-icon-bg);border:1px solid var(--card-icon-border);color:var(--accent-secondary);transition:background var(--transition-theme),border-color var(--transition-theme)}.card-icon svg{width:28px;height:28px}.card-tag{font-size:12px;font-weight:600;padding:6px 14px;border-radius:100px;background:#6366f11a;color:var(--accent-secondary);letter-spacing:.05em}.card-tag.enterprise{background:#ec48991a;color:#f472b6}[data-theme=light] .card-tag.enterprise{color:#db2777}.card-title{font-size:28px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.card-subtitle{font-size:14px;color:var(--text-muted);font-weight:500;letter-spacing:.03em;margin-bottom:20px}.card-desc{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.card-features{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.card-features li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.feature-icon{font-size:8px;color:var(--accent-secondary)}.card-config{padding:16px 20px;background:var(--card-config-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin-bottom:28px;transition:background var(--transition-theme),border-color var(--transition-theme)}.config-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.config-value{font-size:14px;font-weight:600;color:var(--accent-secondary)}.card-link{display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:var(--accent-secondary);transition:all var(--transition-fast)}.card-link:hover{color:var(--accent-primary);transform:translate(4px)}.cloud{background:var(--bg-primary)}.cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cloud-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:40px 32px;transition:all var(--transition-slow),background var(--transition-theme);position:relative;overflow:hidden}.cloud-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);transform:scaleX(0);transition:transform var(--transition-slow);transform-origin:left}.cloud-card:hover:before{transform:scaleX(1)}.cloud-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 48px var(--card-shadow)}.cloud-card-number{font-size:48px;font-weight:900;color:var(--cloud-number-color);line-height:1;margin-bottom:16px;letter-spacing:-.05em;transition:color var(--transition-theme)}.cloud-card-title{font-size:22px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.cloud-card-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-bottom:16px}.cloud-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.cloud-card-tags{display:flex;flex-wrap:wrap;gap:8px}.cloud-card-tags span{font-size:12px;padding:6px 12px;border-radius:6px;background:var(--cloud-tag-bg);border:1px solid var(--cloud-tag-border);color:var(--text-secondary);font-weight:500;transition:background var(--transition-theme),border-color var(--transition-theme)}.technology{background:var(--bg-secondary)}.tech-intro{text-align:center;font-size:18px;color:var(--text-secondary);margin-bottom:64px}.tech-layers{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:0}.tech-layer{display:flex;align-items:center;gap:40px;padding:48px 40px;position:relative;border-left:2px solid var(--border-color);transition:all var(--transition-normal)}.tech-layer:hover{border-left-color:var(--accent-primary)}.tech-layer:hover .layer-ring{border-color:var(--accent-primary);box-shadow:0 0 30px var(--accent-glow)}.layer-line{position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border-color);transition:all var(--transition-normal)}.tech-layer:hover .layer-line{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 16px var(--accent-glow)}.layer-content{flex:1}.layer-number{font-size:13px;font-weight:700;color:var(--accent-secondary);letter-spacing:.05em;margin-bottom:8px}.layer-title{font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.01em}.layer-desc{font-size:15px;color:var(--text-secondary);line-height:1.7}.layer-visual{flex-shrink:0}.layer-ring{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-color);transition:all var(--transition-slow);position:relative}.layer-ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid var(--layer-ring-inner)}.why{background:var(--bg-primary)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-card{padding:36px 28px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--bg-card);transition:all var(--transition-slow),background var(--transition-theme);text-align:center}.why-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 48px var(--card-shadow)}.why-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--why-icon-bg);color:var(--accent-secondary);transition:background var(--transition-theme)}.why-icon svg{width:28px;height:28px}.why-card h4{font-size:16px;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.why-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.cta{background:var(--bg-secondary);padding:100px 0}.cta-content{text-align:center;position:relative;padding:80px 40px;border-radius:var(--border-radius-lg);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden;transition:background var(--transition-theme),border-color var(--transition-theme)}.cta-bg-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;border:1px solid var(--cta-ring-color);pointer-events:none}.cta-bg-ring:before{content:"";position:absolute;top:40px;right:40px;bottom:40px;left:40px;border-radius:50%;border:1px solid var(--cta-ring-inner)}.cta-bg-ring:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;border-radius:50%;border:1px solid var(--cta-ring-outer)}.cta-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:16px;position:relative;letter-spacing:-.03em}.cta-desc{font-size:17px;color:var(--text-secondary);margin-bottom:40px;position:relative}.cta-actions{display:flex;gap:16px;justify-content:center;position:relative}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:64px 0 32px;transition:background var(--transition-theme),border-color var(--transition-theme)}.footer-main{display:flex;justify-content:space-between;gap:64px;margin-bottom:48px}.footer-brand{max-width:360px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:16px}.footer-tagline{font-size:14px;color:var(--text-muted);line-height:1.7;font-style:italic}.footer-links-group{display:flex;gap:64px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col h5{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.footer-col a{font-size:14px;color:var(--text-muted);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--accent-secondary)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:13px;color:var(--text-muted)}.animate-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-in.visible{opacity:1;transform:translateY(0)}.product-grid .animate-in:nth-child(2){transition-delay:.15s}.cloud-grid .animate-in:nth-child(2){transition-delay:.15s}.cloud-grid .animate-in:nth-child(3){transition-delay:.3s}.why-grid .animate-in:nth-child(2){transition-delay:.1s}.why-grid .animate-in:nth-child(3){transition-delay:.2s}.why-grid .animate-in:nth-child(4){transition-delay:.3s}.tech-layers .animate-in:nth-child(2){transition-delay:.15s}.tech-layers .animate-in:nth-child(3){transition-delay:.3s}@media (max-width: 1024px){:root{--section-padding: 80px}.product-grid,.cloud-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--section-padding: 64px}.nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mobile-nav-bg);flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:999}.nav-links.open{display:flex}.nav-link{font-size:20px}.nav-cta{font-size:16px;padding:14px 32px}.nav-toggle{display:flex;z-index:1001}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero-stats{flex-direction:column;gap:20px;padding:24px}.stat-divider{width:60px;height:1px}.hero-actions{flex-direction:column;align-items:center}.product-card{padding:32px 24px}.why-grid{grid-template-columns:1fr}.tech-layer{padding:32px 24px}.layer-visual{display:none}.footer-main{flex-direction:column;gap:40px}.footer-links-group{flex-wrap:wrap;gap:40px}.cta-content{padding:48px 24px}.cta-actions{flex-direction:column;align-items:center}.toggle-btn{width:36px;height:36px;border-radius:8px}.lang-label{font-size:11px}.theme-toggle svg{width:16px;height:16px}}@media (max-width: 480px){.container{padding:0 16px}.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.section-title{font-size:28px}}