@layer starlight.base{:root{--sl-text-2xs:.75rem;--sl-text-xs:.8125rem;--sl-text-sm:.875rem;--sl-text-base:1rem;--sl-text-lg:1.125rem;--sl-text-xl:1.25rem;--sl-font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--__sl-font:var(--sl-font,var(--sl-font-system)), var(--sl-font-system);--sl-shadow-md:0px 8px 4px #00000008, 0px 5px 2px #00000008, 0px 3px 2px #0000000f, 0px 1px 1px #0000000f;--sl-shadow-lg:0px 25px 7px #00000003, 0px 16px 6px #00000008, 0px 9px 5px #16181d14, 0px 4px 4px #00000029, 0px 4px 2px #0000000a;--sl-nav-pad-y:.75rem;--sl-content-pad-x:1rem;--sl-nav-gap:var(--sl-content-pad-x);--sl-menu-button-size:2rem;--sl-z-index-menu:5;--sl-z-index-navbar:10}@media (width>=72rem){:root{--sl-content-pad-x:1.5rem}}}@layer starlight.utils{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sl-hidden{display:none}.sl-flex{display:flex}.sl-block{display:block}@media (width>=50rem){.md\:sl-hidden{display:none}.md\:sl-flex{display:flex}.md\:sl-block{display:block}}}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[class],ol[class]{padding:0;list-style:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit}}@layer base{html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--sl-nav-height) + 1rem)}body{font-family:var(--font-text);font-size:var(--step-0);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);font-synthesis:none;letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.1}h3{font-size:var(--step-1);letter-spacing:0;line-height:1.2}p,li{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}::selection{background:color-mix(in oklab, var(--sky-300) 55%, transparent)}:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--navy-700);outline-offset:3px;border-radius:var(--radius-s)}:is(.on-dark,.hero-copy) :where(a,button):focus-visible{outline-color:var(--sky-300)}}@layer layout{.wrap{width:min(var(--wrap), 100% - 2 * var(--gutter));margin-inline:auto}.section{padding-block:var(--space-2xl)}.section h2{font-size:var(--step-3);text-align:center}.section-lead{text-align:center;max-width:54ch;color:var(--ink-2);margin:.75rem auto 0}.section-more{margin-top:var(--space-l);text-align:center}.section-tint{background:var(--paper-2)}.on-dark{color:oklch(96.5% .008 85)}body,main{flex-direction:column;display:flex}body{min-height:100svh}main,main>:last-child{flex-grow:1}}@layer components{.brand{font-family:var(--font-display);color:#fff;align-items:center;gap:.7rem;font-size:1.5rem;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{background:var(--paper-3);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 0 2px oklch(100% 0 0/.9)}.brand-mark img{width:32px;height:32px;image-rendering:pixelated}.hero{--overlap:clamp(5rem, 2rem + 14vw, 13rem);isolation:isolate;z-index:1;position:relative}.hero:before{content:"";z-index:-1;inset:0 0 var(--overlap);background:var(--brand-gradient);position:absolute}.hero-body{--wrap:60rem}.hero-copy{justify-items:center;gap:var(--space-m);max-width:46rem;padding-block:var(--space-xl) var(--space-2xl);text-align:center;color:#fff;margin-inline:auto;display:grid}.hero h1{font-size:var(--step-5);letter-spacing:-.02em;line-height:1.04}.hero-lead{font-size:var(--step-1);color:oklch(95% .015 250);max-width:36ch;line-height:1.5}.hero-actions{justify-content:center;gap:var(--space-s);flex-wrap:wrap;margin-top:.25rem;display:flex}.hero-meta{font-size:var(--step--1);color:var(--navy-200)}.hero-meta a{color:#fff;font-weight:600}.shots{width:100%;max-width:44rem;margin-inline:auto;padding-bottom:13%;position:relative}.shot-second{border-radius:var(--radius-l);border:5px solid #fff;width:38%;height:auto;position:absolute;bottom:0;right:0;box-shadow:0 20px 40px -16px oklch(15% .04 258/.55)}.browser{border-radius:var(--radius-l);background:#222;width:86%;overflow:clip;box-shadow:0 0 0 1px oklch(20% .02 258/.25),0 28px 60px -24px oklch(15% .04 258/.6)}.browser-bar{background:#2e2e30;align-items:center;gap:.75rem;padding:.5rem .8rem;font-size:.78rem;display:flex}.browser-bar .dots{gap:6px;display:flex}.browser-bar .dots i{background:#55555a;border-radius:50%;width:10px;height:10px}.browser-bar .url{color:#b8b8be;min-width:0;font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#1e1e20;border-radius:999px;flex:0 18rem;margin-inline:auto;padding:.15rem .8rem;overflow:hidden}.browser img{width:100%;height:auto}.showcase figcaption{margin-top:var(--space-s);font-size:var(--step--1);color:var(--ink-3);text-align:center}.steps{gap:var(--space-l);margin-top:var(--space-xl);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.steps li{counter-increment:step;align-content:start;gap:.5rem;display:grid}.steps li:before{content:counter(step);background:var(--navy-700);color:#fff;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:.25rem;font-weight:700;display:grid}.steps h3 a{color:var(--ink);text-decoration-color:var(--navy-300)}.steps h3 a:hover{color:var(--accent)}.steps p{color:var(--ink-2)}.steps-more{margin-top:var(--space-xl);text-align:center}.features{gap:var(--space-l);margin-top:var(--space-xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.features li{align-content:start;gap:.5rem;display:grid}.features svg{width:40px;height:40px;color:var(--accent);margin-bottom:.25rem}.features p{color:var(--ink-2);font-size:var(--step--1);line-height:1.65}.footer{background:var(--night);color:var(--navy-100);font-size:var(--step--1)}.footer a{color:#fff}.footer-row{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-l);padding-block:var(--space-l);flex-wrap:wrap;display:flex}.footer nav ul{gap:0 var(--space-m);flex-wrap:wrap;padding:0;list-style:none;display:flex}.footer nav a{min-height:44px;color:var(--navy-100);align-items:center;text-decoration:none;display:inline-flex}.footer nav a:hover{color:#fff;text-decoration:underline}.footer-base{padding-block:var(--space-m) var(--space-l);border-top:1px solid oklch(36% .04 258)}@media (width>=64rem){.hero{--overlap:0px}.hero-body{--wrap:72rem;align-items:center;gap:var(--space-2xl);padding-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.hero-copy{text-align:left;justify-items:start;margin:0;padding:0}.hero-actions{justify-content:flex-start}.showcase figcaption{color:var(--navy-200)}}@media (width<=63.99rem){.hero{--overlap:0px}.features{grid-template-columns:repeat(2,minmax(0,1fr))}.browser{width:64%;margin-inline-start:8%}.shot-second{right:8%}.browser-bar{display:none}.showcase figcaption{color:var(--navy-200)}}@media (width<=47.99rem){.steps{gap:var(--space-m);grid-template-columns:1fr}.steps li{grid-template-columns:2.5rem minmax(0,1fr);column-gap:1rem}.steps li:before{grid-row:span 2;margin:0}}@media (width<=35rem){.features{grid-template-columns:1fr}.features li{grid-template-columns:2.5rem minmax(0,1fr);column-gap:1rem}.features svg{grid-row:span 2;width:2.5rem;height:2.5rem;margin:0}}}@layer utilities{.nw{white-space:nowrap}.skip-link{z-index:50;border-radius:var(--radius-m);color:var(--navy-900);background:#fff;padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){.btn,.browser{border:1px solid canvastext}}.kc-header:where(.astro-had7q4i4){z-index:var(--sl-z-index-navbar);width:100%;height:var(--sl-nav-height);padding:var(--sl-nav-pad-y) var(--sl-nav-pad-x);padding-inline-end:calc(var(--sl-nav-gap) + var(--sl-nav-pad-x) + var(--sl-menu-button-size));position:relative}.kc-header:where(.astro-had7q4i4)[data-stuck]{background:var(--nav-bg);position:fixed;inset:0 0 auto;box-shadow:0 8px 24px -12px oklch(15% .03 258/.8)}.kc-header:where(.astro-had7q4i4)[data-stuck]+.kc-header-spacer:where(.astro-had7q4i4){height:var(--sl-nav-height)}@media (width>=50rem){.kc-header:where(.astro-had7q4i4){padding-inline-end:var(--sl-nav-pad-x)}}