@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Instrument+Serif:ital@1&family=Space+Mono:wght@400;700&display=swap";
:root{--gb-green-950:#0c2415;--gb-green-900:#14532d;--gb-green-700:#15803d;--gb-green-500:#22c55e;--gb-green-100:#dcfce7;--gb-cream:#f7f4ec;--gb-ink:#0f1a12}.demo-display{letter-spacing:-.02em;font-family:Archivo Black,Inter,sans-serif;line-height:.98}.demo-mono{font-family:Space Mono,ui-monospace,monospace}.demo-serif{font-family:Instrument Serif,Georgia,serif;font-style:italic}.demo-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0c241573;border:1px solid #ffffff59;border-radius:9999px;padding:5px 14px;font-family:Space Mono,ui-monospace,monospace;font-size:12px}.demo-card{background:#fff;border-radius:16px;width:232px;padding:14px 16px;box-shadow:0 12px 32px #0c24152e,0 2px 8px #0c24151a}.noise-overlay{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.demo-btn-primary{background:var(--gb-green-500);color:var(--gb-ink);border-radius:9999px;padding:12px 28px;font-weight:700;transition:filter .2s}.demo-btn-primary:hover{filter:brightness(1.1)}.demo-btn-ghost{border:2px solid var(--gb-green-500);color:var(--gb-green-100);border-radius:9999px;padding:12px 28px;font-weight:600;transition:background .2s}.demo-btn-ghost:hover{background:#22c55e1f}.demo-pill-arrow{background:var(--gb-green-500);color:var(--gb-ink);border-radius:9999px;align-items:center;gap:12px;padding:8px 8px 8px 28px;font-weight:700;transition:filter .2s;display:inline-flex}.demo-pill-arrow:hover{filter:brightness(1.08)}.demo-pill-arrow .arrow-circle{background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex}.demo-pill-arrow:hover .arrow-circle{transform:scale(1.1)}.demo-nav-link{color:#ffffffbf;font-size:15px;font-weight:500;transition:color .2s}.demo-nav-link:hover{color:#fff}.marketing-nav--solid{background:var(--gb-green-950);border-bottom:1px solid #ffffff14}.marketing-nav--fixed{border-bottom:1px solid #0000;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,padding .3s,border-color .3s}.marketing-nav--condensed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c2415e0;border-bottom-color:#ffffff1a;padding-top:.75rem;padding-bottom:.75rem}@keyframes marketing-nav-enter{0%{transform:translateY(-14px)}to{transform:translateY(0)}}.marketing-nav--enter{animation:.6s cubic-bezier(.22,1,.36,1) .1s backwards marketing-nav-enter}@media (prefers-reduced-motion:reduce){.marketing-nav--fixed{transition:none}.marketing-nav--enter{animation:none}}.marketing-nav-link--active{color:#fff}.marketing-drawer{background:var(--gb-green-950);border-bottom:1px solid #ffffff14;max-height:calc(100dvh - 6.5rem);overflow-y:auto}.marketing-drawer a{color:#ffffffd1;border-bottom:1px solid #ffffff12;padding:14px 4px;font-size:17px;font-weight:500;display:block}.marketing-drawer a:last-of-type{border-bottom:0}.marketing-footer{background:var(--gb-ink);color:#ffffffb8}.marketing-footer h2{letter-spacing:.22em;text-transform:uppercase;color:#ffffff73;font-family:Space Mono,ui-monospace,monospace;font-size:11px}.marketing-footer a{color:#ffffffb8;transition:color .2s}.marketing-footer a:hover{color:#fff}.marketing-eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--gb-green-500);font-family:Space Mono,ui-monospace,monospace;font-size:12px}.marketing-rule{background:linear-gradient(90deg,#22c55e8c,#ffffff14 45%,#0000);height:1px}