.tabbed-code-preview[data-astro-cid-bsu7ios3]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--color-shadow);overflow:hidden;width:100%;max-width:var(--max-width)}.tabs[data-astro-cid-bsu7ios3]{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-xs)}.tab[data-astro-cid-bsu7ios3]{background:none;border:none;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius-lg);position:relative;display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-start;height:auto}.tab-icon[data-astro-cid-bsu7ios3]{width:16px;height:16px;flex-shrink:0}.tab-icon[data-astro-cid-bsu7ios3] svg[data-astro-cid-bsu7ios3]{width:100%;height:100%}.tab[data-astro-cid-bsu7ios3]:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.tab[data-astro-cid-bsu7ios3].active{background:var(--color-bg-primary);color:var(--color-accent)}.code-container[data-astro-cid-bsu7ios3]{position:relative}.code-content[data-astro-cid-bsu7ios3]{display:none;padding:0}.code-content[data-astro-cid-bsu7ios3].active{display:block}.tab-dropdown[data-astro-cid-bsu7ios3]{display:none;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);width:100%;box-sizing:border-box}.tab-dropdown[data-astro-cid-bsu7ios3] select[data-astro-cid-bsu7ios3]{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-lg);background:var(--color-bg-primary);width:100%;max-width:200px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:16px;padding-right:calc(var(--spacing-md) + 20px);box-sizing:border-box}.tab-dropdown[data-astro-cid-bsu7ios3] select[data-astro-cid-bsu7ios3]:hover{color:var(--color-text-primary)}.tab-dropdown[data-astro-cid-bsu7ios3] select[data-astro-cid-bsu7ios3]:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:720px){.tabs[data-astro-cid-bsu7ios3]{display:none}.tab-dropdown[data-astro-cid-bsu7ios3]{display:flex;justify-content:flex-end}}.hero[data-astro-cid-bbe6dxrz]{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);position:relative;overflow:hidden}.hero[data-astro-cid-bbe6dxrz]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,123,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(40,167,69,.1) 0%,transparent 50%);pointer-events:none}.hero-container[data-astro-cid-bbe6dxrz]{max-width:var(--max-width);margin:0 auto;padding:0 var(--side-padding);display:flex;flex-direction:column;gap:var(--spacing-2xl);position:relative;z-index:1}.hero-content[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-title[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hero-title-main[data-astro-cid-bbe6dxrz]{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));font-weight:700;background:linear-gradient(135deg,#26de81,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.15)}.hero-title-subtitle[data-astro-cid-bbe6dxrz]{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:400}.hero-description[data-astro-cid-bbe6dxrz]{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;max-width:500px;text-align:left}.hero-actions[data-astro-cid-bbe6dxrz]{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-start}.hero-button[data-astro-cid-bbe6dxrz]{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);border:2px solid transparent}.hero-button[data-astro-cid-bbe6dxrz].primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;box-shadow:0 4px 12px #34d3994d}.hero-button[data-astro-cid-bbe6dxrz].primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.hero-button[data-astro-cid-bbe6dxrz].npm{background:linear-gradient(135deg,#cb3837,#b32d2d);color:#fff;box-shadow:0 4px 12px #cb38374d}.hero-button[data-astro-cid-bbe6dxrz].npm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #cb383766}.hero-button[data-astro-cid-bbe6dxrz].secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.hero-button[data-astro-cid-bbe6dxrz].secondary:hover{background:var(--color-bg-primary);border-color:var(--color-accent);color:var(--color-accent)}.button-icon[data-astro-cid-bbe6dxrz]{width:20px;height:20px;flex-shrink:0}.hero-features[data-astro-cid-bbe6dxrz]{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:flex-start}.feature-item[data-astro-cid-bbe6dxrz]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.feature-icon[data-astro-cid-bbe6dxrz]{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.hero-visual[data-astro-cid-bbe6dxrz]{display:flex;justify-content:center;align-items:center}@media(max-width:640px){.hero[data-astro-cid-bbe6dxrz]{padding:var(--spacing-xl) 0}.hero-container[data-astro-cid-bbe6dxrz]{padding:0 var(--side-padding)}.hero-title-main[data-astro-cid-bbe6dxrz]{font-size:var(--font-size-3xl)}.hero-title-subtitle[data-astro-cid-bbe6dxrz]{font-size:var(--font-size-lg)}.hero-description[data-astro-cid-bbe6dxrz]{font-size:var(--font-size-base)}.hero-actions[data-astro-cid-bbe6dxrz]{flex-direction:column;align-items:flex-start}.hero-button[data-astro-cid-bbe6dxrz]{padding:var(--spacing-lg);width:100%;justify-content:center;box-sizing:border-box}.hero-features[data-astro-cid-bbe6dxrz]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}.inner-workings[data-astro-cid-nsnqmo2y]{padding:5rem 0;background:var(--color-bg-primary)}.inner-workings-container[data-astro-cid-nsnqmo2y]{max-width:var(--max-width);margin:0 auto;padding:0 var(--side-padding);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.inner-workings-header[data-astro-cid-nsnqmo2y]{display:flex;flex-direction:column;gap:var(--spacing-lg);text-align:left}.inner-workings-title[data-astro-cid-nsnqmo2y]{font-size:clamp(var(--font-size-2xl),3vw,var(--font-size-3xl));font-weight:700;color:var(--color-text-primary);margin:0}.inner-workings-description[data-astro-cid-nsnqmo2y]{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.inner-workings-visual[data-astro-cid-nsnqmo2y]{display:flex;justify-content:center;align-items:center}.tabbed-code-preview[data-astro-cid-nsnqmo2y]{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 32px var(--color-shadow);overflow:hidden;width:100%;max-width:var(--max-width)}.tabs[data-astro-cid-nsnqmo2y]{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-xs)}.tab[data-astro-cid-nsnqmo2y]{background:none;border:none;padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius-lg);position:relative;display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-start;height:auto}.tab-icon[data-astro-cid-nsnqmo2y]{width:16px;height:16px;flex-shrink:0}.tab-icon[data-astro-cid-nsnqmo2y] svg[data-astro-cid-nsnqmo2y]{width:100%;height:100%}.tab[data-astro-cid-nsnqmo2y]:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.tab[data-astro-cid-nsnqmo2y].active{background:var(--color-bg-primary);color:var(--color-accent)}.code-container[data-astro-cid-nsnqmo2y]{position:relative}.code-content[data-astro-cid-nsnqmo2y]{display:none;padding:0}.code-content[data-astro-cid-nsnqmo2y].active{display:block}.tab-dropdown[data-astro-cid-nsnqmo2y]{display:none;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);width:100%;box-sizing:border-box}.tab-dropdown[data-astro-cid-nsnqmo2y] select[data-astro-cid-nsnqmo2y]{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-lg);background:var(--color-bg-primary);width:100%;max-width:200px;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:16px;padding-right:calc(var(--spacing-md) + 20px);box-sizing:border-box}.tab-dropdown[data-astro-cid-nsnqmo2y] select[data-astro-cid-nsnqmo2y]:hover{color:var(--color-text-primary)}.tab-dropdown[data-astro-cid-nsnqmo2y] select[data-astro-cid-nsnqmo2y]:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:720px){.tabs[data-astro-cid-nsnqmo2y]{display:none}.tab-dropdown[data-astro-cid-nsnqmo2y]{display:flex;justify-content:flex-end}}@media(max-width:640px){.inner-workings[data-astro-cid-nsnqmo2y]{padding:var(--spacing-xl) 0}.inner-workings-container[data-astro-cid-nsnqmo2y]{padding:0 var(--side-padding)}.inner-workings-title[data-astro-cid-nsnqmo2y]{font-size:var(--font-size-3xl)}.inner-workings-description[data-astro-cid-nsnqmo2y]{font-size:var(--font-size-base)}}