:root{--primary-color:#091a32;--primary-color-rgb:9,26,50;--secondary-color:#132f5a;--accent-color:#3498db;--text-color:#333;--base-font-size:16px;--line-height:1.6;--color-background:#fff;--color-border:#e0e0e0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--container-max-width:1200px;--container-padding:1rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;scroll-behavior:smooth}html{font-size:100%}body{background-color:var(--color-background);color:var(--text-color);font-size:var(--base-font-size);line-height:var(--line-height)}h1,h2,h3,h4,h5,h6{line-height:1.25;margin-bottom:var(--spacing-md);font-weight:700;color:var(--primary-color)}h1{font-size:var(--font-size-xxl)}h2{font-size:1.75rem}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5{font-size:var(--font-size-sm)}h6{font-size:.75rem}p{margin-bottom:var(--spacing-md);font-size:var(--font-size-md)}a{text-decoration:none;color:var(--accent-color);transition:color .2s ease-in-out}a:hover{color:var(--secondary-color)}ol,ul{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs)}.button,button{display:inline-block;font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);color:#fff;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.button:hover,button:hover{background-color:var(--accent-color)}input,select,textarea{font-size:var(--font-size-md);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-color)}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.row{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--spacing-sm)) 0 0 calc(-1 * var(--spacing-sm))}.col{flex:1 1;padding:var(--spacing-sm)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.navbar{padding:1.5rem 10%;position:fixed;width:100%;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px rgba(0,0,0,.1);transition:all .3s ease}.navbar:hover{background:hsla(0,0%,100%,.95)}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color);text-decoration:none;letter-spacing:-.5px;position:relative;font-family:Outfit,sans-serif;font-weight:600}.nav-links{display:flex;gap:3rem}.nav-links a{text-decoration:none;color:var(--primary-color);font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--accent-color)}.capitalize{text-transform:capitalize}.hero{height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(52,152,219,.05),rgba(9,26,50,.05))}.hero-wrapper{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 7%;margin:0 auto;position:relative;z-index:2;border-radius:20px}.hero-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7}.hero-content{flex:1 1;position:relative;z-index:2}.hero-content-title h1{font-size:5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--primary-color)}.hero-content-title:hover h1{background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) 45%,hsla(0,0%,100%,.8) 50%,var(--primary-color) 55%,var(--primary-color) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-shine 10s linear infinite;background-position:100% 0}@keyframes text-shine{8%{background-position:0 0}to{background:unset;background-size:unset;-webkit-background-clip:unset;-webkit-text-fill-color:unset;animation:unset;background-position:unset}}.hero-visual{flex:1 1;position:relative;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.typing-text{font-size:1rem;color:#f8f8f8;font-family:SF Mono,Consolas,monospace;font-weight:400;background:var(--primary-color);max-width:-moz-fit-content;max-width:fit-content;position:relative;overflow:hidden;border-right:3px solid gold;white-space:nowrap;margin-bottom:1rem;animation:typing 3.5s steps(50),blink-caret .75s step-end infinite}.hero-description{font-size:1.1rem;margin-bottom:2.5rem;max-width:500px}.hero-cta{display:flex;gap:1.5rem;align-items:center}.cta-button,.cta-primary{display:inline-block;padding:1rem 2.5rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:30px;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 15px rgba(9,26,50,.2);transform-origin:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cta-secondary{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-size:1.1rem;transition:all .3s ease}.cta-button:hover,.cta-primary:hover{background-color:var(--secondary-color);transform:scale(1.05);box-shadow:0 6px 20px rgba(9,26,50,.3)}.cta-secondary:hover{color:var(--accent-color)}.hero-visual .circle{width:65vw;aspect-ratio:1/1;border-radius:50%;background:linear-gradient(135deg,#e8f4fc,#e1e8ec);opacity:.8;position:relative;right:-100px;animation:float 6s ease-in-out infinite}.hero-visual .square{width:55vw;aspect-ratio:1/1;border:2px solid var(--accent-color);position:relative;right:50px;opacity:.2;animation:rotate 15s linear infinite}.legacy-note{display:inline-block;margin-top:2rem;padding:.5rem 1rem;background:rgba(52,152,219,.1);border-radius:20px;font-size:.9rem;color:var(--secondary-color)}.contact-section,.services{padding:5rem 5%;background-color:#fff;transform:translateY(20px);transition:all .6s ease-out}.about-section.visible,.contact-section.visible,.products.visible,.services.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;margin-bottom:3rem;color:var(--primary-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{padding:2rem;background-color:#f9f9f9;border-radius:15px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(14,44,19,.15)}.feature-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.about-section{padding:5rem 5%;background-color:#f9f9f9;display:flex;align-items:center;gap:4rem;transform:translateY(20px);transition:all .6s ease-out}.about-content{flex:1 1}.about-image{flex:1 1;height:400px;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:15px;object-fit:cover}.stats-section{padding:5rem 5%;background-color:var(--primary-color);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;text-align:center}.stat-item h3,.stat-number{font-size:2.5rem;margin-bottom:.5rem}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:5px;font-family:inherit;background:hsla(0,0%,100%,.9);border:2px solid rgba(14,44,19,.1);transition:all .3s ease}.form-group textarea{height:150px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(52,152,219,.1);outline:none}.visual-background{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-1;background:linear-gradient(135deg,#fff,#f0f4f9)}footer{background-color:var(--primary-color);color:#fff;padding:2rem 5%;text-align:center}.products{padding:8rem 10%;transform:translateY(20px);transition:all .6s ease-out}.products h2{text-align:center;color:var(--primary-color);font-size:2.5rem;margin-bottom:4rem}.product-card{background:#fff;border-radius:20px;padding:3rem;margin-bottom:3rem;display:flex;align-items:center;gap:4rem;transition:transform .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.05);background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.product-card:hover{transform:translateY(-10px) scale(1.01)}.product-content{flex:1 1}.product-visual{flex:1 1;height:300px;background:linear-gradient(135deg,#e8f4fc,#f0f7f9);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:5rem;color:var(--primary-color)}.product-card h3{color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem}.product-card p{margin-bottom:2rem;font-size:1.1rem}.product-link{display:inline-flex;align-items:center;color:var(--primary-color);text-decoration:none;font-weight:700;gap:.5rem}.product-link:hover{color:var(--accent-color)}.whatsapp-btn{position:fixed;bottom:20px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;text-decoration:none;transition:background-color .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:999}.whatsapp-btn:hover{background-color:#128c7e}.whatsapp-btn i{font-size:30px}.hidden{visibility:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;border:3px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color)}.mobile-menu-btn{display:none;font-size:1.5rem;cursor:pointer;z-index:1001}.mobile-nav{display:block;position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(9,26,50,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.mobile-nav.active{right:0}.mobile-nav a{display:block;padding:1.5rem;text-align:center;text-decoration:none;color:#fff;font-size:1.5rem}.mobile-menu-btn .fa-bars,.mobile-menu-btn .fa-times{transition:transform .3s ease}.mobile-menu-btn.active .fa-bars,.mobile-menu-btn:not(.active) .fa-times{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:gold}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.5rem}.hero .typing-text{font-size:1rem}.about-section{flex-direction:column}.about-image{width:100%;height:300px;object-fit:cover;margin-top:2rem}.product-card{flex-direction:column-reverse;padding:2rem;gap:2rem}.product-visual{width:100%;height:200px}}@media (min-width:601px) and (max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:2000px){.services-grid{grid-template-columns:repeat(6,1fr)}}.logo,h1,h2,h3{font-family:Outfit,sans-serif;font-weight:600}.hero h1{font-weight:700;letter-spacing:-1px}.nav-links a{font-family:Inter,sans-serif;font-weight:500}.code-block{font-family:SF Mono,Consolas,monospace;font-weight:400}.cta-button,.cta-primary{font-family:Inter,sans-serif;font-weight:500}.blog-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:2rem 0}.blog-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.blog-card h2{font-size:1.5rem;margin:0 0 1rem;color:#2d3748;line-height:1.4}.blog-card p{color:#4a5568;line-height:1.6;margin:0 0 1.5rem;flex-grow:1}.blog-meta{font-size:.875rem;color:#718096;margin-bottom:1rem;display:flex;gap:1rem}.blog-meta span{display:inline-flex;align-items:center}.blog-meta span:not(:last-child):after{content:"•";margin-left:1rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:#edf2f7;color:#4a5568;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:background-color .2s ease}.tag:hover{background:#e2e8f0}.read-more{display:inline-block;color:#4299e1;text-decoration:none;font-weight:500;margin-top:auto;transition:color .2s ease}.read-more:hover{color:#2b6cb0}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem}.pagination-button{padding:.5rem 1rem;background:#4299e1;color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s ease}.pagination-button:hover{background:#2b6cb0}.page-info{color:#4a5568;font-size:.875rem}.blog-post{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-header{margin-bottom:2rem;text-align:center}.blog-header h1{font-size:2.5rem;color:#2d3748;margin-bottom:1rem;line-height:1.2}.blog-content{color:#2d3748;line-height:1.8;font-size:1.125rem}.blog-content h2{font-size:1.875rem;margin:2rem 0 1rem;color:#2d3748}.blog-content h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:#2d3748}.blog-content p{margin-bottom:1.5rem}.blog-content ol,.blog-content ul{margin:1rem 0;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content pre{background:#f7fafc;padding:1rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.blog-content code{font-family:monospace;background:#f7fafc;padding:.2rem .4rem;border-radius:4px;font-size:.875em}.back-link{display:inline-block;color:#4299e1;text-decoration:none;margin-bottom:2rem;font-weight:500;transition:color .2s ease}.back-link:hover{color:#2b6cb0}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:2rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}.blog-loading{color:#718096}.blog-error,.blog-loading{text-align:center;padding:2rem}.blog-error{color:#e53e3e;background:#fff5f5;border-radius:8px;margin:2rem 0}.blog-content blockquote{border-left:4px solid #4299e1;padding-left:1rem;margin:1.5rem 0;color:#718096;font-style:italic}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content td,.blog-content th{padding:.75rem;border:1px solid #e2e8f0;text-align:left}.blog-content th{background:#f7fafc;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeIn .3s ease-out}@media print{.blog-container{max-width:none;padding:0}.back-link,.pagination,.read-more{display:none}.blog-card{box-shadow:none;border:1px solid #e2e8f0;page-break-inside:avoid;break-inside:avoid}.blog-content{font-size:12pt}}