:root{--app-header-block-size: calc(var(--spacing) * 14)}.app-header{min-block-size:var(--app-header-block-size);padding-inline:calc(var(--app-main-margin) + var(--app-main-padding));display:flex;align-items:center;justify-content:space-between}.app-main-container{--border-radius: calc( var(--app-main-border-radius) - var(--app-main-padding) );--max-inline-size: 100%;--content-max-inline-size: 100%;position:relative;outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);box-shadow:var(--shadow-md);border-radius:var(--border-radius);overflow:auto;inline-size:100%;max-inline-size:var(--max-inline-size);background-color:var(--color-white);container-type:inline-size}.app-main-container-content:not([data-flush]>.app-main-container-content){--padding: calc(var(--spacing) * 6);padding:var(--padding);margin-inline:auto;inline-size:100cqi;max-inline-size:calc(var(--content-max-inline-size) + calc(var(--padding) * 2))}@container (width >= 48rem){.app-main-container-content:not([data-flush]>.app-main-container-content){--padding: calc(var(--spacing) * 8)}}@container (width >= 64rem){.app-main-container-content:not([data-flush]>.app-main-container-content){--padding: calc(var(--spacing) * 10)}}[data-flush]>.app-main-container-content{block-size:100%}.app-main-content{display:grid;row-gap:calc(var(--spacing) * 8)}@container (width >= 48rem){.app-main-content{row-gap:calc(var(--spacing) * 10)}}.app-main-header-actions{grid-area:actions;display:flex;gap:calc(var(--spacing) * 3);grid-column-start:2;grid-row-start:1}.app-main-header-description{grid-area:description;font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600);max-inline-size:var(--container-2xl);text-wrap:pretty;grid-column-start:1;grid-row-start:2}.app-main-header-title{grid-area:title;font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950);grid-column-start:1;grid-row-start:1}@container (width >= 48rem){.app-main-header-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}}.app-main-header{margin-block-end:calc(var(--spacing) * 8);display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:calc(var(--spacing) * 3)}@container (width >= 48rem){.app-main-header{margin-block-end:calc(var(--spacing) * 10)}}:root{--app-main-margin: calc(var(--spacing) * 1.5);--app-main-padding: calc(var(--spacing) * 2)}.app-main{--app-main-border-radius: var(--radius-2xl);flex-grow:1;margin-block-end:var(--app-main-margin);margin-inline:var(--app-main-margin);max-block-size:calc(100dvh - var(--app-header-block-size) - var(--app-main-margin));outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);outline-offset:-1px;border-radius:var(--app-main-border-radius);background-color:var(--color-gray-100);padding:var(--app-main-padding);display:flex;column-gap:calc(var(--spacing) * 2)}.app-page{min-block-size:100dvh;display:flex;flex-direction:column}.app-section-content{display:grid;row-gap:calc(var(--spacing) * 8);grid-auto-columns:minmax(0,1fr)}@container (width >= 48rem){.app-section-content{row-gap:calc(var(--spacing) * 10)}}.app-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600)}.app-section-header{margin-block-end:calc(var(--spacing) * 6);display:grid;row-gap:calc(var(--spacing) * 2)}.app-section-title{font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950)}.app-section-title:is(h2){font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.app-section-title:is(h3){font-size:var(--text-base);line-height:var(--text-base--line-height)}.auth-main-footer{margin-block-start:calc(var(--spacing) * 8);display:grid;row-gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600)}.auth-main-header{display:grid;justify-items:start;margin-block-end:calc(var(--spacing) * 8)}.auth-main-header-title{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950);margin-block-start:calc(var(--spacing) * 6)}.auth-main-header-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600);margin-block-start:calc(var(--spacing) * 4)}.auth-main{--margin-inline: calc(var(--spacing) * 4);--border-radius: var(--radius-2xl);--border-width: calc(var(--spacing) * 2);--padding: calc(var(--spacing) * 10);inline-size:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--container-xl);margin:auto;padding:calc(var(--padding) + var(--border-width));border-radius:var(--border-radius);position:relative;isolation:isolate;z-index:0}.auth-main:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--border-radius);background-color:var(--color-gray-100);outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);outline-offset:-1px}.auth-main:after{content:"";position:absolute;inset:var(--border-width);z-index:-1;border-radius:calc(var(--border-radius) - var(--border-width));background-color:var(--color-white);outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);box-shadow:var(--shadow-md)}.auth-page{min-block-size:100dvh;display:grid}.banner{position:sticky;inset-block-start:0;font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);padding:calc(var(--spacing));font-weight:var(--font-weight-medium);text-align:center;background-color:var(--color-primary-400);color:var(--color-primary-950);text-wrap:balance;z-index:1}.button{--border-radius: calc(infinity * 1px);font-weight:var(--font-weight-medium);font-size:var(--text-sm);line-height:calc(6 * var(--spacing));border-radius:var(--border-radius);text-align:center;position:relative}.button[data-color=primary]{background-color:var(--color-primary-700);color:var(--color-white)}.button[data-color=gray]{background-color:var(--color-gray-200);color:var(--color-gray-950)}.button[data-size=sm]{padding-block:calc(1 * var(--spacing));padding-inline:calc(2.5 * var(--spacing))}.button[data-size=md]{padding-block:calc(1.5 * var(--spacing));padding-inline:calc(3 * var(--spacing))}.button[data-size=lg]{padding-block:calc(2 * var(--spacing));padding-inline:calc(3.5 * var(--spacing))}.button[data-size=xl]{padding-block:calc(2.5 * var(--spacing));padding-inline:calc(4 * var(--spacing))}.button:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius);border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent)}.button[data-loading]:after{content:"";position:absolute;inset:0;background-color:color-mix(in oklch,var(--color-white) 50%,transparent);animation:button-loading 2.5s var(--ease-in-out) infinite}@keyframes button-loading{0%,80%,to{translate:-100%}15%,65%{translate:0}30%,50%{translate:100%}}.callout{background-color:var(--color-gray-50);padding:calc(var(--spacing) * 4);border-radius:var(--radius-lg);border:1px solid color-mix(in oklch,var(--color-gray-950) 10%,transparent);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);display:grid;row-gap:var(--spacing)}.callout .callout-title{font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.callout .callout-description{color:var(--color-gray-600)}.code{--code-border-width: 1px;--code-border-radius: var(--radius-md);border:var(--code-border-width) solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--code-border-radius);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);background-color:var(--color-gray-50);color:var(--color-gray-950)}.code:is(code){--code-border-radius: var(--radius-sm);padding-inline:calc(var(--spacing) * 1 - var(--code-border-width));padding-block:calc(var(--spacing) * .5 - var(--code-border-width))}.code:has(.code-copy-button){display:flex}.code pre{padding-block:calc(var(--spacing) * 1.5 - var(--code-border-width));padding-inline:calc(var(--spacing) * 3 - var(--code-border-width));flex-grow:1;overflow:auto}.code .code-copy-button,.code .code-copy-feedback{--border-radius: calc( var(--code-border-radius) - var(--code-border-width) );align-self:start;border-start-end-radius:var(--code-border-radius);border-end-end-radius:var(--code-border-radius);background-color:inherit;padding:calc(var(--spacing) * 2)}.code .code-copy-button-icon,.code .code-copy-feedback-icon{block-size:calc(var(--spacing) * 5);inline-size:calc(var(--spacing) * 5)}.code .code-copy-button-icon{fill:var(--color-gray-500)}.code .code-copy-feedback-icon{fill:var(--color-success-700)}.code pre,.code code{color:#1f2328}.code .hl-keyword{color:#cf222e}.code .hl-property{color:#8250df}.code .hl-attribute{font-style:italic}.code .hl-type{color:#ea4334}.code .hl-generic{color:#9d3af6}.code .hl-value,.code .hl-literal,.code .hl-number{color:#0a3069}.code .hl-variable{color:#953800}.code .hl-comment{color:#6e7781}.code .hl-blur{filter:blur(2px)}.code .hl-strong{font-weight:700}.code .hl-em{font-style:italic}.code .hl-addition{display:inline-block;min-width:100%;background-color:#0f02}.code .hl-deletion{display:inline-block;min-width:100%;background-color:#f001}.code .hl-gutter{display:inline-block;font-size:.9em;color:#555;padding:0 1ch;margin-right:1ch;-webkit-user-select:none;user-select:none}.code .hl-gutter-addition{background-color:#34a853;color:#fff}.code .hl-gutter-deletion{background-color:#ea4334;color:#fff}.description-details{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-700)}.description-group{display:grid;row-gap:calc(var(--spacing) * 1.5)}.description-list{display:grid;row-gap:calc(var(--spacing) * 4)}.description-term{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.dialog-actions{margin-block-start:calc(var(--spacing) * 8);display:flex;flex-direction:column-reverse;gap:calc(var(--spacing) * 3)}@media(min-width:40rem){.dialog-actions{flex-direction:row;justify-content:end}}.dialog-content{margin-block-start:calc(var(--spacing) * 6)}.dialog-description{margin-block-start:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600)}.dialog-title{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.dialog{inline-size:var(--container-lg);margin:auto;--margin: calc(var(--spacing) * 8);max-inline-size:calc(100dvi - var(--margin) * 2);max-block-size:calc(100dvb - var(--margin) * 2);padding:calc(var(--spacing) * 8);background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);opacity:0;transition:display .15s allow-discrete,overlay .15s allow-discrete,opacity .15s var(--ease-out),scale .15s var(--ease-out)}.dialog::backdrop{opacity:0;background-color:color-mix(in oklch,var(--color-gray-950) 50%,transparent);transition:display .15s allow-discrete,overlay .15s allow-discrete,opacity .15s var(--ease-in-out)}.dialog[open]{opacity:1;scale:1}@starting-style{.dialog[open]{opacity:0;scale:.95}}.dialog[open]::backdrop{opacity:1}@starting-style{.dialog[open]::backdrop{opacity:0}}html:has(.dialog[open]){overflow:hidden}.empty-state-actions{margin-block-start:calc(var(--spacing) * 6);display:flex}.empty-state-description{margin-block-start:calc(var(--spacing) * 4);max-inline-size:var(--container-xl);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-gray-600);text-align:center;text-wrap:pretty}.empty-state-title{font-size:var(--text-lg);line-height:var(--text-lg--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950)}.empty-state{display:flex;flex-direction:column;align-items:center}.faq-question:not([open]){--closed-icon-display: block}.faq-question[open]{--open-icon-display: block}.faq-question-header{display:flex;justify-content:space-between;column-gap:calc(var(--spacing) * 4)}.faq-question-header::-webkit-details-marker{display:none}.faq-question-title{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.faq-question-icon{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);flex-shrink:0;margin-block:calc(var(--spacing) * 1.5);fill:var(--color-gray-950)}.faq-question-icon[data-state=closed]{display:var(--closed-icon-display, none)}.faq-question-icon[data-state=open]{display:var(--open-icon-display, none)}.faq-question-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);margin-block-start:calc(var(--spacing) * 4);display:grid;grid-template-columns:minmax(0,1fr);row-gap:calc(var(--spacing) * 4)}.faq-question-description>p{max-inline-size:var(--container-2xl)}.faq-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;gap:calc(var(--spacing) * 10);margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.faq-section{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.faq-section{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.faq-section{--margin-inline: calc(var(--spacing) * 10);grid-template-columns:repeat(2,minmax(0,1fr))}}.faq-section-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.faq-section-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin-block-start:calc(var(--spacing) * 4)}.faq-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl);margin-block-start:calc(var(--spacing) * 7)}.faq-section-questions{display:grid;gap:calc(var(--spacing) * 6)}.features-item{display:grid;row-gap:calc(var(--spacing) * 4)}.features-item-title{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.features-item-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl)}.features-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;row-gap:calc(var(--spacing) * 10);margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.features-section{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.features-section{--margin-inline: calc(var(--spacing) * 8);row-gap:calc(var(--spacing) * 15)}}@container (width >= 64rem){.features-section{--margin-inline: calc(var(--spacing) * 10)}}.features-section-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.features-section-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin-block-start:calc(var(--spacing) * 4)}.features-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl);display:grid;row-gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 7)}.features-section-items{display:grid;--columns: 1;grid-template-columns:repeat(var(--columns),1fr);gap:calc(var(--spacing) * 10)}@container (width >= 48rem){.features-section-items{--columns: 2}}@container (width >= 80rem){.features-section-items{--columns: 3}}.field{display:grid;row-gap:calc(var(--spacing) * 1.5)}.field:has(.field-label-suffix){grid-template-columns:1fr auto}.field:has(.field-label-suffix)>*{grid-column:1 / -1}.field:has(.field-label-suffix) .field-label{grid-column:1}.field .field-label{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.field .field-label-suffix{grid-area:1 / 2;font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.field .field-error{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);color:var(--color-red-700)}.fields,.form{display:grid;row-gap:calc(var(--spacing) * 6)}.form .form-actions{display:grid;grid-auto-flow:column;gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 2)}.guide-section .guide-section-title{font-weight:var(--font-weight-medium);color:light-dark(var(--color-gray-950),var(--color-white))}.guide-section .guide-section-title:is(h2){font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.guide-section .guide-section-title:is(h3){font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.guide-section>p{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:light-dark(var(--color-gray-700),var(--color-gray-300));margin-block-start:calc(var(--spacing) * 6)}.guide{--margin-inline: calc(var(--spacing) * 4);inline-size:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-md);margin-inline:auto;margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.guide{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 30)}}@container (width >= 48rem){.guide{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.guide{--margin-inline: calc(var(--spacing) * 10)}}.guide h1{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950);margin-block-end:calc(var(--spacing) * 12)}@container (width >= 40rem){.guide h1{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);font-weight:var(--font-weight-normal)}}.guide section{margin-block-start:calc(var(--spacing) * 16)}.guide h2{font-size:var(--text-lg);line-height:var(--text-lg--line-height);font-weight:var(--font-weight-semibold);color:var(--color-gray-950)}.guide p{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-700);margin-block-start:calc(var(--spacing) * 6)}.guide .code{margin-block-start:calc(var(--spacing) * 6)}.inline-form{border:1px solid var(--color-gray-300);padding:calc(var(--spacing) * 1);border-radius:calc(var(--spacing) * 6.75);display:flex;flex-direction:column;gap:var(--spacing);background-color:var(--color-gray-100)}@media(min-width:40rem){.inline-form{flex-direction:row}}.inline-form .inline-form-field{position:relative;isolation:isolate;flex-grow:1;inline-size:100%}@media(min-width:40rem){.inline-form .inline-form-field{inline-size:var(--container-xs)}}.inline-form .inline-form-field:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:calc(infinity * 1px);box-shadow:var(--shadow-sm)}.inline-form .inline-form-field input{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing) * 4);background-color:var(--color-white);border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);font-size:var(--text-base);height:calc(var(--spacing) * 11);background-clip:padding-box;inline-size:100%}@media(min-width:40rem){.inline-form .inline-form-field input{font-size:var(--text-sm)}}.input{--block-size: calc(var(--spacing) * 9);--border-width: 1px;--line-height: calc(var(--spacing) * 6);border:var(--border-width) solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--radius-md);line-height:var(--line-height);padding-block:calc((var(--block-size) - var(--line-height)) / 2 - var(--border-width));padding-inline:calc(var(--spacing) * 3 - var(--border-width));background-color:var(--color-gray-50);color:var(--color-gray-950)}.input:focus-visible{outline:4px solid color-mix(in oklch,var(--color-primary-600) 40%,transparent);outline-offset:calc(var(--border-width) * -1)}.input:disabled{background-color:var(--color-gray-200);color:var(--color-gray-600)}@media(min-width:40rem){.input{font-size:var(--text-sm)}}.layout body{background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;min-block-size:100dvh}.link{color:var(--color-primary-700)}.link:hover{text-decoration:underline}.logo{display:inline-flex;font-size:var(--text-xl);line-height:1;font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight)}.logo span:first-child{color:var(--color-gray-950)}.logo span:last-child{color:var(--color-primary-700)}.open-graph-image{padding:calc(var(--spacing) * 12);background-color:var(--color-white);display:grid;inline-size:var(--breakpoint-lg);aspect-ratio:2;overflow:hidden;outline:1px solid var(--color-gray-950)}.open-graph-image:not(:has(.open-graph-image-image)){align-content:center}.open-graph-image .screenshots-grid{margin-block-start:calc(var(--spacing) * 12);margin-block-end:calc(var(--spacing) * -54.5)}.open-graph-image-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600);margin-block-start:calc(var(--spacing) * 4)}.open-graph-image-title{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);letter-spacing:var(--tracking-tight);color:var(--color-gray-950);text-wrap:balance;margin-block-start:calc(var(--spacing) * 4)}.open-graph-image-image{border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);--border-start-radius: var(--radius-lg);border-radius:var(--border-start-radius) var(--border-start-radius) 0 0;margin-block-start:calc(var(--spacing) * 12)}.prices{display:grid;gap:calc(var(--spacing) * 10)}@container (width >= 64rem){.prices{grid-template-columns:repeat(2,1fr)}}.pricing-feature{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--spacing) * 3)}.pricing-feature-icon{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);margin-block:calc(var(--spacing) * 1.5);fill:var(--color-primary-600)}.pricing-feature-title{grid-column-start:2;font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.pricing-feature-description{grid-column-start:2;font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600)}.pricing-price{--border-radius: var(--radius-2xl);--border-width: calc(var(--spacing) * 2);--padding: calc(var(--spacing) * 6);padding:calc(var(--padding) + var(--border-width));border-radius:var(--border-radius);position:relative;isolation:isolate;z-index:0;display:grid;align-content:space-between;row-gap:calc(var(--spacing) * 10);container-type:inline-size}@container (width >= 40rem){.pricing-price{--padding: calc(var(--spacing) * 10)}}.pricing-price:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--border-radius);outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);outline-offset:-1px}.pricing-price:after{content:"";position:absolute;inset:var(--border-width);z-index:-1;border-radius:calc(var(--border-radius) - var(--border-width));background-color:var(--color-white);outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent)}.pricing-price[data-highlighted]{order:-1}.pricing-price[data-highlighted]:before{background-color:var(--color-gray-100)}.pricing-price[data-highlighted]:after{box-shadow:var(--shadow-md)}@container (width >= 64rem){.pricing-price[data-highlighted]{order:unset}}.pricing-price-header{display:grid;row-gap:calc(var(--spacing) * 6)}@container (width >= 24rem){.pricing-price-header{grid-template-columns:1fr auto}}.pricing-price-title{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-gray-600);grid-column:1 / -1}.pricing-price-amount{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.pricing-price-amount s{color:var(--color-gray-400)}.pricing-price-action{display:flex}.pricing-price-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);grid-column:1 / -1}.pricing-price-features{display:grid;row-gap:calc(var(--spacing) * 6)}.pricing-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;row-gap:calc(var(--spacing) * 10);margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.pricing-section{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.pricing-section{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.pricing-section{--margin-inline: calc(var(--spacing) * 10);row-gap:calc(var(--spacing) * 15)}}.pricing-section-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.pricing-section-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin-block-start:calc(var(--spacing) * 4)}.pricing-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl);display:grid;row-gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 7)}.pricing-section-prices{display:grid;gap:calc(var(--spacing) * 10)}@container (width >= 64rem){.pricing-section-prices{grid-template-columns:repeat(2,1fr)}}.progress{position:relative;overflow:hidden;block-size:calc(var(--spacing) * 1.5);inline-size:calc(var(--spacing) * 40);border-radius:calc(infinity * 1px);background-color:var(--color-gray-200)}.progress::-webkit-progress-bar{background-color:transparent}.progress::-webkit-progress-value{display:none}.progress::-moz-progress-bar{background-color:var(--color-primary-700)}.progress:indeterminate:before{content:"";position:absolute;inset:0;background-color:var(--color-primary-700);animation:progress-indeterminate 2.5s var(--ease-in-out) infinite}.progress:indeterminate::-moz-progress-bar{animation:progress-indeterminate 2.5s var(--ease-in-out) infinite}@keyframes progress-indeterminate{0%,80%,to{translate:-100%}15%,65%{translate:0}30%,50%{translate:100%}}.screenshots-comparer{display:grid;cursor:ew-resize}.screenshots-comparer-images{display:grid;--columns: 1;grid-template-columns:repeat(var(--columns),1fr);gap:calc(var(--spacing) * 10);grid-area:1 / 1;pointer-events:none;-webkit-mask-image:linear-gradient(to left,var(--mask-start-color) calc(100% - var(--slider) * 100%),var(--mask-end-color) 0%);mask-image:linear-gradient(to left,var(--mask-start-color) calc(100% - var(--slider) * 100%),var(--mask-end-color) 0%)}@container (width >= 40rem){.screenshots-comparer-images{--columns: 2}}@container (width >= 64rem){.screenshots-comparer-images{--columns: 3}}.screenshots-comparer-images:not([data-theme=default]){--mask-start-color: transparent;--mask-end-color: black}.screenshots-comparer-images[data-theme=default]{--mask-start-color: black;--mask-end-color: transparent}.screenshots-comparer-image-container{overflow:hidden;border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--radius-xl)}.screenshots-comparer-image{inline-size:100%;aspect-ratio:1;object-fit:cover;scale:1.5}.screenshots-comparer-image[data-page=edit-product]{object-position:left top;transform-origin:top left}.screenshots-comparer-image[data-page=list-orders]{object-position:top;transform-origin:top left}.screenshots-comparer-slider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;column-gap:calc(var(--spacing) * 2);grid-area:1 / 1;inline-size:max-content;translate:-50%;margin-inline-start:calc(var(--slider) * 100%);pointer-events:none}.screenshots-comparer-slider-separator{grid-area:1 / 2;inline-size:calc(var(--spacing) * .5);block-size:100%;width:2px;background-image:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--color-gray-950) 60%,transparent),transparent)}.screenshots-comparer-slider-icon{grid-area:1 / 2;--padding: calc(var(--spacing) * 2);padding:var(--padding);inline-size:calc(var(--spacing) * 5 + var(--padding) * 2);block-size:calc(var(--spacing) * 5 + var(--padding) * 2);background-color:var(--color-gray-950);fill:var(--color-white);border-radius:calc(infinity * 1px);rotate:90deg}.screenshots-comparer-slider-label{grid-row-start:1;background-color:color-mix(in oklch,var(--color-gray-950) 4%,transparent);color:var(--color-gray-950);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);border-radius:calc(infinity * 1px);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent)}.screenshots-comparer-slider-label:has(~.screenshots-comparer-slider-separator){justify-self:end}.screenshots-comparer-slider-separator~.screenshots-comparer-slider-label{justify-self:start}.screenshots-grid{--image-count: 3;--overlap: calc(var(--spacing) * 24);display:grid;isolation:isolate;container-type:inline-size}.screenshots-grid .screenshots-grid-image-container{--border-radius: var(--radius-2xl);--border-width: calc(var(--spacing) * 2);padding:var(--border-width);border-radius:var(--border-radius);position:relative;grid-area:1 / 1;inline-size:100%}@container (width >= 40rem){.screenshots-grid .screenshots-grid-image-container{inline-size:calc((100% + (var(--image-count) - 1) * var(--overlap)) / var(--image-count))}}.screenshots-grid .screenshots-grid-image-container:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:var(--border-radius);background-color:var(--color-white);outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);outline-offset:-1px}.screenshots-grid .screenshots-grid-image-container:after{content:"";position:absolute;inset:var(--border-width);z-index:-1;border-radius:calc(var(--border-radius) - var(--border-width));outline:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent)}.screenshots-grid .screenshots-grid-image-container:nth-child(2){z-index:1;inset-inline-start:calc(100% / var(--image-count))}@container (width >= 40rem){.screenshots-grid .screenshots-grid-image-container:nth-child(2){inset-inline-start:unset;justify-self:center}}.screenshots-grid .screenshots-grid-image-container:nth-child(3){z-index:2;inset-inline-start:calc(100% / var(--image-count) * 2)}@container (width >= 40rem){.screenshots-grid .screenshots-grid-image-container:nth-child(3){inset-inline-start:unset;justify-self:end}}.screenshots-grid .screenshots-grid-image-container img{border-radius:calc(var(--border-radius) - var(--border-width))}.screenshots-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;row-gap:calc(var(--spacing) * 10);margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.screenshots-section{--margin-inline: calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 15);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.screenshots-section{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.screenshots-section{--margin-inline: calc(var(--spacing) * 10)}}.screenshots-section-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.screenshots-section-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin-block-start:calc(var(--spacing) * 4)}.screenshots-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl);display:grid;row-gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 7)}.screenshots-section-comparer{overflow:hidden}.select{--border-width: 1px;display:grid;align-items:center}.select select{--block-size: calc(var(--spacing) * 9);--line-height: calc(var(--spacing) * 6);grid-area:1 / 1;appearance:none;flex-grow:1;border:var(--border-width) solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--radius-md);line-height:var(--line-height);padding-block:calc((var(--block-size) - var(--line-height)) / 2 - var(--border-width));padding-inline:calc(var(--spacing) * 3 - var(--border-width));background-color:var(--color-gray-50);color:var(--color-gray-950)}.select select:focus-visible{outline:4px solid color-mix(in oklch,var(--color-primary-600) 40%,transparent);outline-offset:calc(var(--border-width) * -1)}@media(min-width:40rem){.select select{font-size:var(--text-sm)}}.select .select-icon{grid-area:1 / 1;justify-self:flex-end;block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);margin-inline-end:calc(var(--spacing) * 2 - var(--border-width));fill:var(--color-gray-500);pointer-events:none}.site-footer-link{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-gray-600)}.site-footer-link:hover{text-decoration:underline}.site-footer{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:flex;column-gap:calc(var(--spacing) * 3);padding-block-end:calc(var(--spacing) * 12);margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.site-footer{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.site-footer{--margin-inline: calc(var(--spacing) * 8)}}.site-footer-copyright{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-gray-600)}.site-footer-links{display:flex;column-gap:calc(var(--spacing) * 3);margin-inline-start:auto}@container (width >= 40rem){.site-footer-links{column-gap:calc(var(--spacing) * 6)}}.site-header{--margin-inline: calc(var(--spacing) * 4);inline-size:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;padding-block:calc(var(--spacing) * 4)}@container (width >= 40rem){.site-header{--margin-inline: calc(var(--spacing) * 6)}}@container (width >= 48rem){.site-header{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.site-header{--margin-inline: calc(var(--spacing) * 10)}}.site-main-header{--margin-inline: calc(var(--spacing) * 4);inline-size:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.site-main-header{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 30);justify-items:center;text-align:center}}@container (width >= 48rem){.site-main-header{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.site-main-header{--margin-inline: calc(var(--spacing) * 10)}}.site-main-header-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.site-main-header-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-gray-950);text-wrap:balance;margin-block-start:calc(var(--spacing) * 4)}@container (width >= 40rem){.site-main-header-title{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);font-weight:var(--font-weight-normal)}}@container (width >= 64rem){.site-main-header-title{font-size:var(--text-6xl);line-height:var(--text-6xl--line-height)}}@container (width >= 80rem){.site-main-header-title{font-size:var(--text-7xl);line-height:var(--text-7xl--line-height)}}.site-main-header-description{font-size:var(--text-lg);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-3xl);margin-block-start:calc(var(--spacing) * 7)}.site-main-header-actions{display:grid;inline-size:100%;gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 8)}@container (width >= 40rem){.site-main-header-actions{grid-auto-flow:column;inline-size:auto}}.site-main-header-media{margin-block-start:calc(var(--spacing) * 20);inline-size:100%;container-type:inline-size}.site-main{overflow:hidden;container-type:inline-size}.site-page{min-block-size:100dvh}.slideshow{display:grid;isolation:isolate;--image-margin-block-start: calc(4 * var(--spacing));block-size:calc(100cqi / 16 * 9 + 2 * var(--image-margin-block-start))}.slideshow-image{border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--radius-lg);--margin-block-start: var(--image-margin-block-start);margin-block-start:calc((var(--layer) - 1) * var(--margin-block-start));--margin-inline: calc((3 - var(--layer)) * var(--margin-block-start));margin-inline:var(--margin-inline);inline-size:calc(100% - 2 * var(--margin-inline));aspect-ratio:16 / 9;background-color:var(--color-white);grid-area:1 / 1;transition-property:margin,inline-size,opacity;transition-duration:.5s;transition-timing-function:var(--ease-out);z-index:var(--layer)}.slideshow-image:nth-last-of-type(4){--layer: 3;z-index:4;opacity:0}.slideshow-image:nth-last-of-type(3){--layer: 3}.slideshow-image:nth-last-of-type(2){--layer: 2}.slideshow-image:nth-last-of-type(1){--layer: 1}@container (width >= 48rem){.slideshow-image{border-radius:var(--radius-xl)}}.tab-list{border-block-end:1px solid var(--color-gray-200);display:flex;column-gap:calc(var(--spacing) * 3)}.tab{margin-block-end:-1px;border-block-end:2px solid transparent;padding-block:calc(1.5 * var(--spacing));padding-inline:calc(3 * var(--spacing));font-weight:var(--font-weight-medium);font-size:var(--text-sm);line-height:calc(6 * var(--spacing));color:var(--color-gray-600)}.tab:hover{color:var(--color-gray-950)}.tab[aria-selected=true]{border-block-end-color:var(--color-primary-700);color:var(--color-gray-950)}.table{inline-size:100%}.table th,.table td{--padding-inline: calc(var(--spacing) * 3);text-align:start;font-size:var(--text-sm);line-height:var(--text-sm--line-height)}:is(.table th,.table td):not(:has(>a)){padding-inline:var(--padding-inline)}:is(.table th,.table td) a{display:block;padding-inline:var(--padding-inline)}.table th{font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.table thead th{--padding-block: calc(var(--spacing) * 3.5);border-block-end:1px solid var(--color-gray-300)}.table thead th:not(:has(>a)){padding-block:var(--padding-block)}.table thead th a{padding-block:var(--padding-block)}.table tbody tr:not(:last-of-type) th,.table tbody tr:not(:last-of-type) td{border-block-end:1px solid var(--color-gray-200)}.table tbody th,.table tbody td{--padding-block: calc(var(--spacing) * 4)}:is(.table tbody th,.table tbody td):not(:has(>a)){padding-block:var(--padding-block)}:is(.table tbody th,.table tbody td) a{padding-block:var(--padding-block)}.table tbody td{color:var(--color-gray-700)}.tabs{display:grid;row-gap:calc(var(--spacing) * 6)}.testimonial{display:grid;row-gap:calc(var(--spacing) * 6);align-content:space-between}.testimonial:first-child .testimonial-quote{display:grid;row-gap:calc(var(--spacing) * 6)}.testimonial:first-child .testimonial-quote:before,.testimonial:first-child .testimonial-quote:after{font-size:calc(var(--spacing) * 24);height:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 20);color:var(--color-primary-600)}.testimonial:first-child .testimonial-quote:before{content:"“"}.testimonial:first-child .testimonial-quote:after{content:"”";justify-self:end}.testimonial-text{font-size:var(--text-xl);line-height:calc(var(--spacing) * 9);letter-spacing:var(--tracking-tight);color:var(--color-gray-500);font-style:italic}.testimonial-text>strong{font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.testimonial-author{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;column-gap:calc(var(--spacing) * 6);align-content:center}.testimonial-avatar{inline-size:calc(var(--spacing) * 14);block-size:calc(var(--spacing) * 14);border-radius:calc(infinity * 1px);grid-row:span 2}.testimonial-name{grid-column:2;font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.testimonial-title{grid-column:2;font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600)}.testimonials-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.testimonials-section{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.testimonials-section{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.testimonials-section{--margin-inline: calc(var(--spacing) * 10)}}.testimonials-section-testimonials{display:grid;--columns: 1;grid-template-columns:repeat(var(--columns),1fr);gap:calc(var(--spacing) * 10)}.testimonials-section-testimonials>:first-child{grid-column:var(--columns)}@container (width >= 64rem){.testimonials-section-testimonials{--columns: 2}.testimonials-section-testimonials>:first-child{grid-row:1 / span 2}}.theme-preview{block-size:100%;inline-size:100%;display:flex;flex-direction:column}.theme-preview-header{border-block-end:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);padding:calc(var(--spacing));display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2)}.theme-preview-header-title{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6);font-weight:var(--font-weight-medium);color:var(--color-gray-950)}.theme-preview-header-icon{block-size:calc(var(--spacing) * 4);inline-size:calc(var(--spacing) * 4);fill:var(--color-gray-950)}.theme-preview-application{flex-grow:1}.theme-preview-progress{margin:auto}.theme-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-inline-size:var(--breakpoint-2xl);margin-inline:auto;display:grid;grid-auto-columns:1fr;gap:calc(var(--spacing) * 10);align-items:center;margin-block-start:calc(var(--spacing) * 20);position:relative;isolation:isolate}@container (width >= 40rem){.theme-section{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.theme-section{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.theme-section{--margin-inline: calc(var(--spacing) * 10);grid-auto-flow:column}}.theme-section-header{display:flex;flex-direction:column}.theme-section-eyebrow{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-primary-600)}.theme-section-title{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);margin-block-start:calc(var(--spacing) * 4)}.theme-section-title>a:before{content:"";position:absolute;inset:0;z-index:1}.theme-section-description{font-size:var(--text-sm);line-height:calc(var(--spacing) * 7);color:var(--color-gray-600);max-inline-size:var(--container-2xl);margin-block-start:calc(var(--spacing) * 7)}.theme-section-action{align-self:start;margin-block-start:calc(var(--spacing) * 7)}.theme-section-image-container{overflow:hidden;border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);border-radius:var(--radius-xl);aspect-ratio:16 / 9}.theme-section-image{object-fit:cover;object-position:top;transform-origin:top left;scale:1.5}