.app-page{position:relative;overflow:hidden;min-height:60vh;padding:2rem 0}.app-page__hero{text-align:center;max-width:800px;margin:0 auto;padding:2rem 1.5rem}.app-page__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(var(--color-foreground),.05);border:1.5px solid rgba(var(--color-foreground),.15);border-radius:50px;font-size:.875rem;font-weight:600;color:rgba(var(--color-foreground),.8);margin-bottom:2rem;transition:all .3s ease}.app-page__badge:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.25);transform:translateY(-2px)}.app-page__badge-icon{font-size:1rem}.app-page__icon{margin:0 auto 2rem;display:flex;justify-content:center;align-items:center}.app-page__icon-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-button),.1),rgba(var(--color-button),.05));display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.app-page__icon-circle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-button),.2),rgba(var(--color-button),.05));opacity:0;transition:opacity .4s ease;z-index:-1}.app-page__icon-circle:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 12px 40px rgba(var(--color-button),.15)}.app-page__icon-circle:hover:before{opacity:1}.app-page__icon-circle svg{width:80px;height:80px;transition:transform .4s ease}.app-page__icon-circle:hover svg{transform:scale(1.1)}.app-page__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 1.5rem;color:rgb(var(--color-foreground))}.app-page__subtitle{font-size:clamp(1rem,2vw,1.25rem);color:rgba(var(--color-foreground),.7);margin:0 0 1.5rem;font-weight:500;letter-spacing:.02em}.app-page__description{font-size:clamp(1rem,1.8vw,1.125rem);line-height:1.7;color:rgba(var(--color-foreground),.8);margin:0 0 3rem;max-width:600px;margin-left:auto;margin-right:auto}.app-page__description p{margin:0}.app-page__store-badges{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.app-page__store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:12px;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.app-page__store-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.app-page__store-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-foreground),.25);border-color:rgba(var(--color-foreground),.3)}.app-page__store-badge:hover:before{opacity:1}.app-page__store-badge svg{width:24px;height:24px;flex-shrink:0}.app-page__store-badge-text{font-size:.875rem;font-weight:600;letter-spacing:.02em}.app-page__screenshots{margin:5rem auto;max-width:1200px;padding:0 1.5rem}.app-page__screenshots-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 3rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.app-page__screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:center}@media screen and (min-width: 750px){.app-page__screenshots-grid{gap:3rem}}.app-page__screenshot{position:relative}.app-page__screenshot-frame{position:relative;border-radius:24px;overflow:hidden;background:rgba(var(--color-foreground),.05);padding:1rem;box-shadow:0 8px 32px rgba(var(--color-foreground),.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.app-page__screenshot:hover .app-page__screenshot-frame{transform:translateY(-8px);box-shadow:0 16px 48px rgba(var(--color-foreground),.15)}.app-page__screenshot-image{width:100%;height:auto;display:block;border-radius:16px;transition:transform .4s ease}.app-page__screenshot:hover .app-page__screenshot-image{transform:scale(1.02)}.app-page__features-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 3rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.app-page__features{margin:5rem auto;max-width:1200px;padding:0 1.5rem}.app-page__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media screen and (min-width: 750px){.app-page__features-grid{gap:2.5rem}}@media screen and (min-width: 990px){.app-page__features-grid{grid-template-columns:repeat(3,1fr)}}.app-page__feature{text-align:center;padding:2rem 1.5rem;background:rgba(var(--color-background),.6);border:1.5px solid rgba(var(--color-foreground),.1);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.app-page__feature:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-button),.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.app-page__feature:hover{transform:translateY(-8px);border-color:rgba(var(--color-foreground),.2);box-shadow:0 12px 40px rgba(var(--color-foreground),.1),0 4px 16px rgba(var(--color-foreground),.05)}.app-page__feature:hover:before{opacity:1}.app-page__feature-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-button),.1);border-radius:16px;color:rgb(var(--color-foreground));transition:all .4s ease;position:relative;z-index:1}.app-page__feature:hover .app-page__feature-icon{transform:scale(1.1) rotate(5deg);background:rgba(var(--color-button),.15)}.app-page__feature-icon svg{width:48px;height:48px}.app-page__feature-title{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;margin:0 0 .75rem;color:rgb(var(--color-foreground));letter-spacing:-.01em;position:relative;z-index:1}.app-page__feature-text{font-size:clamp(.95rem,1.5vw,1rem);color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5;position:relative;z-index:1}.app-page__form-wrapper{margin:4rem auto 2rem;max-width:600px;padding:0 1.5rem}.app-page__form-container{background:rgba(var(--color-background),.8);border:1.5px solid rgba(var(--color-foreground),.1);border-radius:24px;padding:3rem 2rem;box-shadow:0 8px 32px rgba(var(--color-foreground),.08);transition:all .4s ease}.app-page__form-container:hover{border-color:rgba(var(--color-foreground),.15);box-shadow:0 12px 48px rgba(var(--color-foreground),.12)}.app-page__form-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;margin:0 0 .75rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.app-page__form-subtitle{font-size:clamp(.95rem,1.5vw,1rem);color:rgba(var(--color-foreground),.7);margin:0 0 2rem;line-height:1.5}.app-page__form{margin-top:2rem}.app-page__form-field{display:flex;gap:.75rem;margin-bottom:1rem}.app-page__form-input{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid rgba(var(--color-foreground),.15);border-radius:12px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:all .3s ease;font-family:inherit}.app-page__form-input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.1)}.app-page__form-input::placeholder{color:rgba(var(--color-foreground),.5)}.app-page__form-button{padding:1rem 2rem;font-size:1rem;font-weight:600;min-width:140px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.app-page__form-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-button),.3)}.app-page__form-button:disabled{opacity:.7;cursor:not-allowed}.app-page__form-button-loading{display:inline-flex;align-items:center;justify-content:center;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-page__form-message{display:none;padding:1rem 1.5rem;border-radius:12px;font-size:.95rem;margin-top:1rem;text-align:center}.app-page__form-message--success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.app-page__form-message--error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#dc2626}.app-page__form-privacy{font-size:.875rem;color:rgba(var(--color-foreground),.6);margin:1.5rem 0 0;text-align:center;line-height:1.5}.app-page__testimonials{margin:5rem auto;max-width:1200px;padding:0 1.5rem}.app-page__testimonials-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 3rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.app-page__testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media screen and (min-width: 750px){.app-page__testimonials-grid{gap:2.5rem}}.app-page__testimonial{padding:2rem 1.5rem;background:rgba(var(--color-background),.6);border:1.5px solid rgba(var(--color-foreground),.1);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.app-page__testimonial:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-button),.03) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.app-page__testimonial:hover{transform:translateY(-4px);border-color:rgba(var(--color-foreground),.15);box-shadow:0 8px 32px rgba(var(--color-foreground),.08)}.app-page__testimonial:hover:before{opacity:1}.app-page__testimonial-stars{color:#fbbf24;font-size:1.25rem;margin-bottom:1rem;letter-spacing:.1em}.app-page__testimonial-text{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7;color:rgba(var(--color-foreground),.9);margin:0 0 1.5rem;font-style:italic;position:relative;z-index:1}.app-page__testimonial-author{font-size:.95rem;font-weight:600;color:rgb(var(--color-foreground));margin:0;position:relative;z-index:1}.app-page__faq{margin:5rem auto;max-width:800px;padding:0 1.5rem}.app-page__faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin:0 0 3rem;color:rgb(var(--color-foreground));letter-spacing:-.02em}.app-page__faq-list{display:flex;flex-direction:column;gap:1rem}.app-page__faq-item{background:rgba(var(--color-background),.6);border:1.5px solid rgba(var(--color-foreground),.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.app-page__faq-item:hover{border-color:rgba(var(--color-foreground),.15)}.app-page__faq-item--active{border-color:rgba(var(--color-foreground),.2);box-shadow:0 4px 16px rgba(var(--color-foreground),.08)}.app-page__faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:transparent;border:none;text-align:left;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;transition:all .3s ease;font-family:inherit}.app-page__faq-question:hover{color:rgba(var(--color-foreground),.8)}.app-page__faq-question span{flex:1;padding-right:1rem}.app-page__faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease;color:rgba(var(--color-foreground),.6)}.app-page__faq-item--active .app-page__faq-icon{transform:rotate(180deg)}.app-page__faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.5rem}.app-page__faq-item--active .app-page__faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.app-page__faq-answer p{font-size:clamp(.95rem,1.3vw,1rem);line-height:1.7;color:rgba(var(--color-foreground),.8);margin:0}.app-page__status{text-align:center;margin-top:3rem;padding:1rem 0}.app-page__status-label{display:inline-block;padding:.5rem 1.25rem;background:rgba(var(--color-foreground),.05);border:1px solid rgba(var(--color-foreground),.1);border-radius:50px;font-size:.875rem;font-weight:500;color:rgba(var(--color-foreground),.7);letter-spacing:.05em;text-transform:uppercase}.app-page.js-enabled [data-animate]{opacity:0;transition:opacity .6s ease,transform .6s ease}.app-page.js-enabled [data-animate=fade-in-down]{transform:translateY(-20px)}.app-page.js-enabled [data-animate=fade-in-up]{transform:translateY(30px)}[data-animate]{opacity:1;transform:none}@media screen and (max-width: 749px){.app-page{min-height:auto;padding:2rem 0}.app-page__hero{padding:1.5rem 1rem}.app-page__icon-circle{width:100px;height:100px}.app-page__icon-circle svg{width:64px;height:64px}.app-page__store-badges{flex-direction:column;gap:.75rem}.app-page__store-badge{width:100%;max-width:280px;justify-content:center}.app-page__screenshots{margin:3rem auto;padding:0 1rem}.app-page__screenshots-grid{grid-template-columns:1fr;gap:1.5rem}.app-page__features{margin:3rem auto;padding:0 1rem}.app-page__features-grid{grid-template-columns:1fr;gap:1.5rem}.app-page__testimonials{margin:3rem auto;padding:0 1rem}.app-page__testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.app-page__faq{margin:3rem auto;padding:0 1rem}.app-page__feature{padding:1.5rem 1.25rem}.app-page__form-wrapper{padding:0 1rem}.app-page__form-container{padding:2rem 1.5rem}.app-page__form-field{flex-direction:column}.app-page__form-button{width:100%;min-width:auto}}@media screen and (min-width: 750px) and (max-width: 989px){.app-page__features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.app-page__hero{padding:3rem 2rem}.app-page__features{margin:5rem auto}.app-page__form-wrapper{margin:5rem auto 3rem}}@media (prefers-reduced-motion: reduce){[data-animate],.app-page__icon-circle,.app-page__feature,.app-page__form-button,.app-page__form-container{transition:none;animation:none}[data-animate]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-app-page.css.map */