:root{--primary-color: #0B3811;--primary-glow: rgba(29, 79, 145, .15);--secondary-color: #f15a24;--accent-color: #8cc63f;--voxlom-blue: #0B3811;--voxlom-orange: #f15a24;--voxlom-yellow: #d9e021;--voxlom-green: #8cc63f;--voxlom-gray: #4d5e70;--dark-bg: #ffffff;--dark-secondary: #f8fafc;--dark-card: #ffffff;--text-primary: #0B3811;--text-secondary: #4d5e70;--text-muted: #64748b;--admin-primary: #0B3811;--admin-primary-light: rgba(29, 79, 145, .15);--admin-primary-text: #0B3811;--admin-secondary: #f15a24;--admin-secondary-muted: rgba(241, 90, 36, .7);--gradient-brand: linear-gradient(135deg, #f15a24 0%, #d9e021 50%, #8cc63f 100%);--gradient-1: linear-gradient(135deg, #0B3811 0%, #0B3811 100%);--gradient-2: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--border-color: rgba(29, 79, 145, .1);--transition: all .4s cubic-bezier(.23, 1, .32, 1);--navbar-bg: #e7f4fa;--footer-bg: #e7f4fa;--text-body: #4d5e70;--font-xl: 36px;--font-lg: 28px;--font-md: 22px;--font-sm: 18px;--font-base: 16px;--font-small: 14px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{font-family:Sora,sans-serif;background-color:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6;font-size:var(--font-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.logo{font-family:Sora,sans-serif}h1{font-size:var(--font-xl);font-weight:600;letter-spacing:.5px;line-height:1.2}h2{font-size:var(--font-lg);font-weight:600;letter-spacing:.5px;line-height:1.3}h3{font-size:var(--font-md);font-weight:600;line-height:1.4}h4{font-size:var(--font-sm);font-weight:600;line-height:1.4}p{font-size:var(--font-base);line-height:1.6}.small-text,small{font-size:var(--font-small);line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:0 4rem}section{padding:8rem 0;position:relative;overflow:hidden}.section-header{text-align:center;margin-bottom:5rem;position:relative}.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;background:var(--gradient-1);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;display:inline-block}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto;font-weight:400}@media(max-width:768px){.container{padding:0 1.5rem}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn{padding:1.2rem 3rem;border-radius:100px;text-decoration:none;font-weight:600;transition:var(--transition);display:inline-block;border:1px solid transparent;cursor:pointer;font-size:1.1rem;letter-spacing:.5px}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 10px 40px var(--primary-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.btn-primary:hover:after{left:100%}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 20px 50px var(--primary-glow)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--text-primary);transform:translateY(-5px)}button:focus,a:focus,input:focus,textarea:focus{outline:none!important;box-shadow:none!important}a,button,div,span,input,textarea{-webkit-tap-highlight-color:transparent!important}.navbar{position:fixed;top:0;width:100%;background:#e7f4fa;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);z-index:1000;transition:var(--transition);border-bottom:1px solid transparent;color:#000;padding:10px 32px 10px 5px}.navbar.transparent-navbar{background:transparent!important;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);box-shadow:none;border-bottom:1px solid transparent}.navbar.navy-navbar{background:#e7f4fa;box-shadow:0 10px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.navbar .logo-title,.navbar .logo-subtitle,.navbar .nav-link{color:#000}.navbar.scrolled{padding:.7rem 0;background:#e7f4fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.navbar.scrolled .logo-title,.navbar.scrolled .logo-subtitle{color:#000}.navbar.scrolled .nav-link{color:#ffffffb3}.navbar.scrolled .nav-link:hover,.navbar.scrolled .nav-link.active{color:#000}.navbar.scrolled .nav-toggle span{background:#000}.navbar.transparent-light .logo-title,.navbar.transparent-light .logo-subtitle,.navbar.transparent-light .nav-link,.navbar.transparent-light .nav-toggle span{color:#000}.navbar.transparent-light .nav-link{color:#fffc}.navbar.transparent-light .nav-toggle span{background:#000}.navbar.transparent-light .nav-link:hover,.navbar.transparent-light .nav-link.active{color:#000}.nav-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-left:0;margin-right:0;padding-left:5px;padding-right:24px}.nav-menu{display:flex;list-style:none;gap:2.5rem}.nav-link{color:#000!important;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative;font-size:.95rem}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-brand);transition:width .3s ease}.nav-link:hover,.nav-link.active,.nav-link:focus{color:#000!important}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:5px;padding:5px;z-index:1001}.nav-toggle span{width:25px;height:2px;background:var(--text-primary);transition:all .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:1024px){.nav-container{padding:0 2rem}.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#e7f4fa;flex-direction:column;justify-content:center;align-items:center;transition:.5s cubic-bezier(.23,1,.32,1);z-index:1000;box-shadow:-10px 0 30px #00000080}.nav-menu.active .nav-link{color:#ffffffb3}.nav-menu.active .nav-link:hover,.nav-menu.active .nav-link.active{color:#000}.nav-menu.active{right:0}.nav-link{font-size:1.5rem}}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-img{height:70px;width:auto;margin-left:1.25rem}.logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1}.logo-title{font-size:1.6rem;font-weight:700;line-height:1;background:linear-gradient(to right,#ea580c,#facc15,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-subtitle{font-size:.65rem;letter-spacing:.12em;line-height:1;background:linear-gradient(to right,#ea580c,#facc15,#a3e635);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:500px){.navbar{padding:5px 15px 5px 10px}.logo-img{height:45px;margin-left:.5rem}.logo-title{font-size:1.15rem}.logo-subtitle{font-size:.55rem;letter-spacing:.08em}.nav-menu{width:100%;right:-100%;gap:1.75rem}.nav-link{font-size:1.3rem}.nav-menu.active{right:0;box-shadow:none}.nav-container{padding-right:0}.nav-toggle{padding-right:3px;margin-right:3px}}.footer{background:#e7f4fa;padding:3rem 0 1.25rem;border-top:1px solid rgba(255,255,255,.1)}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:1.5rem}.footer-brand{max-width:360px;color:#000}.footer-brand .logo{display:flex;align-items:start;gap:.6rem;margin-bottom:.9rem;text-decoration:none}.brand-name{color:#000}.footer-desc{color:#000;font-size:.95rem!important;line-height:1.6}.footer-links-col h4{color:#000;font-size:1.05rem!important;font-weight:700;margin-bottom:.9rem}.footer-links-col ul li{margin-bottom:.55rem}.footer-links-col ul li a{color:#000;font-size:.95rem!important;text-decoration:none;transition:color .25s ease;opacity:.9}.footer-links-col ul li a:hover{color:#ef0e52}.footer-divider{height:1px;background:#ffffff0f;margin:1.4rem 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-copyright{color:#f1f5f9;font-size:.875rem!important;opacity:.9}.social-links{display:flex;gap:1rem;justify-content:flex-end;width:200%}.social-links a{font-size:1.25rem;display:flex;align-items:center;justify-content:center;text-decoration:none!important;transition:all .25s ease}fa-brands fa-facebook{color:#000}.social-links a:hover{transform:translateY(-2px);color:#ef0e52}.footer-certifications{margin-top:.6rem;margin-bottom:1rem;color:#000}.certification-grid{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.cert-img{height:42px;object-fit:contain;transition:transform .3s ease}.cert-img.large{height:55px}.cert-img:hover{transform:scale(1.06)}@media(max-width:1024px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media(max-width:640px){.footer{padding:2.5rem 0 1rem}.footer .container{padding:0 1.25rem}.footer-main{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;text-align:center;gap:.75rem}.footer-bottom{display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media(max-width:768px){.footer-bottom{flex-direction:column;text-align:center;gap:.75rem}.social-links{justify-content:flex-end;width:100%}}.fa{padding:20px;font-size:30px;width:50px;text-align:center;text-decoration:none}.fa:hover{opacity:.7}.fa-facebook{background:#3b5998;color:#fff}.fa-twitter{background:#55acee;color:#fff}}.announcement-bar-container{position:fixed;top:0;left:0;width:100%;z-index:10001;overflow:hidden;cursor:pointer;margin:0;padding:0;line-height:1}.announcement-ticker-wrap{width:100%;overflow:hidden;padding:12px 0;margin:0}.announcement-ticker{display:flex;white-space:nowrap;animation:announcement-scroll 30s linear infinite;gap:0;width:max-content}.announcement-ticker:hover{animation-play-state:paused}.announcement-item{display:inline-block;padding:0 100px;font-size:.95rem;font-weight:600}@keyframes announcement-scroll{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}:root{--announcement-height: 0px}.navbar{position:fixed!important;top:var(--announcement-height)!important;margin-top:0!important;transition:top .2s ease-out;background:transparent!important}.navbar.scrolled{background:#0e7f4fa}.app-wrapper{padding-top:var(--announcement-height);margin:0}main>section:not(.hero):not(.about-hero):not(.careers-hero):not(.careers-section){padding-top:100px}.hero,.about-hero,.careers-hero,.careers-section{margin-top:0!important;padding-top:0!important}.contact-container,.services-container,.products-container,.gallery-container,.careers-container,.announcement-page{padding-top:100px!important}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}main{flex:1}body{cursor:url(https://img.icons8.com/?size=20&id=LhC2HfftBElY&format=png&color=000000) 8 4,auto}button:active{cursor:url(https://img.icons8.com/?size=20&id=LhC2HfftBElY&format=png&color=000000) 8 4,auto}.page-loader{min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark)}.loader-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;-webkit-user-select:none;user-select:none}@media print{img,.portfolio,.logo-container{display:none!important}}
