[dir=rtl] .mock *{letter-spacing:0!important}.mock .w{display:inline-block;will-change:transform}.mock .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.mock *{transition-duration:0ms!important;animation-duration:0ms!important}}.mock .field-grid{opacity:.07;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:56px 56px}.mock .hero3-copy{padding-block:3.5rem 2.5rem}.mock .hero3-stage{min-height:440px}.mock .hero3-device{position:absolute;inset-block-start:0;inset-inline-start:2rem;width:max(1080px,calc(100% + 7rem));box-shadow:0 40px 80px -32px #0000008c}@media(min-width:1024px){.mock .hero3-grid{height:max(46rem,calc(100svh - 5.75rem));align-items:center}.mock .hero3-copy{padding-block:0;padding-inline:max(2.5rem,calc((100vw - 1600px)/2 + 4rem)) 3rem}.mock .hero3-stage{align-self:stretch;min-height:0}.mock .hero3-device{inset-block-start:24%;inset-block-end:-4rem;inset-inline-start:0}.mock .hero3-device>div{display:flex;flex-direction:column;height:100%}.mock .hero3-device>div>[class~="lg:h-[712px]"]{flex:1 0 auto;height:auto;min-height:712px}}.mock .glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.mock .glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.mock .glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.mock .glass-surface--svg{background:hsl(0 0% 0% / var(--glass-frost, 0));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1))}.mock .glass-surface--fallback{background:#ffffff1a;-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2)}.mock .nav-glass.glass-surface--svg,.mock .nav-glass.glass-surface--fallback{background:#ffffff24;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000001f,0 12px 40px #00000047}.mock .nav4-scrolled .nav-glass.glass-surface--svg,.mock .nav4-scrolled .nav-glass.glass-surface--fallback{background:#0c0c0edb;border-color:#ffffff2e}.mock .nav-glass .glass-surface__content{padding:0 .35rem}.mock .nav-glass.glass-surface--fallback{-webkit-backdrop-filter:blur(16px) saturate(1.9) brightness(1.1);backdrop-filter:blur(16px) saturate(1.9) brightness(1.1);box-shadow:inset 0 1px #fff9,inset 0 -1px 1px #fff3,inset 0 12px 16px -14px #ffffff8c,inset 5px 0 8px -6px #ff608073,inset -5px 0 8px -6px #60a0ff80,0 12px 40px #00000047}.mock .nav-glass.glass-surface--fallback:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 160% at 12% -60%,rgba(255,255,255,.32),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 50%);pointer-events:none}.mock .nav4-scrolled .nav-round.glass-surface--svg,.mock .nav4-scrolled .nav-round.glass-surface--fallback{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0f;border-color:#ffffff24;box-shadow:none}.mock .nav4-scrolled .nav-round.glass-surface--fallback:after{display:none}.mock .nav4{padding:1rem 1.25rem 0}.mock .nav4-spacer{height:calc(1.625rem + 46px)}.mock .nav4-row{position:relative;height:46px;max-width:100%;margin-inline:auto;padding-inline:0}.mock .nav4-row>:not(.nav4-slab){z-index:1}.mock .nav4-slab{position:absolute;top:50%;left:50%;width:calc(var(--pill-w, 0px) + .7rem);height:46px;transform:translate(-50%,-50%)}.mock .nav4-logo-mark{height:2.5rem}.mock .nav4-logo-mark svg{height:100%!important;width:auto!important}.mock .nav4-scrolled{padding:.75rem .75rem 0}.mock .nav4-scrolled .nav4-row{height:58px;max-width:1180px;padding-inline:.85rem}.mock .nav4-scrolled .nav4-slab{width:100%;height:100%}.mock .nav4-scrolled .nav4-logo{padding-inline-start:.5rem}.mock .nav4-scrolled .nav4-logo-mark{height:2.1rem}.mock .nav4:not(.nav4-scrolled) .nav4-slab{opacity:0}@media(min-width:768px){.mock .nav4{padding:1.25rem 3rem 0}.mock .nav4-spacer{height:calc(2.25rem + 46px)}.mock .nav4-scrolled{padding:1rem 1.25rem 0}.mock .nav4-scrolled .nav4-row{padding-inline:1.1rem}}.mock .nav4-morph,.mock .nav4-morph .nav4-row,.mock .nav4-morph .nav4-slab,.mock .nav4-morph .nav4-logo-mark,.mock .nav4-morph .nav-glass{transition-duration:.6s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.mock .nav4-morph{transition-property:padding}.mock .nav4-morph .nav4-row{transition-property:height,max-width,padding}.mock .nav4-morph .nav4-slab{transition-property:width,height,opacity}.mock .nav4-morph .nav4-row a.nav4-logo{transition-property:padding,color;transition-duration:.6s,.2s;transition-timing-function:cubic-bezier(.22,1,.36,1),ease}.mock .nav4-morph .nav4-logo-mark{transition-property:height}.mock .nav4-morph .nav-glass{transition-property:background,border-color,box-shadow,opacity}.mock .nav4-panel{width:var(--reka-navigation-menu-viewport-width);height:var(--reka-navigation-menu-viewport-height);background:#121216b8;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset 0 1px #ffffff38,0 24px 60px #00000073}.mock .nav4-panel[data-state=open]{animation:nav4-in .3s cubic-bezier(.22,1,.36,1)}.mock .nav4-panel[data-state=closed]{animation:nav4-out .18s ease-in forwards}.mock .nav4-content{position:absolute;inset-block-start:0;inset-inline-start:0}.mock .nav4-content[data-motion^=from-]{animation:nav4-fade-in .22s ease-out}.mock .nav4-content[data-motion^=to-]{animation:nav4-fade-out .16s ease-in forwards}@keyframes nav4-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes nav4-out{to{opacity:0;transform:translateY(-6px)}}@keyframes nav4-fade-in{0%{opacity:0}}@keyframes nav4-fade-out{to{opacity:0}}.mock .menu-icon{position:relative;display:block;width:13px;height:9px}.mock .menu-icon>span{position:absolute;inset-inline:0;height:1.5px;border-radius:1px;background:currentColor;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .2s ease}.mock .menu-icon>span:nth-child(1){top:0}.mock .menu-icon>span:nth-child(2){top:3.75px}.mock .menu-icon>span:nth-child(3){top:7.5px}.mock .menu-icon.is-open>span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}.mock .menu-icon.is-open>span:nth-child(2){opacity:0;transform:scaleX(.3)}.mock .menu-icon.is-open>span:nth-child(3){transform:translateY(-3.75px) rotate(-45deg)}.mock .mm{position:fixed;inset:0;z-index:45;visibility:hidden}.mock .mm[data-phase=open],.mock .mm[data-phase=closing]{visibility:visible}.mock .mm-layer,.mock .mm-panel{position:absolute;inset:0}.mock .mm-layer:nth-child(1){background:var(--primary)}.mock .mm-layer:nth-child(2){background:color-mix(in oklab,var(--primary) 45%,#022c22)}.mock .mm-panel{display:flex;flex-direction:column;padding:7.5rem 1.5rem 1.75rem;overflow-y:auto;overscroll-behavior:contain;background:var(--background);color:var(--foreground);box-shadow:0 0 60px #0000004d}.mock .mm-panel:focus{outline:none}@media(min-width:768px){.mock .mm-panel{padding:9rem 3rem 2.5rem}}.mock .mm-list{display:flex;flex-direction:column;margin:0 -.6rem 2.5rem;padding:0;list-style:none}.mock .mm-item{overflow:hidden}.mock .mm-link{display:flex;align-items:flex-start;gap:.5rem;padding:.06em .6rem;font-size:clamp(2.25rem,min(13vw,7svh),4rem);font-weight:700;line-height:1.32;transition:color .25s ease;-webkit-tap-highlight-color:transparent}.mock .mm-link:hover,.mock .mm-link:active{color:var(--primary)}.mock .mm-label{display:block;transform-origin:50% 100%}.mock .mm-num{margin-top:.55em;font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:var(--primary)}:root[lang=en] .mock .mm-link{line-height:1.12;letter-spacing:-.03em}:root[lang=en] .mock .mm-num{margin-top:.4em}.mock .mm-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);font-size:13px}.mock .mm-foot-links{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;color:var(--muted-foreground)}.mock .mm-foot-links a:hover{color:var(--primary)}@media(prefers-reduced-motion:reduce){.mock .nav4-morph,.mock .nav4-morph *,.mock .menu-icon>span{transition:none!important}.mock .nav4-panel,.mock .nav4-content{animation:none!important}.mock .mm-layer{display:none}}.mock .flow-run{stroke-dasharray:5 11;animation:flow-dash .9s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-32}}.mock .flow-drop{animation:flow-drop 1.6s cubic-bezier(.55,0,.45,1) infinite}@keyframes flow-drop{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(52px);opacity:0}}@media(prefers-reduced-motion:reduce){.mock .flow-run,.mock .flow-drop{animation:none!important}}.mock .hero3-stage{perspective:1800px}.mock .float3d{animation:float3d 6s ease-in-out infinite}.mock .float3d:nth-of-type(2n){animation-delay:-2.4s}@keyframes float3d{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-.6deg)}}@media(prefers-reduced-motion:reduce){.mock .float3d{animation:none}}.mock .plan-stage{background:radial-gradient(70% 60% at 60% 85%,color-mix(in oklab,var(--primary) 12%,transparent),transparent 70%),#0b0b0d}.mock .plan-dots{background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.6px);background-size:18px 18px;background-position:9px 9px;-webkit-mask-image:radial-gradient(90% 80% at 50% 40%,#000 35%,transparent 85%);mask-image:radial-gradient(90% 80% at 50% 40%,#000 35%,transparent 85%)}.mock .plan-device{inset-block-start:20%;inset-block-end:-4rem;inset-inline-start:2.25rem;width:1000px;box-shadow:0 30px 70px -24px #000000b3}.mock .plan-device>div{display:flex;flex-direction:column;height:100%}.mock .plan-device>div>[class~="lg:h-[712px]"]{flex:1 1 0;height:auto;min-height:0;overflow:hidden}.mock .float-y{animation:float-y 7s ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.mock .float-y{animation:none}}.variant-tag{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-block-end:3.5rem;padding-block-start:1rem;border-block-start:1px dashed var(--border);font-size:.875rem;color:var(--foreground)}.variant-tag b{font-family:var(--font-mono, ui-monospace, monospace);color:var(--primary)}.variant-tag span{color:var(--muted-foreground)}.stipple-fade-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 9%);mask-image:linear-gradient(to bottom,transparent 0,#000 9%)}.mock .feat-glow{background:radial-gradient(55% 70% at 75% 45%,color-mix(in oklab,var(--primary) 11%,transparent),transparent 72%)}[dir=rtl] .mock .feat-glow{background:radial-gradient(55% 70% at 25% 45%,color-mix(in oklab,var(--primary) 11%,transparent),transparent 72%)}.mock .feat-glow:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 75% at 75% 45%,#000,transparent 75%);mask-image:radial-gradient(60% 75% at 75% 45%,#000,transparent 75%)}[dir=rtl] .mock .feat-glow:after{-webkit-mask-image:radial-gradient(60% 75% at 25% 45%,#000,transparent 75%);mask-image:radial-gradient(60% 75% at 25% 45%,#000,transparent 75%)}.mock{--nav-h: calc(1.625rem + 46px) }@media(min-width:768px){.mock{--nav-h: calc(2.25rem + 46px) }}.mock .mod-section{scroll-margin-top:calc(var(--nav-h) + .5rem)}.mock .mod-head{top:calc(var(--nav-h) + 1.5rem)}.mock ::selection{background:color-mix(in oklab,var(--primary) 38%,transparent);color:var(--foreground)}.mock{caret-color:var(--primary);scrollbar-color:color-mix(in oklab,var(--foreground) 22%,transparent) transparent}.mock .paper-sheet{--foreground: #18181b;--muted-foreground: #52525b;--border: #e4e4e7;--muted: #f4f4f5;background:#fff;color:#18181b}.mock .site-section{scroll-margin-top:calc(var(--nav-h) + .5rem)}.mock .faq[open] .faq-body{animation:faq-in .35s cubic-bezier(.22,1,.36,1)}@keyframes faq-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.mock .faq[open] .faq-body{animation:none}}