.site-nav.svelte-q6eb5{--nav-ink: var(--color-marketing-text);--nav-bg: color-mix(in srgb, var(--color-marketing-milk) 94%, transparent);position:fixed;inset:0 0 auto;z-index:1000;color:var(--nav-ink);font-family:var(--font-family-marketing);pointer-events:none}.sandbox-banner.svelte-q6eb5{display:flex;position:absolute;top:0;right:0;left:0;height:2rem;align-items:center;justify-content:center;gap:.8rem;background:var(--color-accent);color:#fff;font:560 .68rem/1 var(--font-family-marketing);text-decoration:none;transition:opacity .22s ease,transform .22s ease;pointer-events:auto}.sandbox-banner.svelte-q6eb5 b:where(.svelte-q6eb5){padding:.22rem .36rem;border:1px solid rgb(255 255 255 / .38);border-radius:2px;font-size:.53rem;letter-spacing:.03em;text-transform:uppercase}.scrolled.svelte-q6eb5 .sandbox-banner:where(.svelte-q6eb5){opacity:0;transform:translateY(-100%);pointer-events:none}.nav-wrap.svelte-q6eb5{padding:.95rem clamp(1rem,2.4vw,2rem) 0;transition:padding .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.has-banner.svelte-q6eb5 .nav-wrap:where(.svelte-q6eb5){padding-top:2.8rem}.scrolled.svelte-q6eb5 .nav-wrap:where(.svelte-q6eb5){padding:.75rem clamp(.75rem,1.8vw,1.5rem) 0}.nav-shell.svelte-q6eb5{display:flex;position:relative;width:100%;max-width:92rem;height:3.5rem;align-items:center;margin-inline:auto;color:var(--nav-ink);transition:max-width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),padding .25s cubic-bezier(.16,1,.3,1),background .18s ease,box-shadow .18s ease;pointer-events:auto}.shell-grain.svelte-q6eb5{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-image:url(../../../grain.svg),url(../../../grain.svg);background-position:center,1.1rem .7rem;background-size:210px 210px,112px 112px;background-repeat:repeat;opacity:0;filter:contrast(1.15);mix-blend-mode:multiply;pointer-events:none;transition:opacity .18s ease}.compact.svelte-q6eb5 .nav-shell:where(.svelte-q6eb5){max-width:84rem;height:2.5rem;padding:0 .35rem;border-radius:.42rem;background:var(--nav-bg);box-shadow:0 .55rem 1.6rem #0b0d1017;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.compact.svelte-q6eb5 .shell-grain:where(.svelte-q6eb5){opacity:.1}.brand.svelte-q6eb5{display:inline-flex;flex:0 0 auto;align-items:center;gap:.55rem;height:100%;padding:0 .55rem 0 .15rem;color:inherit;text-decoration:none;transition:gap .22s cubic-bezier(.16,1,.3,1),padding .22s cubic-bezier(.16,1,.3,1)}.brand-copy.svelte-q6eb5{display:inline-flex;max-width:8rem;align-items:center;gap:.37rem;overflow:hidden;opacity:1;transform:translate(0);white-space:nowrap;transition:max-width .24s cubic-bezier(.16,1,.3,1),opacity .15s ease,transform .24s cubic-bezier(.16,1,.3,1)}.brand.svelte-q6eb5 strong:where(.svelte-q6eb5){font-family:var(--font-family-display);font-size:1.05rem;font-weight:690;letter-spacing:-.055em}.environment-label.svelte-q6eb5{margin-left:-.18rem;color:var(--color-accent);font:630 .52rem/1 var(--font-family-mono);letter-spacing:.025em;text-transform:uppercase}.scrolled.svelte-q6eb5 .brand:where(.svelte-q6eb5){gap:0;padding-right:.15rem}.scrolled.svelte-q6eb5 .brand-copy:where(.svelte-q6eb5){max-width:0;opacity:0;transform:translate(-.35rem)}.desktop-links.svelte-q6eb5{display:flex;height:100%;align-items:center;margin-left:1.05rem}.scrolled.svelte-q6eb5 .desktop-links:where(.svelte-q6eb5){margin-left:.7rem}.panel-trigger-cell.svelte-q6eb5{display:flex;position:relative;height:100%;align-items:center}.desktop-links.svelte-q6eb5>a:where(.svelte-q6eb5),.panel-trigger.svelte-q6eb5,.sign-in.svelte-q6eb5{display:inline-flex;height:100%;align-items:center;padding:0 clamp(.48rem,.72vw,.68rem);border:0;background:transparent;color:inherit;font:600 .72rem/1 var(--font-family-mono);letter-spacing:.05rem;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:color .14s ease,opacity .14s ease}.panel-trigger.svelte-q6eb5{gap:.25rem;cursor:pointer}.dropdown-arrow.svelte-q6eb5{display:block;width:1.28rem;height:1.28rem;flex:0 0 auto;transform:rotate(0);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.panel-trigger.svelte-q6eb5:hover .dropdown-arrow:where(.svelte-q6eb5),.panel-trigger.svelte-q6eb5:focus-visible .dropdown-arrow:where(.svelte-q6eb5),.panel-trigger[aria-expanded=true].svelte-q6eb5 .dropdown-arrow:where(.svelte-q6eb5){transform:rotate(180deg)}.desktop-links.svelte-q6eb5>a:where(.svelte-q6eb5):hover,.panel-trigger.svelte-q6eb5:hover,.panel-trigger[aria-expanded=true].svelte-q6eb5,.sign-in.svelte-q6eb5:hover{color:var(--color-accent)}.actions.svelte-q6eb5{display:flex;height:100%;align-items:center;gap:.12rem;margin-left:auto}.theme-button.svelte-q6eb5{display:grid;width:2.25rem;height:100%;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.theme-button.svelte-q6eb5 span:where(.svelte-q6eb5){display:block;position:relative;width:.72rem;height:.72rem;overflow:hidden;border:1px solid currentColor;border-radius:50%}.theme-button.svelte-q6eb5 span:where(.svelte-q6eb5):before{position:absolute;top:0;right:50%;bottom:0;left:0;background:currentColor;content:""}.build.svelte-q6eb5{display:inline-flex;min-height:2.15rem;align-items:center;justify-content:center;margin-left:.2rem;padding:0 .9rem;border:1px solid var(--nav-ink);border-radius:.3rem;background:var(--nav-ink);color:var(--color-marketing-bg);font:600 .68rem/1 var(--font-family-mono);letter-spacing:.05rem;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.build.svelte-q6eb5:hover{border-color:var(--color-accent);background:var(--color-accent);color:#fff;transform:translateY(-1px)}.menu-button.svelte-q6eb5,.mobile-reveal.svelte-q6eb5,.build-short.svelte-q6eb5{display:none}.nav-panel.svelte-q6eb5{display:grid;position:absolute;top:calc(100% + .72rem);left:0;z-index:20;width:38rem;grid-template-columns:minmax(15.5rem,.92fr) minmax(18rem,1.08fr);gap:.65rem;padding:.7rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-marketing-text) 18%,transparent);border-radius:.42rem;background:var(--color-marketing-milk);color:var(--color-marketing-text);box-shadow:0 1.1rem 2.7rem #0b0d101f;animation:svelte-q6eb5-panel-in .18s cubic-bezier(.16,1,.3,1) both}.nav-panel-developers.svelte-q6eb5{width:36rem}.nav-panel-resources.svelte-q6eb5{width:34rem;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.nav-panel[hidden].svelte-q6eb5{display:none}.panel-links.svelte-q6eb5{display:grid;align-content:start;margin:0;padding:0;list-style:none}.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5){display:grid;grid-template-columns:1.85rem minmax(0,1fr);align-items:center;gap:.68rem;min-height:3.35rem;padding:.52rem .6rem;border-radius:.28rem;color:inherit;text-decoration:none;transition:background .14s ease,transform .14s ease}.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5):hover,.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5):focus-visible{background:color-mix(in srgb,var(--color-marketing-text) 6%,var(--color-marketing-milk));transform:translate(.12rem)}.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5)>span:where(.svelte-q6eb5):not(.nav-icon){display:grid;gap:.16rem}.panel-links.svelte-q6eb5 strong:where(.svelte-q6eb5){font-size:.79rem;font-weight:640;letter-spacing:-.02em}.panel-links.svelte-q6eb5 small:where(.svelte-q6eb5){color:var(--color-marketing-text-muted);font-size:.61rem;line-height:1.25}.nav-icon.svelte-q6eb5{display:grid;width:1.75rem;height:1.75rem;place-items:center;color:color-mix(in srgb,var(--color-marketing-text) 76%,var(--color-accent));transition:color .15s ease,transform .18s cubic-bezier(.16,1,.3,1)}.nav-icon.svelte-q6eb5 svg:where(.svelte-q6eb5){width:1.3rem;height:1.3rem;overflow:visible}.nav-icon-cutout.svelte-q6eb5{fill:var(--color-marketing-milk)}.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5):hover .nav-icon:where(.svelte-q6eb5),.panel-links.svelte-q6eb5 a:where(.svelte-q6eb5):focus-visible .nav-icon:where(.svelte-q6eb5){color:var(--color-accent);transform:scale(1.08) rotate(-2deg)}.panel-feature.svelte-q6eb5{display:flex;position:relative;min-height:14rem;flex-direction:column;justify-content:flex-end;gap:.68rem;padding:1.15rem;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:.28rem;color:#fff;text-decoration:none;isolation:isolate}.panel-feature.svelte-q6eb5:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 78% 18%,rgb(255 255 255 / .22),transparent 34%),linear-gradient(145deg,color-mix(in srgb,currentColor 68%,#101216),#111318 76%);content:"";transition:transform .52s cubic-bezier(.16,1,.3,1)}.panel-feature.svelte-q6eb5:hover:before{transform:scale(1.035)}.panel-feature.tone-vermillion.svelte-q6eb5{color:var(--color-accent-bright)}.panel-feature.tone-ink.svelte-q6eb5{color:#8c9baa}.panel-feature.tone-paper.svelte-q6eb5{color:#d7c9b5}.feature-grain.svelte-q6eb5{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(../../../grain.svg) center / 180px 180px repeat;opacity:.16;mix-blend-mode:screen}.panel-feature.svelte-q6eb5>:where(.svelte-q6eb5):not(.feature-grain){color:#fff}.feature-kicker.svelte-q6eb5{font:600 .52rem/1 var(--font-family-mono);letter-spacing:.05em;text-transform:uppercase;opacity:.62}.panel-feature.svelte-q6eb5 strong:where(.svelte-q6eb5){max-width:15rem;font-family:var(--font-family-display);font-size:1.3rem;font-weight:570;letter-spacing:-.04em;line-height:1.02}.panel-feature.svelte-q6eb5 small:where(.svelte-q6eb5){max-width:16rem;color:#ffffffa3!important;font-size:.64rem;line-height:1.38}.feature-signal.svelte-q6eb5{display:flex;position:absolute;top:1rem;right:1rem;align-items:flex-end;gap:.18rem;height:2.3rem}.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5){display:block;width:.2rem;height:24%;background:currentColor;animation:svelte-q6eb5-signal 1.8s ease-in-out infinite alternate}.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5):nth-child(2){height:68%;animation-delay:-.45s}.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5):nth-child(3){height:100%;animation-delay:-.9s}.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5):nth-child(4){height:52%;animation-delay:-.3s}.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5):nth-child(5){height:82%;animation-delay:-.7s}.nav-spacer.svelte-q6eb5{height:5.25rem}.nav-spacer.has-banner.svelte-q6eb5{height:7.25rem}.nav-spacer.overlay.svelte-q6eb5{height:0}.site-nav.svelte-q6eb5 a:where(.svelte-q6eb5):focus-visible,.site-nav.svelte-q6eb5 button:where(.svelte-q6eb5):focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent) 70%,transparent);outline-offset:3px}@keyframes svelte-q6eb5-panel-in{0%{opacity:0;transform:translateY(-.35rem) scale(.985)}to{opacity:1;transform:none}}@keyframes svelte-q6eb5-signal{to{height:34%}}@media(max-width:72rem){.desktop-links.svelte-q6eb5{margin-left:.55rem}.desktop-links.svelte-q6eb5>a:where(.svelte-q6eb5),.panel-trigger.svelte-q6eb5,.sign-in.svelte-q6eb5{padding-inline:.48rem;font-size:.74rem}.nav-panel.svelte-q6eb5{left:-.3rem}}@media(max-width:64rem){.nav-wrap.svelte-q6eb5,.compact.svelte-q6eb5 .nav-wrap:where(.svelte-q6eb5){padding:.65rem .65rem 0}.has-banner.svelte-q6eb5:not(.scrolled) .nav-wrap:where(.svelte-q6eb5){padding-top:2.65rem}.nav-surface.svelte-q6eb5{display:flex;flex-direction:column;max-height:calc(100dvh - 1.3rem);border-radius:.6rem;transition:background .32s ease,box-shadow .32s ease}.compact.svelte-q6eb5 .nav-surface:where(.svelte-q6eb5){background:var(--nav-bg);box-shadow:0 .55rem 1.6rem #0b0d1017;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.has-banner.svelte-q6eb5:not(.scrolled) .nav-surface:where(.svelte-q6eb5){max-height:calc(100dvh - 3.3rem)}.nav-shell.svelte-q6eb5,.compact.svelte-q6eb5 .nav-shell:where(.svelte-q6eb5){flex:0 0 3.25rem;height:3.25rem;padding:0 .35rem;border-radius:.6rem;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.menu-open.svelte-q6eb5 .nav-surface:where(.svelte-q6eb5){background:var(--color-marketing-milk);box-shadow:0 1rem 2.8rem #0b0d102e,0 0 0 1px color-mix(in srgb,var(--nav-ink) 16%,transparent);pointer-events:auto}.menu-open.svelte-q6eb5 .shell-grain:where(.svelte-q6eb5){opacity:0}.desktop-links.svelte-q6eb5,.theme-button.svelte-q6eb5,.sign-in.svelte-q6eb5{display:none}.brand.svelte-q6eb5,.scrolled.svelte-q6eb5 .brand:where(.svelte-q6eb5){gap:.55rem;margin-right:auto;padding-inline:.35rem .55rem}.scrolled.svelte-q6eb5 .brand-copy:where(.svelte-q6eb5){max-width:8rem;opacity:1;transform:none}.build.svelte-q6eb5{min-height:2.5rem;padding-inline:.7rem;font-size:.62rem;letter-spacing:.02em}.menu-button.svelte-q6eb5{display:grid;width:2.75rem;height:2.75rem;margin-left:.2rem;place-items:center;border:0;border-radius:.35rem;background:transparent;color:inherit;cursor:pointer}.menu-button.svelte-q6eb5 svg:where(.svelte-q6eb5){width:1.15rem;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.4}.menu-button.svelte-q6eb5:hover{background:color-mix(in srgb,var(--nav-ink) 9%,transparent)}.mobile-reveal.svelte-q6eb5,.mobile-disclosure.svelte-q6eb5{display:grid;grid-template-rows:0fr;min-height:0;opacity:0;visibility:hidden;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .32s}.menu-open.svelte-q6eb5 .mobile-reveal:where(.svelte-q6eb5),.mobile-disclosure.expanded.svelte-q6eb5{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}.mobile-disclosure-content.svelte-q6eb5{min-height:0;overflow:hidden}.mobile-navigation.svelte-q6eb5{display:flex;min-height:0;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;color:var(--nav-ink);pointer-events:auto}.mobile-navigation.svelte-q6eb5::-webkit-scrollbar{display:none;width:0;height:0}.mobile-groups.svelte-q6eb5{padding:.55rem .85rem .7rem}.mobile-group.svelte-q6eb5,.mobile-groups.svelte-q6eb5>a:where(.svelte-q6eb5){border-bottom:1px solid color-mix(in srgb,var(--nav-ink) 12%,transparent)}.mobile-parent.svelte-q6eb5{display:flex;width:100%;min-height:3.5rem;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .45rem;border:0;background:none;color:inherit;font:550 1.45rem/1.1 var(--font-family-display);letter-spacing:-.035em;text-align:left;text-decoration:none;cursor:pointer}.mobile-parent[aria-expanded=true].svelte-q6eb5{color:var(--color-accent)}.mobile-parent[aria-expanded=true].svelte-q6eb5 .dropdown-arrow:where(.svelte-q6eb5){transform:rotate(180deg)}.mobile-parent.svelte-q6eb5:hover{color:var(--color-accent)}.mobile-children.svelte-q6eb5{display:grid;gap:.15rem;margin:0 0 .85rem .6rem;padding:0 0 0 .55rem;border-left:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent);list-style:none}.mobile-children.svelte-q6eb5 a:where(.svelte-q6eb5){display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.6rem;min-height:3.5rem;align-items:center;padding:.6rem .5rem;border-radius:.35rem;color:inherit;text-decoration:none}.mobile-children.svelte-q6eb5 a:where(.svelte-q6eb5):hover,.mobile-children.svelte-q6eb5 a:where(.svelte-q6eb5):focus-visible{background:color-mix(in srgb,var(--nav-ink) 8%,transparent)}.mobile-children.svelte-q6eb5 a:where(.svelte-q6eb5)>span:where(.svelte-q6eb5):not(.nav-icon){display:grid;gap:.25rem}.mobile-children.svelte-q6eb5 strong:where(.svelte-q6eb5){display:flex;align-items:center;gap:.4rem;font-size:.87rem;font-weight:620}.mobile-children.svelte-q6eb5 small:where(.svelte-q6eb5){color:var(--color-marketing-text-muted);font-size:.7rem;line-height:1.35}.external-arrow.svelte-q6eb5{width:.85rem;height:.85rem;color:var(--color-marketing-text-muted)}.mobile-foot.svelte-q6eb5{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem 1.3rem 1rem}.mobile-foot.svelte-q6eb5>a:where(.svelte-q6eb5){display:inline-flex;min-height:2.75rem;align-items:center;color:inherit;font:610 .78rem/1 var(--font-family-marketing);text-decoration:none}.mobile-theme-switch.svelte-q6eb5{display:inline-grid;grid-template-columns:repeat(2,2.75rem);gap:.125rem;padding:.125rem;border:1px solid color-mix(in srgb,var(--nav-ink) 14%,transparent);border-radius:.45rem;background:color-mix(in srgb,var(--nav-ink) 4%,transparent)}.mobile-theme-switch.svelte-q6eb5 button:where(.svelte-q6eb5){display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid transparent;border-radius:.3rem;background:transparent;color:var(--color-marketing-text-muted);cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.mobile-theme-switch.svelte-q6eb5 button:where(.svelte-q6eb5):hover{background:color-mix(in srgb,var(--nav-ink) 8%,transparent);color:var(--nav-ink)}.mobile-theme-switch.svelte-q6eb5 button[aria-pressed=true]:where(.svelte-q6eb5){border-color:color-mix(in srgb,var(--color-accent) 30%,transparent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-marketing-milk));color:var(--color-accent)}.mobile-theme-switch.svelte-q6eb5 svg:where(.svelte-q6eb5){width:1.1rem;height:1.1rem;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.nav-spacer.svelte-q6eb5,.nav-spacer.has-banner.svelte-q6eb5{height:4.3rem}.nav-spacer.overlay.svelte-q6eb5{height:0}:root[data-theme=dark] .compact.svelte-q6eb5:not(.menu-open) .nav-shell:where(.svelte-q6eb5){box-shadow:none}:root[data-theme=dark] .compact.svelte-q6eb5:not(.menu-open) .nav-surface:where(.svelte-q6eb5){box-shadow:0 .7rem 2rem #00000052}}@media(max-width:24rem){.build-label.svelte-q6eb5{display:none}.build-short.svelte-q6eb5{display:inline}.build.svelte-q6eb5{min-width:3.5rem}}@media(prefers-reduced-motion:reduce){.nav-wrap.svelte-q6eb5,.nav-shell.svelte-q6eb5,.nav-surface.svelte-q6eb5,.mobile-reveal.svelte-q6eb5,.mobile-disclosure.svelte-q6eb5,.mobile-theme-switch.svelte-q6eb5 button:where(.svelte-q6eb5),.sandbox-banner.svelte-q6eb5,.brand.svelte-q6eb5,.brand-copy.svelte-q6eb5,.dropdown-arrow.svelte-q6eb5,.feature-signal.svelte-q6eb5 i:where(.svelte-q6eb5){transition:none;animation:none}}:root[data-theme=dark] .site-nav.svelte-q6eb5{--nav-bg: rgb(8 10 13 / .93)}:root[data-theme=dark] .shell-grain.svelte-q6eb5{mix-blend-mode:screen}:root[data-theme=dark] .compact.svelte-q6eb5 .shell-grain:where(.svelte-q6eb5){opacity:.12;filter:contrast(1.2)}@media(min-width:64.001rem){:root[data-theme=dark] .compact.svelte-q6eb5:not(.menu-open) .nav-shell:where(.svelte-q6eb5){box-shadow:0 .7rem 2rem #00000052}}html.public-menu-open,html.public-menu-open body{overflow:hidden}