.showcase-category{margin:3.5rem 0 1.5rem}.showcase-category h2{display:inline-block;font-size:1.5rem;letter-spacing:.01em;padding-bottom:.4rem;border-bottom:none;background:linear-gradient(90deg,var(--sl-color-accent, #00e5a0) 0 3.5rem,var(--sl-color-gray-5, #2a3a2d) 3.5rem 100%) bottom left / 100% 3px no-repeat}.showcase-category .category-count{margin-left:.6rem;font-size:.85rem;color:var(--sl-color-gray-3, #8a9a8d);font-family:JetBrains Mono,monospace}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0 2.5rem}.demo-tile{position:relative;display:block;aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;border:1px solid var(--sl-color-gray-5, #2a3a2d);background:var(--sl-color-gray-6, #161e17);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.demo-tile:hover,.demo-tile:focus-visible{transform:scale(1.025);border-color:var(--sl-color-accent, #00e5a0);box-shadow:0 4px 28px #00e5a02e;outline:none}.demo-tile img,.demo-tile video{width:100%;height:100%;object-fit:cover;display:block}.demo-tile .play-badge{position:absolute;inset:0;display:grid;place-items:center;background:#070b0840;transition:opacity .18s ease}.demo-tile:hover .play-badge{opacity:0}.demo-tile .play-badge svg{width:3rem;height:3rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.demo-tile .tile-label{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--sl-color-gray-1, #e8ede9);background:linear-gradient(transparent,#070b08d9)}@media(prefers-reduced-motion:reduce){.demo-tile,.demo-tile .play-badge{transition:none}.demo-tile:hover,.demo-tile:focus-visible{transform:none}}:root[data-theme=light] .demo-tile:hover,:root[data-theme=light] .demo-tile:focus-visible{box-shadow:0 4px 20px #008a6040}.demo-modal:where(.astro-mzxg2cwm){border:1px solid var(--sl-color-gray-5, #2a3a2d);border-radius:1rem;background:var(--sl-color-gray-7, #0d130e);color:var(--sl-color-gray-1, #e8ede9);padding:0;max-width:min(860px,92vw);width:100%}.demo-modal:where(.astro-mzxg2cwm)::backdrop{background:#040705bf;backdrop-filter:blur(4px)}.demo-modal-inner:where(.astro-mzxg2cwm){padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.demo-modal:where(.astro-mzxg2cwm) header:where(.astro-mzxg2cwm){display:flex;align-items:center;justify-content:space-between}.demo-modal:where(.astro-mzxg2cwm) h3:where(.astro-mzxg2cwm){margin:0;font-size:1.25rem}.modal-close:where(.astro-mzxg2cwm){background:none;border:1px solid var(--sl-color-gray-5, #2a3a2d);border-radius:.5rem;color:var(--sl-color-gray-3, #8a9a8d);font-size:1.25rem;line-height:1;padding:.25rem .6rem;cursor:pointer}.modal-close:where(.astro-mzxg2cwm):hover{border-color:var(--sl-color-accent, #00e5a0);color:var(--sl-color-gray-1, #e8ede9)}.demo-modal:where(.astro-mzxg2cwm) video:where(.astro-mzxg2cwm){width:100%;border-radius:.6rem;background:#000}.snippet-block:where(.astro-mzxg2cwm){border:1px solid var(--sl-color-gray-5, #2a3a2d);border-radius:.6rem;overflow:hidden}.snippet-toolbar:where(.astro-mzxg2cwm){display:flex;justify-content:space-between;align-items:center;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--sl-color-gray-3, #8a9a8d);background:var(--sl-color-gray-6, #161e17);border-bottom:1px solid var(--sl-color-gray-5, #2a3a2d)}.snippet-block:where(.astro-mzxg2cwm) pre{margin:0;border-radius:0;border:none;padding:.85rem;overflow-x:auto}.copy-btn:where(.astro-mzxg2cwm){background:none;border:1px solid var(--sl-color-gray-5, #2a3a2d);border-radius:.4rem;color:var(--sl-color-gray-2, #bec8c0);font-size:.75rem;padding:.2rem .6rem;cursor:pointer}.copy-btn:where(.astro-mzxg2cwm):hover{border-color:var(--sl-color-accent, #00e5a0)}.docs-link:where(.astro-mzxg2cwm){color:var(--sl-color-accent, #00e5a0);text-decoration:none;font-weight:600}.docs-link:where(.astro-mzxg2cwm):hover{text-decoration:underline}.sizzle:where(.astro-tidyolwx){position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(80vh,720px);overflow:hidden;background:#070b08}.sizzle-video:where(.astro-tidyolwx){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sizzle-overlay:where(.astro-tidyolwx){position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;background:linear-gradient(#070b0840,#070b08a6)}.sizzle:where(.astro-tidyolwx) h1:where(.astro-tidyolwx){margin:0;font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(2.2rem,6vw,4.5rem);color:#e8ede9;text-shadow:0 2px 24px rgba(0,0,0,.6)}.sizzle-tagline:where(.astro-tidyolwx){margin:.75rem 0 1.75rem;font-size:clamp(1.05rem,2.2vw,1.5rem);color:#bec8c0;text-shadow:0 1px 12px rgba(0,0,0,.6)}.sizzle-ctas:where(.astro-tidyolwx){display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.cta-primary:where(.astro-tidyolwx),.cta-secondary:where(.astro-tidyolwx){display:inline-block;padding:.7rem 1.6rem;border-radius:.6rem;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.cta-primary:where(.astro-tidyolwx){background:#00e5a0;color:#06130c}.cta-primary:where(.astro-tidyolwx):hover{transform:translateY(-1px);box-shadow:0 4px 24px #00e5a066}.cta-secondary:where(.astro-tidyolwx){border:1px solid rgba(232,237,233,.4);color:#e8ede9;background:#070b0859}.cta-secondary:where(.astro-tidyolwx):hover{border-color:#00e5a0}@media(prefers-reduced-motion:reduce){.cta-primary:where(.astro-tidyolwx):hover{transform:none}}:where(.astro-w3h7vj4w),:where(.astro-w3h7vj4w):before,:where(.astro-w3h7vj4w):after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:#070b08;color:#bec8c0}nav:where(.astro-w3h7vj4w){display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #16281d}.nav-logo:where(.astro-w3h7vj4w){display:flex;align-items:center;gap:.6rem;color:#e8ede9;font-weight:700;text-decoration:none}.nav-logo:where(.astro-w3h7vj4w) img:where(.astro-w3h7vj4w){width:32px}.nav-links:where(.astro-w3h7vj4w){display:flex;gap:1.5rem;align-items:center}.nav-links:where(.astro-w3h7vj4w) a:where(.astro-w3h7vj4w){color:#8a9a8d;text-decoration:none;font-size:.95rem}.nav-links:where(.astro-w3h7vj4w) a:where(.astro-w3h7vj4w):hover{color:#00e5a0}main:where(.astro-w3h7vj4w){max-width:1200px;margin:0 auto;padding:0 1.5rem 5rem}.page-head:where(.astro-w3h7vj4w){text-align:center;padding:3rem 0 1rem}.page-head:where(.astro-w3h7vj4w) h1:where(.astro-w3h7vj4w){font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#e8ede9}.page-head:where(.astro-w3h7vj4w) p:where(.astro-w3h7vj4w){margin-top:.6rem;color:#8a9a8d}footer:where(.astro-w3h7vj4w){text-align:center;padding:2rem;color:#4a5c4e;font-size:.85rem;border-top:1px solid #16281d}footer:where(.astro-w3h7vj4w) a:where(.astro-w3h7vj4w){color:#8a9a8d}