:root{--primary: #0F6CBF;--primary-light: #e6f0fa;--primary-dark: #0A4A8F;--accent: #00BCD4;--surface: #FFFFFF;--background: #F5F7FA;--secondary-surface: #FAFBFC;--text-primary: rgba(26, 26, 26, .95);--text-secondary: rgba(102, 102, 102, .8);--divider: #E0E0E0;--border: #D0D0D0;--success: #4CAF50}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.logo-text{font-family:Outfit,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 5%}.navbar{background-color:var(--surface);border-bottom:1px solid var(--divider);position:sticky;top:0;z-index:100}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:.75rem}.nav-logo-img{width:36px;height:36px;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-dark)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-links .btn-outline{color:var(--primary);border:1.5px solid var(--primary);padding:.5rem 1.25rem;border-radius:99px}.nav-links .btn-outline:hover{background-color:var(--primary-light)}.hero-section{padding:5rem 0;background-color:var(--surface);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge-pill{display:inline-block;background-color:var(--primary-light);color:var(--primary);padding:.5rem 1rem;border-radius:99px;font-weight:600;font-size:.875rem;margin-bottom:1.5rem}.hero-title{font-size:3.5rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.text-primary{color:var(--primary)}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:500px}.cta-group{display:flex;flex-direction:column;gap:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--primary);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1.125rem;text-decoration:none;box-shadow:0 10px 25px #0f6cbf40;transition:all .3s ease;width:max-content}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 15px 30px #0f6cbf59}.security-note{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--success);font-weight:500}.hero-visual{position:relative;display:flex;justify-content:center}.phone-mockup{width:100%;max-width:320px;height:650px;background-color:var(--surface);border-radius:40px;padding:10px;border:8px solid #E2E8F0;box-shadow:0 25px 50px -12px #00000026;position:relative}.phone-mockup:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:25px;background-color:#e2e8f0;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:10}.app-screenshot{width:100%;height:100%;border-radius:30px;object-fit:cover}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--text-secondary);font-size:1.125rem}.features-section{padding:6rem 0;background-color:var(--background)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background-color:var(--surface);padding:2.5rem;border-radius:20px;border:1px solid var(--divider);box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.feature-icon-wrapper{width:60px;height:60px;background-color:var(--primary-light);color:var(--primary);border-radius:16px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}.about-section{padding:6rem 0;background-color:var(--surface);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.rounded-image{width:100%;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2}.about-content p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem}.benefit-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.benefit-list li{display:flex;align-items:center;gap:1rem;font-weight:500;font-size:1.125rem}.saas-section{padding:6rem 0;background-color:var(--primary-light)}.saas-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.saas-content h2{font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2;color:var(--primary-dark)}.saas-content>p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2.5rem}.saas-points{display:flex;flex-direction:column;gap:1.5rem}.saas-point{display:flex;gap:1.25rem;align-items:flex-start}.point-icon{width:48px;height:48px;background-color:var(--surface);color:var(--primary);border-radius:12px;display:flex;justify-content:center;align-items:center;flex-shrink:0;box-shadow:0 4px 6px -1px #0000000d}.saas-point h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.saas-point p{color:var(--text-secondary);font-size:1rem}.faq-section{padding:6rem 0;background-color:var(--background)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{background-color:var(--surface);padding:2rem;border-radius:16px;border:1px solid var(--divider)}.faq-item h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary-dark)}.faq-item p{color:var(--text-secondary)}.footer{background-color:var(--surface);border-top:1px solid var(--divider);padding:4rem 0 2rem}.footer-top{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.footer-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-tagline{color:var(--text-secondary)}.footer-bottom{text-align:center;color:var(--text-secondary);font-size:.875rem;border-top:1px solid var(--divider);padding-top:2rem}.contact-section{padding:6rem 0;background-color:var(--surface);border-top:1px solid var(--divider)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{width:100%}.form-control{width:100%;padding:1rem 1.25rem;border:1px solid var(--divider);border-radius:12px;font-family:inherit;font-size:1rem;background-color:var(--background);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:var(--background);border:1px solid var(--divider);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease}.contact-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 10px 20px #0000000d}.contact-icon{width:50px;height:50px;background-color:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.whatsapp-icon{background-color:#e8f5e9;color:#4caf50}.contact-card h4{font-size:1.125rem;margin-bottom:.25rem}.contact-card p{color:var(--text-secondary)}@media (max-width: 992px){.hero-grid,.about-grid,.saas-grid,.contact-grid{grid-template-columns:1fr;text-align:center}.contact-grid .section-header{text-align:center!important}.hero-content,.about-content,.saas-content{max-width:600px;margin:0 auto}.saas-point{text-align:left}.cta-group,.benefit-list{align-items:center}}@media (max-width: 600px){.hero-title{font-size:2.5rem}.nav-links{display:none}}
