@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#1e3a8a;--primary-light:#2563eb;--secondary:#0d9488;--accent:#f59e0b;--accent-hover:#d97706;--bg-color:#f8fafc;--white:#fff;--text-dark:#1e293b;--text-light:#64748b;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{color:var(--primary);line-height:1.2}h1{margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}h2{margin-bottom:1rem;font-size:2rem;font-weight:700}h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}p{color:var(--text-light);margin-bottom:1rem}.btn{border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--white)}section{padding:5rem 0}.section-header{text-align:center;max-width:800px;margin:0 auto 3rem}.section-header p{font-size:1.125rem}@media (width>=768px){h1{font-size:3rem}h2{font-size:2.25rem}}@media (width>=1024px){h1{font-size:3.5rem}}.header{z-index:1000;background-color:#0000;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:0;left:0}.header.scrolled{background-color:var(--white);box-shadow:var(--shadow-sm);padding:1rem 0}.header-container{justify-content:space-between;align-items:center;display:flex}.logo a{color:var(--primary);letter-spacing:-.5px;font-size:1.75rem;font-weight:800}.nav-menu ul{gap:2rem;display:flex}.nav-menu a{color:var(--text-dark);font-weight:500;transition:color .2s}.nav-menu a:hover{color:var(--secondary)}.mobile-only-btn{display:none}.header-actions{align-items:center;gap:1rem;display:flex}.header-btn{padding:.5rem 1.25rem}.mobile-toggle{color:var(--primary);background:0 0;border:none;display:none}@media (width<=768px){.nav-menu{background-color:var(--white);width:100%;box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,100% 0,0 0);padding:1rem 0;transition:clip-path .3s;position:absolute;top:100%;left:0}.nav-menu.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-menu ul{flex-direction:column;gap:0}.nav-menu li{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.nav-menu li:last-child{border-bottom:none}.mobile-only-btn{display:inline-block;color:var(--accent)!important;font-weight:700!important}.header-btn{display:none}.mobile-toggle{display:block}}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-1;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f066 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-background:before{content:"";background:radial-gradient(circle,#0d94881a 0%,#fff0 70%);border-radius:50%;width:50%;height:50%;position:absolute;top:-20%;right:-10%}.hero-background:after{content:"";background:radial-gradient(circle,#1e3a8a0d 0%,#fff0 70%);border-radius:50%;width:40%;height:40%;position:absolute;bottom:10%;left:-10%}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content{max-width:600px}.hero-subtitle{color:var(--text-light);margin-bottom:2rem;font-size:1.125rem;font-weight:500}.hero-features{margin-bottom:2.5rem}.hero-features li{color:var(--text-dark);align-items:center;margin-bottom:1rem;font-weight:500;display:flex}.check-icon{background-color:var(--secondary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:1rem;font-size:.875rem;font-weight:700;display:flex}.hero-cta-group{flex-wrap:wrap;gap:1rem;display:flex}.hero-btn{padding:.875rem 1.75rem;font-size:1rem}.hero-mockup{perspective:1000px;position:relative}.mockup-window{box-shadow:var(--shadow-xl);border:1px solid var(--border);background:#fff;border-radius:12px;transition:transform .3s;overflow:hidden;transform:rotateY(-5deg)rotateX(5deg)}.mockup-window:hover{transform:rotateY(0)rotateX(0)}.mockup-header{border-bottom:1px solid var(--border);background:#f1f5f9;align-items:center;gap:.5rem;padding:1rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.mockup-title{color:var(--text-light);margin-left:1rem;font-size:.875rem;font-weight:600}.mockup-body{background-color:var(--bg-color);padding:1.5rem}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.dash-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:1rem}.dash-label{color:var(--text-light);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.dash-value{color:var(--primary);font-size:1.25rem;font-weight:700}.dash-value.highlight{color:var(--secondary)}.dash-value.warning{color:var(--accent)}.dashboard-chart{box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex-direction:column;height:200px;margin-bottom:1.5rem;padding:1.5rem;display:flex}.chart-header{color:var(--text-dark);margin-bottom:1rem;font-size:.875rem;font-weight:600}.bars-container{flex:1;justify-content:space-around;align-items:flex-end;gap:1rem;display:flex}.chart-bar{background-color:var(--primary-light);border-radius:4px 4px 0 0;justify-content:center;width:100%;display:flex;position:relative}.chart-bar span{color:var(--text-light);white-space:nowrap;font-size:.65rem;position:absolute;bottom:-25px;transform:rotate(-45deg)}.dashboard-lists{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.list-panel{box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:1rem}.panel-title{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.list-item{color:var(--text-dark);justify-content:space-between;padding:.5rem 0;font-size:.8125rem;font-weight:500;display:flex}.text-secondary{color:var(--secondary)}.text-warning{color:var(--accent)}@media (width<=1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-content{text-align:center;margin:0 auto}.hero-features{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-features li{margin-right:0}.hero-cta-group{justify-content:center}.bars-container{margin-bottom:1rem}}@media (width<=640px){.dashboard-grid,.dashboard-lists{grid-template-columns:1fr}}.features-section{background-color:#fff}.intro-block{text-align:center;max-width:800px;margin:0 auto 6rem}.intro-text{color:var(--text-dark);font-size:1.125rem}.highlight-box{border-left:4px solid var(--secondary);color:var(--secondary);background-color:#f0fdfa;border-radius:0 8px 8px 0;margin-top:2rem;padding:1.5rem;font-size:1.125rem;font-weight:600}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-5px)}.icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.5rem;display:flex}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.feature-card h3{margin-bottom:.75rem;font-size:1.125rem}.feature-card p{margin-bottom:0;font-size:.9375rem}.bg-light{background-color:var(--bg-color)}.strengths-list{flex-direction:column;gap:1.25rem;max-width:800px;margin:0 auto;display:flex}.strength-item{box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;align-items:center;padding:1.5rem;transition:transform .2s;display:flex}.strength-item:hover{transform:translate(10px)}.strength-icon{width:48px;height:48px;color:var(--primary);background-color:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:1.5rem;display:flex}.strength-content h3{color:var(--text-dark);margin-bottom:0;font-size:1.125rem}@media (width<=768px){.strength-item{text-align:center;flex-direction:column}.strength-icon{margin-bottom:1rem;margin-right:0}}.solutions-section{background-color:var(--primary);color:#fff;overflow:hidden}.solutions-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.solutions-title{color:#fff;margin-bottom:1.5rem;font-size:2.25rem}.solutions-desc{color:#e2e8f0;margin-bottom:2.5rem;font-size:1.125rem}.solutions-list{flex-direction:column;gap:1.25rem;display:flex}.solutions-list li{align-items:flex-start;font-size:1.0625rem;display:flex}.bullet{background-color:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px;margin-right:1rem}.solutions-image-container{justify-content:center;align-items:center;display:flex;position:relative}.abstract-graphic{aspect-ratio:1;width:100%;max-width:400px;position:relative}.circle-1{background:linear-gradient(135deg, var(--secondary) 0%, #0d948800 100%);filter:blur(20px);border-radius:50%;width:60%;height:60%;position:absolute;top:10%;right:10%}.circle-2{background:linear-gradient(135deg, var(--accent) 0%, #f59e0b00 100%);filter:blur(20px);border-radius:50%;width:50%;height:50%;position:absolute;bottom:10%;left:10%}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;width:80%;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0000001a}.glass-line{background:#ffffff4d;border-radius:4px;height:8px;margin-bottom:1rem}.glass-row{gap:1rem;margin-top:1.5rem;display:flex}.glass-box{background:#fff3;border-radius:8px;height:60px}.w-3\/4{width:75%}.w-1\/2{width:50%}.w-1\/3{width:33.333%}.w-2\/3{width:66.666%}@media (width<=992px){.solutions-container{grid-template-columns:1fr}.solutions-image-container{order:-1}.abstract-graphic{max-width:300px}}.regions-section{background-color:#fff}.regions-badges{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.region-badge{background-color:var(--bg-color);border:1px solid var(--border);color:var(--text-dark);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.region-badge:hover{background-color:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.pricing-section{background-color:var(--bg-color)}.pricing-container{justify-content:center;display:flex}.pricing-card{box-shadow:var(--shadow-xl);border:1px solid var(--border);background-color:#fff;border-radius:16px;width:100%;max-width:450px;transition:transform .3s;overflow:hidden}.pricing-card:hover{transform:translateY(-5px)}.pricing-header{background:linear-gradient(135deg, var(--primary) 0%, #1e40af 100%);color:#fff;text-align:center;padding:2.5rem 2rem}.pricing-header h3{color:#fff;opacity:.9;margin-bottom:1rem;font-size:1.25rem;font-weight:500}.price-tag{justify-content:center;align-items:baseline;margin-bottom:1rem;display:flex}.currency{opacity:.9;margin-right:.25rem;font-size:1.5rem;font-weight:600}.amount{font-size:3.5rem;font-weight:800;line-height:1}.period{opacity:.8;margin-left:.5rem;font-size:1rem}.pricing-desc{color:#fffc;margin:0;font-size:.9375rem}.pricing-body{padding:2.5rem 2rem}.pricing-features{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.pricing-features li{color:var(--text-dark);align-items:center;gap:1rem;font-weight:500;display:flex}.text-secondary{color:var(--secondary);flex-shrink:0}.pricing-btn{width:100%;padding:1rem;font-size:1.125rem}.install-container{text-align:center;flex-direction:column;align-items:center;display:flex}.install-content h2{margin-bottom:1rem}.install-content p{max-width:600px;margin:0 auto 2rem;font-size:1.125rem}.mt-4{margin-top:1rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.install-steps{justify-content:center;align-items:center;width:100%;max-width:800px;margin-top:4rem;display:flex}.step-card{text-align:center;flex-direction:column;align-items:center;width:200px;display:flex}.step-icon{width:60px;height:60px;color:var(--primary);box-shadow:var(--shadow);border:2px solid var(--border);z-index:2;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.step-text h4{color:var(--text-dark);font-size:1rem}.step-connector{background-color:var(--border);flex:1;height:2px;margin:0 1rem;position:relative;top:-20px}.final-cta-section{background:linear-gradient(135deg, var(--primary) 0%, #1e40af 100%);text-align:center;color:#fff;padding:6rem 0}.final-cta-content{max-width:800px;margin:0 auto}.final-cta-content h2{color:#fff;margin-bottom:1.5rem;font-size:2.5rem}.final-cta-content p{color:#e2e8f0;margin-bottom:2.5rem;font-size:1.25rem}.btn-xl{border-radius:.75rem;padding:1.25rem 3rem;font-size:1.25rem}@media (width<=768px){.install-steps{flex-direction:column;gap:2rem}.step-connector{width:2px;height:40px;margin:0;top:0}.final-cta-content h2{font-size:2rem}}.footer{background-color:var(--text-dark);color:var(--border);padding:4rem 0 2rem}.footer-content{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.footer-brand h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.footer-brand p{color:#94a3b8;margin-bottom:0}.footer-link{color:#fff;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-bottom{text-align:center;color:#64748b;font-size:.875rem}@media (width<=640px){.footer-content{text-align:center;flex-direction:column;gap:2rem}}