:root{--color-primary:#8b4513;--color-primary-hover:#73390f;--color-primary-light:#f3e8d5;--color-text-dark:#3d2b1f;--color-text-medium:#5c4033;--color-text-light:#8c7f70;--color-bg-base:#fdfbf7;--color-bg-card:#fff;--color-bg-glass:#fdfbf7bf;--color-border:#5c40331a;--color-accent-amber:#b45309;--color-accent-red:#ef4444;--color-accent-green:#10b981;--font-family:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow-sm:0 2px 8px #5c403308;--shadow-md:0 8px 20px #5c40330d;--shadow-lg:0 16px 36px #5c403314;--shadow-inset:inset 0 2px 4px #5c403305;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg-base);color:var(--color-text-medium);font-family:var(--font-family);-webkit-font-smoothing:antialiased;font-size:16px}body{overflow-x:hidden}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button{cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#5c403326;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#5c40334d}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media (width<=768px){.section-padding{padding:60px 0}}.text-gradient{background:linear-gradient(135deg, var(--color-text-dark) 30%, var(--color-accent-amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.navbar{z-index:100;width:100%;height:72px;transition:var(--transition-normal);position:fixed;top:0;left:0}.navbar.scrolled{box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border)}.navbar-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo-link{align-items:center;gap:10px;display:flex}.logo-icon{background:var(--color-primary);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.logo-text{color:var(--color-text-dark);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}@media (width<=768px){.nav-links{display:none}}.nav-link{color:var(--color-text-medium);opacity:.8;font-size:.9rem;font-weight:600}.nav-link:hover{opacity:1;color:var(--color-primary)}.nav-cta{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border-radius:99px;padding:8px 18px;font-size:.85rem;font-weight:700}.nav-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.hero{background:radial-gradient(circle at 80% 20%,#f3e8d566 0%,#fdfbf700 60%);align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}}.hero-title{color:var(--color-text-dark);letter-spacing:-.03em;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.15}@media (width<=576px){.hero-title{font-size:2.5rem}}.hero-subtitle{color:var(--color-text-medium);opacity:.9;margin-bottom:36px;font-size:1.1rem;line-height:1.6}.hero-actions{align-items:center;gap:16px;display:flex}@media (width<=992px){.hero-actions{justify-content:center}}@media (width<=480px){.hero-actions{flex-direction:column;width:100%}}.btn{transition:var(--transition-normal);border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex}@media (width<=480px){.btn{width:100%}}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #8b451333}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #8b451340}.btn-secondary{color:var(--color-text-dark);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--color-bg-base);transform:translateY(-2px)}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.hero-mockup-frame{aspect-ratio:16/10;border:1px solid var(--color-border);width:100%;max-width:480px;box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:8px;position:relative;overflow:hidden}.hero-mockup-screen{background:#faf8f5;border:1px solid #5c40330d;border-radius:14px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.section-header{text-align:center;max-width:650px;margin:0 auto 64px}.section-tag{background:var(--color-primary-light);color:var(--color-accent-amber);text-transform:uppercase;letter-spacing:.1em;border-radius:99px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.section-title{color:var(--color-text-dark);letter-spacing:-.02em;margin-bottom:16px;font-size:2.25rem;font-weight:800;line-height:1.25}.section-desc{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.features-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.feature-card{border:1px solid var(--color-border);transition:var(--transition-slow);background:#fff;border-radius:24px;flex-direction:column;gap:24px;padding:40px;display:flex}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#8b451340;transform:translateY(-4px)}.feature-icon-wrapper{background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.feature-card-title{color:var(--color-text-dark);margin-bottom:8px;font-size:1.25rem;font-weight:800}.feature-card-desc{color:var(--color-text-medium);opacity:.85;font-size:.9rem;line-height:1.6}.arch-card{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fff;border-radius:32px;padding:48px}@media (width<=768px){.arch-card{padding:30px}}.arch-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:48px;display:grid}@media (width<=992px){.arch-grid{grid-template-columns:1fr;gap:40px}}.arch-node-list{flex-direction:column;gap:20px;display:flex}.arch-node{background:var(--color-bg-base);transition:var(--transition-normal);border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:16px;padding:16px;display:flex}.arch-node:hover{border-color:var(--color-border);transform:translate(4px)}.arch-node-num{background:var(--color-primary);color:#fff;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.arch-node-title{color:var(--color-text-dark);margin-bottom:4px;font-size:.95rem;font-weight:700}.arch-node-desc{color:var(--color-text-light);font-size:.8rem;line-height:1.5}.download-grid{grid-template-columns:1.1fr 1fr;gap:60px;display:grid}@media (width<=992px){.download-grid{grid-template-columns:1fr;gap:40px}}.code-box{box-shadow:var(--shadow-lg);background:#1e1b18;border:1px solid #ffffff0d;border-radius:20px;font-family:Consolas,Courier New,Courier,monospace;overflow:hidden}.code-box-header{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.code-box-dots{gap:6px;display:flex}.code-box-dot{border-radius:99px;width:10px;height:10px}.code-box-dot.red{background:#ff5f56}.code-box-dot.yellow{background:#ffbd2e}.code-box-dot.green{background:#27c93f}.code-box-title{color:#fff6;font-size:.75rem;font-weight:700}.code-box-content{color:#ebd3c5;white-space:pre;padding:24px;font-size:.85rem;line-height:1.6;overflow-x:auto}.code-comment{color:#8e7360}.code-keyword{color:#d97706}.code-string{color:#10b981}.download-cards{flex-direction:column;gap:20px;display:flex}.download-card{border:1px solid var(--color-border);transition:var(--transition-normal);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:24px;display:flex}.download-card:hover{box-shadow:var(--shadow-md);border-color:#8b451340;transform:translateY(-2px)}.download-card-info{align-items:center;gap:16px;display:flex}.download-card-icon{background:var(--color-primary-light);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.download-card-name{color:var(--color-text-dark);margin-bottom:2px;font-size:1rem;font-weight:800}.download-card-meta{color:var(--color-text-light);font-size:.75rem}.download-card-btn{background:var(--color-bg-base);border:1px solid var(--color-border);color:var(--color-text-dark);border-radius:99px;padding:8px 16px;font-size:.8rem;font-weight:700}.download-card:hover .download-card-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.footer{border-top:1px solid var(--color-border);background:var(--color-bg-base);padding:60px 0 30px}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.footer-copy{color:var(--color-text-light);font-size:.8rem}.footer-links{gap:32px;display:flex}.footer-link{color:var(--color-text-light);font-size:.8rem;font-weight:600}.footer-link:hover{color:var(--color-primary)}.footer-credits{text-align:center;color:var(--color-text-light);opacity:.5;border-top:1px solid #5c40330d;padding-top:20px;font-size:.7rem}