@-webkit-keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.main--landing .serif{color:var(--primary)}.main--landing .hero__content{opacity:0}.main--landing .hero__content.show{opacity:1}.main--landing p strong{color:var(--color-foreground)}.main--landing .hero{text-align:center;padding:6rem 2rem;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:991px){.main--landing .hero{padding:4rem 2rem}}.main--landing .hero>*{max-width:100%}.main--landing .hero .box{position:relative}.main--landing .hero h1{margin-bottom:3rem;font-weight:900}.main--landing .hero p{position:relative;z-index:2;color:var(--color-subtle)}.main--landing section{position:relative}.main--landing section .title--serif{margin:0;margin-bottom:1.5rem}.main--landing .section--faqs{background:rgba(var(--color-black-rgb),0.1)}.main--landing .section--faqs,.main--landing .section--faqs .grid{text-align:left}.main--landing .section--faqs .grid{gap:4rem}@media screen and (max-width:991px){.main--landing .section--faqs .column--spacing{padding:4rem 2rem;margin:0}}.main--landing .column--bg{background-repeat:no-repeat;background-size:cover;aspect-ratio:3/2}.main--landing .column--spacing{padding:8rem 4rem;text-align:center}@media screen and (max-width:991px){.main--landing .column--spacing{padding:0 2rem;margin:4rem 0}}.grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"preview content";-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:767px){.grid{display:block}}.grid .column{min-width:0}.grid .column--preview{-ms-grid-row:1;-ms-grid-column:1;grid-area:preview;padding:0 2rem}@media screen and (max-width:767px){.grid .column--preview{padding:0}}.grid .column--spacing{-ms-grid-row:1;-ms-grid-column:2;grid-area:content}.grid .preview{border-radius:1.5rem;-webkit-box-shadow:0 0 2rem rgba(0,0,0,0.1);box-shadow:0 0 2rem rgba(0,0,0,0.1);background:color-mix(in srgb,var(--color-black) 65%,var(--color-background));border:1px solid var(--color-border);aspect-ratio:5/4;overflow:hidden;position:relative}@media screen and (max-width:767px){.grid .preview{border-radius:0;border-left:0;border-right:0}}@media screen and (max-width:479px){.grid .preview{aspect-ratio:3/4}}.grid--reversed{grid-template-areas:"content preview"}.list--works{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1rem 1fr 1rem 1fr 1rem 1fr;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0;list-style:none;padding:0}@media screen and (max-width:991px){.list--works{-ms-grid-columns:1fr 2rem 1fr;grid-template-columns:repeat(2,1fr);gap:2rem}}@media screen and (max-width:767px){.list--works{margin:4rem 0;-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}}.tile--work{position:relative;background:rgba(var(--color-black-rgb),0.1);border:1px solid var(--color-border);-webkit-box-shadow:0 2rem 2rem -3rem rgba(0,0,0,0.2);box-shadow:0 2rem 2rem -3rem rgba(0,0,0,0.2);border-radius:1rem;overflow:clip;text-align:center}.tile--work:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;border:1px solid color-mix(in srgb,var(--color-foreground) 50%,transparent);border-radius:1rem;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:linear-gradient(130deg,rgb(0,0,0),rgba(0,0,0,0) 15%);mask-image:linear-gradient(130deg,rgb(0,0,0),rgba(0,0,0,0) 15%)}.tile--work:focus-within:has(:focus-visible){border-color:var(--color-primary)}.tile--work:hover h3{color:var(--color-primary);text-decoration:underline}.tile--work:hover img{-webkit-transform:scale(1.125);transform:scale(1.125)}.tile--work a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.tile--work figure{position:relative;aspect-ratio:3/2;margin:0;overflow:clip}.tile--work figure img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce);transition:opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce);transition:transform 0.6s var(--bezier-bounce),opacity 0.4s ease,visibility 0.4s ease;transition:transform 0.6s var(--bezier-bounce),opacity 0.4s ease,visibility 0.4s ease,-webkit-transform 0.6s var(--bezier-bounce)}.tile--work .content{padding:2rem}.tile--work h3{margin:0;font-size:1.5rem;margin-bottom:0.5rem;font-family:var(--text-serif);font-weight:900}.tile--work p{color:var(--color-subtle);margin:0}.tile--work .badge{border-radius:0.35rem;position:absolute;top:1rem;left:1rem;padding:0.25rem 1rem;font-size:0.85rem;font-weight:bold;text-transform:uppercase;font-family:var(--text-serif);font-weight:900;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem}.tile--work .badge--new{background:#7fffd4;color:var(--color-background)}.tile--work .badge--accessibility{background:#7fffd4;color:var(--color-background)}.tile--work .badge--soon{background:#FE8D7E;color:var(--color-background)}.tile--work .badge--downloads{left:auto;right:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem;background:var(--color-background);border:1px solid var(--color-border);padding:0.5rem 1rem;border-radius:2rem}.tile--work .badge--downloads svg{width:1em;height:1em}.section--features{padding:var(--padding-lg) var(--padding-md);text-align:center}.steps--list{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:1rem;list-style:none;margin:0;padding:0}.steps--list .step{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 3rem}.steps--list .number{background:var(--color-primary);color:var(--color-background);border-radius:50%;width:2.5rem;height:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;font-size:1.5rem;font-weight:bold;position:absolute;z-index:1;bottom:-1.25rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:var(--text-serif)}.steps--list h4{font-size:1.75rem;margin:0;margin-bottom:1rem;color:var(--color-foreground);line-height:1;font-family:var(--text-serif)}.steps--list p{font-size:1.25rem;margin:0!important;line-height:1.5;color:var(--color-subtle)}@media screen and (max-width:767px){.steps--list{display:block}.steps--list .step{padding:0;margin:3rem}}.list--features{list-style:none;margin:4rem 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4rem}@media screen and (max-width:991px){.list--features{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (max-width:991px) and (max-width:479px){.list--features{-ms-grid-columns:1fr;grid-template-columns:1fr}}.list--features .icon{color:var(--color-primary);margin-bottom:1rem}.list--features .icon svg{width:3rem;height:3rem}.list--features li{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.list--features li a{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.list--features li figure{margin:0;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;border-radius:0.75rem;aspect-ratio:3/2;position:relative}.list--features li figure img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list--features p{font-size:1.125rem;color:var(--color-subtle)}#preview--automode{padding:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}#preview--automode .pre{border:1px solid var(--color-border);margin:0}#preview--automode .btn{font-size:2rem;padding:1.5rem 3rem}#preview--automode .btn svg{width:2.5rem;height:2.5rem}@media screen and (max-width:991px){#preview--automode .btn{font-size:1rem;padding:1rem 2rem}#preview--automode .btn svg{width:2rem;height:2rem}}#preview--automode .btn,#preview--automode .pre{width:100%}@media screen and (max-width:991px){#preview--automode{padding:2rem}}.page--pricing{--color:var(--color-background);--background:var(--color-soft);--primary:var(--color-primary)}.section--cta{border-bottom:1px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 2.5%,transparent)}.section--cta .circles{height:100%}.section--cta .column--spacing{padding:8rem 0}@media screen and (max-width:991px){.section--cta .column--spacing{padding:4rem 2rem;margin:0}}