.xn-nav{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;gap:18px;height:64px;padding:0 clamp(22px,5vw,84px);background:color-mix(in srgb,#201d19 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(45,26%,88%,.1);font-family:var(--font-geist-sans),system-ui,sans-serif;--xn-ease:cubic-bezier(0.23,1,0.32,1);transition:opacity .17s var(--xn-ease),transform .24s var(--xn-ease),background-color var(--xr-ground-ms,1.4s) var(--xr-ease,var(--xn-ease)),border-color var(--xr-ground-ms,1.4s) var(--xr-ease,var(--xn-ease)),color var(--xr-ground-ms,1.4s) var(--xr-ease,var(--xn-ease)),box-shadow .2s linear}.xn-nav :focus-visible{outline:2px solid #e8442e;outline-offset:3px}.xn-nav.xn-scrolled{background:color-mix(in srgb,#201d19 94%,transparent);box-shadow:0 14px 34px -26px rgba(0,0,0,.65)}:root[data-theme=light] .xn-nav{background:color-mix(in srgb,var(--th-bg,var(--xr-cream,#e9e6dc)) 86%,transparent);border-bottom:1px solid rgba(31,28,23,.1)}:root[data-theme=light] .xn-nav.xn-scrolled{background:color-mix(in srgb,var(--th-bg,var(--xr-cream,#e9e6dc)) 94%,transparent);box-shadow:0 14px 34px -26px rgba(31,28,23,.28)}:root[data-theme=light] .xn-nav .xn-brand,:root[data-theme=light] .xn-nav .xn-logo{color:var(--th-ink,#1f1c17)}:root[data-theme=light] .xn-nav .xn-link{color:var(--th-grey,#75716a)}:root[data-theme=light] .xn-nav .xn-link:hover{color:var(--th-ink,#1f1c17);background-color:rgba(31,28,23,.06)}:root[data-theme=light] .xn-nav .xn-link[aria-current=page]{color:var(--th-ink,#1f1c17);background-color:rgba(31,28,23,.08)}:root[data-theme=light] .xn-nav .xn-sep{background:rgba(31,28,23,.16)}:root[data-theme=light] .xn-nav .xn-cta{background:var(--th-ink,#1f1c17);color:var(--th-bg,var(--xr-cream,#e9e6dc))}:root[data-theme=light] .xn-nav .xn-cta:hover{background:#000}.xn-nav.xn-hide{opacity:0;transform:translateY(-12px);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.xn-nav.xn-hide:focus-within{opacity:1;transform:none;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (prefers-reduced-motion:reduce){.xn-nav{transition:opacity .12s linear}.xn-nav.xn-hide{transform:none}}.xn-nav .xn-brand{display:inline-flex;align-items:center;text-decoration:none;transition:opacity .14s var(--xn-ease)}.xn-nav .xn-brand:hover{opacity:.72}.xn-nav .xn-logo{height:30px;width:auto;display:block;color:var(--xr-cream,#e9e6dc)}.xn-nav .xn-guy{transform-box:fill-box;transform-origin:50% 100%;animation:xn-guy-breathe 3.8s cubic-bezier(.45,0,.55,1) infinite}@keyframes xn-guy-breathe{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-1.4px) scaleY(1.03)}}.xn-nav .xn-brand:hover .xn-guy{animation:xn-guy-wave .62s cubic-bezier(.45,0,.55,1) 1}@keyframes xn-guy-wave{0%{transform:rotate(0deg)}22%{transform:rotate(-7deg) translateY(-.6px)}48%{transform:rotate(6deg) translateY(-.8px)}74%{transform:rotate(-3.5deg) translateY(-.4px)}to{transform:rotate(0deg)}}.xn-nav .xn-brand .xn-guy.xn-guy-cheer{animation:xn-guy-cheer .76s cubic-bezier(.34,1.3,.5,1) 1}@keyframes xn-guy-cheer{0%{transform:translateY(0) rotate(0deg) scaleY(1)}12%{transform:translateY(.6px) rotate(0deg) scaleY(.93)}32%{transform:translateY(-3.6px) rotate(-9deg) scaleY(1.05)}52%{transform:translateY(-3px) rotate(8deg) scaleY(1.04)}72%{transform:translateY(-1.4px) rotate(-5deg) scaleY(1.02)}to{transform:translateY(0) rotate(0deg) scaleY(1)}}@media (prefers-reduced-motion:reduce){.xn-nav .xn-brand .xn-guy.xn-guy-cheer,.xn-nav .xn-brand:hover .xn-guy,.xn-nav .xn-guy{animation:none}}html[data-effects=off] .xn-nav .xn-brand .xn-guy.xn-guy-cheer,html[data-effects=off] .xn-nav .xn-brand:hover .xn-guy,html[data-effects=off] .xn-nav .xn-guy{animation:none}.xn-nav .xn-right{margin-left:auto;display:inline-flex;align-items:center;gap:2px}.xn-nav .xn-link{font-size:13.5px;color:#b6b0a4;text-decoration:none;padding:6px 11px;border-radius:7px;transition:color .14s var(--xn-ease),background-color .14s var(--xn-ease)}.xn-nav .xn-link:hover{color:var(--xr-cream,#e9e6dc);background-color:hsla(45,22%,93%,.07)}.xn-nav .xn-link[aria-current=page]{color:var(--xr-cream,#e9e6dc);font-weight:500;background-color:hsla(45,22%,93%,.09)}.xn-nav .xn-menu{position:relative;display:inline-flex}.xn-nav .xn-suites{display:inline-flex;align-items:center;gap:5px}.xn-nav .xn-suites .car{flex:none;transition:transform .14s var(--xn-ease)}.xn-nav .xn-menu.open .xn-suites .car{transform:rotate(180deg)}.xn-nav .xn-fly{position:absolute;top:calc(100% + 10px);left:50%;width:min(680px,calc(100vw - 32px));background:#201d19;border:1px solid hsla(45,26%,88%,.16);border-radius:12px;box-shadow:0 26px 64px -24px rgba(0,0,0,.7);padding:14px 14px 0;transform:translateX(-50%);transform-origin:50% 0;animation:xn-fly-in .18s var(--xn-ease)}.xn-nav .xn-fly:before{content:"";position:absolute;top:-11px;left:0;right:0;height:11px}@keyframes xn-fly-in{0%{opacity:0;transform:translateX(-50%) translateY(-5px) scale(.97)}}.xn-nav .xn-mega-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.xn-nav .xn-mega-col{display:flex;flex-direction:column;gap:1px;min-width:0}.xn-nav .xn-mega-col+.xn-mega-col{padding-left:14px;border-left:1px dashed hsla(45,26%,88%,.18)}.xn-nav .xn-mega-h{display:flex;align-items:center;gap:7px;margin:2px 0 7px;padding:0 10px;font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:10px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#8f8a7e}.xn-nav .xn-mega-h:before{content:"";width:5px;height:5px;flex:none;background:#e8442e}.xn-nav .xn-fly-it{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:7px;text-decoration:none;transition:background-color .12s var(--xn-ease)}.xn-nav .xn-fly-it:hover{background-color:hsla(45,22%,93%,.06)}.xn-nav .xn-fly-it b{font-size:13px;font-weight:500;color:var(--xr-cream,#e9e6dc)}.xn-nav .xn-fly-it span{font-size:11.5px;line-height:1.45;color:#a29c8f}.xn-nav .xn-mega-foot{margin-top:12px;border-top:1px dashed hsla(45,26%,88%,.18);padding:9px 10px 11px}.xn-nav .xn-mega-foot a{font-family:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;font-size:11.5px;letter-spacing:.03em;color:#d6d2c6;text-decoration:none;transition:color .12s var(--xn-ease)}.xn-nav .xn-mega-foot a:hover{color:#e8442e}@media (prefers-reduced-motion:reduce){.xn-nav .xn-fly{animation:none}}@media (max-width:820px){.xn-nav .xn-fly{display:none}}.xn-nav .xn-sep{width:1px;height:16px;flex:none;margin:0 8px 0 10px;background:hsla(45,26%,88%,.18)}.xn-nav .xn-login{margin-left:6px}.xn-nav .xn-cta{display:inline-flex;align-items:center;margin-left:8px;font-size:13.5px;font-weight:500;color:#201d19;text-decoration:none;background:var(--xr-cream,#e9e6dc);border-radius:8px;padding:8px 15px;white-space:nowrap;transition:background .16s linear,transform .12s var(--xn-ease)}.xn-nav .xn-cta:hover{background:#fff}.xn-nav .xn-cta:active{transform:scale(.97)}@media (max-width:820px){.xn-nav{gap:10px}.xn-nav .xn-home{display:none}}@media (max-width:640px){.xn-nav .xn-docs,.xn-nav .xn-login{display:none}.xn-nav .xn-sep{margin:0 6px 0 8px}}@media (max-width:440px){.xn-nav{padding:0 16px;gap:8px}.xn-nav .xn-pricing,.xn-nav .xn-sep{display:none}.xn-nav .xn-logo{height:26px}.xn-nav .xn-link{padding:6px 9px}.xn-nav .xn-cta{padding:8px 12px;margin-left:6px}}@media (max-width:360px){.xn-nav .xn-menu{display:none}.xn-nav .xn-logo{height:24px}}.xr-ide-pin>.xr-fieldbg{-webkit-mask-image:linear-gradient(180deg,transparent 64px,#000 108px);mask-image:linear-gradient(180deg,transparent 64px,#000 108px)}