*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;overflow-x: hidden;width: 100%;max-width: 100%}body{font-family: 'Inter', sans-serif;line-height: 1.6;min-height: 100vh;transition: all 0.3s ease;overflow-x: hidden;overflow-y: auto;width: 100%;max-width: 100%;position: relative;opacity: 0;animation: fadeIn 0.8s ease forwards}body:not(.dark){background: linear-gradient(135deg, #f0f4ff 0%, #e6f0ff 100%);color: #1a202c}body.dark{background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color: #e2e8f0}.glass{backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 1.5rem;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);width: 100%;overflow: hidden}body:not(.dark) .glass{background: rgba(255, 255, 255, 0.7)}body.dark .glass{background: rgba(30, 41, 59, 0.5)}h1, h2, h3, h4, h5, h6{font-weight: 700;line-height: 1.2;word-wrap: break-word;overflow-wrap: break-word;max-width: 100%}body:not(.dark) h1, body:not(.dark) h2, body:not(.dark) h3, body:not(.dark) h4, body:not(.dark) h5, body:not(.dark) h6{color: #1a202c}body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{color: #e2e8f0}h1{font-size: 2.5rem}h2{font-size: 2rem}body:not(.dark) p{color: #4a5568}body.dark p{color: #cbd5e1}a{transition: color 0.3s ease}body:not(.dark) a{color: #3b82f6}body.dark a{color: #60a5fa}a:hover{color: #2563eb}.container{max-width: 1200px;margin: 0 auto;padding: 0 1.5rem;width: 100%;overflow: visible}header{position: fixed;top: 0;left: 0;right: 0;z-index: 50;backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-out;width: 100%;overflow: hidden}body:not(.dark) header{background: rgba(255, 255, 255, 0.8)}body.dark header{background: rgba(15, 23, 42, 0.7)}header .container{display: block;justify-content: space-between;align-items: center;padding: 1rem 1.5rem;max-width: 100%;overflow: visible}.nav-link,.mobile-link{font-weight: 500;transition: all 0.3s ease;position: relative;white-space: nowrap}@media (max-width: 768px){.nav-link,.mobile-link{white-space: normal}}body:not(.dark) .nav-link,body:not(.dark) .mobile-link{color: #4a5568}body.dark .nav-link,body.dark .mobile-link{color: #cbd5e1}.nav-link::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: #3b82f6;transition: width 0.3s ease}.nav-link:hover::after{width: 100%}.nav-link:hover,.mobile-link:hover{color: #3b82f6}#mobile-menu{transition: all 0.3s ease;width: 100%;max-height: 0;opacity: 0;overflow: hidden}#mobile-menu.open{max-height: 500px;opacity: 1}body:not(.dark) #mobile-menu{background: rgba(255, 255, 255, 0.9)}body.dark #mobile-menu{background: rgba(15, 23, 42, 0.9)}#mobile-menu a{padding: 0.75rem 0;display: block;border-bottom: 1px solid rgba(255, 255, 255, 0.05);width: 100%;white-space: normal;word-wrap: break-word;overflow: hidden}#mobile-menu a:last-child{border-bottom: none}#mobile-menu a:hover{color: #3b82f6;padding-left: 0.5rem}.faq-answer{max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.3s ease, opacity 0.3s ease}.faq-answer.hidden{display: block !important}.faq-answer.open{max-height: 1000px;opacity: 1}.btn-primary{background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color: white !important;padding: 0.75rem 1.75rem;border-radius: 0.75rem;font-weight: 600;box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 0.5rem;text-decoration: none;max-width: 100%;white-space: normal;text-align: center;overflow: hidden}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 7px 20px rgba(37, 99, 235, 0.4)}.feature-card{padding: 2rem;border-radius: 1rem;transition: all 0.3s ease;height: 100%;width: 100%;overflow: hidden}body:not(.dark) .feature-card{background: rgba(255, 255, 255, 0.8);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05)}body.dark .feature-card{background: rgba(30, 41, 59, 0.6);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2)}.feature-card:hover{transform: translateY(-5px)}body:not(.dark) .feature-card h3{color: #1a202c}body.dark .feature-card h3{color: #e2e8f0}body:not(.dark) .feature-card p{color: #4a5568}body.dark .feature-card p{color: #cbd5e1}footer{border-top: 1px solid;padding: 2.5rem 0;margin-top: 2rem;transition: all 0.3s ease;width: 100%;overflow: hidden}body:not(.dark) footer{background: rgba(255, 255, 255, 0.8);border-color: rgba(0, 0, 0, 0.1);color: #4a5568}body.dark footer{background: rgba(15, 23, 42, 0.5);border-color: rgba(255, 255, 255, 0.1);color: #cbd5e1}footer p{font-size: 0.9rem;opacity: 0.8}section{padding: 5rem 0;width: 100%;overflow: hidden}.highlight{background-color: rgba(231, 243, 255, 0.7);padding: 1.5rem;border-radius: 0.75rem;margin: 1.5rem 0;width: 100%;overflow: hidden}body.dark .highlight{background-color: rgba(30, 41, 59, 0.7)}.progress-container{width: 100%;height: 8px;border-radius: 4px;margin: 1.5rem 0;overflow: hidden}body:not(.dark) .progress-container{background: rgba(0, 0, 0, 0.1)}body.dark .progress-container{background: rgba(255, 255, 255, 0.1)}.progress-bar{height: 100%;width: 0%;border-radius: 4px;transition: width 0.3s ease;background: linear-gradient(90deg, #3b82f6, #60a5fa)}.download-icon{font-size: 4rem;margin-bottom: 1.5rem;color: #3b82f6}.whatsapp-btn{background: #25D366;color: white !important;padding: 1rem 2rem;border-radius: 0.75rem;font-weight: 600;display: inline-flex;align-items: center;gap: 10px;box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);transition: all 0.3s ease;text-decoration: none;max-width: 100%;white-space: normal;text-align: center;overflow: hidden}.whatsapp-btn:hover{transform: translateY(-2px);box-shadow: 0 7px 20px rgba(37, 211, 102, 0.4)}.whatsapp-btn, body.dark .whatsapp-btn, body:not(.dark) .whatsapp-btn{color: white !important}.whatsapp-btn:hover, body.dark .whatsapp-btn:hover, body:not(.dark) .whatsapp-btn:hover{color: white !important}@keyframes pulse{0%, 100%{opacity: 1}50%{opacity: 0.5}}.pulse{animation: pulse 1.5s ease-in-out infinite}@keyframes fadeIn{to{opacity: 1}}.icon-card{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 2rem 1.5rem;border-radius: 1rem;transition: all 0.3s ease;width: 100%;overflow: hidden}.icon-card i{font-size: 2.5rem;margin-bottom: 1rem;color: #3b82f6}body:not(.dark) .icon-card{background: rgba(255, 255, 255, 0.8);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05)}body.dark .icon-card{background: rgba(30, 41, 59, 0.6);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2)}.icon-card:hover{transform: translateY(-5px)}.stat-card{text-align: center;padding: 1.5rem;width: 100%;overflow: hidden}.stat-number{font-size: 2.5rem;font-weight: 700;color: #3b82f6;margin-bottom: 0.5rem}.stat-label{font-size: 0.9rem;opacity: 0.8}.feature-detail-card{display: flex;flex-direction: column;border-radius: 2rem;width: 100%;overflow: hidden}@media (min-width: 1024px){.feature-detail-card{flex-direction: row;align-items: center;gap: 2rem}.feature-detail-card.reverse{flex-direction: row-reverse}}.feature-text{flex: 1;padding: 1.5rem;width: 100%;overflow: hidden}@media (min-width: 768px){.feature-text{padding: 2rem}}.feature-image{flex: 1;padding: 1rem;display: flex;justify-content: center;align-items: center;width: 100%;overflow: hidden}@media (min-width: 768px){.feature-image{padding: 1.5rem}}.feature-image img{width: 100%;height: auto;max-height: 400px;object-fit: stretch;border-radius: 1.5rem;box-shadow: 0 20px 30px -10px rgba(0,0,0,0.2);transition: transform 0.5s ease;background: rgba(255,255,255,0.05);max-width: 100%}.feature-image img:hover{transform: scale(1.05)}body:not(.dark) .feature-detail-card .glass{background: rgba(255, 255, 255, 0.8)}body.dark .feature-detail-card .glass{background: rgba(30, 41, 59, 0.7)}.micro-card{background: rgba(59,130,246,0.1);border-radius: 1rem;padding: 0.75rem 1rem;display: inline-flex;align-items: center;gap: 0.5rem;font-weight: 500;max-width: 100%;white-space: normal;text-align: left;word-wrap: break-word;overflow: hidden}@media (min-width: 768px){.micro-card{padding: 1rem 1.5rem;gap: 0.75rem}}body.dark .micro-card{background: rgba(59,130,246,0.2)}.mock-table{font-size: 0.85rem;width: 100%;border-collapse: collapse;max-width: 100%;overflow: hidden}.mock-table th{background: rgba(59,130,246,0.2);padding: 0.5rem;text-align: left}.mock-table td{padding: 0.4rem 0.5rem;border-bottom: 1px solid rgba(0,0,0,0.05);word-wrap: break-word}body.dark .mock-table td{border-bottom-color: rgba(255,255,255,0.1)}@media (max-width: 768px){h1{font-size: 2rem}h2{font-size: 1.75rem}.feature-card, .icon-card{padding: 1.25rem}header .container{padding: 0.75rem 1rem}.btn-primary{padding: 0.65rem 1.25rem;font-size: 0.95rem;color: white;width: auto;max-width: 100%}section{padding: 3rem 0}.container{padding: 0 1rem}}@media (max-width: 375px){h1{font-size: 1.75rem}h2{font-size: 1.5rem}.btn-primary, .whatsapp-btn{padding: 0.6rem 1rem;font-size: 0.9rem}.micro-card{font-size: 0.85rem;padding: 0.5rem 0.75rem}}div, section, article, aside, main, header, footer, nav{scrollbar-width: none;-ms-overflow-style: none}div::-webkit-scrollbar, section::-webkit-scrollbar, article::-webkit-scrollbar, aside::-webkit-scrollbar, main::-webkit-scrollbar, header::-webkit-scrollbar, footer::-webkit-scrollbar, nav::-webkit-scrollbar{display: none}body{overflow-y: auto;overflow-x: hidden}p, h1, h2, h3, h4, h5, h6, span, a, li{max-width: 100%;overflow-wrap: break-word;word-wrap: break-word;hyphens: auto}.tag{display: inline-block;background: rgba(59,130,246,0.1);color: #3b82f6;padding: 0.25rem 0.75rem;border-radius: 9999px;font-size: 0.8rem;font-weight: 500;max-width: 100%;white-space: normal;text-align: center;word-wrap: break-word;overflow: hidden}.faq-answer{transition: all 0.3s ease}.faq-item{transition: all 0.2s ease}.faq-item:hover{transform: translateY(-2px)}