@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0f0f0f;--bg-elevated:#141414;--bg-card:#1a1a1a;--bg-input:#0d0d0d;--border:#ffffff14;--border-strong:#ffffff26;--text:#e8e8e8;--text-muted:#888;--text-dim:#555;--accent:#ec6b2d;--accent-soft:#ec6b2d26;--accent-glow:#ec6b2d4d;--green:#3fb950;--cyan:#58a6ff;--yellow:#d29922;--purple:#a371f7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}.page{flex-direction:column;gap:0;max-width:1000px;margin:0 auto;padding:48px 24px 64px;display:flex}.h-line{background:var(--border);height:1px;margin:32px 0}.h-line.dim{background:#ffffff0a;margin-top:-24px}.hero{border:1px solid var(--border);background:var(--bg-card);border-radius:16px;padding:24px}.hero-inner{flex-direction:column;gap:20px;display:flex}.logo-block{align-items:center;gap:20px;display:flex}.logo{flex-shrink:0}.logo-grid{grid-template-columns:repeat(3,1fr);gap:3px;width:56px;height:56px;display:grid}.logo-grid span{background:#f7b538;border-radius:2px}.logo-grid span.accent{background:var(--accent)}.hero-text{flex-direction:column;gap:4px;display:flex}.eyebrow{color:var(--text-muted);letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:500}h1{color:var(--text);margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:600;line-height:1.15}.subtitle{color:var(--text-muted);max-width:480px;margin:0;font-size:.95rem;line-height:1.5}.tab-nav{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;padding-top:8px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.tab:hover{color:var(--text);background:#ffffff0d}.tab.active{color:var(--accent);background:var(--accent-soft)}.tab.external svg{opacity:.5}.cta-btn{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.cta-btn:hover{border-color:var(--text-muted);background:#ffffff0d}.install-cmd{background:var(--bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:.875rem;display:flex}.install-cmd code{color:var(--text-muted)}.cmd-prefix{color:var(--cyan)}.cmd-pkg{color:var(--accent)}.copy-btn{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.copy-btn:hover{color:var(--text);background:#ffffff14}.demo-section{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;display:grid}.demo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.card-chrome{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:8px;padding:12px 16px;display:flex}.card-dots{gap:6px;display:flex}.card-dots span{background:var(--text-dim);opacity:.4;border-radius:50%;width:10px;height:10px}.card-title{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem}.output-type-tabs{gap:4px;margin-left:auto;display:flex}.output-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;transition:color .15s,background .15s}.output-tab:hover{color:var(--text);background:#ffffff0d}.output-tab.active{color:var(--accent);background:var(--accent-soft)}.output-content{animation:.2s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.terminal{padding:16px;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7}.term-line{color:var(--text-muted);align-items:flex-start;gap:8px;display:flex}.term-line.prompt{color:var(--text);margin-bottom:12px}.term-line.indent{padding-left:18px}.term-line.done{color:var(--green);margin-top:12px}.term-prompt{color:var(--cyan);font-weight:500}.term-cmd{color:var(--accent);font-weight:500}.term-text{color:var(--text-muted)}.term-bullet{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.term-status{color:var(--text)}.term-file{color:var(--yellow)}.term-tree{border-left:1px solid var(--text-dim);border-bottom:1px solid var(--text-dim);flex-shrink:0;width:10px;height:12px;margin-top:2px}.term-dim{color:var(--text-dim)}.term-check{color:var(--green)}.term-check:before{content:"✓"}.code-preview{padding:16px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.8;overflow-x:auto}.code-preview pre{margin:0}.code-preview code{color:var(--text-muted)}.code-comment{color:var(--text-dim)}.code-heading{color:var(--text);font-weight:500}.code-key{color:var(--cyan)}.code-str{color:var(--green)}.code-num{color:var(--yellow)}.code-decorator{color:var(--purple)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:border-color .2s;display:flex}.feature-card:hover{border-color:var(--border-strong)}.feature-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.feature-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0;font-size:.7rem;font-weight:600}.feature-card h3{color:var(--text);margin:0;font-size:1rem;font-weight:600}.feature-desc{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}.feature-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.feature-meta{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.workflow{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.panel.wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-header h2{color:var(--text);margin:0;font-size:1.1rem;font-weight:600}.panel-pill{text-transform:uppercase;letter-spacing:.08em;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:500}.panel-note{color:var(--text-muted);max-width:480px;margin:0;font-size:.875rem}.checklist{flex-direction:column;gap:10px;display:flex}.check-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;font-size:.9rem;transition:color .15s;display:flex}.check-item:hover{color:var(--text)}.check-item input[type=checkbox]{appearance:none;border:1px solid var(--border-strong);background:var(--bg-input);cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:border-color .15s,background .15s;position:relative}.check-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.check-item input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.timeline{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.timeline-item{align-items:baseline;gap:12px;font-size:.875rem;display:flex}.timeline-time{color:var(--text);min-width:48px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500}.timeline-event{color:var(--text-muted)}.request-form{flex-direction:column;gap:14px;display:flex}.request-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.8rem;font-weight:500;display:flex}.request-form input,.request-form select,.request-form textarea{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.request-form input::placeholder,.request-form textarea::placeholder{color:var(--text-dim)}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--accent);outline:none}.request-form textarea{resize:vertical;min-height:80px}.request-form select{cursor:pointer}.primary,.ghost{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#d45f28;border-color:#d45f28}.primary.full{width:100%}.ghost{color:var(--text-muted);border-color:var(--border-strong);background:0 0}.ghost:hover{color:var(--text);border-color:var(--text-muted);background:#ffffff08}.ghost.small{padding:6px 12px;font-size:.8rem}.embed-lab{display:block}.embed-grid{grid-template-columns:1fr;gap:16px;display:grid}.embed-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.embed-card h3{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:500}.shadow-host{border:1px dashed var(--border-strong);background:#ffffff05;border-radius:8px;min-height:160px}.footer{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.footer-tip{color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.footer-icon{color:var(--text-dim);display:flex}.footer-actions{gap:8px;display:flex}@media (width<=768px){.page{padding:32px 16px 48px}.demo-section,.feature-grid,.workflow{grid-template-columns:1fr}.tab-nav{flex-wrap:wrap}.cta-btn{justify-content:center;width:100%;margin-top:8px;margin-left:0}.footer{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.logo-block{flex-direction:column;align-items:flex-start;gap:12px}h1{font-size:1.5rem}}