*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f1f1f}::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c3aed}.App{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#0f0f0ff2;box-shadow:0 4px 20px #0000004d}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{font-size:24px}.logo-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;height:48px;justify-content:center;width:48px}.logo-icon,.nav{align-items:center;display:flex}.nav{gap:32px}.nav a{color:#e5e7eb;font-weight:500;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#8b5cf6}.cta-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:8px;color:#fff!important;padding:12px 24px;transition:all .3s ease}.cta-button:hover{box-shadow:0 8px 25px #8b5cf64d}.mobile-menu-button{background:none;border:none;color:#fff;cursor:pointer;display:none}.hero{align-items:center;display:flex;min-height:100vh;padding:120px 0 80px}.hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-text h1{color:#fff;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-app-preview{align-items:center;display:flex;justify-content:center}.hero-screenshot{border-radius:24px;box-shadow:0 25px 80px #0009;height:auto;max-width:320px;transition:transform .3s ease;width:100%}.hero-screenshot:hover{transform:translateY(-8px)}.primary-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:all .3s ease}.primary-button:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.primary-button.large{font-size:1.2rem;padding:20px 40px}.secondary-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 32px;transition:all .3s ease}.secondary-button:hover{background:#ffffff26;border-color:#ffffff4d}.problem-section{background:#1a1a1a;padding:100px 0}.problem-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px;text-align:center}.problem-content>p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.problem-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.problem-card{background:#2d2d2d;border-radius:16px;padding:32px;text-align:center;transition:transform .3s ease}.problem-card:hover{transform:translateY(-8px)}.card-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.problem-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.problem-card p{color:#d1d5db;line-height:1.6}.solution-section{background:#0f0f0f;padding:100px 0}.solution-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px;text-align:center}.solution-subtitle{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.solution-features{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature{align-items:flex-start;display:flex;gap:24px}.feature-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;flex-shrink:0}.feature-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.feature-content p{color:#d1d5db;line-height:1.6}.screenshots-section{background:#1a1a1a;padding:100px 0}.screenshots-header{margin-bottom:80px;text-align:center}.screenshots-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.screenshots-header p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.screenshots-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.screenshot-card{text-align:center}.screenshot-image{display:flex;justify-content:center;margin-bottom:24px}.app-screenshot{border-radius:20px;box-shadow:0 20px 60px #00000080;height:auto;max-width:280px;transition:transform .3s ease;width:100%}.app-screenshot:hover{transform:translateY(-8px)}.screenshot-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.screenshot-card p{color:#d1d5db;line-height:1.6}.features-section{background:#0f0f0f;padding:100px 0}.features-header{margin-bottom:80px;text-align:center}.features-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.features-header p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.features-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:#2d2d2d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-card .feature-icon{margin:0 auto 24px}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:600}.feature-card p{color:#d1d5db}.how-it-works-section{background:#1a1a1a;padding:100px 0}.how-it-works-header{margin-bottom:80px;text-align:center}.how-it-works-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.how-it-works-header p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step{gap:24px}.step-number{background:linear-gradient(135deg,#8b5cf6,#7c3aed);height:64px;width:64px}.step-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.step-content p{color:#d1d5db;line-height:1.6}.cta-section{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:100px 0;text-align:center}.cta-content h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.cta-content p{color:#ffffffe6;font-size:1.25rem;line-height:1.6;margin:0 auto 40px;max-width:600px}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:16px}.coming-soon{color:#fffc;font-size:1rem}.footer{background:#0f0f0f;padding:80px 0 40px}.footer-content{grid-gap:40px;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.footer-section h4{font-size:1.25rem;margin-bottom:24px}.footer-section a{color:#d1d5db;margin-bottom:12px;transition:color .3s ease}.footer-section a:hover{color:#8b5cf6}.footer-section p{color:#d1d5db;line-height:1.6;margin-top:16px}.footer-bottom{border-top:1px solid #2d2d2d;color:#9ca3af;padding-top:40px}@media (max-width:768px){.mobile-menu-button{display:block}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ffa;bottom:0;flex-direction:column;gap:40px;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease}.nav.open{transform:translateX(0)}.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{justify-content:center}.cta-content h2,.features-header h2,.how-it-works-header h2,.problem-content h2,.screenshots-header h2,.solution-content h2{font-size:2rem}.features-grid,.footer-content,.screenshots-grid,.solution-features,.steps{grid-template-columns:1fr}.footer-content{text-align:center}}@media (max-width:480px){.container{padding:0 16px}.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.primary-button,.secondary-button{justify-content:center;max-width:300px;width:100%}.phone-frame,.phone-screen{height:480px;width:240px}}.map-view-section{background:#0f0f0f;padding:100px 0}.map-view-header{margin-bottom:80px;text-align:center}.map-view-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.map-view-header p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.map-view-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.map-view-text h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:24px}.map-view-text p{color:#d1d5db;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.map-features{display:flex;flex-direction:column;gap:24px}.map-feature{align-items:flex-start;display:flex;gap:16px}.map-feature .feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.map-feature .feature-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.map-feature .feature-content p{color:#d1d5db;line-height:1.6;margin:0}.map-view-visual .screenshot-image{display:flex;justify-content:center}.map-view-visual .app-screenshot{border-radius:20px;box-shadow:0 20px 60px #00000080;height:auto;max-width:300px;width:100%}.list-view-section{background:#1a1a1a;padding:100px 0}.list-view-header{margin-bottom:80px;text-align:center}.list-view-header h2{color:#fff;font-size:3rem;font-weight:700;margin-bottom:24px}.list-view-header p{color:#d1d5db;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.list-view-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.list-view-text h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:24px}.list-view-text p{color:#d1d5db;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.list-features{display:flex;flex-direction:column;gap:24px}.list-feature{align-items:flex-start;display:flex;gap:16px}.list-feature .feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.list-feature .feature-content h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:8px}.list-feature .feature-content p{color:#d1d5db;line-height:1.6;margin:0}.list-view-visual .screenshot-image{display:flex;justify-content:center}.list-view-visual .app-screenshot{border-radius:20px;box-shadow:0 20px 60px #00000080;height:auto;max-width:300px;width:100%}@media (max-width:768px){.list-view-content,.map-view-content{gap:40px;grid-template-columns:1fr}.list-view-header h2,.map-view-header h2{font-size:2rem}.list-view-text h3,.map-view-text h3{font-size:1.5rem}}.blog-page{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.blog-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f0ff2;border-bottom:1px solid #ffffff1a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.blog-header .container{margin:0 auto;max-width:1200px;padding:0 24px}.blog-header .header-content{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.back-link{align-items:center;color:#a1a1aa;display:flex;font-weight:500;gap:8px;text-decoration:none;transition:color .2s ease}.back-link:hover,.logo{color:#fff}.logo{align-items:center;display:flex;font-size:20px;font-weight:700;gap:12px}.logo-icon{border-radius:8px;height:32px;overflow:hidden;width:32px}.logo-icon img{height:100%;object-fit:cover;width:100%}.blog-content{padding:48px 0}.blog-content .container{margin:0 auto;max-width:800px;padding:0 24px}.blog-article{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;padding:48px}.article-header{margin-bottom:48px;text-align:center}.article-meta{align-items:center;color:#a1a1aa;display:flex;font-size:14px;gap:16px;justify-content:center;margin-bottom:24px}.publish-date,.read-time{background:#8b5cf61a;border-radius:20px;color:#8b5cf6;padding:4px 12px}.article-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:24px}.article-subtitle{color:#a1a1aa;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px}.article-body{line-height:1.8}.article-section{margin-bottom:48px}.article-section h2{border-left:4px solid #8b5cf6;color:#fff;font-size:2rem;font-weight:700;margin-bottom:24px;padding-left:20px}.article-section h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:16px}.article-section p{color:#d4d4d8;font-size:1.1rem;margin-bottom:20px}.article-section strong{color:#8b5cf6;font-weight:600}.problem-list{grid-gap:24px;display:grid;gap:24px;margin-top:32px}.problem-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:16px;padding:24px}.problem-icon{align-items:center;background:#8b5cf61a;border-radius:12px;color:#8b5cf6;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.problem-content h3{font-size:1.25rem;margin-bottom:8px}.problem-content p{color:#a1a1aa;margin-bottom:0}.how-it-works{grid-gap:32px;display:grid;gap:32px;margin-top:32px}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.step-content h3{margin-bottom:12px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:32px}.feature-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:32px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:0 20px 40px #8b5cf61a;transform:translateY(-4px)}.feature-icon{align-items:center;background:#8b5cf61a;border-radius:16px;color:#8b5cf6;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.feature-card h3{font-size:1.25rem;margin-bottom:16px}.feature-card p{color:#a1a1aa;line-height:1.6}.difference-list{list-style:none;margin-top:24px;padding:0}.difference-list li{border-bottom:1px solid #ffffff0d;padding:16px 0 16px 32px;position:relative}.difference-list li:before{align-items:center;background:#8b5cf61a;border-radius:50%;color:#8b5cf6;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:0;position:absolute;top:16px;width:20px}.difference-list li:last-child{border-bottom:none}.use-cases{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.use-case{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.use-case h3{color:#8b5cf6;margin-bottom:12px}.use-case p{color:#a1a1aa;margin-bottom:0}.tech-details{grid-gap:24px;display:grid;gap:24px;margin-top:32px}.tech-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:24px}.tech-item h3{color:#8b5cf6;margin-bottom:12px}.tech-item p{color:#a1a1aa;margin-bottom:0}.getting-started{grid-gap:24px;display:grid;gap:24px;margin-top:32px}.step-item{align-items:flex-start;display:flex;gap:16px}.step-icon{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.step-content h3{font-size:1.25rem;margin-bottom:8px}.step-content p{color:#a1a1aa;margin-bottom:0}.cta-box{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border:1px solid #8b5cf633;border-radius:16px;margin-top:48px;padding:32px;text-align:center}.cta-box h3{color:#fff;font-size:1.5rem;margin-bottom:16px}.cta-box p{color:#a1a1aa;margin-bottom:24px}.cta-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:12px;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:12px;padding:16px 32px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-2px)}.blog-footer{background:#0f0f0ff2;border-top:1px solid #ffffff1a;padding:48px 0 24px}.blog-footer .container{margin:0 auto;max-width:1200px;padding:0 24px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:16px}.footer-section a{color:#a1a1aa;display:block;margin-bottom:8px;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#71717a;padding-top:24px;text-align:center}@media (max-width:768px){.blog-article{padding:32px 24px}.article-title{font-size:2.5rem}.article-subtitle{font-size:1.1rem}.features-grid,.use-cases{grid-template-columns:1fr}.problem-item,.step{flex-direction:column;text-align:center}.step-number{margin:0 auto}}@media (max-width:480px){.blog-content{padding:24px 0}.blog-article{padding:24px 16px}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.d6f31b95.css.map*/