body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}*,ol,ul{margin:0;padding:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo h2{color:#ff6b35;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:30px}.nav-links a{color:#333;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#ff6b35}.hero{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;display:flex;min-height:100vh;padding:120px 0 80px}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.btn-primary{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:#059669;box-shadow:0 10px 25px #10b9814d;color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:13px 28px;transition:all .3s ease}.btn-secondary:hover{background:#fff;color:#ff6b35;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center}.mockup-phone{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;box-shadow:0 20px 40px #0006,0 0 0 2px #333,0 0 0 6px #222;padding:8px;position:relative;transform:rotate(-5deg)}.mockup-phone:before{background:#000;border-radius:3px;content:"";height:6px;left:50%;position:absolute;top:15px;transform:translateX(-50%);width:60px;z-index:1}.phone-screen{background:#fff;border:1px solid #444;border-radius:32px;height:500px;overflow:hidden;position:relative;width:280px}.phone-screenshot{border-radius:31px;height:100%;object-fit:cover;width:100%}.features{background:#f9fafb;padding:100px 0}.features h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#6b7280;line-height:1.6}.pricing{background:#fff;padding:80px 0}.pricing h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.pricing-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1000px}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;height:100%;padding:40px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.pricing-card.featured{border:3px solid #10b981;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{background:#10b981;border-radius:20px;box-shadow:0 4px 15px #10b9814d;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:20px}.price{margin-bottom:30px}.currency{color:#10b981;font-size:1.5rem;font-weight:600;vertical-align:top}.amount{color:#10b981;font-size:3.5rem;font-weight:700;margin:0 2px}.cents{color:#10b981;font-size:1.5rem;font-weight:600;vertical-align:top}.period{color:#6b7280;font-size:1rem;font-weight:500}.pricing-features ul{flex-grow:1;list-style:none;margin-bottom:30px;text-align:left}.pricing-features li{color:#374151;font-size:1rem;padding:8px 0}.pricing-btn{margin-top:auto;width:100%}.how-it-works{background:#fff;padding:100px 0}.how-it-works h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:60px;text-align:center}.steps{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.step{padding:20px;text-align:center}.step-number{background:#ff6b35;color:#fff;font-size:1.5rem;font-weight:700;height:60px;margin:0 auto 20px;width:60px}.step h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:15px}.step p{color:#6b7280;line-height:1.6}.cta{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:100px 0;text-align:center}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:200px}.footer{background:#1f2937;color:#fff;padding:60px 0 20px}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-section h3,.footer-section h4{color:#f9fafb;margin-bottom:20px}.footer-section h3{color:#ff6b35;font-size:1.5rem}.footer-section p{color:#9ca3af;line-height:1.6}.footer-section a{color:#9ca3af;display:block;margin-bottom:10px;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:20px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:15px;z-index:10}.modal-close:hover{color:#1f2937}.modal-content{padding:40px}.modal-content h2{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:10px;text-align:center}.modal-subtitle{color:#6b7280;text-align:center}.modal-subtitle,.signup-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#1f2937;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#ff6b35;outline:none}.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-select:focus{border-color:#ff6b35;outline:none}.signup-btn{font-size:1.1rem;margin-bottom:15px;padding:15px;width:100%}.signup-terms{color:#6b7280;font-size:.9rem;text-align:center}.signup-terms a{color:#ff6b35;text-decoration:none}.signup-terms a:hover{text-decoration:underline}.free-features{background:#f9fafb;border-left:4px solid #10b981;border-radius:8px;padding:25px}.free-features h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:15px}.free-features ul{list-style:none}.free-features li{color:#6b7280;font-size:.95rem;margin-bottom:8px}.onboarding-step{text-align:center}.step-indicator{margin-bottom:30px}.step-indicator,.step-number{align-items:center;display:flex;justify-content:center}.step-number{background:#e5e7eb;border-radius:50%;color:#6b7280;font-size:1.1rem;font-weight:600;height:40px;transition:all .3s ease;width:40px}.step-number.active,.step-number.completed{background:#10b981;color:#fff}.step-line{background:#e5e7eb;height:2px;margin:0 15px;width:60px}.back-btn{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:600;margin-top:15px;padding:12px 24px;transition:all .3s ease}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.hero-container{gap:40px;grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-buttons{justify-content:center}.nav-links{display:none}.features-grid,.pricing-grid,.steps{grid-template-columns:1fr}.pricing-grid{gap:30px;margin:0 20px}.pricing-card{padding:30px}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.footer-content{grid-template-columns:1fr;text-align:center}.modal-content{padding:30px 20px}.modal-content h2{font-size:1.5rem}.step-indicator{margin-bottom:20px}.step-number{font-size:1rem;height:35px;width:35px}.step-line{margin:0 10px;width:40px}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{min-width:250px}}@media (max-width:480px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.btn-primary,.btn-secondary{font-size:1rem;padding:12px 24px}.pricing-grid{margin:0 10px}.pricing-card{padding:25px 20px}.pricing-badge{font-size:.8rem;padding:6px 16px}.mockup-phone{transform:none}.phone-screen{height:400px;width:240px}.modal-overlay{padding:10px}.modal-content{padding:25px 15px}}
/*# sourceMappingURL=main.c6bbe3f4.css.map*/