@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@300;400;500&family=Geist:wght@300;400;500;600&display=swap";
:root{--background:#fff;--foreground:#030712;--card:#fff;--card-foreground:#030712;--primary:#101828;--primary-foreground:#f9fafb;--secondary:#f3f4f6;--secondary-foreground:#101828;--muted:#f3f4f6;--muted-foreground:#6a7282;--accent:#f3f4f6;--accent-foreground:#101828;--border:#e5e7eb;--ring:#99a1af;--page:#eceef1;--muted-soft:#f9fafb;--foreground-2:#6a7282;--foreground-3:#99a1af;--radius:.625rem;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--radius-2xl:calc(var(--radius) * 1.8);--radius-3xl:calc(var(--radius) * 2.2);--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, monospace;--tracking-display:-.03em;--tracking-heading:-.02em;--content-max:1080px}@supports (color:lab(0% 0 0)){:root{--background:lab(100% 0 0);--foreground:lab(1.90334% .278696 -5.48866);--card:lab(100% 0 0);--card-foreground:lab(1.90334% .278696 -5.48866);--primary:lab(8.11897% .811279 -12.254);--primary-foreground:lab(98.2596% -.247031 -.706708);--secondary:lab(96.1596% -.0823438 -1.13575);--secondary-foreground:lab(8.11897% .811279 -12.254);--muted:lab(96.1596% -.0823438 -1.13575);--muted-foreground:lab(47.7841% -.393182 -10.0268);--accent:lab(96.1596% -.0823438 -1.13575);--accent-foreground:lab(8.11897% .811279 -12.254);--border:lab(91.6229% -.159115 -2.26791);--ring:lab(65.9269% -.832707 -8.17473);--page:lab(93.9493% -.122458 -1.70221);--muted-soft:lab(98.2596% -.247031 -.706708);--foreground-2:lab(47.7841% -.393182 -10.0268);--foreground-3:lab(65.9269% -.832707 -8.17473)}}.dark{--background:#0e0e0e;--foreground:#fafafa;--card:#1a1a1a;--card-foreground:#fafafa;--primary:#fafafa;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#232323;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--border:#ffffff14;--ring:#737373;--page:#0a0a0a;--muted-soft:#1e1e1e;--foreground-2:#a1a1a1;--foreground-3:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(4.05772% 0 0);--foreground:lab(98.26% 0 0);--card:lab(9.288% 0 -.00000298023);--card-foreground:lab(98.26% 0 0);--primary:lab(98.26% 0 0);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(13.58% 0 0);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--border:lab(100% 0 0/.08);--ring:lab(48.496% 0 0);--page:lab(2.75381% 0 0);--muted-soft:lab(11.26% .00000745058 -.00000298023);--foreground-2:lab(66.128% -.0000298023 .0000119209);--foreground-3:lab(48.496% 0 0)}}*,:before,:after{box-sizing:border-box;border-color:var(--border)}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--foreground);background:var(--page);margin:0;font-size:15px;font-weight:400;line-height:1.5}:focus,:focus-visible{outline:none}h1,h2,h3,h4{letter-spacing:var(--tracking-heading);color:var(--foreground);margin:0 0 12px;font-weight:500;line-height:1.15}h1{letter-spacing:var(--tracking-display);margin-bottom:20px;font-size:clamp(40px,5.5vw,64px);font-weight:600;line-height:1.05}h2{font-size:clamp(24px,2.8vw,32px);font-weight:500}h3{font-size:18px;font-weight:500}p{color:var(--foreground-2);margin:0 0 16px;line-height:1.6}p.lead{color:var(--foreground);font-size:17px;font-weight:400}a{color:var(--foreground);text-decoration:none;transition:color .15s}a:hover{color:var(--foreground-2)}code,pre,.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.wrap{max-width:var(--content-max);margin:0 auto;padding:0 32px;position:relative}.navbar{z-index:50;background:color-mix(in oklab, var(--page) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{font-family:var(--font-mono);letter-spacing:.02em;color:var(--foreground);font-size:13px}.brand b{font-weight:600}.brand-sep{color:var(--foreground-3)}.nav-items{gap:24px;display:flex}.nav-items a{font-family:var(--font-mono);color:var(--foreground-2);text-transform:lowercase;letter-spacing:.02em;font-size:12px}.nav-items a:hover{color:var(--foreground)}.hero{padding:96px 24px 80px}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;max-width:880px;margin:0 auto;padding:64px 56px}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground-3);background:var(--muted);border-radius:999px;margin-bottom:20px;padding:4px 12px;font-size:11px;display:inline-block}.hero-card p.lead{max-width:560px;color:var(--foreground-2);margin:0 auto 36px}.install-widget{background:var(--muted-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--foreground);text-align:left;align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:16px 56px 16px 20px;font-size:13px;display:flex;position:relative}.install-widget .prompt{color:var(--foreground-3);-webkit-user-select:none;user-select:none}.install-widget code{color:var(--foreground);white-space:nowrap;overflow-x:auto}.install-widget code::-webkit-scrollbar{display:none}.install-widget .copy-btn{border:1px solid var(--border);color:var(--foreground-2);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;padding:5px 10px;transition:color .15s,border-color .15s,background .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.install-widget .copy-btn:hover{color:var(--foreground);border-color:var(--foreground-3);background:var(--card)}.install-widget .copy-btn.copied{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.btn{font-family:var(--font-sans);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--muted);border-color:var(--foreground-3)}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover{background:var(--foreground);border-color:var(--foreground);color:var(--primary-foreground)}.catalog{padding:80px 0 120px}.catalog .head{margin-bottom:40px}.catalog .head .eyebrow{margin-bottom:12px}.catalog .head h2{margin-bottom:8px}.catalog .head p{max-width:560px;color:var(--foreground-2)}.catalog-table{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.catalog-row{border-bottom:1px solid var(--border);grid-template-columns:220px 90px 1fr;align-items:baseline;gap:24px;padding:18px 28px;transition:background .15s;display:grid}.catalog-row:last-child{border-bottom:none}.catalog-row:hover{background:var(--muted-soft)}.catalog-row .name{font-family:var(--font-mono);color:var(--foreground);font-feature-settings:"tnum";font-size:14px}.catalog-row .type{font-family:var(--font-mono);color:var(--foreground-2);background:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-self:start;padding:3px 10px;font-size:10px;display:inline-block}.catalog-row .desc{color:var(--foreground-2);font-size:14px;line-height:1.55}.catalog-empty{text-align:center;color:var(--foreground-3);font-family:var(--font-mono);padding:40px;font-size:13px}@media (max-width:800px){.catalog-row{grid-template-columns:1fr;gap:6px;padding:16px 20px}.hero-card{padding:48px 28px}}footer{border-top:1px solid var(--border);background:var(--card);padding:32px 0}footer .wrap{font-family:var(--font-mono);color:var(--foreground-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}footer p{color:var(--foreground-3);font-family:var(--font-mono);margin:0;font-size:12px}footer .links{gap:20px;display:flex}footer .links a{color:var(--foreground-3)}footer .links a:hover{color:var(--foreground)}
