*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a)}#root{width:100%}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}::selection{background:#25d3664d;color:#fff}*{box-sizing:border-box}.landing-page{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;right:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:8px}.logo-icon{font-size:28px}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#fff}.btn-nav{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;padding:10px 20px;border-radius:8px;font-weight:600!important}.btn-nav:hover{opacity:.9;transform:translateY(-1px)}.hero{min-height:100vh;padding:120px 24px 80px;display:flex;align-items:center;justify-content:center;gap:80px;max-width:1400px;margin:0 auto}.hero-content{flex:1;max-width:600px}.badge{display:inline-block;background:#25d36626;color:#25d366;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(37,211,102,.3)}.hero h1{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;color:#f1f5f9}.gradient-text{background:linear-gradient(135deg,#25d366,#128c7e,#075e54);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#94a3b8;line-height:1.6;margin-bottom:32px}.hero-subtitle strong{color:#e2e8f0}.hero-cta{display:flex;gap:16px;margin-bottom:48px}.btn-primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #25d3664d}.btn-secondary{background:transparent;color:#e2e8f0;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.btn-secondary:hover{border-color:#fff6;background:#ffffff0d}.hero-stats{display:flex;gap:32px}.stat{display:flex;align-items:center;gap:8px;color:#94a3b8}.stat-icon{font-size:20px}.stat-text{font-size:14px;font-weight:500}.hero-visual{flex:1;display:flex;justify-content:center}.phone-mockup{width:320px;height:640px;background:#1e293b;border-radius:40px;padding:12px;box-shadow:0 40px 100px #00000080;border:4px solid #334155}.phone-screen{width:100%;height:100%;background:#0f1419;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.whatsapp-header{background:#075e54;color:#fff;padding:16px;font-weight:600;display:flex;align-items:center;gap:8px}.message{margin:12px;padding:12px 16px;border-radius:16px;max-width:85%;position:relative}.message.incoming{background:#1f2c34;color:#e9edef;align-self:flex-start;border-bottom-left-radius:4px}.message.outgoing{background:#005c4b;color:#e9edef;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}.message-file{font-size:14px;margin-bottom:4px}.message-text{font-size:14px;margin-bottom:8px}.message-meta{font-size:12px;color:#ffffffb3;line-height:1.5}.message-time{font-size:11px;color:#ffffff80;display:block;text-align:right;margin-top:4px}.problem-section{padding:100px 24px;background:linear-gradient(180deg,#0f172a,#1e293b)}.problem-section h2{text-align:center;font-size:42px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.section-subtitle{text-align:center;font-size:18px;color:#94a3b8;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.problem-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.problem-card:hover{transform:translateY(-4px);border-color:#ef44444d;background:#ef44440d}.problem-icon{font-size:48px;display:block;margin-bottom:16px}.problem-card h3{color:#f1f5f9;font-size:18px;margin-bottom:8px}.problem-card p{color:#ef4444;font-size:14px}.pain-point{display:flex;align-items:center;justify-content:center;gap:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:24px;max-width:500px;margin:0 auto}.pain-icon{font-size:32px}.pain-point p{color:#fca5a5;font-size:18px;font-weight:500;margin:0}.how-section{padding:100px 24px;background:#0f172a}.how-section h2{text-align:center;font-size:42px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.steps-grid{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.step-card{background:linear-gradient(180deg,#25d3661a,#128c7e0d);border:1px solid rgba(37,211,102,.2);border-radius:20px;padding:32px;text-align:center;width:220px;position:relative;transition:all .3s ease}.step-card:hover{transform:translateY(-4px);border-color:#25d36666}.step-number{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.step-icon{font-size:48px;margin-bottom:16px}.step-card h3{color:#f1f5f9;font-size:18px;margin-bottom:8px}.step-card p{color:#94a3b8;font-size:14px;line-height:1.5}.step-arrow{color:#25d366;font-size:32px;font-weight:300}.features-section{padding:100px 24px;background:linear-gradient(180deg,#1e293b,#0f172a)}.features-section h2{text-align:center;font-size:42px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 24px;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:#25d3664d;background:#25d3660d}.feature-card.highlight{background:linear-gradient(180deg,#25d36626,#128c7e14);border-color:#25d3664d}.feature-icon{font-size:40px;margin-bottom:16px}.feature-card h3{color:#f1f5f9;font-size:18px;margin-bottom:8px}.feature-card p{color:#94a3b8;font-size:14px;line-height:1.6}.architecture-section{padding:100px 24px;background:#0f172a}.architecture-section h2{text-align:center;font-size:42px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.architecture-visual{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.asset-box{background:linear-gradient(180deg,#25d3661a,#128c7e0d);border:1px solid rgba(37,211,102,.3);border-radius:16px;padding:32px 48px;text-align:center;transition:all .3s ease}.asset-box:hover{transform:scale(1.05);border-color:#25d36680}.asset-icon{font-size:48px;margin-bottom:12px}.asset-name{font-family:Monaco,Menlo,monospace;color:#25d366;font-size:14px;margin-bottom:8px}.asset-desc{color:#94a3b8;font-size:13px}.asset-plus{color:#475569;font-size:32px;font-weight:300}.pricing-section{padding:100px 24px;background:linear-gradient(180deg,#1e293b,#0f172a)}.pricing-section h2{text-align:center;font-size:42px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.pricing-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px;text-align:center;transition:all .3s ease}.pricing-card.featured{background:linear-gradient(180deg,#25d36626,#128c7e14);border-color:#25d36666;transform:scale(1.05)}.pricing-badge{font-size:14px;font-weight:600;color:#25d366;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.pricing-price{font-size:48px;font-weight:800;color:#f1f5f9}.pricing-period{font-size:14px;color:#64748b;margin-bottom:24px}.pricing-features{list-style:none;padding:0;margin:0 0 32px;text-align:left}.pricing-features li{color:#94a3b8;padding:8px 0;font-size:14px}.pricing-cta{background:#25d36633;color:#25d366;padding:14px 24px;border-radius:12px;font-weight:600;font-size:14px}.waitlist-section{padding:100px 24px;background:linear-gradient(180deg,#0f172a,#1e293b,#0f172a)}.waitlist-content{max-width:600px;margin:0 auto;text-align:center}.waitlist-badge{display:inline-block;background:#25d36626;color:#25d366;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(37,211,102,.3)}.waitlist-content h2{font-size:36px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.waitlist-content>p{color:#94a3b8;font-size:18px;margin-bottom:32px}.waitlist-form{display:flex;gap:12px;margin-bottom:16px}.waitlist-form input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;font-size:16px;color:#f1f5f9;outline:none;transition:all .3s ease}.waitlist-form input::placeholder{color:#64748b}.waitlist-form input:focus{border-color:#25d36680;background:#ffffff14}.waitlist-note{color:#64748b;font-size:13px}.success-message{background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;gap:12px}.success-icon{font-size:24px}.success-message p{color:#25d366;margin:0}.footer{padding:60px 24px 32px;background:#0f172a;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;gap:48px;margin-bottom:48px}.footer-brand{max-width:300px}.footer-brand p{color:#64748b;font-size:14px;margin-top:16px}.footer-links{display:flex;gap:64px}.footer-col h4{color:#f1f5f9;font-size:14px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.footer-col a{display:block;color:#64748b;text-decoration:none;font-size:14px;padding:6px 0;transition:color .3s ease}.footer-col a:hover{color:#25d366}.footer-bottom{display:flex;justify-content:space-between;padding-top:32px;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom p{color:#475569;font-size:13px}@media(max-width:1024px){.hero{flex-direction:column;padding-top:100px;gap:48px}.hero h1{font-size:42px}.problem-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px}.pricing-card.featured{transform:scale(1)}.steps-grid{flex-direction:column}.step-arrow{transform:rotate(90deg)}}@media(max-width:768px){.nav-links{display:none}.hero h1{font-size:32px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.hero-stats{flex-direction:column;gap:16px}.phone-mockup{width:280px;height:560px}.problem-grid,.features-grid{grid-template-columns:1fr}.architecture-visual{flex-direction:column}.asset-plus{transform:rotate(90deg)}.waitlist-form,.footer-content{flex-direction:column}.footer-links{flex-direction:column;gap:32px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.problem-section h2,.how-section h2,.features-section h2,.architecture-section h2,.pricing-section h2,.waitlist-content h2{font-size:28px}}