@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg:#fafafa;--surface:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--text:#1a1a1a;--text-secondary:#4b5563;--muted:#6b7280;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--success:#059669;--code-bg:#f3f4f6;--code-border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .12s}a:hover{color:var(--accent-hover)}.main-shell{max-width:1200px;min-height:100vh;margin:0 auto;padding:64px 48px 96px}.hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:48px;margin-bottom:64px;display:grid}.hero-copy{flex-direction:column;gap:16px;display:flex}.hero-copy h1{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.15}.hero-copy p{color:var(--text-secondary);max-width:640px;margin:0;font-size:18px;line-height:1.7}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0 0;display:grid}.stat-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;padding:20px;transition:box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--accent)}.stat-card p{color:var(--text-secondary);margin:8px 0 0;font-size:15px;line-height:1.6}.stat-label{color:var(--text);font-size:15px;font-weight:600}.muted{color:var(--muted)}.pill{background:var(--accent-light);border:1px solid var(--border);color:var(--accent);border-radius:16px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.pill strong{color:var(--accent-hover);font-weight:600}.cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .15s;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.secondary{background:var(--surface)}.btn.secondary:hover{border-color:var(--accent);box-shadow:var(--shadow)}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.panel h3{color:var(--text);margin:0 0 12px;font-size:18px;font-weight:600}.panel p{color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.hero-panel{flex-direction:column;gap:16px;display:flex}.hero-panel__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-panel__copy{color:var(--text-secondary);margin:0;line-height:1.6}.hero-stack{margin-top:8px}.hero-stack .stack-item{flex-direction:column;align-items:flex-start;gap:8px}.stack-item__label{color:var(--muted);font-size:14px;font-weight:500}.hero-stack code{background:var(--code-bg);border:1px solid var(--code-border);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:14px;display:inline-flex}.panel .logo{width:120px;height:auto;margin:0 0 16px;display:block}.panel .stack-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.stack-item{border:1px solid var(--border-light);background:var(--bg);border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.stack-item:hover{border-color:var(--border)}.stack-item span{color:var(--text-secondary);font-size:15px}.code-block{background:var(--code-bg);border:1px solid var(--code-border);color:var(--text);border-radius:8px;margin-top:12px;padding:16px;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:64px;display:grid}.feature-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;align-items:flex-start;gap:16px;padding:24px;transition:all .15s;display:flex}.feature-card:hover{box-shadow:var(--shadow);border-color:var(--accent)}.feature-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.feature-card h4{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:600}.feature-card p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.context-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:64px;display:grid}.context-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:8px;padding:24px;transition:box-shadow .15s}.context-card:hover{box-shadow:var(--shadow)}.context-card h3{color:var(--text);margin:0 0 10px;font-size:18px;font-weight:600}.context-card p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.7}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:80px;padding-top:32px;font-size:14px;display:flex}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:13px}.terminal-wrapper{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;margin-top:32px;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:var(--bg);color:var(--text);justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.terminal-hint{color:var(--muted);font-size:13px;font-weight:400}.terminal-body{background:#fafafa;padding:16px}.xterm{min-height:360px;padding:8px}.terminal-wrapper--compact .xterm{min-height:240px}@media (max-width:768px){.main-shell{padding:32px 24px 64px}.hero{gap:32px}.hero-copy h1{font-size:32px}.cta{width:100%}.btn{justify-content:center;width:100%}.feature-grid,.context-grid{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}