.site-nav{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:40;width:min(1090px,calc(100% - 32px));color:#18181b;pointer-events:none;font-family:var(--font-sans);font-size:14px;line-height:1.5}.site-nav--landing{width:min(892px,calc(100% - 32px))}.site-nav--pricing[data-minimized=true]{width:min(calc(var(--pricing-container-width) - 2 * var(--pricing-container-padding)),calc(100% - 2 * var(--pricing-container-padding)))}.site-nav--pricing[data-minimized=true] .site-nav-shell{padding-inline:0}.site-nav-shell{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:72px;padding:10px 16px;border-radius:40px;transition:background .25s,box-shadow .25s}.site-nav[data-minimized=false] .site-nav-shell{background:#fffffff2;box-shadow:0 8px 32px #0000000a,0 2px 8px #00000004}.site-nav[data-scrolled=true][data-minimized=false] .site-nav-shell{backdrop-filter:blur(16px)}.site-logo{display:inline-flex;align-items:center}.site-logo img{display:block;width:145px;height:auto}.nav-primary{display:flex;align-items:center;gap:2px;min-width:0}.site-nav .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:42px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:14px;letter-spacing:-.02em;white-space:nowrap}.site-nav .nav-link:hover{color:var(--primary)}.nav-actions,.nav-secondary{display:flex;align-items:center}.nav-actions{margin-left:auto}.nav-secondary{margin-right:8px}.nav-reveal{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .2s,transform .25s,visibility .25s}.site-nav[data-minimized=true] .nav-reveal{opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none}.site-nav .nav-buy{pointer-events:auto;height:48px;padding:0 24px;border-radius:99px;background:#19191c;color:#fff;font-size:14px;font-weight:500;box-shadow:none}.site-nav .nav-buy:hover,.site-nav .nav-menu-trigger:hover{background:#36363b}.site-nav .nav-menu-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;pointer-events:none;width:0;height:48px;padding:0;margin-left:0;opacity:0;visibility:hidden;transform:scale(.8);border-radius:99px;background:#19191c;color:#fff;transition:width .25s,margin-left .25s,opacity .2s,transform .25s,visibility .25s;overflow:hidden}.site-nav[data-minimized=true] .nav-menu-trigger{width:48px;margin-left:8px;opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.site-nav a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.nav-dropdown{min-width:190px;font-family:var(--font-sans)}.site-menu[data-slot=sheet-content]{width:min(480px,100%);max-width:480px;padding:34px 30px;gap:22px;overflow-y:auto;font-family:var(--font-sans)}.site-menu [data-slot=sheet-header]{padding:0 8px;gap:14px}.site-menu [data-slot=sheet-description]{font-size:14px}.site-menu>[data-slot=sheet-close]{top:30px;right:26px}.site-menu-content{display:flex;flex-direction:column;gap:11px;padding:0 8px 10px}.site-menu-content a{color:inherit;font-size:16px;text-decoration:none}.site-menu-content a:hover{color:var(--primary)}.site-menu-main{display:grid;gap:10px;margin:12px 0}.site-menu-main>a{display:flex;align-items:center;justify-content:space-between;font-size:32px;letter-spacing:-.04em;font-weight:500}.site-menu-bottom{display:flex;align-items:center;justify-content:space-between;padding-block:18px 6px;margin-top:18px;border-top:1px solid var(--border)}.site-menu-bottom .nav-link{display:inline-flex;align-items:center;gap:5px;padding:0;min-height:36px;border:0;background:transparent;font:inherit}.site-menu-content .site-menu-buy{margin-top:12px;min-height:48px;border-radius:99px;font-size:15px}.site-menu-content .site-menu-buy:hover{color:#fff}@media(max-width:960px){.site-nav{top:16px}.site-nav-shell{grid-template-columns:1fr auto;gap:16px}.nav-primary,.nav-secondary{display:none}.site-nav .nav-menu-trigger{width:48px;margin-left:8px;opacity:1;visibility:visible;transform:none;pointer-events:auto}}@media(max-width:640px){.site-nav,.site-nav--landing{top:12px;width:calc(100% - 24px)}.site-nav-shell{padding:4px 8px;min-height:52px;gap:8px}.site-logo img{width:115px}.site-nav .nav-buy{height:42px;padding-inline:16px;font-size:12px}.site-nav .nav-menu-trigger,.site-nav[data-minimized=true] .nav-menu-trigger{height:42px;width:42px;margin-left:7px}.site-menu[data-slot=sheet-content]{padding:28px 20px}}site-navigation{display:contents}.nav-disclosure{position:relative;pointer-events:auto}.nav-disclosure>summary{list-style:none;cursor:pointer}.nav-disclosure>summary::-webkit-details-marker{display:none}.nav-disclosure[open]>summary{color:var(--primary)}.nav-disclosure .nav-dropdown{position:absolute;z-index:50;top:calc(100% + 4px);left:0;padding:4px;background:var(--popover);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 14px #00000014}.nav-dropdown a{display:block;padding:7px 9px;border-radius:4px;color:var(--popover-foreground);font-size:13px;text-decoration:none;white-space:nowrap}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{background:var(--accent);outline:none}.site-menu .nav-dropdown{top:auto;bottom:calc(100% + 4px);left:auto;right:0}.site-menu[data-slot=sheet-content]{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;border:0;border-left:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:-8px 0 32px #0000000d}.site-menu[open]{display:flex;flex-direction:column}.site-menu::backdrop,.v2-demo-dialog::backdrop{background:#0000001a;backdrop-filter:blur(2px)}.native-dialog-close{position:absolute;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--foreground);cursor:pointer}.native-dialog-close:hover{background:var(--accent)}.native-dialog-close:focus-visible,.nav-disclosure summary:focus-visible,.nav-menu-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.site-menu [data-slot=sheet-header]{display:flex;flex-direction:column}.site-menu [data-slot=sheet-header] h2,.site-menu [data-slot=sheet-header] p{margin:0}:root{font-family:var(--font-sans);color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}.site-body{line-height:1.6}.site-body *,.site-nav *,.site-menu *,.new-footer *{box-sizing:border-box}.site-body a,.site-nav a,.new-footer a{text-decoration:none}.site-body button,.site-nav button,.site-menu button{cursor:pointer}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:8px 16px;background:var(--background);border:1px solid var(--border);border-radius:8px}.skip-link:focus{top:16px}.browser-frame{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 30px -12px #0000001f}.browser-bar{height:34px;background:#f8f9fa;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;color:#8a8a8f;font-family:var(--font-sans);font-size:10px;line-height:1}.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#d9dade}.screenshot-trigger{display:block;position:relative;cursor:zoom-in}.screenshot-trigger img{display:block;width:100%;height:auto;margin:0}.screenshot-expand{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e4e4e7;border-radius:6px;font:11px var(--font-sans);background:#fffffff2;color:#52525b;opacity:0;transition:opacity .15s}.screenshot-trigger:hover .screenshot-expand,.screenshot-trigger:focus-visible .screenshot-expand{opacity:1}.screenshot-dialog{width:calc(100vw - 48px);max-width:min(1500px,calc(100vw - 48px))!important;padding:36px 8px 8px;gap:8px;background:#f6f6f7}.screenshot-dialog>img{max-height:calc(100dvh - 140px);width:100%;height:auto;object-fit:contain}.screenshot-dialog .screenshot-original{justify-self:center}.new-footer{border-top:1px solid var(--border);color:var(--foreground);background:var(--muted);font-family:var(--font-sans);line-height:1.5}.footer-grid{max-width:1090px;margin:0 auto;padding:58px 24px 52px;display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:32px}.footer-brand img{width:128px;height:auto;display:block}.footer-brand p{margin:19px 0 14px;color:var(--muted-foreground);font-size:14px}.footer-brand>span{color:var(--muted-foreground);font-size:11px}.footer-group h2{font-size:12px;font-weight:600;margin:1px 0 18px}.footer-group ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}.footer-group a{font-size:12px;color:var(--muted-foreground)}.footer-group a:hover,.footer-bottom a:hover{color:var(--foreground)}.footer-bottom{max-width:1042px;margin:0 auto;padding:20px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;color:var(--muted-foreground);font-size:11px}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;gap:24px}.site-main{max-width:850px;margin:0 auto;padding:125px 24px 80px;min-height:60vh}.site-main h1{font-size:36px;font-weight:600;letter-spacing:-.04em;margin-bottom:24px}.site-main h2{font-size:26px;margin:32px 0 14px;font-weight:600}.site-main p{margin-bottom:16px}.site-main a{color:var(--primary)}.post-list{list-style:none;padding:0}.post-list li{padding:20px 0;border-bottom:1px solid var(--border)}.post-list a{font-weight:500}.post-meta{color:var(--muted-foreground);font-size:13px}.article-prose img{max-width:100%;height:auto}.article-prose pre{overflow-x:auto;padding:16px;background:var(--muted);border-radius:8px}@media(max-width:1080px){.footer-bottom{margin-inline:24px}}@media(max-width:640px){.browser-bar{height:27px;font-size:9px}.footer-grid{padding:36px 20px;grid-template-columns:1fr 1fr;gap:36px 20px}.footer-brand{grid-column:1 / -1}.footer-brand p{margin-block:14px 10px}.footer-bottom{margin-inline:20px;flex-direction:column;gap:12px}.screenshot-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px)!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}.media-placeholder{display:flex;min-width:0;aspect-ratio:4 / 3;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border-radius:10px;background:#edeef0;color:#7a7d84;text-align:center;font-size:13px;line-height:1.5}.media-placeholder small{font-size:10px;color:#91949b}.media-placeholder svg{color:#9a9da4}
