.navigation-icon[data-astro-cid-j4knylvv]{width:20px;height:20px;color:var(--color-brand);flex:0 0 20px;display:inline-flex}.navigation-icon[data-astro-cid-j4knylvv] svg{width:100%;height:100%;display:block}.site-page .website-header{z-index:40;--nav-surface:var(--figma-primitive-neutral-50);--nav-line:var(--figma-primitive-neutral-100);background:var(--color-surface);border-block:1px solid var(--nav-line);height:auto;transition:transform .18s var(--motion-ease-out), opacity .14s ease;position:sticky;top:0}.site-page .website-header[data-frameworks-hidden]{opacity:0;pointer-events:none;transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.site-page .website-header{transition:none}}.website-header-inner{align-items:center;gap:32px;min-height:74px;margin-inline:auto;padding-inline:24px;display:flex;position:relative}.website-brand-group{flex-shrink:0;align-items:center;gap:16px;display:flex}.website-brand{align-items:center;min-height:44px;display:flex}.website-brand img{width:104px;height:24px}.website-hiring{color:var(--color-ink-secondary);background:var(--color-surface-subtle);border:1px solid var(--nav-line);border-radius:var(--radius-pill);text-transform:uppercase;align-items:center;gap:4px;padding:3px 6px;font:10px/1.2 ui-monospace,monospace;display:inline-flex}.website-hiring:hover{color:var(--color-brand);border-color:var(--color-brand)}.website-nav-wrap{flex:1;justify-content:space-between;align-items:center;gap:24px;display:flex}.website-nav{align-items:center;gap:4px;display:flex}.website-nav-trigger,.website-top-link{border-radius:var(--radius-xs);min-height:44px;color:var(--color-ink);cursor:pointer;align-items:center;gap:9px;padding:10px 12px;font-size:14px;line-height:24px;list-style:none;display:flex}.website-nav-trigger::-webkit-details-marker{display:none}.website-nav-trigger:hover,.website-top-link:hover,.website-dropdown[open]>.website-nav-trigger{background:var(--nav-surface)}.website-dropdown[open]>.website-nav-trigger{color:var(--color-ink)}.website-chevron{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.website-dropdown[open]>summary:not([aria-expanded=false]) .website-chevron{transform:translateY(2px)rotate(225deg)}.website-nav-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.website-signin{min-height:44px;color:var(--color-ink);align-items:center;gap:8px;font-size:14px;display:inline-flex}.website-header .website-demo.button{--button-background:var(--color-ink);--button-border:var(--color-ink);--button-label:var(--color-surface);--button-hover-background:var(--figma-primitive-neutral-900);--button-hover-border:var(--figma-primitive-neutral-900);--button-hover-label:var(--color-surface)}.website-header .website-mobile-demo.button,.website-mobile-hiring{display:none}.website-mega-panel{z-index:2;padding-top:8px;position:absolute;top:100%;left:0;right:0}.website-mega-frame{transform-origin:top;border:1px solid var(--nav-line);border-radius:var(--radius-xs);background:var(--nav-surface);box-shadow:0 16px 32px color-mix(in srgb, var(--color-ink) 4%, transparent);overscroll-behavior:contain;max-height:calc(100dvh - 96px);padding:6px;overflow:hidden auto}.website-mega-content{border:1px solid var(--nav-line);border-radius:var(--radius-xs);background:var(--color-surface);grid-template-columns:minmax(250px,1.1fr) repeat(3,minmax(0,1fr));min-height:272px;display:grid}.website-header .website-nav-eyebrow{color:var(--color-ink-secondary);margin:0 12px 12px;font-size:12px;font-weight:500;line-height:1.4}.website-link-column{padding:22px 10px}.website-link-column ul{margin:0;padding:0;list-style:none}.website-mega-intro+.website-link-column,.website-link-column+.website-link-column{border-left:1px solid var(--nav-line)}.website-overview-link{color:var(--color-brand)}.website-menu-link{border-radius:var(--radius-xs);min-height:48px;color:var(--color-ink);align-items:center;gap:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.website-framework-logo{object-fit:contain;flex:0 0 20px;width:20px;height:20px}.website-menu-link:hover{background:var(--color-surface-subtle);color:var(--color-brand)}.website-link-arrow{opacity:0;flex-shrink:0;width:16px;height:16px;margin-left:auto;transition:opacity .16s}.website-menu-link:hover .website-link-arrow,.website-menu-link:focus-visible .website-link-arrow{opacity:1}.website-mega-footer{color:var(--color-ink-secondary);justify-content:space-between;align-items:center;gap:24px;padding:14px 24px 8px;font-size:12px;line-height:1.5;display:flex}.website-mega-footer a{align-items:center;gap:var(--figma-space-8);color:var(--color-ink);cursor:pointer;flex-shrink:0;display:inline-flex}.website-mega-footer a>*{pointer-events:none}.website-mega-footer a:hover{color:var(--color-brand)}.website-header :is(a,summary,button):focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.website-menu-toggle{border-radius:var(--radius-xs);width:44px;min-height:44px;color:var(--color-ink);font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:13px;display:none}.website-menu-glyph{flex-direction:column;gap:5px;width:22px;display:flex}.website-menu-glyph i{background:currentColor;width:100%;height:1.5px}.website-menu-toggle[aria-expanded=true] .website-menu-glyph i:first-child{transform:translateY(6.5px)rotate(45deg)}.website-menu-toggle[aria-expanded=true] .website-menu-glyph i:nth-child(2){opacity:0}.website-menu-toggle[aria-expanded=true] .website-menu-glyph i:last-child{transform:translateY(-6.5px)rotate(-45deg)}@media (width>=1001px) and (width<=1200px){.website-header-inner{gap:20px;padding-inline:16px}.website-brand-group{gap:10px}.website-nav-trigger,.website-top-link{padding-inline:9px}.website-nav-actions{gap:14px}}@media (width<=1000px){.site-page .website-header:not([data-nav-ready]){position:relative}.website-header .website-header-inner{border-inline:0;flex-wrap:wrap;justify-content:space-between;gap:0;width:100%;max-width:none;min-height:64px;margin-inline:0;padding-inline:16px}.website-brand img{width:120px;height:auto}.website-brand-group .website-hiring,.website-nav-actions .website-demo.button{display:none}.website-header .website-mobile-demo.button{order:1;margin-left:auto;margin-right:8px;display:inline-flex}.website-mobile-hiring{align-items:center;gap:var(--figma-space-8);min-height:44px;font-size:14px;display:inline-flex}.website-header[data-nav-ready] .website-menu-toggle{flex-shrink:0;order:2;display:inline-flex}.website-header[data-nav-ready] .website-nav-wrap{overscroll-behavior:contain;border:1px solid var(--nav-line);border-radius:var(--radius-xs);max-height:calc(100dvh - 80px);box-shadow:0 16px 32px color-mix(in srgb, var(--color-ink) 4%, transparent);position:absolute;top:100%;left:16px;right:16px;overflow:hidden auto}.website-header[data-nav-ready] .website-nav-wrap:not(.is-open){display:none}.website-nav-wrap{background:var(--nav-surface);flex-direction:column;flex:0 0 100%;order:3;align-items:stretch;gap:0;padding:8px}.website-nav{flex-direction:column;align-items:stretch;gap:4px}.website-nav-trigger,.website-top-link{background:var(--color-surface);border:1px solid var(--nav-line);justify-content:space-between;min-height:48px;padding:12px}.website-dropdown[open]>.website-nav-trigger{background:var(--color-surface)}.website-mega-panel{padding-top:0;display:flow-root;position:static}.website-mega-panel[data-mobile-animating]{overflow:hidden}.website-mega-frame{box-shadow:none;border:0;max-height:none;margin-top:4px;padding:0;overflow:visible}.website-mega-content{grid-template-columns:1fr;min-height:0}.website-link-column{padding:16px 12px}.website-link-column+.website-link-column{border-left:0;border-top:1px solid var(--nav-line)}.website-mega-footer{flex-wrap:wrap;gap:8px;padding:14px 12px}.website-nav-actions{border-top:1px solid var(--nav-line);justify-content:space-between;margin-top:8px;padding:16px 12px 8px;display:flex}}@media (width<=600px){.website-brand-group{gap:10px}.website-menu-link{min-height:48px}}.website-nav-indicator{display:none}@media (width>=1001px){.website-header[data-nav-ready] .website-nav-indicator{height:44px;width:var(--nav-indicator-width,0px);transform:translateX(var(--nav-indicator-x,0px));border:1px solid var(--nav-line);border-radius:var(--radius-xs);background:var(--nav-surface);opacity:0;pointer-events:none;transition:transform .22s var(--motion-ease-out), width .22s var(--motion-ease-out), opacity .12s ease;display:block;position:absolute;top:calc(50% - 22px);left:0}.website-header[data-nav-indicator-active] .website-nav-indicator{opacity:1}.website-header[data-nav-ready] .website-top-link,.website-header[data-nav-ready] .website-nav-trigger,.website-header[data-nav-ready] .website-dropdown[open]>.website-nav-trigger{background:0 0;position:relative}}.website-header[data-nav-instant] .website-nav-indicator{transition:none}@media (prefers-reduced-motion:reduce){.website-nav-indicator,.website-link-arrow{transition:none!important}}.website-mega-intro{border-radius:var(--radius-xs) 0 0 var(--radius-xs);background:var(--color-surface);flex-direction:column;padding:24px;display:flex}.website-header .website-mega-intro h2{letter-spacing:-.6px;margin:0 0 16px;font-size:24px;font-weight:500;line-height:1.2}.website-header .website-mega-intro p{color:var(--color-ink-secondary);margin:0;font-size:14px;line-height:1.6}@media (width>=1001px) and (width<=1150px){.website-mega-content{grid-template-columns:repeat(3,minmax(0,1fr))}.website-mega-intro{border-bottom:1px solid var(--nav-line);grid-column:1/-1}.website-mega-intro+.website-link-column{border-left:0}}@media (width<=1000px){.website-mega-intro{border-bottom:1px solid var(--nav-line);border-radius:var(--radius-xs) var(--radius-xs) 0 0;padding:20px}.website-mega-intro+.website-link-column{border-left:0}}:where(.site-page) .home-pixel-grid{pointer-events:none;background:0 0;width:100%;max-width:1440px;margin-inline:auto;position:absolute;inset:0}:where(.site-page) .home-pixel-grid:after{content:"";z-index:1;border-inline:1px solid var(--border);position:absolute;inset:0}:where(.site-page) .home-pixel-wave{pointer-events:none;display:none;position:fixed;top:0}:where(.site-page) .has-pixel-wave .home-pixel-wave{display:block}:where(.site-page) .home-wave-checks{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden}:where(.site-page) .has-pixel-wave .home-wave-checks{display:block}:where(.site-page) .home-wave-check{width:3px;height:3px;color:var(--color-ink-tertiary);position:absolute}:where(.site-page) .home-wave-check[data-status=failed]{color:var(--color-ink-tertiary)}:where(.site-page) .home-wave-check-pixel{opacity:var(--point-opacity,0);background:currentColor;transition:opacity 80ms;position:absolute;inset:0}:where(.site-page) .home-wave-check.is-open .home-wave-check-pixel{opacity:0}:where(.site-page) .home-wave-lock{color:var(--accent);text-align:center;opacity:var(--lock-opacity,0);grid-template-columns:repeat(3,6px);font:9px/6px VT323,ui-monospace,monospace;transition:opacity .12s;display:grid;position:absolute;top:0;left:-6px}:where(.site-page) .home-wave-lock-center,:where(.site-page) .home-wave-check.is-inspecting .home-wave-check-pixel{opacity:0}:where(.site-page) .home-wave-check.is-inspecting .home-wave-lock-center{opacity:1}:where(.site-page) .home-wave-check.is-detected .home-wave-lock>:first-child{animation:.65s cubic-bezier(.25,1,.5,1) both scan-lock-left}:where(.site-page) .home-wave-check.is-detected .home-wave-lock>:last-child{animation:.65s cubic-bezier(.25,1,.5,1) both scan-lock-right}:where(.site-page) .home-wave-report{left:var(--report-left);grid-template-columns:repeat(var(--report-columns), 6px);color:var(--accent);text-align:center;white-space:nowrap;grid-auto-rows:6px;font-family:VT323,ui-monospace,monospace;font-size:9px;font-weight:400;line-height:6px;display:grid;position:absolute;top:-6px}:where(.site-page) .home-wave-glyph{opacity:0;width:6px;height:6px;transition:opacity 70ms ease var(--hide-delay);color:color-mix(in srgb, var(--accent) 78%, transparent);display:block}:where(.site-page) .home-wave-check.is-open .home-wave-glyph{opacity:1;transition-duration:60ms;transition-delay:var(--reveal-delay)}@media (prefers-reduced-motion:reduce){:where(.site-page) .home-wave-check-pixel,:where(.site-page) .home-wave-glyph,:where(.site-page) .home-wave-check.is-open .home-wave-glyph{transition:none}:where(.site-page) .home-wave-lock{transition:none;display:none}:where(.site-page) .home-wave-lock>span{animation:none!important}}.site-page{background:var(--color-surface);min-height:100svh;color:var(--color-ink);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased;--site-line:color-mix(in srgb, var(--figma-semantic-border-primary) 45%, var(--color-surface));--color-line:var(--site-line);--border:var(--color-line);--accent:var(--color-brand);--paper:var(--color-surface-subtle);font-weight:500;display:block;position:relative;overflow-x:clip}.site-page>header,.site-page>main{position:relative}.site-page .site-container{width:calc(100% - 64px);max-width:var(--content-max);border-inline:1px solid var(--color-line);margin-inline:auto;position:relative}.home-controller{display:contents}@media (width<=980px){.site-page .site-container{width:calc(100% - 40px)}}@media (width<=700px){.site-page .site-container{width:calc(100% - 32px)}}.brand-heading[data-astro-cid-5kux2blf]{text-wrap:balance;font-weight:500;font-size:var(--figma-h3);letter-spacing:-.04em;margin:0;line-height:1.1}.brand-heading--hero[data-astro-cid-5kux2blf]{font-size:var(--figma-h1);line-height:.984375}.brand-heading-tail[data-astro-cid-5kux2blf]{color:var(--color-ink-secondary)}@media (width<=980px){.brand-heading--hero[data-astro-cid-5kux2blf]{font-size:var(--figma-h2)}}@media (width<=700px){.brand-heading[data-astro-cid-5kux2blf]{font-size:var(--figma-h2);line-height:1}.brand-heading--hero[data-astro-cid-5kux2blf]{font-size:var(--figma-h1);line-height:1.05}}
