:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-card: rgba(33, 38, 45, .6);--bg-card-hover: rgba(48, 54, 61, .8);--text-primary: #e6edf3;--text-secondary: #8b949e;--text-tertiary: #6e7681;--accent: #3fb950;--accent-light: #56d364;--accent-dim: rgba(63, 185, 80, .15);--accent-2: #f0883e;--accent-2-dim: rgba(240, 136, 62, .15);--border-color: rgba(139, 148, 158, .15);--border-color-hover: rgba(139, 148, 158, .3);--section-padding: 100px;--container-max: 1100px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.gradient-text{color:var(--accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 0;background:#0d1117d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:8px}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo-icon{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-github{display:flex;align-items:center;padding:6px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.nav-github:hover{color:var(--accent)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 0 80px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-gradient{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:60%;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(63,185,80,.08) 0%,transparent 100%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(139,148,158,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,148,158,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 50%,transparent);mask-image:linear-gradient(to bottom,transparent,black 10%,black 50%,transparent)}.hero-content{position:relative;text-align:center;z-index:1}.hero-badge{display:inline-block;padding:6px 14px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:100px;margin-bottom:28px;animation:fadeInUp .5s ease}.hero-title{font-size:clamp(3.5rem,10vw,6rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:20px;animation:fadeInUp .5s ease .1s both}.hero-title .gradient-text{color:var(--text-primary)}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-secondary);max-width:540px;margin:0 auto 32px;animation:fadeInUp .5s ease .15s both}.hero-subtitle strong{color:var(--accent);font-weight:600}.hero-command{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1rem;margin-bottom:32px;animation:fadeInUp .5s ease .2s both}.hero-command code{color:var(--accent)}.copy-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:var(--text-primary);border-color:var(--border-color-hover)}.copy-btn.copied{color:var(--accent);border-color:var(--accent)}.hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;animation:fadeInUp .5s ease .25s both}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:var(--accent);color:#0d1117;border:none}.btn-primary:hover{background:var(--accent-light)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover)}.section{padding:var(--section-padding) 0}.section-header{text-align:center;margin-bottom:56px}.section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:12px}.section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:560px;margin:0 auto}.pain-points{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.pain-card{padding:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.pain-card:hover{border-color:var(--accent-2)}.pain-icon{font-size:2rem;margin-bottom:12px}.pain-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.pain-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.solutions{background:var(--bg-primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{position:relative;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--accent)}.feature-card.featured{background:var(--accent-dim);border-color:#3fb9504d}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.feature-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.feature-tag{position:absolute;top:12px;right:12px;padding:3px 8px;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:100px}.architecture{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.arch-diagram{max-width:800px;margin:0 auto}.arch-container{display:flex;flex-direction:column;gap:24px}.arch-box{padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.container-box{text-align:center;border-color:var(--accent);border-width:2px}.arch-label{font-size:1rem;font-weight:600;margin-bottom:4px}.arch-desc{font-size:.8rem;color:var(--text-tertiary);margin-bottom:12px}.arch-inner{padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md)}.arch-module{display:flex;flex-direction:column;gap:2px}.module-name{font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.module-desc{font-size:.8rem;color:var(--text-secondary)}.arch-arrows{display:flex;justify-content:center;gap:60px}.arrow{display:flex;flex-direction:column;align-items:center;gap:4px}.arrow-line{width:2px;height:32px;background:var(--text-tertiary);position:relative}.arrow-line:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-tertiary)}.arrow-label{font-size:.7rem;color:var(--text-tertiary);font-family:var(--font-mono)}.arch-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 768px){.arch-providers{grid-template-columns:1fr}.arch-arrows{display:none}}.provider-box{text-align:center}.arch-port{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin:6px 0}.arch-plugin{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-bottom:6px}.arch-components{font-size:.8rem;color:var(--text-secondary)}.arch-modes{display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:16px;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.mode-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:var(--text-secondary)}.mode-badge{padding:3px 10px;font-size:.7rem;font-weight:600;border-radius:100px;min-width:70px;text-align:center;font-family:var(--font-mono)}.mode-badge.dev{background:var(--accent-dim);color:var(--accent)}.mode-badge.prod{background:#388bfd26;color:#58a6ff}.mode-badge.debug{background:var(--accent-2-dim);color:var(--accent-2)}.scenarios{background:var(--bg-primary)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.scenario-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.scenario-card:hover{border-color:var(--accent)}.scenario-icon{font-size:2rem;margin-bottom:12px}.scenario-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.scenario-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.packages{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 900px){.packages-grid{grid-template-columns:repeat(2,1fr)}}.package-card{display:block;padding:20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.package-card:hover{border-color:var(--accent)}.package-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.package-name{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-badge{padding:2px 8px;font-size:.65rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:100px;font-family:var(--font-mono)}.package-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.quickstart{background:var(--bg-primary)}.quickstart-content{max-width:700px;margin:0 auto}.step-cards{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.step-card{display:flex;gap:20px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.step-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#0d1117;background:var(--accent);border-radius:50%}.step-content{flex:1}.step-content h4{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.step-content p{font-size:.85rem;color:var(--text-secondary);margin-top:10px}.code-block{padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto}.code-block code,.code-block pre{font-family:var(--font-mono);font-size:.8rem;line-height:1.6;color:var(--text-secondary)}.code-block pre{margin:0}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-property{color:var(--accent)}.code-function{color:#d2a8ff}.code-tag{color:var(--accent)}.code-attr{color:#79c0ff}.code-comment{color:var(--text-tertiary);font-style:italic}.step-tag{display:inline-block;padding:2px 8px;font-size:.7rem;font-weight:600;color:var(--accent-2);background:var(--accent-2-dim);border-radius:100px;margin-left:8px;vertical-align:middle}.step-tag.secondary{color:var(--text-tertiary);background:#8b949e26}.step-card.optional{border-style:dashed}.step-card.host{opacity:.7}.quickstart-cta{text-align:center}.footer{padding:60px 0 32px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px}@media (max-width: 768px){.footer-content{flex-direction:column}}.footer-brand{max-width:280px}.footer-brand .logo-text{font-size:1.5rem;margin-bottom:10px;display:block}.footer-brand p{font-size:.85rem;color:var(--text-secondary)}.footer-links{display:flex;gap:48px}.footer-col h4{font-size:.85rem;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.footer-col a{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:.8rem;color:var(--text-tertiary)}.footer-bottom a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-bottom a:hover{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){:root{--section-padding: 64px}.nav-links a:not(.nav-github){display:none}.hero-command{flex-direction:column;gap:12px}.hero-cta{flex-direction:column}.step-card{flex-direction:column;gap:12px}.step-number{width:32px;height:32px;font-size:.9rem}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.pain-grid,.features-grid,.scenarios-grid,.packages-grid{grid-template-columns:1fr}}