.cli-terminal{font-family:var(--font-mono);background:#0a0a0a;border-radius:10px;max-width:640px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 0 1px #2a0808,0 0 40px #e3120b12}.cli-bar{background:#161616;border-bottom:1px solid #1f1f1f;align-items:center;gap:6px;padding:10px 14px;display:flex}.cli-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:block}.cli-bar-title{color:#555;text-align:center;flex:1;margin-left:8px;font-size:.6875rem}.cli-body{padding:14px 18px 16px}.cli-shell-line{color:#555;margin-bottom:14px;font-size:.75rem}.cli-shell-user{color:#888}.cli-shell-sep{color:#666}.cli-shell-cmd{color:#aaa}.cli-brand{align-items:center;gap:12px;margin:6px 0 2px;display:flex}.cli-wordmark{color:#f2f2f2;letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1}.cli-badge{color:#e3120b;letter-spacing:.06em;text-transform:uppercase;border:1px solid #3a0c0c;border-radius:4px;padding:2px 6px;font-size:.5625rem}.cli-status-bar{color:#444;border-top:1px solid #1a1a1a;justify-content:space-between;margin-top:14px;padding-top:8px;font-size:.625rem;display:flex}.cli-status-model{color:#777}.cli-status-model--red{color:#e3120b}.cli-prompt-row{align-items:center;gap:5px;margin-top:8px;font-size:.6875rem;display:flex}.cli-prompt-caret{color:#555}.cli-cursor{color:#e3120b;font-size:.625rem;animation:1.2s step-end infinite cli-blink}.cli-prompt-hint{color:#555}.cli-hint-row{color:#3a3a3a;margin-top:5px;font-size:.5625rem}.cli-hint-row kbd{font-family:var(--font-mono);color:#666;background:0 0;border:none;padding:0;font-size:.5625rem}@keyframes cli-blink{0%,to{opacity:1}50%{opacity:0}}
.feature code{color:var(--text-secondary);margin-top:10px;font-size:12px;display:inline-block}.more-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.more-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:14.5px;display:flex}.more-list code{color:var(--text-secondary);text-align:right;background:0 0;font-size:12px}.badge-green{background:var(--green-glow);color:var(--green)}.demo{justify-items:start;gap:16px;display:grid}.demo-body{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:center;gap:32px;width:100%;display:grid}.demo-frame{border:1px solid var(--border);border-radius:var(--radius);background:#1e1e1e;overflow:hidden;box-shadow:0 30px 60px -40px #00000080}.demo-frame img{object-fit:cover;object-position:top;width:100%;max-height:620px;display:block}.demo-frame iframe{background:#fff;border:0;width:100%;height:620px;display:block}.demo-steps{counter-reset:s;gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-steps li{counter-increment:s;color:var(--text-primary);align-items:center;gap:14px;font-size:16px;display:flex}.demo-steps li:before{content:counter(s);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;font-size:12.5px;display:grid}.step-list{align-content:start;gap:18px;margin:0;padding:0;list-style:none;display:grid}.step-list li{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.step-list p{color:var(--text-primary);margin-bottom:8px;font-size:15px}.step-num{background:var(--text-primary);width:26px;height:26px;color:var(--bg);border-radius:50%;place-items:center;font-size:12.5px;font-weight:600;display:grid}.reference{border:1px solid var(--border);border-radius:var(--radius)}.reference+.reference{margin-top:10px}.reference summary{cursor:pointer;align-items:center;gap:10px;padding:16px 18px;font-weight:550;list-style:none;display:flex}.reference summary::-webkit-details-marker{display:none}.reference summary:after{content:"+";color:var(--text-muted);margin-left:auto;font-size:20px;font-weight:300;transition:transform .2s}.reference[open] summary:after{transform:rotate(45deg)}.reference .table-wrap{border:0;border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius)}@media (max-width:860px){.demo-body{grid-template-columns:1fr}.demo-frame{max-width:420px}}.section-lead{max-width:70ch;margin:10px 0 22px;font-size:15px}.feature h3 .badge{vertical-align:2px;height:20px;margin-left:6px;font-size:11px}.more-list .badge{height:19px;margin-left:6px;font-size:10.5px}
