.hero{position:relative;overflow:hidden;min-height:100svh;background-color:#fff}:root.dark .hero{background-color:#1a1a1a}.hero picture img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;z-index:2}.hero .overlay{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:1.5rem;padding-top:5.4rem}@media(min-width:768px){.hero .overlay{padding-top:7.2rem}}@media(min-width:1024px){.hero .overlay{padding-top:8.1rem}}@media(min-width:768px)and (max-aspect-ratio:3/2){.hero .overlay{padding-top:10rem}}@media(min-width:768px)and (max-aspect-ratio:5/4){.hero .overlay{padding-top:11.5rem}}@media(min-width:768px)and (max-aspect-ratio:1/1){.hero .overlay{padding-top:13rem}}.hero .subtitle{max-width:40rem;margin-top:1rem;color:var(--neutral-700);text-wrap:balance;text-align:center}@media(min-width:768px){.hero .subtitle{font-size:1.5rem}}.hero h1{max-width:48rem;color:#111;line-height:1.1!important}:root.dark .hero h1{color:#f0f0f0}@media(min-width:768px){.hero h1{font-size:2.7rem}}@media(min-width:1024px){.hero h1{font-size:3.6rem}}.hero h1 span{color:var(--primary-700);font-weight:700}:root.dark .hero h1 span{color:var(--primary-200)}.hero .hero-store-badges{margin-top:1.5rem;justify-content:center}.hero .scroll-indicator{margin-top:1.5rem;animation:hero-bounce 1s infinite}.hero .scroll-indicator svg{color:#111}:root.dark .hero .scroll-indicator svg{color:#f0f0f0}@keyframes hero-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.how-it-works{padding-block:6rem;background:var(--background)}@media(min-width:768px){.how-it-works{padding-block:8rem}}@media(min-width:1024px){.how-it-works{padding-block:10rem}}.how-it-works header{text-align:start;margin-bottom:4rem;transition:all .7s ease;transform:translateY(2rem);opacity:0}@media(min-width:768px){.how-it-works header{margin-bottom:5rem}}.how-it-works header.visible{transform:translateY(0);opacity:1}.how-it-works header p{margin-top:1rem;max-width:48rem}.how-it-works .step-card{transition:all .7s ease;transform:translateY(2rem);opacity:0;overflow:hidden}.how-it-works .step-card.visible{transform:translateY(0);opacity:1}.how-it-works .image-wrapper{position:relative;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:1.25rem;container-type:inline-size}.how-it-works .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.how-it-works .input-overlay{position:absolute;top:18%;left:10%;right:10%;pointer-events:none}.how-it-works .input-overlay p{color:#000;font-size:clamp(11px,8.1cqi,23px);line-height:1.2;margin:0}.how-it-works .number{position:absolute;top:.75rem;inset-inline-start:.75rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-700);color:#fff;font-size:var(--font-label);font-weight:700;line-height:1}@media(min-width:768px){.how-it-works .number{width:2.5rem;height:2.5rem;font-size:1rem}}.how-it-works .step-card h3{margin-bottom:.5rem}.how-it-works .mobile-card{background:#fff;border-radius:var(--radius-2xl);padding:1rem;box-shadow:var(--shadow-sm)}:root.dark .how-it-works .mobile-card{background:var(--neutral-100)}.how-it-works .desktop-container{display:none}@media(min-width:768px){.how-it-works .desktop-container{display:block}}.how-it-works .desktop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media(min-width:1024px){.how-it-works .desktop-grid{gap:2.5rem}}.how-it-works .customization{background:var(--primary-50);padding-block:3rem;margin-top:4rem}@media(min-width:768px){.how-it-works .customization{padding-block:4rem;margin-top:5rem}}:root.dark .how-it-works .customization{background:var(--primary-900)}.how-it-works .customization header{text-align:center;margin-bottom:2rem;transition:none;transform:none;opacity:1}@media(min-width:768px){.how-it-works .customization header{margin-bottom:3rem}}.how-it-works .customization header p{margin-top:.75rem;max-width:none}.how-it-works .scroll-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline-start:1rem;padding-inline-end:1rem}.how-it-works .scroll-track::-webkit-scrollbar{display:none}@media(min-width:640px){.how-it-works .scroll-track{padding-inline-start:1.5rem}}@media(min-width:1024px){.how-it-works .scroll-track{padding-inline-start:max(2rem,(100% - 80rem)/2 + 2rem);padding-inline-end:2rem}}.how-it-works .scroll-controls{display:none;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}@media(min-width:768px){.how-it-works .scroll-controls{display:flex}}.how-it-works .scroll-controls button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);border:none;background:var(--neutral-200);color:var(--neutral-700);cursor:pointer;transition:background .2s ease}.how-it-works .scroll-controls button:hover{background:var(--neutral-300)}.how-it-works .scroll-controls button svg{width:1.25rem;height:1.25rem}.how-it-works .option-card{background:#fff;border-radius:var(--radius-2xl);padding:2rem 1.5rem;box-shadow:var(--shadow-sm);width:calc(100vw - 3rem);max-width:18rem;min-height:14rem;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column}@media(min-width:768px){.how-it-works .option-card{width:auto;min-width:24rem;max-width:28rem;min-height:16rem;padding:2.5rem 2rem}}:root.dark .how-it-works .option-card{background:var(--neutral-100)}.how-it-works .option-card>svg{width:2.5rem;height:2.5rem;color:var(--primary-700);margin-bottom:.75rem}:root.dark .how-it-works .option-card>svg{color:var(--primary-200)}.how-it-works .option-card h4{margin-bottom:.25rem}.how-it-works footer{text-align:center;margin-top:4rem;transition:all .7s ease;transform:translateY(2rem);opacity:0}@media(min-width:768px){.how-it-works footer{margin-top:5rem}}.how-it-works footer.visible{transform:translateY(0);opacity:1}
/*# sourceMappingURL=67a475f75edee934.css.map*/