@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-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-mono{font-family:Space Mono,ui-monospace,monospace}.demo-card{background:#fff;border-radius:16px;width:232px;padding:14px 16px;box-shadow:0 12px 32px #0c24152e,0 2px 8px #0c24151a}.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-marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.demo-serif{font-family:Instrument Serif,Georgia,serif;font-style:italic}.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-nav-link{color:#ffffffbf;font-size:15px;font-weight:500;transition:color .2s}.demo-nav-link:hover{color:#fff}.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)}.blueprint-grid{background-image:linear-gradient(#0f1a120d 1px,#0000 1px),linear-gradient(90deg,#0f1a120d 1px,#0000 1px),linear-gradient(#0f1a1217 1px,#0000 1px),linear-gradient(90deg,#0f1a1217 1px,#0000 1px);background-size:6.25% 8.33%,6.25% 8.33%,25% 33.3%,25% 33.3%}.flow-glyph{background:var(--gb-green-100);width:28px;height:28px;color:var(--gb-green-700);border-radius:9px;flex:none;place-items:center;display:grid}.flow-check{background:var(--gb-green-500);color:#fff;border-radius:9999px;place-items:center;width:18px;height:18px;display:grid}.flow-card{will-change:transform, opacity;width:248px}.flow-dot{background:var(--gb-green-500);opacity:0;pointer-events:none;z-index:5;border-radius:9999px;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #22c55e38,0 0 18px 6px #22c55e59}.flow-payoff{white-space:nowrap;background:#fff;border:1px solid #0f1a121a;border-radius:9999px;align-items:center;gap:14px;padding:12px 22px;display:flex;box-shadow:0 12px 32px #0c241524}.flow-payoff-ring{border:2px solid var(--gb-green-500);opacity:0;pointer-events:none;border-radius:9999px;position:absolute;inset:0}.reg-tick{color:#0f1a1259;width:9px;height:9px;position:absolute}.reg-tick:before,.reg-tick:after{content:"";background:currentColor;position:absolute}.reg-tick:before{width:1px;height:9px;top:0;left:4px}.reg-tick:after{width:9px;height:1px;top:4px;left:0}.feed-card{will-change:transform, opacity;background:#fff;border:1px solid #0f1a1214;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #0c241529,0 1px 4px #0c241514}.feed-status{flex:none;width:18px;height:18px;margin-top:1px;position:relative}.feed-status .feed-dot,.feed-status .feed-check{margin:auto;position:absolute;inset:0}.feed-dot{background:var(--gb-green-500);border-radius:9999px;width:7px;height:7px;animation:1.6s ease-in-out infinite feed-pulse}.feed-check{width:16px;height:16px}.feed-live-dot{background:var(--gb-green-500);border-radius:9999px;width:6px;height:6px;animation:1.6s ease-in-out infinite feed-pulse}@keyframes feed-pulse{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 4px #22c55e00}}@media (prefers-reduced-motion:reduce){.feed-dot,.feed-live-dot{animation:none}}.receipt-row{color:#ffffffc7;align-items:baseline;gap:8px;font-size:13px;display:flex}.receipt-row .receipt-leader{border-bottom:1px dotted #ffffff40;flex:1;min-width:16px;transform:translateY(-3px)}.receipt-row .receipt-check{color:var(--gb-green-500);font-weight:700}.console-panel{color:#ffffffd9;background:#0a1c11d9;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px;font-family:Space Mono,ui-monospace,monospace;font-size:11px;line-height:1.6}.console-panel .cp-dim{color:#ffffff80}.console-panel .cp-ok{color:var(--gb-green-500)}.console-panel .cp-tag{background:var(--gb-green-500);color:var(--gb-ink);border-radius:4px;justify-content:center;align-items:center;margin-right:4px;padding:0 4px;font-size:9px;font-weight:700;display:inline-flex}.ledger-row{border-bottom:1px dashed #ffffff1f;align-items:baseline;gap:14px;padding:22px 0;display:flex}.ledger-row:first-child{border-top:1px dashed #ffffff1f}.ledger-leader{border-bottom:1px dotted #ffffff29;flex:1;min-width:24px;transform:translateY(-6px)}.demo-preloader{z-index:100;background:var(--gb-green-950);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}