.grain-overlay:where(.astro-j7pv25f6){position:fixed;inset:0;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.025;mix-blend-mode:overlay}.hero-split:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 1rem;max-width:1200px;margin:0 auto;align-items:center}@media(min-width:1024px){.hero-split:where(.astro-j7pv25f6){grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem}}.hero-content:where(.astro-j7pv25f6){order:1}@media(min-width:1024px){.hero-content:where(.astro-j7pv25f6){order:0}}.badge:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;font-size:.875rem;color:#a1a1aa;margin-bottom:1.5rem}.badge:where(.astro-j7pv25f6).loading .status-dot:where(.astro-j7pv25f6){animation:pulse 1.5s ease-in-out infinite}.status-dot:where(.astro-j7pv25f6){width:6px;height:6px;background:#10b981;border-radius:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}h1:where(.astro-j7pv25f6){font-size:2.5rem;font-weight:600;line-height:1.1;letter-spacing:-.025em;margin-bottom:1rem}@media(min-width:768px){h1:where(.astro-j7pv25f6){font-size:3.5rem}}h1:where(.astro-j7pv25f6) em:where(.astro-j7pv25f6){color:#10b981;font-style:normal}.lead:where(.astro-j7pv25f6){font-size:1.125rem;color:#a1a1aa;line-height:1.6;max-width:540px;margin-bottom:2rem}.install-command:where(.astro-j7pv25f6){display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:1.5rem;max-width:fit-content}.install-command:where(.astro-j7pv25f6):hover{border-color:#fff3;background:#0006}.install-command:where(.astro-j7pv25f6):active{transform:translateY(1px) scale(.99)}.install-inner:where(.astro-j7pv25f6){display:flex;align-items:center;gap:.5rem;font-family:Geist Mono,monospace;font-size:.875rem}.dollar:where(.astro-j7pv25f6){color:#52525b}.cmd:where(.astro-j7pv25f6){color:#fafafa}.install-action:where(.astro-j7pv25f6){color:#a1a1aa}.install-toast:where(.astro-j7pv25f6){position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.5rem 1rem;background:#10b981;color:#000;font-size:.875rem;font-weight:500;border-radius:.5rem;opacity:0;pointer-events:none;transition:opacity .2s ease;white-space:nowrap}.install-toast:where(.astro-j7pv25f6).show{opacity:1}.install-toast:where(.astro-j7pv25f6).error{background:#f87171}.hero-actions:where(.astro-j7pv25f6){display:flex;gap:1rem;flex-wrap:wrap}.docs-hint:where(.astro-j7pv25f6){margin-top:.75rem;font-size:.875rem;color:#71717a}.docs-hint:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:#34d399;text-decoration:none}.docs-hint:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{text-decoration:underline}.btn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:.75rem;text-decoration:none;transition:all .2s ease}.btn-primary:where(.astro-j7pv25f6){background:#10b981;color:#000}.btn-primary:where(.astro-j7pv25f6):hover{background:#34d399;box-shadow:0 0 20px #10b9814d}.btn-secondary:where(.astro-j7pv25f6){background:#ffffff0d;color:#fafafa;border:1px solid rgba(255,255,255,.1)}.btn-secondary:where(.astro-j7pv25f6):hover{background:#ffffff1a;border-color:#fff3}.btn:where(.astro-j7pv25f6):active{transform:translateY(1px) scale(.98)}.screenshot-container:where(.astro-j7pv25f6){order:0}@media(min-width:1024px){.screenshot-container:where(.astro-j7pv25f6){order:1}}.screenshot:where(.astro-j7pv25f6){width:100%;height:auto;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease}.screenshot:where(.astro-j7pv25f6):hover{transform:translateY(-2px);box-shadow:0 20px 40px -15px #00000080}.screenshot:where(.astro-j7pv25f6):focus{outline:2px solid rgba(16,185,129,.5);outline-offset:4px}.features:where(.astro-j7pv25f6){padding:4rem 1rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.features:where(.astro-j7pv25f6){padding:6rem 2rem}}.bento-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.bento-grid:where(.astro-j7pv25f6){grid-template-columns:repeat(2,1fr)}}.bento-item:where(.astro-j7pv25f6){padding:1.5rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;position:relative;overflow:hidden}.bento-item:where(.astro-j7pv25f6):after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0d}.bento-item:where(.astro-j7pv25f6).interactive-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,inset 0 0 20px #ffffff0d,0 30px 60px -20px #0009}@media(min-width:768px){.bento-item:where(.astro-j7pv25f6){padding:2.5rem}}.bento-item:where(.astro-j7pv25f6).wide{grid-column:1 / -1;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.bento-item:where(.astro-j7pv25f6).wide{grid-column:1 / -1;grid-template-columns:1fr 1fr;align-items:center}}.fcard-icon:where(.astro-j7pv25f6){display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:.75rem;color:#10b981;margin-bottom:1rem}.bento-content:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.bento-content:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:#a1a1aa;font-size:.9375rem;line-height:1.6}.bento-content:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){color:#fafafa;font-family:Geist Mono,monospace;font-size:.875em}code:where(.astro-j7pv25f6).mono-badge{padding:.2rem .4rem;border-radius:.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.pulse-indicator:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#10b9810d;border:1px solid rgba(16,185,129,.1);border-radius:9999px;font-family:Geist Mono,monospace;font-size:.75rem;color:#10b981}.pulse-indicator:where(.astro-j7pv25f6) .dot:where(.astro-j7pv25f6){width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.interactive-card:where(.astro-j7pv25f6){cursor:default}.bento-visual:where(.astro-j7pv25f6){margin-top:auto;padding-top:1.5rem;position:relative;z-index:1;width:100%}.bento-item:where(.astro-j7pv25f6).wide .bento-visual:where(.astro-j7pv25f6){margin-top:0;padding-top:0}.infinite-scroll-y:where(.astro-j7pv25f6){font-family:Geist Mono,monospace;font-size:.8rem;color:#52525b;position:relative;height:180px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:1.5rem}.scroll-content:where(.astro-j7pv25f6){display:flex;flex-direction:column;animation:scroll-up 12s linear infinite}.scroll-content:where(.astro-j7pv25f6):hover{animation-play-state:paused}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.log-line:where(.astro-j7pv25f6){padding:.35rem 0}.log-line:where(.astro-j7pv25f6).dim{opacity:.5}.ti:where(.astro-j7pv25f6){color:#10b981}.examples:where(.astro-j7pv25f6){padding:4rem 1rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.examples:where(.astro-j7pv25f6){padding:6rem 2rem}}.section-header:where(.astro-j7pv25f6){text-align:center;margin-bottom:2rem}.section-header:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.section-header:where(.astro-j7pv25f6) .sub:where(.astro-j7pv25f6){color:#a1a1aa}.ex-container:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr;border-radius:var(--radius-xl);overflow:hidden}@media(min-width:768px){.ex-container:where(.astro-j7pv25f6){grid-template-columns:200px 1fr}}.ex-sidebar:where(.astro-j7pv25f6){display:flex;flex-direction:column;padding:1rem;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}@media(min-width:768px){.ex-sidebar:where(.astro-j7pv25f6){border-bottom:none;border-right:1px solid rgba(255,255,255,.05)}}.ex-tab:where(.astro-j7pv25f6){padding:.75rem 1rem;text-align:left;background:transparent;border:none;border-radius:.5rem;color:#a1a1aa;font-size:.875rem;cursor:pointer;transition:all .2s ease}.ex-tab:where(.astro-j7pv25f6):hover{background:#ffffff0d;color:#fafafa}.ex-tab:where(.astro-j7pv25f6).active{background:#10b9811a;color:#10b981}.ex-tab:where(.astro-j7pv25f6):focus-visible{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}.ex-content:where(.astro-j7pv25f6){padding:1.5rem;overflow-x:auto}.ex-panel:where(.astro-j7pv25f6){display:none}.ex-panel:where(.astro-j7pv25f6).active{display:block}.ex-block:where(.astro-j7pv25f6){margin:0;font-family:Geist Mono,monospace;font-size:.875rem;line-height:1.7;color:#fafafa;white-space:pre-wrap;word-break:break-all}.ex-block:where(.astro-j7pv25f6) .cmt:where(.astro-j7pv25f6){color:#52525b}.ex-block:where(.astro-j7pv25f6) .flag:where(.astro-j7pv25f6){color:#38bdf8}.ex-block:where(.astro-j7pv25f6) .val:where(.astro-j7pv25f6){color:#fbbf24}.lightbox:where(.astro-j7pv25f6){position:fixed;inset:0;z-index:100;background:#000000f2;backdrop-filter:blur(10px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease}.lightbox:where(.astro-j7pv25f6).open{opacity:1;pointer-events:auto}.lightbox-close:where(.astro-j7pv25f6){position:absolute;top:1rem;right:1rem;z-index:101;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fafafa;cursor:pointer;transition:all .2s ease}.lightbox-close:where(.astro-j7pv25f6):hover{background:#fff3}.lightbox-close:where(.astro-j7pv25f6):focus-visible{outline:2px solid rgba(16,185,129,.5);outline-offset:2px}.lightbox-scroll:where(.astro-j7pv25f6){flex:1;overflow:auto;padding:4rem 1rem;display:flex;align-items:flex-start;justify-content:center;cursor:zoom-out}.lightbox-image:where(.astro-j7pv25f6){max-width:100%;height:auto;border-radius:.5rem}.sr-only:where(.astro-j7pv25f6){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.grain-overlay:where(.astro-j7pv25f6),.status-dot:where(.astro-j7pv25f6){display:none}:where(.astro-j7pv25f6),:where(.astro-j7pv25f6):before,:where(.astro-j7pv25f6):after{animation-duration:.01ms!important;transition-duration:.01ms!important}}