*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}b,strong{font-weight:bolder}small{font-size:80%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}:root{--color-primary: #1e293b;--color-primary-light: #334155;--color-secondary: #64748b;--color-background: #ffffff;--color-surface: #f8fafc;--color-surface-light: #f1f5f9;--color-text: #1a1a1a;--color-text-light: #666666;--color-text-lighter: #999999;--color-border: #e2e8f0;--color-border-light: #f0f0f0;--color-border-focus: #cbd5e1;--color-red: #dc3545;--color-black: #000000;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px;--font-size-3xl: 56px;--font-size-4xl: 72px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.3;--line-height-normal: 1.6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 80px;--spacing-5xl: 96px;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: .75rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text);line-height:var(--line-height-normal);font-size:var(--font-size-base)}.container{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-light) 100%)}.hero-content{text-align:center;max-width:600px;width:100%;animation:fadeInUp .8s ease-out}.hero-title{font-size:clamp(var(--font-size-3xl),10vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);color:var(--color-secondary);margin-bottom:var(--spacing-3xl);font-weight:var(--font-weight-normal);max-width:500px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.hero-quick-links{margin-top:var(--spacing-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-light);flex-wrap:wrap}.hero-quick-links .quick-links-label{font-weight:var(--font-weight-medium);color:var(--color-text-light)}.hero-quick-links .quick-link{color:var(--color-secondary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-normal)}.hero-quick-links .quick-link:hover,.hero-quick-links .quick-link:focus{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem var(--spacing-2xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition-normal);min-width:140px;border:2px solid;cursor:pointer}.btn-primary{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #1e293b4d}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-border-focus);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.demo{padding:var(--spacing-5xl) 0;background:var(--color-surface)}.demo h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.demo p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-3xl)}.demo-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-lg)}.tab-btn{background:transparent;border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:all var(--transition-normal);text-transform:none;letter-spacing:0;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--color-text);background:var(--color-background);transform:none}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-background)}.tab-content{display:none;background:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.tab-content.active{display:block}.demo-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);max-width:1000px;margin:0 auto}.demo-section{background:var(--color-surface);border-radius:var(--border-radius);padding:var(--spacing-xl);border:1px solid var(--color-border)}.demo-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);color:var(--color-text)}.demo-output{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;color:var(--color-text);background:var(--color-background);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);min-height:120px;margin-top:var(--spacing-lg)}.feature{margin-bottom:var(--spacing-4xl)}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xl);letter-spacing:-.3px}.controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}input,select{border:none;border-bottom:1px solid var(--color-border);background:transparent;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);min-width:80px;transition:border-color var(--transition-normal)}input:focus,select:focus{outline:none;border-bottom-color:var(--color-black)}input::placeholder{color:var(--color-text-lighter)}button{background:transparent;border:1px solid var(--color-black);color:var(--color-black);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.3px;text-transform:uppercase;min-height:44px;border-radius:var(--border-radius-sm)}button:hover:not(:disabled),button:focus:not(:disabled){background:var(--color-black);color:var(--color-background);outline:none}button:focus:not(:disabled){box-shadow:0 0 0 3px #0000004d}button:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.output{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;color:#333;margin-top:var(--spacing-xl);min-height:120px}.card-area{margin:var(--spacing-xl) 0;min-height:50px}.card{display:inline-flex;width:48px;height:66px;background:var(--color-background);border:1px solid #ddd;border-radius:6px;margin:0 var(--spacing-xs) var(--spacing-sm) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card.red{color:var(--color-red)}.card.black{color:var(--color-black)}.card.placeholder{background:#f8f9fa;border:2px dashed #dee2e6;color:#6c757d;cursor:default;opacity:.6;font-size:24px}.card.placeholder:hover{transform:none;box-shadow:none;opacity:.8}.divider{height:1px;background:var(--color-border-light);margin:var(--spacing-3xl) 0}.cli-demo{max-width:800px;margin:0 auto}.cli-demo h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.cli-demo p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-2xl)}.terminal-demo{background:#1a1a1a;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.terminal-header{background:#2d2d2d;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.terminal-title{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.terminal-controls{display:flex;gap:var(--spacing-sm)}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27ca3f}.terminal-body{padding:var(--spacing-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:#fff}.terminal-line{margin-bottom:var(--spacing-sm)}.terminal-prompt{color:#27ca3f;font-weight:var(--font-weight-semibold)}.terminal-output{color:#ccc;white-space:pre-line;margin-bottom:var(--spacing-lg)}.cli-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.cli-feature{text-align:center;padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cli-feature h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.cli-feature p{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0;text-align:left}.try-cli{text-align:center}.cli-install-instructions{margin-top:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}.code-examples{max-width:900px;margin:0 auto}.code-examples h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.code-examples p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-2xl)}.example-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.example-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-normal);text-transform:none;letter-spacing:0}.example-btn:hover{color:var(--color-text);border-color:var(--color-primary);transform:none}.example-btn.active{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.example-content{display:none}.example-content.active{display:block}.demo-links{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-light)}.demo-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.demo-link:hover,.demo-link:focus{color:var(--color-primary-light);text-decoration:underline;outline:none}.code-block{background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);max-width:600px;margin:0 auto;overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-background);border-bottom:1px solid var(--color-border)}.code-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.copy-btn{background:var(--color-primary);color:var(--color-background);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.copy-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.copy-btn.copied{background:#10b981}.code-content{margin:0;padding:var(--spacing-xl);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-surface);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.code-content code{font-family:inherit;font-size:inherit;background:none;padding:0}.quick-start{padding:var(--spacing-5xl) 0;background:var(--color-background)}.quick-start h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.quick-start p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-3xl)}.quickstart-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-4xl)}.quickstart-option{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);border:1px solid var(--color-border);position:relative}.option-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.option-badge.cli{background:#e0f2fe;color:#0277bd}.option-badge.lib{background:#f3e5f5;color:#7b1fa2}.quickstart-option h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.quickstart-option p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);text-align:left;font-size:var(--font-size-sm)}.code-block.small{margin-bottom:var(--spacing-lg)}.cli-preview{text-align:center;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cli-preview-text{color:var(--color-text-light);font-size:var(--font-size-sm);font-style:italic}.cli-commands{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);border:1px solid var(--color-border)}.cli-commands h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xl);text-align:center;color:var(--color-text)}.commands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.command-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border)}.command-item code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:none;padding:0;min-width:80px;flex-shrink:0}.command-item span{color:var(--color-text-light);font-size:var(--font-size-sm)}.architecture{padding:var(--spacing-4xl) 0;background:var(--color-surface)}.architecture h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.architecture p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-3xl)}.diagram-container{margin-bottom:var(--spacing-3xl)}.architecture-diagram{background:var(--color-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);max-width:600px;margin:0 auto;overflow:hidden}.diagram{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-text);background:var(--color-background);padding:var(--spacing-xl);margin:0;overflow-x:auto;white-space:pre}.architecture-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);max-width:900px;margin:0 auto}.feature-item{text-align:center;padding:var(--spacing-lg)}.feature-item h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.feature-item p{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.value-props{padding:var(--spacing-4xl) 0;background:var(--color-background)}.value-props h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.value-props p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-3xl)}.value-props-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:800px;margin:0 auto}.value-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border)}.check-icon{font-size:var(--font-size-lg);line-height:1;flex-shrink:0;margin-top:2px}.value-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--color-text)}.value-content p{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;text-align:left}.links{padding:var(--spacing-5xl) 0;background:var(--color-surface)}.links h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);text-align:center}.links p{color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-3xl)}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.link-btn{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);transition:all var(--transition-normal);min-height:44px;justify-content:center}.link-btn:hover,.link-btn:focus{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow);outline:none}.link-btn:focus{box-shadow:var(--shadow),0 0 0 3px #1e293b4d}.link-icon{font-size:var(--font-size-lg);line-height:1}.link-text{font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.footer{background:var(--color-primary);color:var(--color-background);padding:var(--spacing-2xl) 0;text-align:center}.footer p{margin:0;opacity:.9;font-size:var(--font-size-sm)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-content{animation:none}}@media (max-width: 640px){.hero{padding:var(--spacing-lg)}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:240px}.demo{padding:var(--spacing-2xl) var(--spacing-lg)}.controls{flex-direction:column}input,select,button{width:100%;margin-bottom:var(--spacing-sm)}.card{width:42px;height:58px;font-size:var(--font-size-sm)}}.thinking{opacity:.6;font-style:italic}.status-text{color:var(--color-text-light);font-size:var(--font-size-xs);margin-top:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.winner{position:relative}.winner:after{content:"👑";position:absolute;top:-8px;right:-8px;font-size:var(--font-size-xs)}.fold-indicator{opacity:.3;text-decoration:line-through}.api-methods{background:var(--color-surface);padding:var(--spacing-4xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.api-methods h2{text-align:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.api-methods>.container>p{text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-3xl);font-size:var(--font-size-base)}.api-sections{display:grid;gap:var(--spacing-3xl)}.api-section{background:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.api-section h3{color:var(--color-text);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:inline-block}.methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-xl)}.method-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);transition:all var(--transition-normal);position:relative}.method-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.method-signature{margin-bottom:var(--spacing-lg);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.method-signature code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text);background:none;padding:0;font-weight:var(--font-weight-medium);display:block;word-break:break-word;line-height:1.4}.method-card p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);line-height:1.6;font-size:var(--font-size-sm)}.method-example{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden}.method-example strong{color:var(--color-text);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);display:block;font-weight:var(--font-weight-semibold)}.method-example pre{margin:0;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text);line-height:1.5;padding:var(--spacing-md);overflow-x:auto}.method-example code{background:none;padding:0;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 768px){.api-methods{padding:var(--spacing-3xl) 0}.methods-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.method-card{padding:var(--spacing-lg)}.method-signature code{font-size:var(--font-size-xs)}.api-section{padding:var(--spacing-xl)}}.hero-content{max-width:800px!important}.hero-badges{margin-bottom:var(--spacing-2xl)}.badge-group{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.github-badge,.npm-badge,.performance-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-normal)}.github-badge{background:#f6f8fa;color:#24292f;border:1px solid #d1d9e0}.github-badge:hover{background:#24292f;color:#fff;border-color:#24292f;transform:translateY(-1px)}.npm-badge{background:#fff5f5;color:#cb3837;border:1px solid #cb3837}.performance-badge{background:#f0fff4;color:#22c55e;border:1px solid #22c55e}.badge-icon{font-size:var(--font-size-sm)}.hero-code-preview{background:var(--color-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);margin-bottom:var(--spacing-3xl);overflow:hidden;box-shadow:var(--shadow)}.hero-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hero-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-normal);text-transform:none;letter-spacing:0}.hero-tab:hover{color:var(--color-text);background:#1e293b0d;transform:none}.hero-tab.active{color:var(--color-primary);background:var(--color-background);border-bottom:2px solid var(--color-primary)}.hero-code-content{display:none;padding:var(--spacing-xl)}.hero-code-content.active{display:flex;align-items:center;gap:var(--spacing-xl)}.hero-terminal{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);background:#1a1a1a;color:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.terminal-prompt{color:#22c55e;font-weight:var(--font-weight-semibold)}.terminal-command{color:#fff}.hero-api-code{flex:1;background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--color-border)}.hero-api-code code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text);background:none;padding:0;display:block;white-space:pre-line;text-align:left}.hero-features{flex:1;text-align:left;color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.8}.hero-subtitle{max-width:700px!important}@media (max-width: 640px){.hero-code-content.active{flex-direction:column;gap:var(--spacing-lg)}.hero-features{text-align:center}.badge-group{flex-direction:column;align-items:center}}