:root{--bg:#0b0d16;--bg-2:#11141f;--line:#ffffff14;--text:#e5e7f0;--muted:#8b90a7;--c1:#22d3ee;--c2:#6366f1;--c3:#a855f7;--grad:linear-gradient(90deg, var(--c1), var(--c2) 50%, var(--c3));--radius:14px;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter Variable,Inter,ui-sans-serif,system-ui,sans-serif}body{flex-direction:column;min-height:100vh;margin:0;display:flex}main{flex:1}a{color:inherit}code,pre,kbd{font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace}.wrap{width:min(1120px,100% - 3rem);margin-inline:auto}.nav{z-index:10;backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--line);background:#0b0d168c;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.nav nav{align-items:center;gap:1.5rem;font-size:.93rem;display:flex}.nav nav a{color:var(--muted);text-decoration:none;transition:color .15s}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--text)}@media (width<=560px){.hide-sm{display:none}}.btn{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.3rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,box-shadow .2s;display:inline-flex}.btn:hover{background:#ffffff14;transform:translateY(-1px)}.btn.primary{background:var(--grad);color:#fff;border:0;box-shadow:0 8px 30px -8px #6366f1b3}.btn.primary:hover{box-shadow:0 10px 40px -6px #a855f7cc}.gradient-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem 0;font-size:.88rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.footer-links{gap:1.25rem;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.shader-bg:where(.astro-cdsgvt66){background:#0b0d16;position:absolute;inset:0;overflow:hidden}canvas:where(.astro-cdsgvt66){width:100%;height:100%;display:block}.shader-bg:where(.astro-cdsgvt66).no-webgl canvas:where(.astro-cdsgvt66){display:none}.player:where(.astro-6ziqwetu){margin:0}.frame:where(.astro-6ziqwetu){aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);position:relative;overflow:hidden;box-shadow:0 0 0 1px #6366f11f,0 30px 90px -50px #6366f180}video:where(.astro-6ziqwetu){object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.frame:where(.astro-6ziqwetu):after{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle,#0b0d1659,#0b0d16a6);transition:opacity .3s;position:absolute;inset:0}.custom:where(.astro-6ziqwetu)[data-state=idle] .frame:where(.astro-6ziqwetu):after,.custom:where(.astro-6ziqwetu)[data-state=ended] .frame:where(.astro-6ziqwetu):after{opacity:1}.big-play:where(.astro-6ziqwetu){z-index:1}.frame:where(.astro-6ziqwetu):fullscreen{border:0;border-radius:0}.frame:where(.astro-6ziqwetu):fullscreen video:where(.astro-6ziqwetu){object-fit:contain}.big-play:where(.astro-6ziqwetu),.bar:where(.astro-6ziqwetu){display:none}.custom:where(.astro-6ziqwetu) .big-play:where(.astro-6ziqwetu){display:grid}.custom:where(.astro-6ziqwetu) .bar:where(.astro-6ziqwetu){display:flex}.big-play:where(.astro-6ziqwetu){color:#fff;backdrop-filter:blur(10px);cursor:pointer;background:#0b0d1673;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:84px;height:84px;margin:auto;padding:0 0 0 4px;transition:transform .2s,opacity .25s,background .2s,box-shadow .2s;position:absolute;inset:0;box-shadow:0 0 #6366f180}.big-play:where(.astro-6ziqwetu):hover{background:#6366f18c;transform:scale(1.06);box-shadow:0 0 0 10px #6366f11f}.player:where(.astro-6ziqwetu):not([data-state=idle]):not([data-state=ended]) .big-play:where(.astro-6ziqwetu){opacity:0;pointer-events:none;transform:scale(.9)}.bar:where(.astro-6ziqwetu){backdrop-filter:blur(12px);color:var(--text);font-variant-numeric:tabular-nums;background:#0b0d1699;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.8rem;transition:opacity .25s,transform .25s;position:absolute;bottom:12px;left:12px;right:12px}.player:where(.astro-6ziqwetu)[data-state=playing] .bar:where(.astro-6ziqwetu){opacity:0;transform:translateY(6px)}.player:where(.astro-6ziqwetu)[data-state=playing] .frame:where(.astro-6ziqwetu):hover .bar:where(.astro-6ziqwetu),.player:where(.astro-6ziqwetu)[data-state=playing] .bar:where(.astro-6ziqwetu):focus-within{opacity:1;transform:none}.player:where(.astro-6ziqwetu)[data-state=idle] .bar:where(.astro-6ziqwetu){opacity:0;pointer-events:none}.ctl:where(.astro-6ziqwetu){width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.ctl:where(.astro-6ziqwetu):hover{background:#ffffff14}.i-pause:where(.astro-6ziqwetu),.i-muted:where(.astro-6ziqwetu),.player:where(.astro-6ziqwetu)[data-state=playing] .i-play:where(.astro-6ziqwetu){display:none}.player:where(.astro-6ziqwetu)[data-state=playing] .i-pause:where(.astro-6ziqwetu){display:block}.muted:where(.astro-6ziqwetu) .i-sound:where(.astro-6ziqwetu){display:none}.muted:where(.astro-6ziqwetu) .i-muted:where(.astro-6ziqwetu){display:block}.time:where(.astro-6ziqwetu){color:var(--muted);white-space:nowrap}.time:where(.astro-6ziqwetu) .cur:where(.astro-6ziqwetu){color:var(--text)}.track:where(.astro-6ziqwetu){cursor:pointer;touch-action:none;background:#ffffff1a;border-radius:999px;flex:1;height:6px;position:relative}.track:where(.astro-6ziqwetu):before{content:"";position:absolute;inset:-10px 0}.buffered:where(.astro-6ziqwetu),.progress:where(.astro-6ziqwetu){border-radius:inherit;transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.buffered:where(.astro-6ziqwetu){background:#ffffff1f}.progress:where(.astro-6ziqwetu){background:var(--grad)}.track:where(.astro-6ziqwetu):focus-visible,.ctl:where(.astro-6ziqwetu):focus-visible,.big-play:where(.astro-6ziqwetu):focus-visible{outline:2px solid var(--c2);outline-offset:2px}figcaption:where(.astro-6ziqwetu){text-align:center;color:var(--muted);margin-top:.9rem;font-size:.85rem}@media (width<=560px){.time:where(.astro-6ziqwetu){display:none}.big-play:where(.astro-6ziqwetu){width:64px;height:64px}}.hero:where(.astro-lcdefpme){isolation:isolate;align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-fade:where(.astro-lcdefpme){background:linear-gradient(transparent, var(--bg));pointer-events:none;height:16%;position:absolute;inset:auto 0 0}.hero-content:where(.astro-lcdefpme){padding-top:6rem;padding-bottom:4rem;position:relative}h1:where(.astro-lcdefpme){letter-spacing:-.045em;text-shadow:0 2px 40px #0b0d1699;margin:0;font-size:clamp(2.8rem,8vw,6rem);font-weight:800;line-height:1}.lead:where(.astro-lcdefpme){color:#c2c6d6;max-width:38rem;margin:1.5rem 0 2rem;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.6}.actions:where(.astro-lcdefpme){flex-wrap:wrap;gap:.75rem;display:flex}.demo:where(.astro-lcdefpme){padding:2rem 0 3rem;scroll-margin-top:5rem;position:relative}.live:where(.astro-lcdefpme){justify-content:center;margin-top:1.25rem;display:flex}.pipeline:where(.astro-lcdefpme){text-align:center;padding:3rem 0 4rem}.pipeline:where(.astro-lcdefpme) ol:where(.astro-lcdefpme){flex-wrap:wrap;justify-content:center;gap:.5rem 2.2rem;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.pipeline:where(.astro-lcdefpme) li:where(.astro-lcdefpme){border:1px solid var(--line);background:var(--bg-2);animation:3.6s ease-in-out infinite pulse;animation-delay:calc(var(--i) * .45s);border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;position:relative}.pipeline:where(.astro-lcdefpme) li:where(.astro-lcdefpme):not(:last-child):after{content:"";background:linear-gradient(90deg, var(--c1), var(--c3));opacity:.6;width:2.2rem;height:1px;position:absolute;top:50%;left:100%}@media (width<=480px){.pipeline:where(.astro-lcdefpme) li:where(.astro-lcdefpme):after{display:none}.pipeline:where(.astro-lcdefpme) ol:where(.astro-lcdefpme){gap:.5rem}}@keyframes pulse{0%,70%,to{border-color:var(--line);box-shadow:none}15%{border-color:#6366f1cc;box-shadow:0 0 24px -4px #6366f1b3}}.pipeline:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:1.5rem 0 0}.features:where(.astro-lcdefpme){grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding-bottom:6rem;display:grid}.card:where(.astro-lcdefpme){border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(400px circle at var(--mx,-999px) var(--my,-999px), #6366f124, transparent 60%), var(--bg-2);padding:1.6rem;transition:border-color .2s;position:relative}.card:where(.astro-lcdefpme):hover{border-color:#6366f166}.card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.05rem}.card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.code:where(.astro-lcdefpme){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3rem;padding-bottom:7rem;display:grid}@media (width<=900px){.code:where(.astro-lcdefpme){grid-template-columns:1fr}}h2:where(.astro-lcdefpme){letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.1}.code-copy:where(.astro-lcdefpme) p:where(.astro-lcdefpme){color:var(--muted);margin:0 0 1.5rem;line-height:1.7}.code-window:where(.astro-lcdefpme){border-radius:var(--radius);border:1px solid var(--line);background:#0d1117;overflow:hidden;box-shadow:0 30px 80px -30px #6366f173}.dots:where(.astro-lcdefpme){border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:.7rem 1rem;font-size:.8rem;display:flex}.dots:where(.astro-lcdefpme) i:where(.astro-lcdefpme){background:#2a2f3d;border-radius:50%;width:10px;height:10px}.dots:where(.astro-lcdefpme) span:where(.astro-lcdefpme){margin-left:.5rem}.code-window:where(.astro-lcdefpme) pre{margin:0;padding:1.2rem 1.4rem;font-size:.82rem;line-height:1.7;overflow-x:auto}