.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-semibold);text-align:center;background-color:var(--color-primary-400);color:var(--color-primary-950);text-wrap:balance;z-index:1}.body{background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;min-block-size:100dvh}.button{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);line-height:calc(6 * var(--spacing));border-radius:calc(infinity * 1px);text-align:center}.button[data-color=primary]{background-color:var(--color-primary-400);color:var(--color-primary-950)}.button[data-color=gray]{background:var(--color-gray-200);color:var(--color-gray-950)}.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))}pre,code{color:#1f2328;background-color:#fff}.hl-keyword{color:#cf222e}.hl-property{color:#8250df}.hl-attribute{font-style:italic}.hl-type{color:#ea4334}.hl-generic{color:#9d3af6}.hl-value,.hl-literal,.hl-number{color:#0a3069}.hl-variable{color:#953800}.hl-comment{color:#6e7781}.hl-blur{filter:blur(2px)}.hl-strong{font-weight:700}.hl-em{font-style:italic}.hl-addition{display:inline-block;min-width:100%;background-color:#0f02}.hl-deletion{display:inline-block;min-width:100%;background-color:#f001}.hl-gutter{display:inline-block;font-size:.9em;color:#555;padding:0 1ch;margin-right:1ch;-webkit-user-select:none;user-select:none}.hl-gutter-addition{background-color:#34a853;color:#fff}.hl-gutter-deletion{background-color:#ea4334;color:#fff}.code{font-size:var(--text-sm);border:1px solid color-mix(in oklch,var(--color-gray-950) 20%,transparent);overflow:auto}.code:is(pre){padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);border-radius:var(--radius-lg)}.code:is(code){padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * .5);border-radius:var(--radius-md)}.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{{opacity:0}}html:has(.dialog[open]){overflow:hidden}.dialog-title{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-semibold);color:var(--color-gray-950)}.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-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}}.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-semibold);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);max-width:var(--container-2xl);margin-block-start:calc(var(--spacing) * 4);display:grid;row-gap:calc(var(--spacing) * 4)}.faq-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-width: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,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-width: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-semibold);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-width:var(--container-2xl)}.features-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-width: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-width: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}}.footer-link{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-gray-600)}.footer-link:hover{text-decoration:underline}.footer{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-width: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){.footer{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 40)}}@container (width >= 48rem){.footer{--margin-inline: calc(var(--spacing) * 8)}}.footer-copyright{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-gray-600)}.footer-links{display:flex;column-gap:calc(var(--spacing) * 3);margin-inline-start:auto}@container (width >= 40rem){.footer-links{column-gap:calc(var(--spacing) * 6)}}.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-width: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)}.header{--margin-inline: calc(var(--spacing) * 4);inline-size:calc(100dvw - var(--margin-inline) * 2);max-width:var(--breakpoint-2xl);margin-inline:auto;padding-block:calc(var(--spacing) * 4)}@container (width >= 40rem){.header{--margin-inline: calc(var(--spacing) * 6)}}@container (width >= 48rem){.header{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.header{--margin-inline: calc(var(--spacing) * 10)}}.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)}}.link{text-decoration:underline}.logo{font-size:var(--text-xl);line-height:1;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.logo span:first-child{color:var(--color-gray-950)}.logo span:last-child{color:var(--color-primary-600)}.main{overflow:hidden;container-type:inline-size}.open-graph-image{padding:calc(var(--spacing) * 12);background: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)}.page-header{--margin-inline: calc(var(--spacing) * 4);inline-size:calc(100dvw - var(--margin-inline) * 2);max-width:var(--breakpoint-2xl);margin-inline:auto;display:grid;margin-block-start:calc(var(--spacing) * 20)}@container (width >= 40rem){.page-header{--margin-inline: calc(var(--spacing) * 6);margin-block-start:calc(var(--spacing) * 30);justify-items:center;text-align:center}}@container (width >= 48rem){.page-header{--margin-inline: calc(var(--spacing) * 8)}}@container (width >= 64rem){.page-header{--margin-inline: calc(var(--spacing) * 10)}}.page-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)}.page-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){.page-header-title{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height);font-weight:var(--font-weight-normal)}}@container (width >= 64rem){.page-header-title{font-size:var(--text-6xl);line-height:var(--text-6xl--line-height)}}@container (width >= 80rem){.page-header-title{font-size:var(--text-7xl);line-height:var(--text-7xl--line-height)}}.page-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)}.page-header-actions{display:grid;inline-size:100%;gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 8)}@container (width >= 40rem){.page-header-actions{grid-auto-flow:column;inline-size:auto}}.page-header-media{margin-block-start:calc(var(--spacing) * 20);inline-size:100%;container-type:inline-size}.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-semibold);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: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-width: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-width: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)}}.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-width: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-width:var(--container-2xl);display:grid;row-gap:calc(var(--spacing) * 4);margin-block-start:calc(var(--spacing) * 7)}.screenshots-section-comparer{overflow:hidden}.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)}}.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-semibold);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-width: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{inline-size:100%;aspect-ratio:16 / 9}.theme-section{--margin-inline: calc(var(--spacing) * 4);width:calc(100dvw - var(--margin-inline) * 2);max-width: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-width: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}