@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-primary:#111114;--bg-secondary:#1c1c21;--bg-card:#1c1c21;--bg-elevated:#26262d;--bg-input:#1c1c21;--bg-hover:#2a2a33;--bg-modal-overlay:#000000a6;--accent:#ff5f3b;--accent-soft:#ff5f3b1f;--accent-hover:#ff7a5c;--accent-text:#ff5f3b;--green:#34c759;--green-soft:#34c7591f;--blue:#5b8def;--blue-soft:#5b8def1f;--yellow:#ffd60a;--yellow-soft:#ffd60a1f;--red:#ff453a;--red-soft:#ff453a1f;--purple:#bf5af2;--purple-soft:#bf5af21f;--teal:#30d5c8;--teal-soft:#30d5c81f;--text-primary:#fafafa;--text-secondary:#8e8e93;--text-tertiary:#636366;--text-inverse:#111114;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Plus Jakarta Sans", "DM Sans", sans-serif;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.8125rem;--fs-md:.9375rem;--fs-lg:1.0625rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--border:1px solid #ffffff0f;--border-strong:1px solid #ffffff1a;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--ease:cubic-bezier(.25, .1, .25, 1);--transition:.2s var(--ease);--transition-fast:.15s var(--ease);--bottom-nav-height:64px;--safe-area-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}.app-shell{background:var(--bg-primary);max-width:430px;min-height:100dvh;margin:0 auto;position:relative}.page-content{padding:var(--space-lg) var(--space-lg) calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-2xl));min-height:100dvh;animation:fadeUp .3s var(--ease)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.heading-1{font-family:var(--font-heading);font-size:var(--fs-2xl);letter-spacing:-.025em;color:var(--text-primary);font-weight:800;line-height:1.2}.heading-2{font-family:var(--font-heading);font-size:var(--fs-xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.25}.heading-3{font-family:var(--font-heading);font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:600;line-height:1.3}.text-body{font-size:var(--fs-base);color:var(--text-secondary);line-height:1.6}.text-small{font-size:var(--fs-xs);color:var(--text-tertiary);line-height:1.4}.text-accent{color:var(--accent-text)}.card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-base);transition:background var(--transition)}.card:active{background:var(--bg-hover)}.card-gradient{position:relative;overflow:hidden}.card-gradient:before{content:"";background:var(--accent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.btn{border-radius:var(--radius-md);font-weight:600;font-size:var(--fs-base);transition:all var(--transition);white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;padding:10px 20px}.btn-primary:active{opacity:.85;transform:scale(.97)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:var(--border);padding:10px 16px}.btn-secondary:active{background:var(--bg-hover)}.btn-outline{color:var(--accent-text);background:0 0;border:1.5px solid #ff5f3b4d;padding:10px 16px}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-sm{font-size:var(--fs-xs);border-radius:var(--radius-sm);padding:7px 12px}.btn-lg{font-size:var(--fs-md);border-radius:var(--radius-lg);padding:14px 24px}.btn-full{width:100%}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.input{background:var(--bg-input);border:var(--border-strong);border-radius:var(--radius-md);font-size:var(--fs-md);color:var(--text-primary);transition:border-color var(--transition);width:100%;padding:12px 14px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-tertiary)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23636366' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select.input option{background:var(--bg-secondary);color:var(--text-primary)}.badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-lime{background:var(--green-soft);color:var(--green)}.badge-orange{color:#ff9f0a;background:#ff9f0a1f}.badge-teal{background:var(--teal-soft);color:var(--teal)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.avatar{border-radius:var(--radius-full);width:40px;height:40px;font-weight:700;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:11px}.avatar-lg{width:52px;height:52px;font-size:var(--fs-lg)}.avatar-xl{width:72px;height:72px;font-size:var(--fs-2xl)}.avatar img{object-fit:cover;width:100%;height:100%}.tabs{background:var(--bg-secondary);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.tab{border-radius:var(--radius-xs);font-size:var(--fs-xs);color:var(--text-tertiary);text-align:center;transition:all var(--transition);flex:1;padding:8px 10px;font-weight:500}.tab.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.tabs-scroll{gap:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px;display:flex;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.tabs-scroll .tab{white-space:nowrap;flex:none}.search-bar{position:relative}.search-bar .input{background:var(--bg-elevated);border:none;padding-left:40px}.search-bar svg{color:var(--text-tertiary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.progress-bar{border-radius:var(--radius-full);background:#ffffff0f;width:100%;height:4px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width .6s var(--ease)}.divider{height:1px;margin:var(--space-base) 0;background:#ffffff0d}.section-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-family:var(--font-heading);font-size:var(--fs-md);letter-spacing:-.01em;font-weight:700}.section-header .see-all{font-size:var(--fs-xs);color:var(--accent-text);font-weight:500}.modal-overlay{background:var(--bg-modal-overlay);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:overlayIn .2s var(--ease);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl) var(--space-lg);padding-bottom:calc(var(--space-xl) + var(--safe-area-bottom));width:100%;max-width:430px;max-height:85vh;animation:sheetUp .3s var(--ease);overflow-y:auto}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-lg);background:#ffffff26}.fab{bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-base));right:calc(50% - 215px + var(--space-lg));border-radius:var(--radius-full);background:var(--accent);color:#fff;z-index:100;width:52px;height:52px;transition:transform var(--transition);justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 16px #ff5f3b4d}.fab:active{transform:scale(.92)}.empty-state{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl) var(--space-xl);text-align:center;flex-direction:column;display:flex}.tag{border-radius:var(--radius-xs);font-size:var(--fs-xs);background:var(--bg-elevated);color:var(--text-secondary);align-items:center;gap:4px;padding:5px 10px;font-weight:500;display:inline-flex}.tag-active{background:var(--accent-soft);color:var(--accent-text)}::-webkit-scrollbar{width:0}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-base{gap:var(--space-base)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.flex-1{flex:1}.flex-between{justify-content:space-between}.flex-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.mt-sm{margin-top:var(--space-sm)}.mt-base{margin-top:var(--space-base)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-base{margin-bottom:var(--space-base)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.flex-center{justify-content:center;align-items:center;display:flex}.stagger-item{animation:staggerIn .25s var(--ease) both}@keyframes staggerIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-elevated) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.landing-shell{background:var(--bg-primary);max-width:100vw;min-height:100dvh;overflow-x:hidden}.landing-nav{height:80px;padding:0 var(--space-2xl);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border);z-index:1000;background:#111114d9;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xl);color:var(--text-primary);letter-spacing:-.02em;display:flex}.landing-logo-icon{background:var(--accent);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hero-section{padding:160px var(--space-2xl) 100px;justify-content:space-between;align-items:center;gap:var(--space-4xl);max-width:1200px;margin:0 auto;display:flex;position:relative}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#ff5f3b26 0%,#11111400 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:20%;left:10%}.hero-content{z-index:1;flex:1;max-width:600px}.hero-badge{align-items:center;gap:var(--space-xs);border:var(--border-strong);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xl);background:#ffffff0d;padding:6px 12px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #34c75980}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-lg);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-subtitle{font-size:var(--fs-xl);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:90%;line-height:1.5}.hero-cta-group{gap:var(--space-md);align-items:center;display:flex}.btn-store{background:var(--bg-elevated);border:var(--border-strong);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition);align-items:center;gap:12px;padding:12px 24px;display:flex}.btn-store:hover{background:var(--bg-hover);border-color:#fff3;transform:translateY(-2px)}.btn-store-icon{font-size:24px}.btn-store-text{flex-direction:column;align-items:flex-start;display:flex}.btn-store-sub{color:var(--text-secondary);font-size:10px;line-height:1}.btn-store-main{font-size:16px;font-weight:600;line-height:1.2}.hero-image-wrapper{z-index:1;flex:1;justify-content:center;display:flex;position:relative}.hero-mockup{border-radius:40px;width:100%;max-width:380px;animation:6s ease-in-out infinite float;transform:rotate(-2deg);box-shadow:0 30px 60px #00000080,0 0 0 1px #ffffff1a}@keyframes float{0%{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-2deg)translateY(-15px)}to{transform:rotate(-2deg)translateY(0)}}.features-section{padding:var(--space-4xl) var(--space-2xl);background:var(--bg-secondary)}.features-container{max-width:1200px;margin:0 auto}.section-title-center{text-align:center;font-family:var(--font-heading);font-size:var(--fs-3xl);margin-bottom:var(--space-md);font-weight:800}.section-subtitle-center{text-align:center;font-size:var(--fs-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-4xl)}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);border:var(--border-strong);border-radius:var(--radius-2xl);padding:var(--space-2xl);transition:all var(--transition);background:#ffffff08}.feature-card:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-4px)}.feature-icon-wrapper{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--space-xl);justify-content:center;align-items:center;display:flex}.feature-title{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:var(--space-sm);font-weight:700}.feature-desc{color:var(--text-secondary);font-size:var(--fs-base);line-height:1.6}.cta-section{padding:100px var(--space-2xl);text-align:center}.cta-box{border:var(--border-strong);background:linear-gradient(135deg,#ff5f3b1a 0%,#11111400 100%);border-radius:32px;max-width:800px;margin:0 auto;padding:60px 40px}.cta-title{font-family:var(--font-heading);margin-bottom:var(--space-lg);font-size:clamp(2rem,4vw,3rem);font-weight:800}.landing-footer{padding:var(--space-2xl);border-top:var(--border);align-items:center;gap:var(--space-md);background:var(--bg-secondary);flex-direction:column;display:flex}@media (width<=900px){.hero-section{text-align:center;flex-direction:column;padding-top:120px}.hero-glow{left:50%;transform:translate(-50%)}.hero-badge{margin:0 auto var(--space-lg)}.hero-subtitle{margin:0 auto var(--space-xl)}.hero-cta-group{flex-wrap:wrap;justify-content:center}.hero-mockup{margin-top:var(--space-2xl);max-width:300px;transform:rotate(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}}.trusted-by{padding:var(--space-xl) var(--space-2xl);border-top:var(--border);border-bottom:var(--border);background:var(--bg-card);justify-content:center;align-items:center;gap:var(--space-4xl);flex-wrap:wrap;display:flex}.trusted-logo{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-xl);color:var(--text-tertiary);opacity:.5;transition:opacity var(--transition)}.trusted-logo:hover{opacity:1}.z-pattern-section{padding:var(--space-4xl) var(--space-2xl);max-width:1200px;margin:0 auto}.z-pattern-row{align-items:center;gap:var(--space-4xl);margin-bottom:120px;display:flex}.z-pattern-row:last-child{margin-bottom:0}.z-pattern-reverse{flex-direction:row-reverse}.z-pattern-content{flex:1}.z-pattern-title{font-family:var(--font-heading);margin-bottom:var(--space-lg);font-size:clamp(2rem,3vw,2.5rem);font-weight:800;line-height:1.2}.z-pattern-desc{color:var(--text-secondary);font-size:var(--fs-lg);margin-bottom:var(--space-xl);line-height:1.6}.z-pattern-list{gap:var(--space-md);flex-direction:column;display:flex}.z-pattern-list-item{align-items:flex-start;gap:var(--space-sm);display:flex}.z-pattern-list-icon{color:var(--accent);font-size:var(--fs-xl)}.z-pattern-image-wrapper{flex:1;justify-content:center;display:flex;position:relative}.z-pattern-blob{background:var(--bg-hover);filter:blur(40px);z-index:0;border-radius:50%;width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.z-pattern-image{z-index:1;border-radius:32px;width:100%;max-width:320px;position:relative;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d}.testimonials-section{padding:100px var(--space-2xl);background:var(--bg-card);text-align:center}.testimonials-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;display:grid}.testimonial-card{background:var(--bg-elevated);border:var(--border);border-radius:var(--radius-2xl);padding:var(--space-2xl);text-align:left;gap:var(--space-lg);flex-direction:column;display:flex}.testimonial-quote{font-size:var(--fs-lg);color:var(--text-primary);font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:var(--space-md);margin-top:auto;display:flex}.testimonial-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.testimonial-name{font-weight:700;font-size:var(--fs-md)}.testimonial-role{color:var(--text-secondary);font-size:var(--fs-sm)}.faq-section{padding:100px var(--space-2xl);max-width:800px;margin:0 auto}.faq-list{gap:var(--space-md);flex-direction:column;display:flex}.faq-item{background:var(--bg-card);border:var(--border-strong);border-radius:var(--radius-lg);overflow:hidden}.faq-header{padding:var(--space-lg);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;display:flex}.faq-question{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600}.faq-icon{color:var(--accent);transition:transform var(--transition);font-size:24px}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-content{padding:0 var(--space-lg);max-height:0;transition:all .3s var(--ease);overflow:hidden}.faq-item.open .faq-content{padding-bottom:var(--space-lg);max-height:300px}.faq-answer{color:var(--text-secondary);line-height:1.6}@media (width<=900px){.z-pattern-row,.z-pattern-reverse{text-align:center;gap:var(--space-2xl);flex-direction:column;margin-bottom:80px}.z-pattern-list-item{text-align:left}}