@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-paper: oklch(12% .01 240);--color-paper-1: oklch(15% .01 240);--color-paper-2: oklch(18% .015 240);--color-paper-3: oklch(22% .02 240);--color-ink: oklch(92% .01 180);--color-ink-2: oklch(78% .01 180);--color-ink-3: oklch(55% .01 180);--color-accent: oklch(75% .18 142);--color-accent-dim: oklch(75% .18 142 / .12);--color-accent-hover: oklch(82% .19 142);--color-focus: oklch(75% .18 142);--color-error: oklch(65% .22 25);--color-success: oklch(75% .18 142);--font-display: "JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, monospace;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-display: 3.5rem;--text-display-s: 2.75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--width-narrow: 42rem;--width-content: 56rem;--width-wide: 72rem;--dur-instant: 0ms;--dur-fast: .15s;--dur-base: .25s;--dur-slow: .35s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--rule-width: 1px;--rule-color: var(--color-paper-3);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;background:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;font-style:normal;overflow-wrap:anywhere;min-width:0}a{color:var(--color-accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-paper-2);padding:.125rem .375rem;border-radius:var(--radius-sm);border:var(--rule-width) solid var(--rule-color)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;background:var(--color-paper-1);border:var(--rule-width) solid var(--rule-color);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;overflow-y:hidden;-moz-tab-size:2;tab-size:2;max-width:100%;position:relative;word-wrap:break-word;white-space:pre-wrap}pre code{background:none;padding:0;border:none;font-size:inherit;word-break:break-all}nav{position:sticky;top:0;z-index:100;background:#030609eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--rule-width) solid var(--rule-color)}.nav-inner{max-width:var(--width-wide);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);color:var(--color-accent);letter-spacing:-.01em}.logo:before{content:"$ ";opacity:.5}.nav-links{display:flex;gap:var(--space-lg);align-items:center}.nav-links a{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-ink-3);transition:color var(--dur-fast) var(--ease-out)}.nav-links a:hover{color:var(--color-ink)}header{max-width:var(--width-narrow);margin:0 auto;padding:var(--space-4xl) var(--space-lg) var(--space-3xl);text-align:left}header h1{font-size:clamp(var(--text-4xl),5vw + 1rem,var(--text-display));font-weight:600;color:var(--color-ink);letter-spacing:-.02em;margin-bottom:var(--space-lg)}header h1:before{content:"> ";color:var(--color-accent)}.tagline{font-size:var(--text-lg);color:var(--color-ink-2);margin-bottom:var(--space-2xl);max-width:38rem}.hero-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap}.hero-example{background:var(--color-paper-1);border:var(--rule-width) solid var(--rule-color);border-radius:var(--radius-md);padding:var(--space-lg);position:relative}.hero-example:before{content:"$ ";color:var(--color-accent);font-family:var(--font-mono);font-weight:600}.hero-example code{background:none;border:none;padding:0;color:var(--color-ink-2);font-size:var(--text-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;padding:.625rem var(--space-lg);border-radius:var(--radius-md);border:var(--rule-width) solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-paper);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-ink-2);border-color:var(--rule-color)}.btn-secondary:hover{color:var(--color-ink);border-color:var(--color-accent)}main{max-width:var(--width-content);margin:0 auto;padding:0 var(--space-lg) var(--space-4xl)}section{margin-bottom:var(--space-4xl)}section h2{font-size:var(--text-3xl);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent);display:inline-block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.card{background:var(--color-paper-1);border:var(--rule-width) solid var(--rule-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--dur-fast) var(--ease-out)}.card:hover{border-color:var(--color-accent)}.card h3{font-size:var(--text-base);font-weight:600;color:var(--color-ink);margin-bottom:var(--space-sm);font-family:var(--font-mono);display:flex;align-items:center;gap:var(--space-sm)}.card h3 svg{flex-shrink:0;color:var(--color-accent)}.card p{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.6}.card code{font-size:var(--text-xs)}.install-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:var(--rule-width) solid var(--rule-color);overflow-x:auto;scrollbar-width:none}.install-tabs::-webkit-scrollbar{display:none}.tab{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;background:transparent;border:none;color:var(--color-ink-3);padding:var(--space-md) var(--space-lg);cursor:pointer;position:relative;transition:color var(--dur-fast) var(--ease-out);white-space:nowrap}.tab:hover{color:var(--color-ink)}.tab.active{color:var(--color-accent)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-accent)}.tab-content>p{color:var(--color-ink-2);font-size:var(--text-sm);margin-bottom:var(--space-md);line-height:1.6}.code-block{position:relative}.code-block pre{padding-right:calc(var(--space-lg) + 40px)}.copy-btn{position:absolute;top:50%;right:var(--space-md);transform:translateY(-50%);background:var(--color-paper-2);border:var(--rule-width) solid var(--rule-color);border-radius:var(--radius-sm);padding:var(--space-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-ink-3);transition:all var(--dur-fast) var(--ease-out);opacity:.7}.copy-btn:hover{opacity:1;background:var(--color-paper-3);border-color:var(--color-accent);color:var(--color-accent)}.copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:var(--color-paper)}.copy-btn svg{width:16px;height:16px}.usage-group{margin-bottom:var(--space-2xl)}.usage-group h3{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--color-ink-2);margin-bottom:var(--space-md)}.usage-group .desc{font-size:var(--text-sm);color:var(--color-ink-3);margin-top:var(--space-sm);font-style:italic}.usage-group pre+pre{margin-top:var(--space-sm)}footer{max-width:var(--width-wide);margin:0 auto;padding:var(--space-xl) var(--space-lg);border-top:var(--rule-width) solid var(--rule-color);text-align:center}footer p{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.05em}footer a{color:var(--color-ink-2);text-decoration:underline;text-decoration-color:var(--rule-color);transition:all var(--dur-fast) var(--ease-out)}footer a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}@media(max-width:640px){header h1{font-size:var(--text-4xl)}.nav-inner{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.nav-links{width:100%;justify-content:space-between}.grid{grid-template-columns:minmax(0,1fr)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.code-block pre{padding-right:var(--space-lg);font-size:.8rem}.copy-btn{position:static;width:100%;margin-top:var(--space-sm);justify-content:center;gap:var(--space-sm)}.copy-btn:after{content:"Copy";font-family:var(--font-mono);font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}