@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep:#06070a;--bg-card:#0d0f17;--bg-card-hover:#151825;--border-color:#ffffff14;--border-color-hover:#10b98180;--color-primary:#10b981;--color-primary-glow:#10b98126;--color-secondary:#6366f1;--color-secondary-glow:#6366f126;--color-cyan:#06b6d4;--color-cyan-glow:#06b6d426;--color-success:#10b981;--color-success-bg:#10b98114;--color-danger:#f43f5e;--color-danger-bg:#f43f5e14;--color-warning:#f59e0b;--color-warning-bg:#f59e0b14;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#4b5563;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Courier New", Courier, monospace;--shadow-glass:0 8px 32px 0 #00000080;--glow-primary:0 0 15px var(--color-primary-glow);--glow-secondary:0 0 15px var(--color-secondary-glow);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-elastic:all .4s cubic-bezier(.68, -.6, .32, 1.6)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-deep)}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-primary);background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:50px 50px;min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(140px);z-index:-1;opacity:.06;pointer-events:none;border-radius:50%;width:50vw;height:50vw;position:absolute}body:before{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);top:-10vw;left:-10vw}body:after{background:radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);bottom:10vw;right:-10vw}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:800;line-height:1.2}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}::selection{color:#fff;background:#6366f14d}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg,#fff 30%,#a7f3d0 70%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);transition:var(--transition-smooth);background:#0d0f17b3}.glass-card:hover{border-color:var(--border-color-hover);box-shadow:0 0 25px var(--color-primary-glow);transform:translateY(-2px)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{color:#042f2e;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 0 15px #10b98140}.btn-primary:hover{background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 0 20px #10b98166}.btn-secondary{color:#fff;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;width:100%;height:70px;transition:var(--transition-smooth);background:#060913b3;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo{align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.navbar-logo-icon{object-fit:contain;width:30px;height:30px}.navbar-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:.25rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.navbar-cta{align-items:center;display:flex}@media (width<=768px){.navbar-links{display:none}}.hero-section{text-align:center;padding:8rem 0 6rem;position:relative}.hero-content{flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.hero-badge-container{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem;display:flex}.hero-tag{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff05;align-items:center;gap:.35rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:inset 0 1px 1px #ffffff0d}.hero-tag:hover{color:var(--text-primary);border-color:#fff3;transform:translateY(-1px)}.hero-title{letter-spacing:-.04em;margin-top:.5rem;font-size:3.8rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:720px;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.7}.hero-ctas{justify-content:center;gap:1.25rem;display:flex}.tech-badges{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:5rem;display:flex}.tech-badge{border-radius:var(--radius-md);transition:var(--transition-smooth);align-items:center;gap:.6rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;display:flex}.tech-badge-dot{border-radius:50%;width:7px;height:7px;position:relative}.tech-badge-dot:after{content:"";background:inherit;opacity:.4;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-2px}.tech-badge-fastapi .tech-badge-dot{background-color:#00bfa5}.tech-badge-fastapi:hover{border-color:#00bfa566;box-shadow:0 0 20px #00bfa526}.tech-badge-qwen .tech-badge-dot{background-color:#8b5cf6}.tech-badge-qwen:hover{border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf626}.tech-badge-sqlite .tech-badge-dot{background-color:#3b82f6}.tech-badge-sqlite:hover{border-color:#3b82f666;box-shadow:0 0 20px #3b82f626}.tech-badge-next .tech-badge-dot{background-color:#f43f5e}.tech-badge-next:hover{border-color:#f43f5e66;box-shadow:0 0 20px #f43f5e26}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1)}}@media (width<=768px){.hero-section{padding:6rem 0 4rem}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.05rem}.hero-ctas{flex-direction:column;width:100%;max-width:320px;margin:0 auto}}.contrast-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#00000026;padding:6rem 0}.contrast-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.contrast-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem;font-size:1.1rem}.contrast-grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}.contrast-card{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex;position:relative}.contrast-card-header{align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.contrast-card-danger{background:repeating-linear-gradient(45deg, transparent, transparent 12px, #ffffff08 12px, #ffffff08 13px), var(--bg-card);border-color:#ffffff14}.contrast-card-danger:hover{border-color:var(--text-muted);box-shadow:0 10px 40px #00000080}.contrast-card-success{border-color:#ffffff26}.contrast-card-success:hover{border-color:var(--color-primary);box-shadow:0 10px 40px #ffffff0d}.card-icon{font-size:1.5rem}.contrast-list{flex-direction:column;gap:1.25rem;list-style:none;display:flex}.contrast-item{gap:.75rem;display:flex}.item-bullet{font-weight:700}.danger-bullet{color:var(--color-danger)}.success-bullet{color:var(--color-primary)}.item-title{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.item-desc{color:var(--text-secondary);font-size:.85rem}@media (width<=768px){.contrast-grid{grid-template-columns:1fr;gap:1.5rem}}.format-badge-container{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:4rem;display:flex}.format-tag{border:1px dashed var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff0a;padding:.35rem 1rem;font-size:.85rem;font-weight:500}.format-tag:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.mock-terminal{border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:var(--font-mono);background:#030712;margin-bottom:1.5rem;font-size:.8rem;overflow:hidden;box-shadow:inset 0 0 10px #00000080}.danger-terminal{border-color:#f43f5e33}.success-terminal{border-color:#10b98133}.terminal-bar{height:28px;color:var(--text-secondary);background:#0f172a;border-bottom:1px solid #ffffff0d;align-items:center;padding:0 .75rem;font-size:.75rem;display:flex}.terminal-code{text-align:left;margin:0;padding:.75rem;overflow-x:auto}.danger-terminal .terminal-code{color:#f43f5e}.success-terminal .terminal-code{color:#34d399}.contrast-header-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.danger-dot{background-color:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.success-dot{background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}@media (width<=768px){.contrast-grid{grid-template-columns:1fr;gap:2rem}}.simulator-section{padding:6rem 0;position:relative}.simulator-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.simulator-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.1rem}.simulator-container{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.simulator-steps{flex-direction:column;gap:.75rem;display:flex}.step-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.step-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff26}.step-btn.active{background:var(--bg-card-hover);border-color:var(--color-primary);color:var(--text-primary);box-shadow:0 4px 20px #ffffff14}.step-number{font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition-smooth);background:#ffffff14;border-radius:6px;padding:.25rem .5rem;font-size:.85rem;font-weight:700}.step-btn.active .step-number{background:var(--color-primary);color:var(--bg-deep)}.simulator-display{flex-direction:column;justify-content:space-between;min-height:480px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.fade-content{animation:.4s ease-out forwards fadeIn}.textarea-container{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.simulator-textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;height:120px;color:var(--text-primary);font-family:var(--font-sans);resize:none;transition:var(--transition-smooth);background:#00000040;outline:none;padding:1rem;font-size:1rem}.simulator-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px #ffffff26}.proposal-card{border:1px dashed var(--color-secondary);border-radius:var(--radius-md);background:#ffffff05;margin-top:1rem;padding:1.5rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.badge-proposal{color:#fff;background:#ffffff0f;border:1px solid #ffffff26}.badge-active{background:var(--color-success-bg);color:var(--color-success);border:1px solid #ffffff26}.badge-revoked{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ffffff26}.confidence-indicator{font-family:var(--font-mono);color:var(--color-primary);font-size:.9rem}.proposal-body{flex-direction:column;gap:.75rem;display:flex}.proposal-content{font-size:1.1rem;font-weight:500}.proposal-meta{color:var(--text-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--color-secondary);background:#ffffff08;padding:.75rem;font-size:.85rem}.action-row{gap:1rem;margin-top:1.5rem;display:flex}.search-container{gap:.5rem;margin-bottom:1.5rem;display:flex}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#00000040;outline:none;flex:1;padding:.75rem 1.5rem;font-size:.95rem}.search-input:focus{border-color:var(--color-primary)}.search-results{flex-direction:column;gap:1rem;display:flex}.search-item{cursor:pointer;color:var(--text-primary);text-align:left;padding:1.25rem}.search-item p{color:var(--text-primary);margin-top:.35rem}.search-item small{color:var(--text-secondary);margin-top:.5rem;display:block}.search-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.explain-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.timeline{flex-direction:column;gap:1.25rem;padding-left:1.25rem;display:flex;position:relative}.timeline:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:8px;bottom:8px;left:4px}.timeline-event{position:relative}.timeline-dot{background:var(--text-muted);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-24px}.timeline-event.active-event .timeline-dot{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.timeline-event.success-event .timeline-dot{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.timeline-event.danger-event .timeline-dot{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.event-time{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.event-title{font-size:.9rem;font-weight:600}.event-desc{color:var(--text-secondary);font-size:.8rem}.revoke-card{text-align:center;border-radius:var(--radius-md);background:#ffffff03;border:1px solid #ffffff14;margin-top:1rem;padding:2rem}.revoke-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.step-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.log-console{border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#38bdf8;text-align:left;background:#030712;flex-direction:column;gap:.35rem;max-height:150px;margin-top:1rem;padding:1rem;font-size:.8rem;display:flex;overflow-y:auto}.log-line{line-height:1.4;animation:.2s ease-out forwards fadeIn}.log-spinner{border:2px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:14px;height:14px;margin-top:.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.proposal-view-toggle{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff08;gap:.5rem;margin-bottom:1rem;padding:.25rem;display:inline-flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.toggle-btn.active{background:var(--bg-card-hover);color:var(--color-primary);box-shadow:0 2px 8px #0003}.proposal-json-box{border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);color:#10b981;text-align:left;background:#030712;max-height:250px;padding:1.25rem;font-size:.8rem;overflow-y:auto}.proposal-json-box pre{margin:0}.proposal-type-badge{font-family:var(--font-mono);color:var(--color-primary);border-radius:var(--radius-sm);background:#10b98114;border:1px solid #10b98133;padding:.15rem .5rem;font-size:.75rem}.status-indicator-dot{border-radius:50%;width:8px;height:8px}.status-indicator-dot.success{background-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.search-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.search-suggestions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.search-suggestions span{color:var(--text-muted)}.suggestion-tag{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff08;padding:.2rem .6rem;font-size:.8rem}.suggestion-tag:hover{color:var(--color-primary);background:#10b9810f;border-color:#10b9814d}.search-highlight{color:#fff;background-color:#10b9814d;border-radius:2px;padding:.1rem .2rem;font-weight:600}.flow-diagram-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff03;flex-direction:column;gap:1rem;margin-top:2rem;padding:1.5rem;display:flex}.flow-diagram-container strong{color:var(--text-secondary);text-align:left;font-size:.9rem}.flow-diagram{justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.flow-node{border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;background:#ffffff05;flex-direction:column;flex:1;align-items:center;gap:.25rem;padding:1rem;display:flex;position:relative}.flow-node-icon{margin-bottom:.25rem;font-size:1.5rem}.flow-node span{font-size:.85rem;font-weight:700}.flow-node small{font-family:var(--font-mono);color:var(--text-secondary);font-size:.75rem}.flow-node.success-node{background:#10b98105;border-color:#10b9814d;box-shadow:0 0 15px #10b9810d}.flow-node.success-node span{color:var(--color-primary)}.flow-line{background:var(--border-color);flex-grow:1;max-width:80px;height:2px;position:relative}.flow-line.success-line{background:linear-gradient(90deg, var(--border-color) 0%, var(--color-primary) 100%)}.audit-ledger-box{border-radius:var(--radius-md);border:1px solid var(--border-color);font-family:var(--font-mono);background:#030712;margin-top:1.5rem;overflow:hidden}.ledger-header{height:32px;color:var(--text-secondary);background:#0f172a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.75rem;display:flex}.ledger-dot{background-color:var(--color-primary);width:6px;height:6px;box-shadow:0 0 6px var(--color-primary);border-radius:50%;margin-right:.5rem}.ledger-sha{color:var(--color-primary);font-weight:600}.ledger-entries{text-align:left;flex-direction:column;gap:.5rem;padding:1rem;font-size:.75rem;display:flex}.ledger-line code{color:var(--text-secondary)}.ledger-success-line code{color:var(--color-primary);font-weight:600}.status-label{font-family:var(--font-mono);border-radius:2px;padding:.1rem .35rem;font-size:.75rem;font-weight:700}.status-label.success{color:var(--color-primary);background:#10b9811a;border:1px solid #10b98133}.audit-timeline-container{text-align:left;flex-direction:column;gap:1rem;display:flex}.audit-timeline-container strong{font-size:.95rem}.btn-danger-glow:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;box-shadow:0 0 20px #f43f5e66}.btn-danger-hover:hover{border-color:var(--color-danger)!important;color:var(--color-danger)!important;background:#f43f5e0d!important}@media (width<=900px){.simulator-container{grid-template-columns:1fr}.simulator-steps{flex-direction:row;padding-bottom:.5rem;overflow-x:auto}.step-btn{white-space:nowrap;padding:.75rem 1rem}.explain-grid{grid-template-columns:1fr}.flow-diagram{flex-direction:column;gap:1rem}.flow-line{width:2px;max-width:2px;height:30px}}.caps-section{padding:6rem 0}.caps-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.caps-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.caps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.cap-card{flex-direction:column;gap:1rem;padding:2rem;display:flex;position:relative;overflow:hidden}.cap-icon-box{border-radius:var(--radius-md);border:1px solid var(--border-color);width:48px;height:48px;color:var(--color-primary);transition:var(--transition-smooth);background:#ffffff05;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.cap-card:hover .cap-icon-box{background:var(--color-primary-glow);border-color:var(--color-primary);color:#fff;box-shadow:0 0 15px var(--color-primary-glow);transform:scale(1.05)}.cap-name{text-align:left;font-size:1.15rem;font-weight:700}.cap-desc{color:var(--text-secondary);text-align:left;font-size:.9rem;line-height:1.6}.cap-badge{font-size:.7rem;font-family:var(--font-mono);color:var(--color-secondary);border-radius:var(--radius-sm);transition:var(--transition-smooth);background:#6366f114;border:1px solid #6366f126;padding:.15rem .45rem;position:absolute;top:1.25rem;right:1.25rem}.cap-card:hover .cap-badge{color:#fff;background:var(--color-secondary);border-color:var(--color-secondary);box-shadow:0 0 10px #6366f133}.tech-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#00000026;padding:6rem 0}.tech-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.tech-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.arch-diagram{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1000px;margin:0 auto;display:flex;position:relative}.arch-node{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);flex:1;min-width:200px;padding:1.5rem;position:relative}.arch-node:hover{border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.arch-node-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.arch-node-tech{font-family:var(--font-mono);color:var(--color-primary);border-radius:var(--radius-sm);background:#ffffff0f;margin-bottom:.75rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.arch-node-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.arch-arrow{color:var(--text-muted);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.arrow-pulse{animation:2s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%{opacity:.3;color:var(--text-muted);transform:scale(.95)}50%{opacity:1;color:var(--color-primary);transform:scale(1.15)}to{opacity:.3;color:var(--text-muted);transform:scale(.95)}}.arch-database-nodes{flex-direction:column;flex:1;gap:1rem;min-width:220px;display:flex}.db-subnode{border:1px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;background:#ffffff03;padding:1rem}.db-subnode:hover{border-color:var(--color-secondary);box-shadow:0 0 15px var(--color-secondary-glow)}.db-subnode-tech{color:var(--color-secondary);font-family:var(--font-mono);border-radius:var(--radius-sm);background:#ffffff0f;margin-bottom:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}@media (width<=900px){.arch-diagram{flex-direction:column;gap:2rem}.arch-arrow{transform:rotate(90deg)}.arch-database-nodes{width:100%}}.cli-section{padding:6rem 0}.cli-title{text-align:center;margin-bottom:1rem;font-size:2.5rem}.cli-subtitle{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.1rem}.terminal-card{border-radius:var(--radius-md);border:1px solid var(--border-color);max-width:800px;box-shadow:var(--shadow-glass);background:#030712;margin:0 auto;overflow:hidden}.terminal-header{background:#0f172a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:45px;padding:0 1rem;display:flex}.terminal-dots{gap:.5rem;display:flex}.terminal-dot{opacity:.8;border-radius:50%;width:12px;height:12px}.terminal-dot.red{background-color:#f87171}.terminal-dot.yellow{background-color:#fbbf24}.terminal-dot.green{background-color:#34d399}.terminal-tabs{gap:.25rem;display:flex}.terminal-tab{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:.35rem .85rem}.terminal-tab:hover{color:var(--text-primary);background:#ffffff05}.terminal-tab.active{color:var(--color-primary);background:#ffffff0d;font-weight:600}.terminal-copy-btn{border:1px solid var(--border-color);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;padding:.25rem .6rem}.terminal-copy-btn:hover{color:var(--color-primary);background:#10b9810d;border-color:#10b98166}.terminal-body{font-family:var(--font-mono);color:#38bdf8;text-align:left;min-height:240px;padding:1.5rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.terminal-line{gap:.75rem;margin-bottom:.5rem;animation:.15s ease-out forwards fadeInLine;display:flex}@keyframes fadeInLine{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.line-prompt{color:var(--text-muted);-webkit-user-select:none;user-select:none}.line-cmd{color:var(--text-primary)}.line-output{color:var(--text-secondary)}.line-comment{color:var(--text-muted)}.terminal-cursor{background:var(--color-primary);vertical-align:middle;width:7px;height:15px;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.footer{border-top:1px solid var(--border-color);background-color:#0003;margin-top:2rem;padding:1.5rem 0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.footer-brand .logo-dot{background-color:var(--color-primary);width:8px;height:8px;box-shadow:0 0 6px var(--color-primary);border-radius:50%}.footer-text{color:var(--text-muted);font-size:.85rem}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:.85rem}.footer-link:hover{color:var(--text-primary)}