*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#12b2ef;--color-primary-light:#5bcbf5;--color-primary-dark:#0e8ec0;--color-accent:#ffa000;--color-accent-light:#cc8100;--color-bg:#0a0a0a;--color-bg-secondary:#111;--color-bg-tertiary:#161b22;--color-surface:#1a1a1a;--color-surface-hover:#222;--color-border:#2a2a2a;--color-border-light:#3a3a3a;--color-text:#e6edf3;--color-text-secondary:#8b949e;--color-text-muted:#6e7681;--color-success:#3fb950;--color-error:#f85149;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}.landing-page{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page ul,ol{list-style:none}.landing-page img,svg{max-width:100%;display:block}.landing-page .reveal{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.landing-page .container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (min-width:640px){.landing-page .container{padding:0 48px}}@media (min-width:1024px){.landing-page .container{padding:0 64px}}.landing-page .nav{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:64px;transition:background var(--transition-base);background:#0a0a0acc;position:fixed;top:0;left:0;right:0}.landing-page .nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.landing-page .nav-logo{color:var(--color-text);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.landing-page .nav-logo svg{width:32px;height:32px}.landing-page .nav-links{align-items:center;gap:32px;display:none}.landing-page .nav-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.9rem}.landing-page .nav-links a:hover{color:var(--color-text)}.landing-page .nav-links a.active{color:var(--color-primary)}.landing-page .nav-cta{align-items:center;gap:12px;display:none}.landing-page .nav-mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.landing-page .nav-mobile-toggle span{background:var(--color-text);width:22px;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.landing-page .nav-mobile-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.landing-page .nav-mobile-toggle.active span:nth-child(2){opacity:0}.landing-page .nav-mobile-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.landing-page .nav-mobile-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;transition:all var(--transition-base);background:#0a0a0afa;padding:16px 32px;position:fixed;top:64px;left:0;right:0;transform:translateY(-100%)}.landing-page .nav-mobile-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-page .nav-mobile-menu a{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);padding:12px 0;font-size:1rem;display:block}.landing-page .nav-mobile-menu a:last-child{border-bottom:none}@media (min-width:768px){.landing-page .nav-links,.nav-cta{display:flex}.landing-page .nav-mobile-toggle,.nav-mobile-menu{display:none}}.landing-page .btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.landing-page .btn-primary{background:var(--color-primary);color:#fff}.landing-page .btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 20px #12b2ef4d}.landing-page .btn-outline{color:var(--color-text);border:1px solid var(--color-border-light);background:0 0}.landing-page .btn-outline:hover{border-color:var(--color-text-secondary);background:#ffffff0d}.landing-page .btn-sm{padding:6px 16px;font-size:.85rem}.landing-page .hero{align-items:center;min-height:auto;padding-top:64px;padding-bottom:32px;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.landing-page .hero{min-height:100vh;padding-bottom:0}}.landing-page .hero-bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%, #12b2ef1f, transparent), radial-gradient(ellipse 60% 50% at 80% 50%, #ffa0000f, transparent), var(--color-bg);position:absolute;top:0;bottom:0;left:0;right:0}.landing-page .hero-grid{z-index:0;background-image:linear-gradient(#12b2ef08 1px,#0000 1px),linear-gradient(90deg,#12b2ef08 1px,#0000 1px);background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.landing-page .hero-glow{filter:blur(60px);z-index:0;background:radial-gradient(#12b2ef26,#0000 70%);width:600px;height:400px;animation:6s ease-in-out infinite glowPulse;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.landing-page .hero-inner{z-index:1;text-align:center;grid-template-columns:1fr;align-items:center;gap:48px;padding:24px 24px 64px;display:grid;position:relative}@media (min-width:1024px){.landing-page .hero-inner{text-align:left;grid-template-columns:1fr 1fr;gap:64px;padding:80px 0 120px}}.landing-page .hero-content{flex-direction:column;align-items:center;width:100%;display:flex}.hero-content>.hero-title,.hero-content>.hero-subtitle,.hero-content>.hero-actions,.landing-page .hero-content>.hero-trust{width:100%}@media (min-width:1024px){.landing-page .hero-content{align-items:flex-start}.hero-content>.hero-title,.hero-content>.hero-subtitle,.hero-content>.hero-actions,.landing-page .hero-content>.hero-trust{width:auto}}.landing-page .hero-badge{color:var(--color-primary-light);background:#12b2ef1a;border:1px solid #12b2ef33;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.85rem;display:inline-flex}.landing-page .hero-badge-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.landing-page .hero-title{letter-spacing:-.01em;margin-bottom:16px;font-size:max(1.5rem,min(5.5vw,2.5rem));font-weight:800;line-height:1.3}@media (min-width:768px){.landing-page .hero-title{font-size:3.5rem}}@media (min-width:1024px){.landing-page .hero-title{font-size:max(2.5rem,min(3.5vw,3.5rem))}}.landing-page .hero-title-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .hero-subtitle{color:var(--color-text-secondary);max-width:520px;margin-bottom:32px;font-size:1rem;line-height:1.7}@media (min-width:768px){.landing-page .hero-subtitle{font-size:1.1rem}}.landing-page .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px;display:flex}.landing-page .hero-trust{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.75rem;display:flex}@media (min-width:768px){.landing-page .hero-trust{gap:16px;font-size:.8rem}}@media (min-width:1024px){.landing-page .hero-actions,.landing-page .hero-trust{justify-content:flex-start}}.landing-page .hero-trust-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);align-items:center;gap:6px;padding:2px 8px;font-size:.7rem;display:inline-flex}@media (min-width:768px){.landing-page .hero-trust-item{padding:4px 10px;font-size:.75rem}}.landing-page .hero-trust-item svg{width:14px;height:14px}.landing-page .hero-visual{justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}@media (min-width:1024px){.landing-page .hero-visual{min-height:400px}}@media (max-width:768px){.landing-page .hero-visual{display:none}}.landing-page .esm-flow{aspect-ratio:4/3;width:100%;max-width:480px;position:relative}.landing-page .esm-node{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);width:72px;height:40px;font-family:var(--font-mono);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:.7rem;animation:4s ease-in-out infinite nodeFloat;display:flex;position:absolute;box-shadow:0 2px 8px #0000004d}.landing-page .esm-node:before{content:"";border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), transparent 60%);-webkit-mask-composite:xor;opacity:.5;padding:1px;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-page .esm-node-main{width:90px;height:48px;color:var(--color-primary-light);border-color:var(--color-primary);background:#12b2ef14;font-size:.8rem;animation:4s ease-in-out infinite nodeFloat}.landing-page .esm-node-main:before{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));opacity:.8}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.esm-node:first-child{animation-delay:0s;top:50%;left:5%}.esm-node:nth-child(2){animation-delay:.3s;top:20%;left:25%}.esm-node:nth-child(3){animation-delay:.6s;top:60%;left:28%}.esm-node:nth-child(4){animation-delay:.9s;top:35%;left:50%;transform:translate(-50%)}.esm-node:nth-child(5){animation-delay:1.2s;top:15%;left:55%}.esm-node:nth-child(6){animation-delay:1.5s;top:65%;left:58%}.esm-node:nth-child(7){animation-delay:1.8s;top:30%;right:5%}.esm-node:nth-child(8){animation-delay:2.1s;top:55%;right:8%}.landing-page .esm-connection{background:linear-gradient(90deg, var(--color-primary), transparent);opacity:.3;height:1px;animation:3s linear infinite connectionFlow;position:absolute}@keyframes connectionFlow{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.esm-connection-1{width:60px;animation-delay:0s;top:55%;left:22%;transform:rotate(-25deg)}.esm-connection-2{width:50px;animation-delay:.5s;top:45%;left:45%;transform:rotate(15deg)}.esm-connection-3{width:55px;animation-delay:1s;top:50%;left:70%;transform:rotate(-10deg)}.esm-connection-4{width:45px;animation-delay:1.5s;top:30%;left:35%;transform:rotate(-35deg)}.esm-connection-5{width:50px;animation-delay:2s;top:60%;left:55%;transform:rotate(20deg)}.esm-connection-6{width:40px;animation-delay:.3s;top:40%;left:15%;transform:rotate(10deg)}.landing-page .section{padding:80px 0;position:relative}@media (min-width:768px){.landing-page .section{padding:100px 0}}@media (min-width:1024px){.landing-page .section{padding:120px 0}}.landing-page .section-header{text-align:center;max-width:640px;margin:0 auto 64px}.landing-page .section-label{font-family:var(--font-mono);color:var(--color-primary);letter-spacing:.05em;margin-bottom:12px;font-size:.8rem;display:inline-block}.landing-page .section-title{margin-bottom:16px;font-size:max(1.5rem,min(5.5vw,2rem));font-weight:800;line-height:1.2}@media (min-width:768px){.landing-page .section-title{font-size:2.5rem}}.landing-page .section-desc{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.7}.landing-page .painpoints{background:var(--color-bg-secondary)}.landing-page .painpoints-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.landing-page .painpoints-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-page .painpoints-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .painpoint-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:28px}.landing-page .painpoint-card:hover{border-color:var(--color-border-light);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.landing-page .painpoint-header{align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.landing-page .painpoint-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.landing-page .painpoint-icon.bad{color:var(--color-error);background:#f8514926}.landing-page .painpoint-icon.good{color:var(--color-success);background:#3fb95026}.landing-page .painpoint-label-bad{color:var(--color-error)}.landing-page .painpoint-label-good{color:var(--color-success)}.landing-page .painpoint-list{flex-direction:column;gap:10px;display:flex}.landing-page .painpoint-item{color:var(--color-text-secondary);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.landing-page .painpoint-item .mark{flex-shrink:0;margin-top:1px;font-size:.85rem}.painpoint-item .mark.bad{color:var(--color-error)}.painpoint-item .mark.good{color:var(--color-success)}.landing-page .painpoint-divider{background:var(--color-border);height:1px;margin:14px 0}.landing-page .painpoint-solution{color:var(--color-text-muted);border-radius:var(--radius-sm);border-left:2px solid var(--color-primary);background:#12b2ef0d;padding:10px 12px;font-size:.85rem}.landing-page .features-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.landing-page .features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.landing-page .features-grid{grid-template-columns:repeat(3,1fr)}}.landing-page .feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:32px;position:relative;overflow:hidden}.landing-page .feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.landing-page .feature-card:hover{border-color:var(--color-border-light);transform:translateY(-4px);box-shadow:0 12px 40px #00000059}.landing-page .feature-card:hover:before{opacity:.5}.landing-page .feature-icon{border-radius:var(--radius-md);background:#12b2ef1a;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.5rem;display:flex}.landing-page .feature-title{margin-bottom:10px;font-size:1.1rem;font-weight:700}.landing-page .feature-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.landing-page .code-demo{background:var(--color-bg-secondary)}.landing-page .code-demo-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:1024px){.landing-page .code-demo-grid{grid-template-columns:1fr 1fr}}.landing-page .terminal{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#0d1117;overflow:hidden;box-shadow:0 8px 32px #0006}.landing-page .terminal-header{border-bottom:1px solid var(--color-border);background:#ffffff08;align-items:center;gap:8px;padding:12px 16px;display:flex}.landing-page .terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.landing-page .terminal-title{color:var(--color-text-muted);font-size:.8rem;font-family:var(--font-mono);margin-left:8px}.landing-page .terminal-body{font-family:var(--font-mono);padding:20px 24px;font-size:.85rem;line-height:1.8;overflow-x:auto}.landing-page .terminal-line{align-items:flex-start;gap:8px;display:flex}.landing-page .terminal-prompt{color:var(--color-success);flex-shrink:0}.landing-page .terminal-status{color:var(--color-text-muted)}.landing-page .terminal-status svg{vertical-align:-2px;margin-right:2px}.landing-page .terminal-line-gap{margin-top:8px}.landing-page .terminal-spacer{margin-top:4px}.landing-page .terminal-cursor{background:var(--color-primary);vertical-align:text-bottom;width:8px;height:1.2em;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.sh-comment{color:#8b949e}.sh-keyword{color:#ff7b72}.sh-string{color:#a5d6ff}.sh-function{color:#d2a8ff}.sh-property{color:#7ee787}.sh-value{color:#79c0ff}.sh-punctuation{color:#c9d1d9}.sh-tag{color:#7ee787}.sh-attr{color:#79c0ff}.landing-page .ecosystem-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-bottom:24px;display:flex}@media (min-width:768px){.landing-page .ecosystem-logos{gap:48px}}.landing-page .ecosystem-item{border-radius:var(--radius-lg);transition:all var(--transition-base);opacity:.6;flex-direction:column;align-items:center;gap:10px;padding:20px;text-decoration:none;display:flex}.landing-page .ecosystem-item:hover{opacity:1;background:var(--color-surface);transform:translateY(-4px)}.landing-page .ecosystem-item svg{width:48px;height:48px}.landing-page .ecosystem-item span{color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.landing-page .footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:48px 0}.landing-page .footer-inner{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}@media (min-width:768px){.landing-page .footer-inner{text-align:left;flex-direction:row;justify-content:space-between}}.landing-page .footer-brand{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.landing-page .footer-brand svg{width:28px;height:28px}.landing-page .footer-copyright{color:var(--color-text-muted);font-size:.85rem}.landing-page .footer-links{align-items:center;gap:24px;display:flex}.landing-page .footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.9rem;display:flex}.landing-page .footer-links a:hover{color:var(--color-text)}.landing-page .footer-links a svg{width:18px;height:18px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{color:var(--color-text);background:#12b2ef4d}