*,:before,:after{box-sizing:border-box;min-width:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;interpolate-size:allow-keywords;scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;--page:oklch(100% 0 none);--page-2:oklch(95.5% .006 265);--text:oklch(20.5% .012 271);--on-text:oklch(97% .004 271);--text-2:oklch(44.9% .023 266);--muted:oklch(53% .02 266);--line:oklch(88.2% .012 265);--surface:oklch(97.5% .004 265);--black:oklch(22.7% .012 271);--ink:oklch(26.6% .015 274);--grey:oklch(30% .015 274);--grey-mid:oklch(52% .015 274);--white:oklch(97% .004 271);--sky:oklch(78.8% .101 228);--lav:oklch(74.1% .126 298);--pink:oklch(78.8% .118 338);--peri:oklch(70.6% .131 268);--amber:oklch(81.7% .164 76);--green:oklch(75.6% .208 147);--red:oklch(70.7% .185 26);--sky-ink:oklch(49.6% .094 230);--lav-ink:oklch(50.5% .153 297);--pink-ink:oklch(51.4% .165 342);--step--1:clamp(.85rem, .82rem + .15vw, .95rem);--step-0:clamp(1rem, .95rem + .25vw, 1.15rem);--step-1:clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-3:clamp(1.9rem, 1.5rem + 2vw, 2.9rem);--step-4:clamp(2.4rem, 1.7rem + 3.4vw, 4.4rem);--space-section:clamp(3.5rem, 2rem + 6vw, 7.5rem);--gutter:clamp(1rem, .6rem + 2vw, 2rem);--radius:14px;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}body{background:var(--page);min-height:100svh;color:var(--text);font:var(--step-0) / 1.55 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;margin:0}h1,h2,h3{text-wrap:balance;letter-spacing:-.02em;margin:0}h1{font-size:var(--step-4);font-weight:700;line-height:1.04}h2{font-size:var(--step-3);font-weight:700;line-height:1.1}h3{font-size:var(--step-1);font-weight:600;line-height:1.25}p,figure{margin:0}img,svg{max-width:100%;height:auto;display:block}code,pre{font-family:var(--mono)}a{color:var(--text)}button,a,[role=button]{touch-action:manipulation}:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}.icon{border-radius:22%;flex:none}:where(#root){--content:72rem;grid-template-columns:[full-start] minmax(var(--gutter), 1fr) [content-start] min(100% - var(--gutter) * 2, var(--content)) [content-end] minmax(var(--gutter), 1fr) [full-end];display:grid}:where(#root,main)>*{grid-column:content}main{grid-template-columns:subgrid;grid-column:full;display:grid}.section{padding-block:var(--space-section) 0;align-content:start;gap:1.5rem;display:grid}.section-lede{color:var(--text-2);max-inline-size:60ch}.nav{z-index:10;padding:.75rem var(--gutter);background:color-mix(in oklch, var(--page) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-block-end:1px solid var(--line);grid-column:full;align-items:center;gap:1.5rem;display:flex;position:sticky;inset-block-start:0}.nav-brand{color:var(--text);align-items:center;gap:.55rem;font-weight:600;text-decoration:none;display:flex}.nav ul{gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav ul a{color:var(--text-2);font-size:var(--step--1);text-decoration:none}.nav-cta{color:var(--on-text);font-size:var(--step--1);background:var(--text);border-radius:999px;margin-inline-start:auto;padding:.4rem .9rem;font-weight:600;text-decoration:none}@media (width<46rem){.nav ul{display:none}}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{border:1px solid var(--line);background:var(--surface);min-block-size:44px;color:var(--text);border-radius:999px;align-items:center;padding-inline:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--text);color:var(--on-text);border-color:#0000}.button:active,.nav-cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--page-2)}.button.primary:hover,.nav-cta:hover{background:color-mix(in oklch, var(--text), white 18%)}.nav ul a:hover{color:var(--text)}}@media (prefers-reduced-motion:no-preference){.button,.nav-cta{transition:transform .16s var(--ease-out), background-color .16s var(--ease-out)}}.hero{flex-wrap:wrap;align-items:center;gap:clamp(2rem,1rem + 4vw,4rem);padding-block-start:clamp(3rem,2rem + 4vw,6rem);display:flex}.hero-copy{flex:999 1 0;justify-items:start;gap:1.25rem;min-inline-size:min(100%,26rem);display:grid}.lede{font-size:var(--step-1);color:var(--text-2);max-inline-size:38ch;line-height:1.5}.fineprint{font-size:var(--step--1);color:var(--muted)}.hero-mock{flex:20rem;max-inline-size:26rem;margin-inline:auto}.mock{--line:color-mix(in oklch, var(--white) 13%, transparent);--text-2:oklch(80% 0 none);--muted:oklch(64% 0 none);inline-size:100%;font-family:inherit}.mock text{fill:var(--white)}.mock .m-dim{fill:var(--text-2)}.mock .m-faint{fill:var(--muted)}.m-faint-fill{fill:color-mix(in oklch, var(--white) 22%, transparent)}.m-bar-strip{fill:color-mix(in oklch, var(--black) 75%, transparent)}.m-panel{fill:color-mix(in oklch, var(--ink), var(--grey) 25%);stroke:var(--line)}.m-window{fill:var(--black);stroke:var(--line)}.m-side{fill:var(--ink)}.m-tile{fill:color-mix(in oklch, var(--white) 6%, transparent)}.m-pill,.m-sel{fill:color-mix(in oklch, var(--white) 13%, transparent)}.m-track{fill:color-mix(in oklch, var(--white) 10%, transparent)}.m-line{stroke:var(--line)}.m-white{fill:var(--white)}.m-grey{fill:var(--grey-mid)}.m-stroke{stroke:var(--white)}.m-area{fill:color-mix(in oklch, var(--white) 9%, transparent)}.mock .struck{text-decoration:line-through}.mock .c-sky{fill:var(--sky)}.mock .s-sky{stroke:var(--sky)}.t-sky{fill:color-mix(in oklch, var(--sky) 16%, transparent)}.mock .c-lav{fill:var(--lav)}.t-lav{fill:color-mix(in oklch, var(--lav) 16%, transparent)}.mock .c-pink{fill:var(--pink)}.t-pink{fill:color-mix(in oklch, var(--pink) 16%, transparent)}.mock .c-green{fill:var(--green)}.mock .s-green{stroke:var(--green)}.t-green{fill:color-mix(in oklch, var(--green) 16%, transparent)}.mock .c-amber{fill:var(--amber)}.mock .s-amber{stroke:var(--amber)}.mock .c-red{fill:var(--red)}.mock .s-red{stroke:var(--red)}.menu-mock{filter:drop-shadow(0 30px 40px oklch(0% none none/.28))}.keys-figure{max-inline-size:40rem}.dashboard-figure{border-radius:var(--radius);box-shadow:0 40px 90px -40px oklch(0% none none/.8)}.split{flex-wrap:wrap;align-items:start;gap:2rem;display:flex}.steps{counter-reset:step;flex:999 1 0;gap:1.25rem;min-inline-size:min(100%,22rem);margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:2.25rem 1fr;column-gap:.75rem;display:grid}.steps li:before{content:counter(step);background:var(--text);block-size:2rem;inline-size:2rem;color:var(--on-text);font-weight:700;font-size:var(--step--1);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.steps p{color:var(--text-2)}.code{border-radius:var(--radius);background:var(--black);border:1px solid var(--line);color:oklch(64% 0 none);font-size:var(--step--1);flex:22rem;margin:0;padding:1.25rem;line-height:1.9;overflow-x:auto}.code b{color:var(--sky);font-weight:600}.outcomes,.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin:0;display:grid}.outcomes>div,.cards>div{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);align-content:start;gap:.5rem;padding:1.25rem;display:grid}.outcomes dt{font-weight:600}.outcomes dd{color:var(--text-2);margin:0}.cards p{color:var(--text-2)}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--surface);font-size:var(--step--1);border-radius:999px;padding:.35rem .8rem}.chips li:nth-child(-n+3){--tone:var(--sky);--tone-ink:var(--sky-ink);background:color-mix(in oklch, var(--tone) 22%, var(--surface));color:var(--tone-ink);font-family:var(--mono);border-color:#0000;font-weight:600}.chips li:nth-child(2){--tone:var(--lav);--tone-ink:var(--lav-ink)}.chips li:nth-child(3){--tone:var(--pink);--tone-ink:var(--pink-ink)}.facts{border-block-start:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.facts li{border-block-end:1px solid var(--line);flex-wrap:wrap;gap:.25rem 1.5rem;padding-block:1rem;display:flex}.facts b{flex:9rem;font-weight:600}.facts span{color:var(--text-2);flex:999 20rem}.pricing h2{font-size:var(--step-4);background:linear-gradient(90deg, var(--sky-ink), var(--lav-ink) 55%, var(--pink-ink));color:#0000;-webkit-background-clip:text;background-clip:text;justify-self:start}.get{text-align:center;justify-items:center;padding-block-end:var(--space-section)}.get p{color:var(--text-2);max-inline-size:46ch}.get .actions{justify-content:center}.footer{border-block-start:1px solid var(--line);color:var(--muted);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding-block:2rem;display:flex}.footer span:last-child{margin-inline-start:auto}.mock .grow,.mock .pulse,.menu-panel,.status-item{transform-box:fill-box}.mock .grow{transform-origin:0}.mock .pulse{transform-origin:50%}.chart-line{stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:rise .7s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.status-item{animation:press .36s var(--ease-out) .25s both;transform-origin:50%}.menu-panel{animation:unroll .6s var(--ease-out) .38s both}.mock .grow{animation:grow .9s var(--ease-out) both}.chart-line{animation:draw 1.6s var(--ease-in-out) both}.chart-area,.chart-dot{animation:fade .6s var(--ease-out) 1.2s both}.rotation{animation:rotate-keys 3.2s var(--ease-in-out) infinite}.mock .pulse{animation:key-turn 3.2s var(--ease-in-out) infinite}.serving+.serving .pulse{animation-delay:-1.6s}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.section:not(.hero)>*,.outcomes>*,.cards>*,.facts>li{animation:linear both rise;animation-timeline:view();animation-range:entry entry 70%}.dashboard-figure{view-timeline:--dashboard}.dashboard-mock .grow,.dashboard-mock .chart-line,.dashboard-mock .chart-area,.dashboard-mock .chart-dot{animation-delay:0s;animation-timeline:--dashboard;animation-range:entry 40% cover 55%}}}@keyframes rise{0%{opacity:0;translate:0 1.75rem}}@keyframes fade{0%{opacity:0}}@keyframes grow{0%{scale:0 1}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes unroll{0%{opacity:0;clip-path:inset(0 0 100% round 14px);translate:0 -6px}to{opacity:1;clip-path:inset(0 round 14px);translate:0}}@keyframes press{40%{scale:.88}}@keyframes rotate-keys{0%,40%{translate:0}50%,90%{translate:0 56px}to{translate:0}}@keyframes key-turn{0%,40%{opacity:1;scale:1}50%,90%{opacity:.3;scale:.7}to{opacity:1;scale:1}}