.hero-section[data-v-5e494630]{background-color:#07050e;background-image:none!important}.hero-canvas[data-v-5e494630]{display:block;height:100%;inset:0;opacity:0;position:absolute;transition:opacity 1.4s ease;width:100%;z-index:0}.hero-ready .hero-canvas[data-v-5e494630]{opacity:1}.hero-shots[data-v-5e494630]{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 1.6s ease .1s;z-index:1}.hero-ready .hero-shots[data-v-5e494630]{opacity:1}@media(prefers-reduced-motion:reduce){.hero-canvas[data-v-5e494630],.hero-shots[data-v-5e494630]{opacity:1;transition:none}}.hero-shot[data-v-5e494630]{border-radius:.75rem;display:block;position:absolute}.hero-shot--front[data-v-5e494630]{animation:shot-float-a-5e494630 7s ease-in-out infinite alternate;box-shadow:0 0 0 1px #ffffff0f,0 32px 80px #000000b8,-60px 0 90px #776fb538;opacity:.88;right:-28%;top:50%;transform:translateY(-50%) rotate(-2deg);width:56%;z-index:3}.hero-shot--mid[data-v-5e494630]{animation:shot-float-b-5e494630 9s ease-in-out infinite alternate;box-shadow:0 18px 50px #0009;filter:brightness(.72) saturate(.82);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000);opacity:.5;right:-20%;top:13%;transform:rotate(6deg);width:42%;z-index:2}.hero-shot--back[data-v-5e494630]{animation:shot-float-c-5e494630 5.5s ease-in-out infinite alternate;box-shadow:0 12px 36px #00000080;filter:brightness(.58) saturate(.68);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000);opacity:.4;right:-24%;top:60%;transform:rotate(-7deg);width:44%;z-index:1}@keyframes shot-float-a-5e494630{0%{transform:translateY(-50%) rotate(-2deg)}to{transform:translateY(-53%) rotate(-1.5deg)}}@keyframes shot-float-b-5e494630{0%{transform:rotate(6deg) translateY(0)}to{transform:rotate(6.5deg) translateY(-10px)}}@keyframes shot-float-c-5e494630{0%{transform:rotate(-7deg) translateY(0)}to{transform:rotate(-7.5deg) translateY(8px)}}@media(max-width:1024px){.hero-shots[data-v-5e494630]{display:none}}@media(prefers-reduced-motion:reduce){.hero-shot--back[data-v-5e494630],.hero-shot--front[data-v-5e494630],.hero-shot--mid[data-v-5e494630]{animation:none}}.neon-bolt{animation:bolt-flicker 6s ease-in-out infinite}@keyframes bolt-flicker{0%,88%,to{opacity:1}89%{opacity:.8}91%{opacity:.65}93%{opacity:.9}95%{opacity:.7}97%{opacity:.95}}.demo-tag[data-v-296504d2]{border-radius:999px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-bottom:.75rem;padding:.25rem .65rem;text-transform:uppercase}.demo-tag-collab[data-v-296504d2]{background:#77cbe226;color:#77cbe2}.demo-tag-starter[data-v-296504d2]{background:#7fcfb126;color:#7fcfb1}.demo-tag-winner[data-v-296504d2]{background:#ffbe4326;color:#ffbe43}html.light{background:#2593b221;color:#2593b2}html.light{background:#2e8e6e21;color:#2e8e6e}html.light{background:#e3af2721;color:#e3af27}.demo-featured[data-v-296504d2]{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:1.5rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem;padding:2.5rem}@media(min-width:768px){.demo-featured[data-v-296504d2]{align-items:center;grid-template-columns:1fr 1.6fr}}.demo-featured-title[data-v-296504d2]{color:var(--color-text);font-size:1.5rem;font-weight:900;line-height:1.2;margin-bottom:.75rem}.demo-featured-desc[data-v-296504d2]{color:var(--color-text-muted);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.demo-featured-embed[data-v-296504d2]{border-radius:.75rem;overflow:hidden}.demo-yt-link[data-v-296504d2]{align-items:center;color:#ff5f5f;display:inline-flex;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s}.demo-yt-link[data-v-296504d2]:hover{color:#ff8080}.demo-yt-link[data-v-296504d2]:focus-visible{border-radius:3px;outline:2px solid #ff5f5f;outline-offset:3px}.demo-yt-link-sm[data-v-296504d2]{font-size:.75rem;margin-top:auto;padding-top:.25rem}.demos-grid[data-v-296504d2]{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:640px){.demos-grid[data-v-296504d2]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.demos-grid[data-v-296504d2]{grid-template-columns:repeat(3,1fr)}}.demo-card[data-v-296504d2]{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:1.25rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .25s,box-shadow .25s}.demo-card[data-v-296504d2]:hover{box-shadow:0 16px 40px var(--shadow-md);transform:translateY(-4px)}.demo-card-title[data-v-296504d2]{color:var(--color-text);font-size:1.1rem;font-weight:800;line-height:1.2;margin-bottom:.4rem}.demo-card-desc[data-v-296504d2]{color:var(--color-text-dim);font-size:.8rem;line-height:1.6}.demo-thumb-wrap[data-v-296504d2]{aspect-ratio:16/9;background:#0d0b14;border-radius:.6rem;overflow:hidden;position:relative;width:100%}.demo-thumb-btn[data-v-296504d2]{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;inset:0;justify-content:center;padding:0;position:absolute;width:100%}.demo-thumb-btn[data-v-296504d2]:focus-visible{outline:2px solid #ff5f5f;outline-offset:-2px}.demo-thumb-img[data-v-296504d2]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .3s ease;width:100%}.demo-thumb-btn:hover .demo-thumb-img[data-v-296504d2]{transform:scale(1.03)}.demo-thumb-overlay[data-v-296504d2]{background:linear-gradient(180deg,#0a08141a 0,#0a081480);inset:0;position:absolute;transition:background .2s ease}.demo-thumb-btn:hover .demo-thumb-overlay[data-v-296504d2]{background:linear-gradient(180deg,#0a081433 0,#0a0814a6)}.demo-thumb-play[data-v-296504d2]{align-items:center;background:#ff5f5fe6;border-radius:50%;box-shadow:0 4px 20px #ff5f5f73,0 0 0 6px #ff5f5f26;color:#fff;display:flex;font-size:1rem;height:3rem;justify-content:center;padding-left:3px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:3rem}.demo-thumb-btn:hover .demo-thumb-play[data-v-296504d2]{box-shadow:0 6px 28px #ff5f5f99,0 0 0 8px #ff5f5f33;transform:scale(1.12)}.demo-iframe[data-v-296504d2]{border:none;height:100%;inset:0;position:absolute;width:100%}@media(prefers-reduced-motion:reduce){.demo-card[data-v-296504d2],.demo-thumb-img[data-v-296504d2],.demo-thumb-play[data-v-296504d2]{transition:none}.demo-thumb-btn:hover .demo-thumb-img[data-v-296504d2],.demo-thumb-btn:hover .demo-thumb-play[data-v-296504d2]{transform:none}}