@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--blue-dark:#0d0344;--blue-light:#567a9a;--blue-secondary:blue;--green-dark:#034e1c;--green-light:#7fa18a;--green-secondary:green;--white:#fff;--primary:var(--green-dark);--primary-hover:#3d5948;--primary-light:#eef4f0;--secondary:var(--blue-dark);--secondary-hover:#489ded;--bg-light:#f2f5f3;--bg-white:var(--white);--text-main:var(--blue-dark);--text-muted:var(--blue-light);--text-light:var(--green-light);--border:#d4e0d8;--border-focus:var(--green-dark);--success:var(--green-dark);--success-bg:#4d6f5a1a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--font-sans:"Inter", -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--max-width:1200px;--header-height:80px;--border-radius:8px;--border-radius-lg:12px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-light);-webkit-font-smoothing:antialiased;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:var(--transition-speed);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--secondary);font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.01em;font-size:2.25rem}h3{font-size:1.5rem}p{color:var(--text-muted)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-title-wrapper{text-align:center;max-width:680px;margin-bottom:48px;margin-left:auto;margin-right:auto}.section-subtitle{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:12px;font-size:.875rem;font-weight:700;display:inline-block}.section-title{margin-bottom:16px}.grid{gap:32px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.flex{display:flex}.align-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.header-wrapper{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);height:var(--header-height);transition:var(--transition-speed);background-color:#ffffffe6;align-items:center;display:flex;position:sticky;top:0}.btn{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--bg-white)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary-light);transform:translateY(-1px)}.btn-white{background-color:var(--bg-white);color:var(--primary)}.btn-white:hover{background-color:#f8fafc;transform:translateY(-1px)}.btn-white-outline{color:#fff;background-color:#0000;border:1.5px solid #fff}.btn-white-outline:hover{background-color:#ffffff1a;transform:translateY(-1px)}.btn-link{color:var(--primary);align-items:center;gap:6px;font-weight:600;display:inline-flex}.btn-link:hover svg{transform:translate(4px)}.btn-link svg{transition:transform var(--transition-speed)}.badge{text-transform:uppercase;letter-spacing:.05em;color:#475569;background-color:#f1f5f9;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{background-color:var(--primary-light);color:var(--primary)}.badge-status{border-radius:9999px;padding:4px 10px}.badge-status:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}.badge-status.active{background-color:var(--success-bg);color:var(--success)}.badge-status.active:before{background-color:var(--success)}.badge-status.maintenance{background-color:var(--warning-bg);color:#d97706}.badge-status.maintenance:before{background-color:var(--warning)}.card{background-color:var(--bg-white);border-radius:var(--border-radius-lg);border:1px solid var(--border);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1),border-color .4s;overflow:hidden;box-shadow:0 4px 6px -1px #1f3d5a0d,0 2px 4px -1px #1f3d5a08}.card:hover{border-color:var(--green-light);transform:translateY(-8px)scale(1.01);box-shadow:0 20px 25px -5px #1f3d5a1a,0 10px 10px -5px #1f3d5a0a}.form-group{text-align:left;margin-bottom:16px}.form-label{text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.form-control{border:1px solid var(--border);border-radius:var(--border-radius);width:100%;transition:border-color var(--transition-speed);outline:none;padding:10px 14px}.form-control:focus{border-color:var(--border-focus)}.footer-wrapper{background-color:var(--secondary);color:#cbd5e1;margin-top:auto;padding:60px 0 24px;font-size:.875rem}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand h2{color:var(--bg-white);margin-bottom:12px}.footer-brand p{color:#94a3b8;max-width:320px;margin-bottom:16px}.footer-col h4{color:var(--bg-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.75rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:8px}.footer-col ul li a{color:#94a3b8}.footer-col ul li a:hover{color:var(--bg-white)}.footer-bottom{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.footer-status{align-items:center;gap:6px;display:flex}.status-dot{background-color:var(--success);border-radius:50%;width:6px;height:6px}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (width<=768px){.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2,.footer-top{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:12px}.section{padding:48px 0}}.section{padding:48px 0}@keyframes shine{0%{left:-100%}to{left:200%}}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.btn-shine:hover:after{animation:1.2s ease-in-out infinite shine}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.5s ease-out forwards fadeInUp}.mobile-nav-toggle{cursor:pointer;background:0 0;border:none;display:none}@media (width<=900px){.header-wrapper{height:70px}.nav-links{display:none!important}.mobile-nav-toggle{justify-content:center;align-items:center;display:flex}.container{padding:0 16px}.header-wrapper img{width:auto;height:48px!important}.btn{padding:10px 18px;font-size:.8rem}}@media (width<=600px){.header-wrapper{height:64px}.header-wrapper img{height:40px!important}.btn{padding:8px 14px;font-size:.75rem}}.hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:24px;font-size:3.25rem;font-weight:800;line-height:1.12}.hero-text{color:#ffffffd9;max-width:560px;margin-bottom:40px;font-size:1.1rem;line-height:1.65}@media (width<=992px){.hero-title{font-size:2.6rem}.hero-text{font-size:1rem}}@media (width<=768px){.hero-title{font-size:2rem;line-height:1.2}.hero-text{font-size:.95rem}}@media (width<=480px){.hero-title{font-size:1.7rem}}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}@media (width<=600px){.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.stat-card{text-align:center;padding:32px 24px}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid #ffffff1f;border-right:none!important}}@media (width<=500px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:26px 18px}}.cta-banner{background:linear-gradient(135deg,var(--green-dark) 0%,var(--blue-dark) 100%);color:#fff;text-align:center;border-radius:16px;padding:64px 48px;position:relative;overflow:hidden}@media (width<=768px){.cta-banner{padding:40px 24px}}@media (width<=480px){.cta-banner{padding:30px 18px}}.about-image{height:380px}@media (width<=768px){.about-image{height:250px}}@media (width<=380px){.contact-buttn{flex-direction:column}.quotebtn{display:none}}.cert-badges-grid{grid-template-columns:repeat(6,1fr);display:grid}@media (width<=900px){.cert-badges-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=500px){.cert-badges-grid{grid-template-columns:repeat(2,1fr)}}.cert-thumb-overlay:hover{background:#0d034473!important}.cert-thumb-overlay:hover .cert-zoom-icon{opacity:1!important}.products-hero-title{font-size:2.5rem}.products-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.products-filter-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:18px;display:flex}.products-filter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.products-grid{grid-template-columns:1fr}.products-hero-title{font-size:1.9rem}.products-filter-bar{flex-direction:column;align-items:flex-start}.products-filter-controls{width:100%}.products-filter-controls input{width:100%!important}}.product-detail-hero{grid-template-columns:1fr 280px;align-items:start;gap:48px;display:grid}.product-detail-title{font-size:2.25rem}.product-detail-layout{gap:48px;display:flex;position:relative}.product-detail-sidebar{text-align:left;flex-shrink:0;width:200px;height:fit-content;position:sticky;top:120px}.product-overview-grid{grid-template-columns:2fr 1fr;gap:36px;display:grid}.product-workflow-grid{border-top:2px solid var(--primary);grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px;padding-top:24px;display:grid;position:relative}.product-quote-grid{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}@media (width<=1024px){.product-detail-sidebar{display:none}.product-detail-layout{display:block}.product-overview-grid{grid-template-columns:1fr}.product-workflow-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-detail-hero{grid-template-columns:1fr}.product-detail-hero>div:last-child{display:none}.product-detail-title{font-size:1.8rem}.product-quote-grid{grid-template-columns:1fr}.product-workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.product-detail-title{font-size:1.5rem}.product-workflow-grid{border-top:none;grid-template-columns:1fr;padding-top:0}.product-workflow-grid>div>div:first-child{display:none}}.products-hero{border-bottom:1px solid var(--border);background-image:linear-gradient(90deg, #0a2330e0 0%, #164a3fb8 45%, #164a3f73 100%), var(--hero-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:110px 0 70px;position:relative;overflow:hidden}.products-hero .container{z-index:2;position:relative}.products-hero-tag{letter-spacing:.15em;text-transform:uppercase;color:#9be8b3;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.products-hero-title{color:#fff;max-width:700px;margin-bottom:20px;font-weight:800}.products-hero-desc{color:#ffffffe0;max-width:650px;margin-bottom:32px;line-height:1.7}.page-container{flex-grow:1;animation:.4s ease-out forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--green-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--green-dark);box-shadow:0 0 8px #4d6f5a4d}.mobile-nav-toggle{cursor:pointer;color:var(--text-main);background:0 0;border:none;padding:4px;display:none}@media (width<=768px){.mobile-nav-toggle{display:block}.nav-links{display:none}}.gallery-image{transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover .gallery-image{transform:scale(1.05)}.telemetry-grid{border-radius:var(--border-radius);color:var(--primary);background:#4d6f5a14;border:1px solid #4d6f5a33;flex-direction:column;gap:8px;padding:12px;font-family:monospace;font-size:.75rem;display:flex}.telemetry-row{justify-content:space-between;display:flex}.telemetry-value{color:var(--success);font-weight:700}.play-btn{transition:all var(--transition-speed)}.play-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #4d6f5a66}.whatsapp-float-btn{color:#fff;cursor:pointer;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #25d36666;z-index:99999!important}.whatsapp-float-btn:hover{background-color:#20ba5a;transform:scale(1.08)translateY(-3px);box-shadow:0 6px 20px #25d36699}.whatsapp-float-btn:active{transform:scale(.95)}.whatsapp-svg{width:32px;height:32px;transition:transform .3s}.whatsapp-float-btn:hover .whatsapp-svg{transform:rotate(8deg)}.whatsapp-ripple{opacity:.4;z-index:-1;background-color:#25d366;border-radius:50%;width:100%;height:100%;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite whatsapp-pulse-ring;position:absolute;top:0;left:0}@keyframes whatsapp-pulse-ring{0%{opacity:.5;transform:scale(.95)}80%,to{opacity:0;transform:scale(1.4)}}@media (width<=768px){.whatsapp-float-btn{width:50px;height:50px;bottom:16px;right:16px;box-shadow:0 3px 12px #25d3664d}.whatsapp-svg{width:26px;height:26px}}