:root{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--accent-orange:#ff6b00;--accent-orange-rgb:255, 107, 0;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"DM Mono", monospace;--radius-sm:6px;--radius-md:8px;--radius-xl:12px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}::selection{background:rgba(var(--accent-orange-rgb), .15);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--accent-orange);outline-offset:4px}a{color:var(--color-text-primary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--accent-orange)}@keyframes testbedSpin{to{transform:rotate(360deg)}}.grid-bg{pointer-events:none;z-index:0;background-color:#fff;background-image:radial-gradient(#e5e7eb 1.5px,#0000 1.5px);background-size:24px 24px;height:700px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.hero-glow{background:radial-gradient(circle, rgba(var(--accent-orange-rgb), .04) 0%, transparent 80%);pointer-events:none;z-index:1;width:600px;height:350px;position:absolute;top:0;left:50%;transform:translate(-50%)}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:40;background:#fffc;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-links{align-items:center;gap:20px;display:flex}.hero-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.hero-ctas{justify-content:center;gap:14px;margin-bottom:50px;display:flex}.footer-container{max-width:1200px;color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-right{flex-wrap:wrap;gap:16px;display:flex}.toolbar-container{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:24px;display:flex}.filter-pills{scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.search-container{width:280px;position:relative}@media (max-width:768px){.navbar{height:70px!important}.nav-container{padding:0 16px!important}.nav-links{gap:10px!important}.nav-link-website{display:none!important}.hero-ctas{flex-direction:column!important;align-items:center!important;gap:12px!important}.hero-ctas a,.hero-ctas button{max-width:280px;justify-content:center!important;width:100%!important}.demos-grid,.coming-grid{grid-template-columns:1fr!important;gap:20px!important}.toolbar-container{flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding-bottom:16px!important}.filter-pills{width:100%!important;padding-bottom:8px!important}.search-container,.search-container input{width:100%!important}.footer-container{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.footer-left{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:8px!important}.footer-right{justify-content:center!important;gap:12px!important}}@media (min-width:769px) and (max-width:1024px){.demos-grid,.coming-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}}.brand-text{font-size:18px;font-weight:700}@media (max-width:480px){.brand-text{font-size:15px!important}.btn-contact{padding:6px 12px!important;font-size:11px!important}.hero-glow{width:100%!important;left:0!important;transform:none!important}}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition-smooth);box-sizing:border-box;outline:none;padding:10px 14px}.form-input:focus{border-color:var(--accent-orange)!important;background:#fff!important;box-shadow:0 0 0 3px #ff6b0026!important}.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:var(--transition-smooth);box-sizing:border-box;resize:vertical;outline:none;min-height:90px;padding:10px 14px}.form-textarea:focus{border-color:var(--accent-orange)!important;background:#fff!important;box-shadow:0 0 0 3px #ff6b0026!important}@keyframes umamiPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.umami-pulse{animation:2s ease-in-out infinite umamiPulse}