@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;600;700;900&family=Fira+Code:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--c-brand: #2563eb;--c-brand-dark: #1d4ed8;--c-brand-light: #dbeafe;--c-brand-subtle: #eff6ff;--c-accent: #f97316;--c-accent-dark: #ea580c;--c-accent-light: #fff7ed;--c-bg: #ffffff;--c-bg-muted: #f8fafc;--c-bg-subtle: #f1f5f9;--c-text: #0f172a;--c-text-secondary: #475569;--c-text-muted: #94a3b8;--c-border: #e2e8f0;--c-border-light: #f1f5f9;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--shadow-app: 0 24px 80px -12px rgba(0, 0, 0, .18), 0 0 0 1px rgba(0, 0, 0, .04);--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "Fira Code", "Consolas", monospace;--max-w: 1120px}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--c-brand);text-decoration:none;transition:color .2s}a:hover{color:var(--c-brand-dark)}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section{padding:88px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:2rem;font-weight:800;margin-bottom:10px;letter-spacing:-.02em}.section-header p{font-size:1.0625rem;color:var(--c-text-secondary);max-width:500px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-full);font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1}.btn-primary{background:var(--c-brand);color:#fff}.btn-primary:hover{background:var(--c-brand-dark);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb40;color:#fff}.btn-accent{background:var(--c-accent);color:#fff}.btn-accent:hover{background:var(--c-accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #f973164d;color:#fff}.downloading{opacity:.7;pointer-events:none;cursor:not-allowed}.btn-secondary{background:var(--c-bg);color:var(--c-text);border:1.5px solid var(--c-border)}.btn-secondary:hover{border-color:var(--c-brand);color:var(--c-brand);transform:translateY(-1px)}.btn-lg{padding:14px 28px;font-size:1rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--c-border-light);transition:box-shadow .3s}.navbar.scrolled{box-shadow:0 1px 12px #0000000a}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:1.375rem;font-weight:800;color:var(--c-text);letter-spacing:-.01em}.navbar-logo-img{width:32px;height:32px;display:inline-block}.navbar-logo span{color:var(--c-brand)}.navbar-links{display:flex;align-items:center;gap:28px;list-style:none}.navbar-links a{color:var(--c-text-secondary);font-weight:500;font-size:.875rem;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:var(--c-text)}.navbar-cta .btn{padding:8px 18px;font-size:.8125rem}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--c-text);transition:.3s;border-radius:2px}.card{background:var(--c-bg);border-radius:var(--radius-lg);padding:28px 24px;border:1px solid var(--c-border);transition:all .2s ease}.card:hover{border-color:var(--c-brand-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-window{background:var(--c-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-app);border:1px solid rgba(0,0,0,.06)}.app-window-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#f8f8f8;border-bottom:1px solid rgba(0,0,0,.06)}.app-window-dot{width:12px;height:12px;border-radius:50%}.app-window-dot.red{background:#ff5f57}.app-window-dot.yellow{background:#ffbd2e}.app-window-dot.green{background:#28c840}.app-window-body{line-height:0}.app-window-body img{width:100%;display:block}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;background:var(--c-brand-subtle);color:var(--c-brand);border:1px solid var(--c-brand-light)}.footer{padding:32px 0;border-top:1px solid var(--c-border);background:var(--c-bg-muted)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-links{display:flex;align-items:center;gap:24px;list-style:none;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--c-text-secondary);font-size:.875rem;font-weight:500}.footer-links a:hover{color:var(--c-brand)}.footer-copy{font-size:.8125rem;color:var(--c-text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.16,1,.3,1)}.animate-in.visible{opacity:1;transform:translateY(0)}.code-block{background:#1e293b;border-radius:var(--radius-lg);overflow:hidden}.code-block .code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.code-block .code-dot{width:10px;height:10px;border-radius:50%}.code-block .code-dot.red{background:#ff5f57}.code-block .code-dot.yellow{background:#ffbd2e}.code-block .code-dot.green{background:#28c840}.code-block .code-title{margin-left:8px;font-size:.75rem;color:#64748b;font-family:var(--font-code)}.code-block pre{margin:0;padding:20px;font-family:var(--font-code);font-size:.8125rem;line-height:1.8;color:#e2e8f0;overflow-x:auto}.code-block .comment{color:#64748b}.code-block .keyword{color:#c084fc}.code-block .string{color:#86efac}.code-block .decorator{color:#fde68a}.code-block .function{color:#93c5fd}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section{padding:56px 0}.section-header h2{font-size:1.625rem}.navbar-links{display:none}.navbar-links.show{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--c-bg);padding:16px 24px;border-bottom:1px solid var(--c-border);gap:16px}.mobile-menu-btn{display:flex}.grid-4{grid-template-columns:1fr}}