:root{--bg-primary: #030405;--bg-secondary: #090b0c;--bg-tertiary: #101315;--bg-card: #0c0f11;--surface-raised: #121619;--text-primary: #ffffff;--text-secondary: #c8d0d0;--text-muted: #7f8b8a;--accent-primary: #f7fbff;--accent-secondary: #79f2d0;--accent-tertiary: #a7c7ff;--accent-blue: #a7c7ff;--accent-pink: #f6a7d8;--accent-gradient: linear-gradient(135deg, #ffffff 0%, #9fffe0 38%, #a7c7ff 72%, #f6a7d8 100%);--border-color: rgba(255, 255, 255, .11);--border-hover: rgba(255, 255, 255, .24);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .22);--shadow-md: 0 18px 44px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .44);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 8px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .55s cubic-bezier(.2, .9, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-max: 1180px}[data-theme=light]{--bg-primary: #f7f8f8;--bg-secondary: #ffffff;--bg-tertiary: #edf1f2;--bg-card: #ffffff;--surface-raised: #f4f7f7;--text-primary: #07090a;--text-secondary: #30383a;--text-muted: #6d7778;--accent-primary: #050708;--accent-secondary: #00a77f;--accent-tertiary: #477eff;--accent-blue: #477eff;--accent-pink: #cf3f91;--accent-gradient: linear-gradient(135deg, #07090a 0%, #008f71 38%, #477eff 72%, #cf3f91 100%);--border-color: rgba(7, 9, 10, .12);--border-hover: rgba(7, 9, 10, .24);--shadow-sm: 0 8px 20px rgba(13, 20, 24, .08);--shadow-md: 0 18px 44px rgba(13, 20, 24, .12);--shadow-lg: 0 28px 80px rgba(13, 20, 24, .16)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.13),transparent 25%),radial-gradient(circle at 82% 18%,rgba(121,242,208,.13),transparent 30%),radial-gradient(circle at 52% 86%,rgba(167,199,255,.11),transparent 35%),var(--bg-primary);background-attachment:fixed;color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light] body{background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.9),transparent 24%),radial-gradient(circle at 82% 18%,rgba(0,167,127,.16),transparent 31%),radial-gradient(circle at 52% 86%,rgba(71,126,255,.13),transparent 35%),var(--bg-primary)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 32%),linear-gradient(300deg,rgba(121,242,208,.1),transparent 44%),linear-gradient(180deg,#03040500,#030405b8 70%,#030405);opacity:.95;z-index:-2}[data-theme=light] body:before{background:linear-gradient(120deg,rgba(255,255,255,.8),transparent 32%),linear-gradient(300deg,rgba(0,167,127,.12),transparent 44%),linear-gradient(180deg,#f7f8f800,#f7f8f8b3 70%,#f7f8f8);opacity:.95}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,.035) 48% 48.18%,transparent 48.18%),radial-gradient(circle at 24% 28%,rgba(255,255,255,.1),transparent 18%),radial-gradient(circle at 78% 34%,rgba(121,242,208,.12),transparent 22%),radial-gradient(circle at 58% 78%,rgba(167,199,255,.12),transparent 24%);opacity:.5;z-index:-1}[data-theme=light] body:after{background:linear-gradient(135deg,transparent 0 48%,rgba(7,9,10,.035) 48% 48.18%,transparent 48.18%),radial-gradient(circle at 24% 28%,rgba(7,9,10,.06),transparent 18%),radial-gradient(circle at 78% 34%,rgba(0,167,127,.12),transparent 22%),radial-gradient(circle at 58% 78%,rgba(71,126,255,.12),transparent 24%);opacity:.46}.app{position:relative}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:all var(--transition-normal);background:#03040557}.navbar.scrolled{background:#030405d1;-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid var(--border-color);padding:12px 0;box-shadow:0 12px 38px #00000057}[data-theme=light] .navbar{background:#f7f8f880}[data-theme=light] .navbar.scrolled{background:#ffffffc7;box-shadow:0 12px 38px #0d14181a}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:0;text-decoration:none;color:var(--text-primary)}.logo-image{width:46px;height:46px;display:block;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 16px rgba(255,255,255,.22)) drop-shadow(0 0 28px rgba(121,242,208,.16));transition:transform var(--transition-fast),filter var(--transition-fast)}.logo:hover .logo-image{transform:translateY(-1px) scale(1.03);filter:drop-shadow(0 0 20px rgba(255,255,255,.3)) drop-shadow(0 0 34px rgba(121,242,208,.24))}[data-theme=light] .logo-image{filter:invert(1) saturate(.9) contrast(1.12) drop-shadow(0 0 14px rgba(7,9,10,.14))}[data-theme=light] .logo:hover .logo-image{filter:invert(1) saturate(.9) contrast(1.12) drop-shadow(0 0 18px rgba(7,9,10,.18)) drop-shadow(0 0 26px rgba(0,167,127,.12))}.logo-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(122,167,255,.42);background:#0d1422;color:var(--accent-primary);border-radius:var(--radius-sm);font-size:11px;font-weight:800}.logo-text{font-size:20px;font-weight:800;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:650;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.theme-toggle{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:linear-gradient(135deg,#ffffff14,#ffffff05),#ffffff08;color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--border-hover);background:#ffffff17}.theme-toggle span{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:var(--text-primary);color:var(--bg-primary);font-size:11px;font-weight:900}[data-theme=light] .theme-toggle{background:#07090a09}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;padding:10px}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--text-primary);transition:all var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:none;letter-spacing:0}.btn-primary{background:linear-gradient(135deg,#fff,#bfffe9 58%,#bed2ff);color:#020405;box-shadow:0 12px 34px #ffffff2e,0 0 42px #79f2d01f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px #ffffff3d,0 0 52px #79f2d02e}.btn-outline{background:#f6f1e808;color:var(--text-primary);border:1px solid var(--border-hover)}.btn-outline:hover{background:#f6f1e814;border-color:#ffffff75}.btn-lg{min-height:52px;padding:14px 24px;font-size:15px}.badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);font-size:12px;font-weight:800;color:#fff;margin-bottom:20px;letter-spacing:0;text-transform:uppercase}[data-theme=light] .badge{background:#07090a0e;border-color:#07090a24;color:#07090a}.hero{position:relative;padding:154px 0 92px;overflow:hidden}.hero-container{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:58px;align-items:center}.hero-content,.hero-visual,.section-header,.feature-card,.tool-item,.git-feature,.security-card,.download-content{animation:revealUp .8s var(--transition-slow) both}.hero-title{font-size:62px;font-weight:900;line-height:.98;letter-spacing:0;margin-bottom:24px;max-width:720px}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px;max-width:570px}.hero-actions{display:flex;gap:14px;margin-bottom:18px}.maker-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:36px;padding:8px 12px;margin-bottom:34px;border:1px solid rgba(255,94,168,.24);border-radius:var(--radius-sm);background:linear-gradient(120deg,#7aa7ff1a,#ff5ea814),#f6f1e809;color:var(--text-muted);font-size:12px;font-weight:850;text-transform:uppercase}.maker-badge a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.maker-badge a:hover{color:var(--accent-pink)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px}.stat{display:flex;min-height:92px;flex-direction:column;justify-content:center;border-top:1px solid var(--border-color)}.stat-number{font-size:30px;font-weight:900;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;top:-22px;right:-22px;bottom:-22px;left:-22px;border:1px solid rgba(246,241,232,.08);transform:rotate(-2deg);z-index:-1}.hero-card{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#121619f5,#050708f7);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #ffffff13}[data-theme=light] .hero-card{background:linear-gradient(135deg,rgba(255,255,255,.96),transparent 34%),linear-gradient(180deg,#fffffff5,#eef3f4f5);box-shadow:var(--shadow-lg),0 0 70px #477eff1f}.product-window{transform:rotate(1deg)}.card-header{display:flex;align-items:center;gap:8px;min-height:46px;padding:12px 16px;background:#ffffff0b;border-bottom:1px solid var(--border-color)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:var(--accent-tertiary)}.dot.yellow{background:var(--accent-blue)}.dot.green{background:var(--accent-secondary)}.card-title{margin-left:8px;font-size:12px;color:var(--text-muted);font-weight:800;text-transform:uppercase;letter-spacing:0}.card-body{padding:22px;min-height:364px}.window-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:0 0 18px;color:var(--text-secondary);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.live-pill{position:relative;color:#10201c;background:var(--accent-secondary);padding:4px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:900;text-transform:uppercase}.graph-preview{position:relative;height:286px;overflow:hidden;border:1px solid rgba(246,241,232,.08);border-radius:var(--radius-md);background:linear-gradient(rgba(246,241,232,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(246,241,232,.03) 1px,transparent 1px),radial-gradient(circle at 50% 46%,rgba(121,242,208,.08),transparent 45%),#050708;background-size:30px 30px}[data-theme=light] .graph-preview{background:linear-gradient(rgba(7,9,10,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,9,10,.045) 1px,transparent 1px),radial-gradient(circle at 50% 46%,rgba(0,167,127,.09),transparent 45%),#f8fafb}.node{position:absolute;min-width:72px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:800;text-align:center;transform:translate(-50%,-50%);z-index:2;animation:floatNode 5s ease-in-out infinite}.node:nth-child(2){animation-delay:-1s}.node:nth-child(3){animation-delay:-2s}.node:nth-child(4){animation-delay:-3s}.node:nth-child(5){animation-delay:-4s}.node-ts{background:#79f2d01f;color:#b9ffec;border:1px solid rgba(121,242,208,.36)}.node-md{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.28)}.node-js{background:#a7c7ff24;color:#d8e4ff;border:1px solid rgba(167,199,255,.35)}.node-fn{background:#f6a7d821;color:#ffd5ec;border:1px solid rgba(246,167,216,.34)}.node-glow{box-shadow:0 0 38px #79f2d04d}.edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.edge{stroke:#f6f1e838;stroke-width:2;stroke-dasharray:9 10;animation:edgeTravel 2.6s linear infinite}.graph-scan{position:absolute;top:-30%;left:0;width:100%;height:28%;background:linear-gradient(180deg,transparent,rgba(84,214,187,.14),transparent);animation:scanDown 4.2s ease-in-out infinite;z-index:0}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0 50%,rgba(122,167,255,.07) 50% 50.5%,transparent 50.5%),linear-gradient(155deg,transparent 0 64%,rgba(84,214,187,.05) 64% 64.5%,transparent 64.5%);z-index:-1;pointer-events:none}.ides-section{padding:34px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,rgba(122,167,255,.08),transparent 24%,transparent 76%,rgba(255,94,168,.075)),#090b0d6b}.ides-label{text-align:center;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0;margin-bottom:20px;font-weight:800}.ides-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ide-badge{min-width:128px;padding:10px 20px;background:#f6f1e80a;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-weight:800;color:var(--text-secondary);text-align:center}.section-header{text-align:center;margin-bottom:58px}.section-title{font-size:42px;font-weight:900;line-height:1.05;letter-spacing:0;margin-bottom:16px}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:650px;margin:0 auto}.features-section,.sync-section,.security-section,.docs-section{position:relative;padding:104px 0;background:radial-gradient(ellipse at 50% 0%,rgba(122,167,255,.08),transparent 42%),radial-gradient(ellipse at 10% 62%,rgba(84,214,187,.055),transparent 36%),#090b0d14}.tools-section,.git-section,.download-section{position:relative;padding:104px 0;background:radial-gradient(ellipse at 50% 0%,rgba(255,94,168,.07),transparent 44%),linear-gradient(120deg,rgba(122,167,255,.065),transparent 38%),linear-gradient(300deg,rgba(84,214,187,.055),transparent 48%),#090b0d33;border-top:1px solid rgba(246,241,232,.07);border-bottom:1px solid rgba(246,241,232,.06)}[data-theme=light] .features-section,[data-theme=light] .sync-section,[data-theme=light] .security-section,[data-theme=light] .docs-section{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.72),transparent 42%),radial-gradient(ellipse at 10% 62%,rgba(0,167,127,.07),transparent 36%),#ffffff47}[data-theme=light] .tools-section,[data-theme=light] .git-section,[data-theme=light] .download-section{background:radial-gradient(ellipse at 50% 0%,rgba(207,63,145,.07),transparent 44%),linear-gradient(120deg,rgba(71,126,255,.07),transparent 38%),linear-gradient(300deg,rgba(0,167,127,.06),transparent 48%),#ffffff5c;border-top-color:#07090a14;border-bottom-color:#07090a14}.features-section:before,.sync-section:before,.security-section:before,.docs-section:before,.tools-section:before,.git-section:before,.download-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 0 52%,rgba(246,241,232,.025) 52% 52.22%,transparent 52.22%),radial-gradient(circle at 12% 18%,rgba(122,167,255,.1),transparent 30%),radial-gradient(circle at 88% 36%,rgba(255,94,168,.07),transparent 28%),linear-gradient(180deg,#090b0d05,#090b0d85);opacity:.86}[data-theme=light] .features-section:before,[data-theme=light] .sync-section:before,[data-theme=light] .security-section:before,[data-theme=light] .docs-section:before,[data-theme=light] .tools-section:before,[data-theme=light] .git-section:before,[data-theme=light] .download-section:before{background:linear-gradient(135deg,transparent 0 52%,rgba(7,9,10,.025) 52% 52.22%,transparent 52.22%),radial-gradient(circle at 12% 18%,rgba(71,126,255,.07),transparent 30%),radial-gradient(circle at 88% 36%,rgba(0,167,127,.06),transparent 28%),linear-gradient(180deg,#ffffff0f,#ffffff6b);opacity:.78}.features-section>.container,.tools-section>.container,.sync-section>.container,.git-section>.container,.security-section>.container,.docs-section>.container,.download-section>.container{position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{position:relative;min-height:360px;background:#11161ad1;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px;transition:all var(--transition-normal);overflow:hidden}[data-theme=light] .feature-card,[data-theme=light] .tool-item,[data-theme=light] .git-feature{background:linear-gradient(145deg,#fffffff5,#f4f8f9e6),#ffffffeb;border-color:#07090a1f;box-shadow:0 18px 46px #0d14181a,inset 0 1px #ffffffe6}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}[data-theme=light] .feature-card:hover,[data-theme=light] .tool-item:hover,[data-theme=light] .git-feature:hover{border-color:#07090a3d;box-shadow:0 22px 54px #0d141824,0 0 42px #00a77f14}.feature-card:hover:before{transform:scaleX(1)}.feature-icon,.tool-icon,.git-feature-icon{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 10px;border-radius:var(--radius-sm);background:#7aa7ff1c;border:1px solid rgba(122,167,255,.28);color:#bcd0ff;font-size:12px;font-weight:900;margin-bottom:18px}[data-theme=light] .feature-icon,[data-theme=light] .tool-icon,[data-theme=light] .git-feature-icon{background:#477eff17;border-color:#477eff38;color:#23468f}.feature-card h3,.git-feature h3{font-size:20px;font-weight:850;margin-bottom:12px}[data-theme=light] .feature-card h3,[data-theme=light] .tool-item h4,[data-theme=light] .git-feature h3{color:#07090a}.feature-card p,.git-feature p,.tool-item p{color:var(--text-secondary);font-size:14px;margin-bottom:18px}[data-theme=light] .feature-card p,[data-theme=light] .git-feature p,[data-theme=light] .tool-item p{color:#445052}.feature-list{list-style:none}.feature-list li{color:var(--text-muted);font-size:13px;padding:6px 0 6px 18px;position:relative}[data-theme=light] .feature-list li{color:#5c6769}.feature-list li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--accent-secondary)}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-item{min-height:250px;background:#11161ad1;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px;transition:all var(--transition-normal)}.tool-item:hover{border-color:#54d6bb61;transform:translateY(-4px)}.tool-item h4{font-size:17px;font-weight:850;margin-bottom:10px}.sync-container{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:64px;align-items:center}.sync-content .section-subtitle{margin:0}.sync-steps{margin-top:36px}.sync-step{display:grid;grid-template-columns:54px 1fr;gap:16px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border-color)}.step-number{width:54px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(84,214,187,.28);background:#54d6bb14;color:#91f2df;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;flex-shrink:0}.step-content h4{font-size:16px;font-weight:850;margin-bottom:4px}.step-content p{color:var(--text-secondary);font-size:14px}.sync-diagram{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(rgba(246,241,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(246,241,232,.025) 1px,transparent 1px),linear-gradient(180deg,#151b20f0,#0a0d0ff2);background-size:34px 34px,34px 34px,auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.sync-ring{position:absolute;top:62px;right:62px;bottom:62px;left:62px;border:1px solid rgba(246,241,232,.15);border-radius:50%}.sync-ring:before,.sync-ring:after{content:"";position:absolute;top:54px;right:54px;bottom:54px;left:54px;border:1px dashed rgba(84,214,187,.25);border-radius:50%;animation:rotateRing 18s linear infinite}.sync-ring:after{top:118px;right:118px;bottom:118px;left:118px;border-style:solid;border-color:#ff5ea84d;animation-direction:reverse;animation-duration:12s}.sync-node{position:absolute;display:flex;align-items:center;gap:10px;min-width:140px;min-height:48px;padding:10px 14px;background:#11161af2;border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:850;box-shadow:var(--shadow-sm);z-index:2}.sync-mark{display:inline-flex;width:32px;height:28px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#7aa7ff24;color:#abc6ff;border:1px solid rgba(122,167,255,.28);font-size:11px;font-weight:900}.sync-vscode{top:54px;left:50%;transform:translate(-50%)}.sync-cursor{top:50%;right:34px;transform:translateY(-50%)}.sync-windsurf{bottom:54px;left:50%;transform:translate(-50%)}.sync-antigravity{top:50%;left:34px;transform:translateY(-50%)}.sync-center{position:absolute;top:50%;left:50%;width:170px;min-height:112px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:var(--radius-lg);background:#f6f1e8;color:#11161a;box-shadow:0 0 0 8px #f6f1e80f,var(--shadow-md);z-index:3}.sync-core-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:17px;font-weight:900}.sync-core-path{font-size:12px;color:#66706c;text-transform:uppercase;font-weight:900}.sync-packet{position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:var(--accent-secondary);box-shadow:0 0 18px #54d6bbbf;z-index:4}.packet-one{animation:packetNorth 2.8s ease-in-out infinite}.packet-two{animation:packetEast 2.8s ease-in-out infinite .9s;background:var(--accent-primary);box-shadow:0 0 18px #7aa7ffb3}.packet-three{animation:packetWest 2.8s ease-in-out infinite 1.8s;background:var(--accent-blue);box-shadow:0 0 18px #7aa7ffb3}.git-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.git-feature{min-height:226px;background:#11161ad1;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:26px;transition:all var(--transition-normal)}.git-feature:hover{border-color:#ff5ea859;transform:translateY(-4px)}.security-card{background:linear-gradient(135deg,#f6f1e814,#54d6bb0f);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:46px;text-align:center;max-width:860px;margin:0 auto}.security-card h3{font-size:34px;font-weight:900;margin-bottom:14px}.security-card>p{color:var(--text-secondary);font-size:16px;margin:0 auto 30px;max-width:680px}.security-card code{background:#090b0d80;padding:2px 8px;border-radius:4px;font-size:14px;color:#91f2df}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}.security-item{display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 18px;background:#090b0d57;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px}.docs-header{margin-bottom:42px}.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.docs-sidebar{position:sticky;top:92px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#11161adb;box-shadow:var(--shadow-sm)}.docs-sidebar-title{margin-bottom:12px;color:var(--text-muted);font-size:11px;font-weight:900;text-transform:uppercase}.docs-nav{display:grid;gap:4px}.docs-nav a{display:block;min-height:34px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:750;transition:background var(--transition-fast),color var(--transition-fast)}.docs-nav a:hover{background:#54d6bb17;color:var(--text-primary)}.docs-content{display:grid;gap:14px}.docs-panel{scroll-margin-top:102px;padding:28px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#11161ad6;box-shadow:inset 0 1px #f6f1e809}.docs-panel-kicker{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--accent-secondary);font-size:11px;font-weight:900;text-transform:uppercase}.docs-panel-kicker span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;border:1px solid rgba(84,214,187,.28);border-radius:var(--radius-sm);background:#54d6bb14;color:#91f2df}.docs-panel h3{margin-bottom:10px;font-size:26px;line-height:1.12;font-weight:900}.docs-panel p{max-width:780px;margin-bottom:18px;color:var(--text-secondary);font-size:15px}.docs-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;list-style:none}.docs-list li{position:relative;min-height:52px;padding:13px 14px 13px 30px;border:1px solid rgba(246,241,232,.08);border-radius:var(--radius-sm);background:#090b0d47;color:var(--text-secondary);font-size:13px}.docs-list li:before{content:"";position:absolute;top:20px;left:14px;width:7px;height:7px;border-radius:50%;background:var(--accent-primary)}.check{color:#91f2df;font-weight:900;font-size:12px}.download-container{text-align:center}.download-content{max-width:660px;margin:0 auto}.download-actions{display:flex;justify-content:center;gap:14px;margin:32px 0 16px}.download-note{color:var(--text-muted);font-size:14px}.footer{padding:58px 0 30px;border-top:1px solid var(--border-color);background:#080a0c}[data-theme=light] .footer{background:linear-gradient(180deg,#ffffffad,#eff4f5f0),#f4f7f7;border-top-color:#07090a1a;box-shadow:inset 0 1px #ffffffdb}.footer-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:60px;margin-bottom:40px}.footer-brand p{color:var(--text-secondary);font-size:14px;margin-top:12px;max-width:340px}[data-theme=light] .footer-brand p{color:#4b5759}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.footer-column h4{font-size:13px;font-weight:900;margin-bottom:16px;color:var(--text-primary);text-transform:uppercase}[data-theme=light] .footer-column h4{color:#07090a}.footer-column a{display:block;color:var(--text-secondary);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color var(--transition-fast)}[data-theme=light] .footer-column a{color:#4b5759}.footer-column a:hover{color:var(--text-primary)}[data-theme=light] .footer-column a:hover{color:#07090a}.footer-bottom{padding-top:28px;border-top:1px solid var(--border-color);text-align:center}[data-theme=light] .footer-bottom{border-top-color:#07090a1a}.footer-bottom p{color:var(--text-muted);font-size:13px}[data-theme=light] .footer-bottom p{color:#687374}.footer-bottom a{color:var(--text-secondary);text-decoration:none;font-weight:800;transition:color var(--transition-fast)}[data-theme=light] .footer-bottom a{color:#30383a}.footer-bottom a:hover{color:var(--accent-pink)}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatNode{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes edgeTravel{to{stroke-dashoffset:-38}}@keyframes scanDown{0%,20%{transform:translateY(0);opacity:0}35%,70%{opacity:1}to{transform:translateY(440%);opacity:0}}@keyframes rotateRing{to{transform:rotate(360deg)}}@keyframes packetNorth{0%,to{transform:translate(-50%,-50%) translateY(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translateY(-182px)}}@keyframes packetEast{0%,to{transform:translate(-50%,-50%) translate(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translate(192px)}}@keyframes packetWest{0%,to{transform:translate(-50%,-50%) translate(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translate(-192px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.hero-container,.sync-container{grid-template-columns:1fr;text-align:center}.hero-subtitle,.sync-content .section-subtitle{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center;margin-left:auto;margin-right:auto}.hero-visual,.sync-visual{max-width:620px;margin:0 auto}.sync-visual{order:-1}.features-grid,.tools-grid,.git-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.container{padding:0 18px}.nav-links{display:none;position:absolute;top:100%;left:12px;right:12px;background:#101316f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;padding:18px;gap:14px;border:1px solid var(--border-color);border-radius:var(--radius-lg)}[data-theme=light] .nav-links{background:#fffffff5}.nav-links.open{display:flex}.theme-toggle{width:100%}.mobile-menu-btn{display:flex}.hero{padding:122px 0 62px}.hero-title{font-size:42px}.hero-actions,.download-actions{flex-direction:column}.hero-stats{grid-template-columns:1fr;gap:0}.section-title{font-size:32px}.features-section,.tools-section,.sync-section,.git-section,.security-section,.docs-section,.download-section{padding:76px 0}.features-grid,.tools-grid,.git-features,.security-grid,.docs-layout,.docs-list{grid-template-columns:1fr}.docs-sidebar{position:relative;top:auto;overflow-x:auto;padding:12px}.docs-nav{display:flex;gap:8px;min-width:max-content}.docs-nav a{white-space:nowrap}.docs-panel{padding:22px}.docs-panel h3{font-size:22px}.feature-card,.tool-item,.git-feature{min-height:auto}.card-body{padding:16px;min-height:300px}.graph-preview{height:248px}.window-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.sync-diagram{min-height:450px}.sync-ring{top:50px;right:50px;bottom:50px;left:50px}.sync-node{min-width:118px;font-size:13px}.sync-cursor{right:16px}.sync-antigravity{left:16px}.sync-center{width:144px;min-height:96px}.packet-one{animation-name:packetNorthMobile}.packet-two{animation-name:packetEastMobile}.packet-three{animation-name:packetWestMobile}.security-card{padding:30px 20px}.footer-content,.footer-links{grid-template-columns:1fr;gap:30px}}@media (max-width: 460px){.hero-title{font-size:36px}.hero-subtitle,.section-subtitle{font-size:16px}.sync-diagram{min-height:520px}.sync-ring{top:86px;right:34px;bottom:86px;left:34px;border-radius:var(--radius-lg)}.sync-ring:before,.sync-ring:after{display:none}.sync-vscode,.sync-windsurf{left:50%}.sync-cursor,.sync-antigravity{left:50%;right:auto;transform:translate(-50%)}.sync-cursor{top:136px}.sync-antigravity{top:auto;bottom:136px}.sync-node{justify-content:center}}@keyframes packetNorthMobile{0%,to{transform:translate(-50%,-50%) translateY(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translateY(-148px)}}@keyframes packetEastMobile{0%,to{transform:translate(-50%,-50%) translate(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translate(136px)}}@keyframes packetWestMobile{0%,to{transform:translate(-50%,-50%) translate(0);opacity:0}18%,72%{opacity:1}50%{transform:translate(-50%,-50%) translate(-136px)}}