.gx-hero-examples.svelte-1g82vt3{grid-template-columns:repeat(var(--gx-ex-count), minmax(0, var(--gx-ex-max)));width:100%;margin-top:var(--sb-space-lg);justify-content:center;align-items:start;gap:14px;display:grid}.gx-hero-example.svelte-1g82vt3{border-radius:var(--sb-radius);cursor:pointer;background:#0f1525b3;border:none;padding:0;transition:transform .2s,box-shadow .2s;animation:4s ease-in-out infinite sb-card-breathe;display:block;position:relative}.gx-hero-example.svelte-1g82vt3:hover{box-shadow:0 0 12px rgba(var(--sb-ice-rgb), .18), 0 0 20px rgba(var(--sb-violet-rgb), .08);animation:none;transform:translateY(-3px)}.gx-hero-example.is-frameless.svelte-1g82vt3{background:0 0;border-radius:12px;animation:4s ease-in-out infinite sb-card-breathe}.gx-hero-example.is-frameless.svelte-1g82vt3:before{background:linear-gradient(135deg, var(--sb-ice), var(--sb-violet));inset:0}.gx-hero-example.is-frameless.svelte-1g82vt3 .gx-hero-example-embed:where(.svelte-1g82vt3){border-radius:12px}.gx-hero-example.is-frameless.svelte-1g82vt3:hover{animation:none}.gx-hero-example.svelte-1g82vt3 img:where(.svelte-1g82vt3){border-radius:var(--sb-radius);width:100%;height:auto;display:block}.gx-hero-example-pages.svelte-1g82vt3{display:block;position:relative}.gx-hero-example-pages.svelte-1g82vt3 img:where(.svelte-1g82vt3){opacity:0;transition:opacity .7s}.gx-hero-example-pages.svelte-1g82vt3 img:where(.svelte-1g82vt3):not(:first-child){position:absolute;inset:0}.gx-hero-example-pages.svelte-1g82vt3 img.is-page-current:where(.svelte-1g82vt3){opacity:1}.gx-hero-example-embed.svelte-1g82vt3{width:100%;height:var(--gx-eh);border-radius:var(--sb-radius);display:block;position:relative;overflow:hidden}.gx-hero-example-embed.svelte-1g82vt3 iframe:where(.svelte-1g82vt3){border:0;width:100%;height:calc(100% + 40px);position:absolute;top:0;left:0}.gx-hero-example-embed.is-scrollable.svelte-1g82vt3{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--sb-ice-rgb), .35) transparent;overflow-y:auto}.gx-hero-example-embed.is-scrollable.svelte-1g82vt3 iframe:where(.svelte-1g82vt3),.gx-hero-example-embed.is-scrollable.svelte-1g82vt3 .gx-hero-example-shield:where(.svelte-1g82vt3){height:var(--gx-scroll-h)}.gx-hero-example-embed.gx-scrollimg.svelte-1g82vt3 img:where(.svelte-1g82vt3){border-radius:0;width:100%;height:auto;display:block}.gx-hero-example-embed.is-scrollable.svelte-1g82vt3{container-type:inline-size}.gx-hero-example-embed.gx-scrollimg.svelte-1g82vt3 .gx-rails-row:where(.svelte-1g82vt3){background:#080c14;align-items:flex-start;display:flex}.gx-hero-example-embed.gx-scrollimg.svelte-1g82vt3 .gx-rails-row:where(.svelte-1g82vt3) img.gx-rail:where(.svelte-1g82vt3){flex:none;position:sticky;top:-.48cqw}.gx-hero-example-embed.gx-scrollimg.svelte-1g82vt3 .gx-rails-row:where(.svelte-1g82vt3) img.gx-rails-main:where(.svelte-1g82vt3){flex:1 1 0;min-width:0}.gx-hero-example-shield.svelte-1g82vt3{z-index:1;position:absolute;inset:0}.gx-hero-example-cta.svelte-1g82vt3{white-space:nowrap;border:1px solid rgba(var(--sb-ice-rgb), .35);color:var(--sb-ice);z-index:3;background:#080c14c7;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media (width<=640px){.gx-hero-examples.svelte-1g82vt3{grid-template-columns:1fr;justify-items:center}.gx-hero-example.svelte-1g82vt3{opacity:0;pointer-events:none;grid-area:1/1;width:min(66vw,280px);transition:opacity .7s}.gx-hero-example.is-current.svelte-1g82vt3{opacity:1;pointer-events:auto}.gx-hero-example-embed.svelte-1g82vt3{height:var(--gx-eh-m)}.gx-hero-example.is-pagepreview.svelte-1g82vt3{width:100%}.gx-hero-example-embed.gx-scrollimg.svelte-1g82vt3{height:auto;aspect-ratio:var(--gx-fr-arw,620) / var(--gx-fr-arh,520)}}.blog-video.svelte-66l03b{margin:var(--sb-space-xl,28px) 0}.blog-video-frame.svelte-66l03b{aspect-ratio:16/9;border-radius:var(--sb-radius-lg,16px);border:1px solid rgba(var(--sb-ice-rgb,56,189,248), .18);background:#0b1220;width:100%;display:block;position:relative;overflow:hidden}.blog-video-frame.svelte-66l03b iframe{border:0;width:100%;height:100%;display:block}.blog-video-facade.svelte-66l03b{cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0}.blog-video-facade.svelte-66l03b img:where(.svelte-66l03b){object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .3s;display:block}.blog-video-facade.svelte-66l03b:hover img:where(.svelte-66l03b){filter:brightness(1.06);transform:scale(1.02)}.blog-video-facade.svelte-66l03b:focus-visible{outline:2px solid var(--sb-ice,#38bdf8);outline-offset:3px}.blog-video-play.svelte-66l03b{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-video-play.svelte-66l03b svg:where(.svelte-66l03b){filter:drop-shadow(0 6px 18px #00000080);width:74px;height:52px}.bvp-bg.svelte-66l03b{fill:#080c14b8;transition:fill .2s}.bvp-tri.svelte-66l03b{fill:#fff}.blog-video-facade.svelte-66l03b:hover .bvp-bg:where(.svelte-66l03b){fill:var(--sb-sky,#0ea5e9)}.blog-video-title.svelte-66l03b{padding:2.4rem var(--sb-space-lg,24px) var(--sb-space-md,16px);font-size:var(--sb-text-sm,.875rem);color:var(--sb-text,#e2e8f0);background:linear-gradient(#080c1400 0%,#080c14e0 70%);font-weight:600;line-height:1.4;position:absolute;bottom:0;left:0;right:0}.blog-video.svelte-66l03b figcaption:where(.svelte-66l03b){margin-top:var(--sb-space-sm,12px);font-size:var(--sb-text-xs,.75rem);color:var(--sb-text-muted,#64748b);text-align:center}@media (prefers-reduced-motion:reduce){.blog-video-facade.svelte-66l03b img:where(.svelte-66l03b),.blog-video-facade.svelte-66l03b:hover img:where(.svelte-66l03b){transition:none;transform:none}}