:root{--brand-green: #007a3d; --brand-light: #00a352; --brand-vibrant: #00c853; --dark: #0f172a; --text-main: #334155; --text-muted: #64748b; --bg-clinical: #ffffff; --glass: rgba(2, 6, 23, 0.85); --border: rgba(226, 232, 240, 0.7); --shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, 0.06);}*{margin: 0; padding: 0; box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); background-color: var(--bg-clinical); line-height: 1.8; overflow-x: hidden;}.container{max-width: 1300px; margin: 0 auto; padding: 0 30px;}.mobile-menu-btn{display: none; cursor: pointer; color: #fff; font-size: 1.5rem;}nav.global-nav{position: fixed; top: 0; left: 0; width: 100%; padding: 5px 80px; z-index: 2000; display: flex; justify-content: space-between; align-items: center; background: var(--glass); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.1);}.logo-container img{height: 80px; width: auto;}.nav-right-side{display: flex; align-items: center; gap: 40px;}.nav-links{display: flex; gap: 5px; list-style: none; align-items: center;}.dropdown{position: relative;}.nav-item-link{color: #fff; text-decoration: none; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.8; padding: 15px 20px; transition: 0.3s; display: block;}.dropdown:hover .nav-item-link{opacity: 1; color: var(--brand-vibrant);}.dropdown-content{position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--glass); backdrop-filter: blur(20px); border-top: 3px solid var(--brand-green); border-radius: 0 0 12px 12px; box-shadow: var(--shadow-premium); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s ease; padding: 10px 0;}.dropdown:hover .dropdown-content{opacity: 1; visibility: visible; transform: translateY(0);}.dropdown-content a{color: rgba(255,255,255,0.8); padding: 12px 25px; text-decoration: none; display: block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; transition: 0.3s;}.dropdown-content a:hover{background: rgba(255,255,255,0.05); color: var(--brand-vibrant); padding-left: 35px;}.social-links{display: flex; gap: 15px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 25px;}.social-links a{color: #fff; text-decoration: none; font-size: 0.9rem; opacity: 0.7; transition: 0.3s;}.hero{height: 100vh; width: 100%; position: relative; display: flex; align-items: center; overflow: hidden; background: #000;}.hero-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&q=80&w=2070') center/cover no-repeat; z-index: 1;}.hero-layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(2, 6, 23, 0.95) 0%, rgba(2, 6, 23, 0.4) 100%), radial-gradient(circle at 20% 50%, rgba(0, 122, 61, 0.15) 0%, transparent 50%); z-index: 2;}.hero-tech-lines{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 60px 60px; z-index: 3; pointer-events: none;}.hero-content{position: relative; z-index: 4; max-width: 900px; padding: 0 80px; color: #fff;}.hero h1{font-size: 5.5rem; font-weight: 800; line-height: 0.9; letter-spacing: -5px; margin-bottom: 30px;}.hero h1 span{color: var(--brand-vibrant); display: block; font-size: 4rem;}.hero p{font-size: 1.4rem; max-width: 600px; margin-bottom: 50px; color: rgba(255, 255, 255, 0.7); border-left: 3px solid var(--brand-green); padding-left: 25px;}.btn-premium{padding: 22px 45px; background: var(--brand-green); color: white; text-decoration: none; font-weight: 800; border-radius: 4px; text-transform: uppercase; letter-spacing: 2px; display: inline-block; transition: 0.4s; border: 1px solid var(--brand-light); text-align: center;}.btn-premium:hover{background: var(--brand-vibrant); transform: translateY(-5px); color: #000; box-shadow: 0 10px 30px rgba(0, 200, 83, 0.3);}.ticker{background: #000; color: #fff; padding: 24px 0; overflow: hidden; white-space: nowrap; position: relative; z-index: 10; border-top: 1px solid rgba(255,255,255,0.1);}.ticker-inner{display: inline-block; animation: scroll 40s linear infinite;}.ticker-inner span{margin-right: 100px; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 3px;}@keyframes scroll{0%{transform: translateX(0);}100%{transform: translateX(-50%);}} .section-headline{text-align: center; font-size: 3.5rem; font-weight: 800; color: var(--dark); letter-spacing: -2px; margin-bottom: 60px;}.matrix-container{padding: 100px 0 60px;}.product-grid-5x1{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}.flip-card{height: 420px; perspective: 1500px;}.flip-card-inner{position: relative; width: 100%; height: 100%; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); transform-style: preserve-3d;}.flip-card:hover .flip-card-inner{transform: rotateY(180deg);}.flip-card-front, .flip-card-back{position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 30px; border: 1px solid var(--border); overflow: hidden; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px;}.flip-card-front{box-shadow: var(--shadow-premium);}.card-image-box{width: 100%; height: 200px; background: #f8fafc; border-radius: 20px; margin-bottom: 25px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid #f1f5f9;}.card-image-box img{width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}.flip-card-front h4{font-size: 1.1rem; font-weight: 800; color: var(--dark); text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; margin: 0;}.flip-card-back{transform: rotateY(180deg); border: 2px solid var(--brand-vibrant);}.back-header{font-size: 0.75rem; font-weight: 800; color: var(--brand-green); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; border-bottom: 1px solid #eee; width: 100%; padding-bottom: 10px;} .p-list{list-style: none; width: 100%; margin-bottom: 20px;} .p-list li{font-size: 0.85rem; padding: 8px 0; border-bottom: 1px solid #f1f5f9; color: var(--dark); font-weight: 700; text-transform: uppercase;}.btn-card{display: block; width: 100%; padding: 12px; background: var(--dark); color: #fff; text-decoration: none; border-radius: 12px; font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; transition: all 0.3s ease;}.btn-card:hover{background: var(--brand-vibrant); color: #000; box-shadow: 0 0 20px rgba(0, 200, 83, 0.6); transform: scale(1.02);}.portfolio-actions{display: flex; justify-content: center; align-items: center; gap: 25px; margin-top: 60px; width: 100%;}footer{background: linear-gradient(180deg, #020617 0%, #064e3b 100%); color: #fff; padding: 80px 0 40px; border-radius: 80px 80px 0 0;}.footer-primary-grid{display: grid; grid-template-columns: 1.2fr 2.5fr; gap: 80px; margin-bottom: 50px;}.brand-statement h2{text-align: left; color: #fff; font-size: 2.4rem; margin-bottom: 20px;}.brand-statement p{color: #94a3b8; line-height: 1.8; border-left: 2px solid var(--brand-vibrant); padding-left: 20px; margin-bottom: 30px;}.enquiry-portal{background: rgba(255, 255, 255, 0.02); padding: 50px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.1);}.form-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}.form-grid input, .form-grid select, .form-grid textarea{width: 100%; padding: 18px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 12px; font-family: inherit;}.btn-submit{grid-column: span 3; padding: 20px; background: var(--brand-vibrant); color: #000; border: none; border-radius: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; text-transform: uppercase; letter-spacing: 2px;}.btn-submit:hover{background: #fff; transform: translateY(-3px);}.compliance-dashboard{display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.05);}.dash-card{padding: 25px; background: rgba(255,255,255,0.03); border-radius: 20px; text-align: center; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s;}.dash-card:hover{background: rgba(255,255,255,0.07); border-color: var(--brand-vibrant);}.dash-card h4{font-size: 0.65rem; text-transform: uppercase; letter-spacing: 2px; color: var(--brand-vibrant); margin-bottom: 8px;}.dash-card p{font-weight: 700; font-size: 0.9rem;}:root{--brand-green: #007a3d; --brand-vibrant: #00c853; --dark: #0f172a; --text-main: #334155; --bg-clinical: #ffffff; --glass: rgba(2, 6, 23, 0.9); --border: rgba(226, 232, 240, 0.7); --shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, 0.15);}*{margin: 0; padding: 0; box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); background: var(--bg-clinical); line-height: 1.6; overflow-x: hidden;}.container{max-width: 1300px; margin: 0 auto; padding: 0 40px;}nav.global-nav{position: fixed; top: 0; left: 0; width: 100%; padding: 5px 80px; z-index: 2000; display: flex; justify-content: space-between; align-items: center; background: var(--glass); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.1);}.logo-container img{height: 80px; width: auto;}.nav-right-side{display: flex; align-items: center; gap: 40px;}.nav-links{display: flex; gap: 5px; list-style: none; align-items: center;}.dropdown{position: relative;}.nav-item-link{color: #fff; text-decoration: none; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.8; padding: 15px 20px; transition: 0.3s; display: block;}.dropdown:hover .nav-item-link{opacity: 1; color: var(--brand-vibrant);}.dropdown-content{position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--glass); backdrop-filter: blur(20px); border-top: 3px solid var(--brand-green); border-radius: 0 0 12px 12px; box-shadow: var(--shadow-premium); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s ease; padding: 10px 0;}.dropdown:hover .dropdown-content{opacity: 1; visibility: visible; transform: translateY(0);}.dropdown-content a{color: rgba(255,255,255,0.8); padding: 12px 25px; text-decoration: none; display: block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; transition: 0.3s;}.dropdown-content a:hover{background: rgba(255,255,255,0.05); color: var(--brand-vibrant); padding-left: 35px;}.social-links{display: flex; gap: 15px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 25px;}.social-links a{color: #fff; text-decoration: none; font-size: 0.9rem; opacity: 0.7; transition: 0.3s;}.about-hero{background: var(--dark); padding: 160px 0 100px; color: #fff; position: relative; overflow: hidden; display: flex; align-items: center;}.hero-tech-lines{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 60px 60px; z-index: 1; pointer-events: none;}.hero-layout{display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 80px; position: relative; z-index: 2; width: 100%; align-items: center;}.hero-title h1{font-size: 4rem; font-weight: 800; line-height: 1; margin-bottom: 30px; letter-spacing: -3px;}.hero-title h1 span{color: var(--brand-vibrant);}.hero-vision{font-size: 1.15rem; color: rgba(255,255,255,0.75); border-left: 4px solid var(--brand-green); padding-left: 25px; line-height: 1.7; margin-bottom: 20px;}.motto-stack{display: flex; flex-direction: column; gap: 15px;}.motto-box{background: rgba(255,255,255,0.02); padding: 25px 35px; border-radius: 15px; border: 1px solid rgba(255,255,255,0.1); transition: 0.4s ease; position: relative; overflow: hidden;}.motto-box:hover{background: rgba(255,255,255,0.07); transform: translateX(-10px); border-color: var(--brand-vibrant);}.motto-box h3{font-size: 1rem; text-transform: uppercase; color: var(--brand-vibrant); margin-bottom: 5px; letter-spacing: 2px;}.motto-box p{font-size: 0.85rem; color: rgba(255,255,255,0.5); line-height: 1.4;}.commitment-section{padding: 100px 0; background: #f8fafc;}.commitment-layout{display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;}.commitment-text h2{font-size: 3rem; font-weight: 800; color: var(--dark); margin-bottom: 20px;}.commitment-text p{font-size: 1.15rem; color: var(--text-muted); border-left: 4px solid var(--brand-vibrant); padding-left: 25px;}.commitment-stack{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}.com-card{padding: 25px; background: #fff; border-radius: 12px; border: 1px solid var(--border); transition: 0.4s; display: flex; align-items: center; justify-content: center; text-align: center; height: 120px; box-shadow: 0 4px 6px rgba(0,0,0,0.02);}.com-card:hover{border-color: var(--brand-vibrant); transform: translateY(-5px); box-shadow: var(--shadow-premium);}.com-card h3{font-size: 0.85rem; font-weight: 800; color: var(--dark); text-transform: uppercase; letter-spacing: 1px;}.mfg-section{padding: 100px 0; background: #ffffff;}.mfg-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;}.mfg-image{height: 450px; background: #f8fafc; border-radius: 30px; overflow: hidden; border: 1px solid var(--border);}.mfg-image img{width: 100%; height: 100%; object-fit: cover;}.mfg-content h2{font-size: 2.8rem; font-weight: 800; color: var(--dark); margin-bottom: 25px; line-height: 1.1;}.expertise-strip{background: #000; color: #fff; padding: 120px 0;}.expertise-layout{display: flex; flex-direction: column; align-items: center; text-align: center;}.expertise-layout h2{font-size: 3rem; font-weight: 800; margin-bottom: 40px; letter-spacing: -1px;}.sector-list{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-bottom: 30px;}.sector-tag{font-size: 0.85rem; background: rgba(255,255,255,0.05); padding: 12px 30px; border-radius: 100px; font-weight: 700; border: 1px solid rgba(255,255,255,0.15); transition: 0.3s;}.sector-tag:hover{background: var(--brand-green); color: #fff; border-color: var(--brand-vibrant); transform: scale(1.05);}.gallery-container{padding: 80px 0; background: #fff; overflow: hidden;}.gallery-title{text-align: center; margin-bottom: 50px;}.gallery-title h2{font-size: 2.8rem; font-weight: 800; color: var(--dark);}.marquee-wrapper{display: flex; gap: 25px; width: max-content; animation: scroll 40s linear infinite; padding: 20px 0;}.marquee-wrapper:hover{animation-play-state: paused;}.gallery-item{width: 420px; height: 280px; flex-shrink: 0; border-radius: 24px; overflow: hidden; border: 1px solid var(--border); position: relative; box-shadow: var(--shadow-premium);}.gallery-item img{width: 100%; height: 100%; object-fit: cover;}.gallery-item .overlay{position: absolute; inset: 0; background: rgba(15, 23, 42, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.4s; color: #fff; font-weight: 800; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 2px;}.gallery-item:hover .overlay{opacity: 1;}@keyframes scroll{0%{transform: translateX(0);}100%{transform: translateX(calc(-445px * 4));}} footer{background: linear-gradient(180deg, #020617 0%, #064e3b 100%); color: #fff; padding: 100px 0 60px; border-radius: 80px 80px 0 0; margin-top: 0;}.footer-primary-grid{max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 2.5fr; gap: 80px; padding: 0 40px; margin-bottom: 80px;}.brand-statement h2{text-align: left; color: #fff; font-size: 2.4rem; margin-bottom: 20px; font-weight: 800;}.brand-statement p{color: #94a3b8; line-height: 1.8; border-left: 2px solid var(--brand-vibrant); padding-left: 25px; margin-bottom: 30px;}.enquiry-portal{background: rgba(255, 255, 255, 0.02); padding: 50px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.1);}.form-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}.form-grid input, .form-grid select, .form-grid textarea{width: 100%; padding: 18px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 12px; font-family: inherit;}.btn-submit{grid-column: span 3; padding: 22px; background: var(--brand-vibrant); color: #000; border: none; border-radius: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; text-transform: uppercase; letter-spacing: 2px;}.btn-submit:hover{background: #fff; transform: translateY(-3px);}.compliance-dashboard{max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; padding: 60px 40px 0; border-top: 1px solid rgba(255,255,255,0.05);}.dash-card{padding: 30px; background: rgba(255,255,255,0.02); border-radius: 24px; text-align: center; border: 1px solid rgba(255,255,255,0.05); transition: 0.3s;}.dash-card:hover{background: rgba(255,255,255,0.06); border-color: var(--brand-vibrant);}.dash-card h4{font-size: 0.65rem; text-transform: uppercase; letter-spacing: 2px; color: var(--brand-vibrant); margin-bottom: 12px;}.dash-card p{font-weight: 700; font-size: 1rem; color: #fff;}@media (max-width: 1024px){.hero-layout, .commitment-layout, .mfg-grid, .footer-primary-grid{grid-template-columns: 1fr; gap: 50px;}.hero-layout{padding-top: 40px;}.compliance-dashboard{grid-template-columns: 1fr 1fr;}.gallery-item{width: 100%; max-width: 500px;}} :root{--brand-green: #007a3d; --brand-light: #00a352; --brand-vibrant: #00c853; --dark: #0f172a; --text-main: #334155; --text-muted: #64748b; --bg-clinical: #f8fafc; --glass: rgba(2, 6, 23, 0.9); --border: rgba(226, 232, 240, 0.7); --shadow-premium: 0 20px 50px -12px rgba(0, 0, 0, 0.15);}*{margin: 0; padding: 0; box-sizing: border-box;}html{scroll-behavior: smooth;}body{font-family: 'Plus Jakarta Sans', sans-serif; color: var(--text-main); background-color: #ffffff; line-height: 1.8; overflow-x: hidden;}nav.global-nav{position: fixed; top: 0; left: 0; width: 100%; padding: 5px 80px; z-index: 2000; display: flex; justify-content: space-between; align-items: center; background: var(--glass); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.1);}.logo-container img{height: 80px; width: auto;}.nav-right-side{display: flex; align-items: center; gap: 40px;}.nav-links{display: flex; gap: 5px; list-style: none; align-items: center;}.dropdown{position: relative;}.nav-item-link{color: #fff; text-decoration: none; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.8; padding: 15px 20px; transition: 0.3s; display: block;}.dropdown:hover .nav-item-link{opacity: 1; color: var(--brand-vibrant);}.dropdown-content{position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--glass); backdrop-filter: blur(20px); border-top: 3px solid var(--brand-green); border-radius: 0 0 12px 12px; box-shadow: var(--shadow-premium); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.4s ease; padding: 10px 0;}.dropdown:hover .dropdown-content{opacity: 1; visibility: visible; transform: translateY(0);}.dropdown-content a{color: rgba(255,255,255,0.8); padding: 12px 25px; text-decoration: none; display: block; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; transition: 0.3s;}.dropdown-content a:hover{background: rgba(255,255,255,0.05); color: var(--brand-vibrant); padding-left: 35px;}.social-links{display: flex; gap: 15px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 25px;}.social-links a{color: #fff; text-decoration: none; font-size: 0.9rem; opacity: 0.7; transition: 0.3s;}.portfolio-wrapper{display: flex; max-width: 100%; padding-top: 81px;}.category-nav{width: 260px; background: var(--bg-clinical); border-right: 1px solid var(--border); padding: 40px 20px; position: fixed; top: 81px; bottom: 0; z-index: 1000; overflow-y: auto;}.sidebar-title{margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid var(--brand-green);}.sidebar-title h1{font-size: 1.3rem; font-weight: 800; color: var(--dark); text-transform: uppercase; line-height: 1.2;}.sidebar-menu{list-style: none; display: flex; flex-direction: column; gap: 10px;}.sidebar-menu-item > a{display: block; text-decoration: none; color: var(--text-main); font-size: 0.65rem; font-weight: 700; text-transform: uppercase; padding: 12px 15px; border-radius: 10px; background: #fff; border: 1.5px solid transparent; transition: 0.3s;}.sidebar-menu-item:hover > a{background: var(--dark); color: #fff; transform: translateX(5px);}.sidebar-menu-item > a.active{border-color: var(--brand-green); color: var(--brand-green); background: #f0fdf4;}.main-content{flex: 1; margin-left: 260px; padding: 20px 60px 100px;}.section-block{position: relative; padding-bottom: 120px;}.category-heading{font-size: 2.2rem; font-weight: 800; color: var(--dark); padding: 5px 0 5px; text-transform: uppercase; position: sticky; top: 100px; background: #fff; z-index: 110;}.sub-category-heading{font-size: 1.1rem; font-weight: 700; color: var(--brand-green); padding: 5px 10px; border-left: 4px solid var(--brand-green); background: #fff; position: sticky; top: 175px; z-index: 100; margin: 20px 0 25px;}.product-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px;}.product-img{position: relative; cursor: pointer; overflow: hidden; border-bottom: 1px solid var(--border);}.product-img img{width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}.preview-bar{position: absolute; bottom: -40px; left: 0; width: 100%; background: rgba(15, 23, 42, 0.85); color: var(--brand-vibrant); text-align: center; padding: 10px 0; transition: bottom 0.3s ease; z-index: 2;}.preview-bar span{font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;}.product-card:hover .preview-bar{bottom: 0;}.product-card:hover .product-img img{transform: scale(1.05);}.product-card{background: #fff; border-radius: 20px; border: 1px solid var(--border); height: 620px; overflow: hidden; display: flex; flex-direction: column; transition: 0.3s; box-shadow: 0 10px 30px -15px rgba(0,0,0,0.05);}.product-info{padding: 25px; flex-grow: 1; display: flex; flex-direction: column;}.specs-area{margin-bottom: 15px; flex-grow: 1;}.image-placeholder{width: 100%; height: 100%; background: #f1f5f9; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: #94a3b8; border-bottom: 1px solid var(--border);}.image-placeholder i{font-size: 2rem; opacity: 0.5;}.image-placeholder span{font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}.product-img{height: 180px; background: var(--bg-clinical); overflow: hidden;}.btn-enquire{margin-top: auto; display: block; width: 100%; padding: 14px; background: var(--dark); color: #fff; text-decoration: none; border-radius: 12px; font-weight: 800; font-size: 0.75rem; text-transform: uppercase; text-align: center; transition: 0.3s;}.model-tag{font-size: 0.55rem; font-weight: 800; color: var(--brand-green); background: #f0fdf4; padding: 4px 12px; border-radius: 100px; width: fit-content; margin-bottom: 12px;}.product-info h3{font-size: 1rem; font-weight: 800; color: var(--dark); margin-bottom: 1px; text-transform: uppercase; line-height: 1.2; height: 45px; overflow: hidden;}.spec-row{display: flex; justify-content: space-between; border-bottom: 1px solid #f1f5f9; padding: 6px 0; font-size: 0.75rem;}.spec-label{color: var(--text-muted); font-weight: 500;}.spec-value{color: var(--dark); font-weight: 700; text-align: right;}.btn-enquire{display: block; width: 100%; padding: 14px; background: var(--dark); color: #fff; text-decoration: none; border-radius: 12px; font-weight: 800; font-size: 0.75rem; text-transform: uppercase; margin-top: auto; text-align: center; transition: 0.3s;}.btn-enquire:hover{background: var(--brand-vibrant); color: #000;}.btn-spec{background: none; border: 1px solid var(--brand-green); color: var(--brand-green); font-size: 0.6rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 6px 12px; border-radius: 6px; cursor: pointer; transition: 0.3s; margin-bottom: 15px; width: fit-content;}.btn-spec:hover{background: var(--brand-green); color: #fff;}.modal{display: none; position: fixed; z-index: 5000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); backdrop-filter: blur(10px);}.modal-content{margin: auto; display: block; width: 80%; max-width: 900px; max-height: 80vh; object-fit: contain; border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.close-modal{position: absolute; top: 30px; right: 50px; color: #fff; font-size: 40px; font-weight: bold; cursor: pointer;}footer{background: linear-gradient(180deg, #020617 0%, #064e3b 100%); color: #fff; padding: 80px 0 40px; border-radius: 80px 80px 0 0; width: 100%; position: relative; z-index: 1500; margin-top: 50px;}.footer-primary-grid{max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1.2fr 2.5fr; gap: 80px; margin-bottom: 50px; padding: 0 30px;}.brand-statement h2{text-align: left; color: #fff; font-size: 2.4rem; margin-bottom: 20px;}.brand-statement p{color: #94a3b8; line-height: 1.8; border-left: 2px solid var(--brand-vibrant); padding-left: 20px; margin-bottom: 30px;}.enquiry-portal{background: rgba(255, 255, 255, 0.02); padding: 50px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.1);}.form-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}.form-grid input, .form-grid select, .form-grid textarea{width: 100%; padding: 18px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 12px; font-family: inherit;}.btn-submit{grid-column: span 3; padding: 20px; background: var(--brand-vibrant); color: #000; border: none; border-radius: 12px; font-weight: 800; cursor: pointer; transition: 0.3s; text-transform: uppercase;}.compliance-dashboard{max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 40px 30px 0; border-top: 1px solid rgba(255,255,255,0.05);}.dash-card{padding: 20px; background: rgba(255,255,255,0.03); border-radius: 20px; text-align: center;}.dash-card h4{font-size: 0.65rem; text-transform: uppercase; color: var(--brand-vibrant); margin-bottom: 8px;}.dash-card p{font-weight: 700; font-size: 0.9rem;}@media (max-width: 1100px){.category-nav{display: none;}.main-content{margin-left: 0; padding: 20px;}.footer-primary-grid{grid-template-columns: 1fr;}} @media (max-width: 768px){.container{padding: 0 10px;}body{font-size: 1.1rem;}nav.global-nav{flex-direction: row; padding: 5px 20px; flex-wrap: wrap; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 2000;}.mobile-menu-btn{display: block; position: absolute; left: 20px; top: 18px; z-index: 100;}.logo-container{margin: 0 auto; padding: 0; display: flex; align-items: center; justify-content: center; height: 65px;}.nav-right-side{display: none; order: 3; width: 100%; flex-direction: column; margin-top: 20px; gap: 15px;}.nav-right-side.active{display: flex;}.nav-links{flex-direction: column; width: 100%; align-items: flex-start; gap: 10px;}.nav-item-link{padding: 12px 15px; width: 100%; font-size: 1.1rem; border-bottom: 1px solid rgba(255,255,255,0.05);}.dropdown-content{position: static; box-shadow: none; opacity: 1; visibility: visible; transform: none; display: none; padding-left: 20px;}.dropdown:hover .dropdown-content{display: block;}.nav-item-link{padding: 10px 15px; font-size: 0.95rem;}.logo-container img{height: 65px;}.social-links{border-left: none; padding-left: 0; width: 100%; justify-content: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 15px; font-size: 1.2rem;}.hero-content{padding: 0 20px; text-align: center; margin-top: 60px;}.hero h1{font-size: 3rem; letter-spacing: -2px;}.hero h1 span{font-size: 2.2rem;}.hero p{font-size: 1.2rem; border-left: none; border-top: 3px solid var(--brand-green); padding-left: 0; padding-top: 15px; margin: 0 auto 30px; text-align: center;}.btn-premium{padding: 18px 30px; font-size: 1rem; width: 100%; max-width: 300px;}.about-hero{padding: 220px 0 60px; text-align: center;}.hero-title h1{font-size: 2.8rem;}.hero-vision{border-left: none; border-top: 3px solid var(--brand-green); padding-left: 0; padding-top: 15px; font-size: 1.2rem;}.motto-box p{font-size: 1rem;}.motto-box h3{font-size: 1.2rem;}.section-headline{font-size: 2.5rem; margin-bottom: 30px;}.expertise-layout h2{font-size: 2.2rem;}.commitment-text h2{font-size: 2.5rem; text-align: center;}.commitment-text p{border-left: none; border-top: 4px solid var(--brand-vibrant); padding-left: 0; padding-top: 15px; text-align: center; font-size: 1.2rem;}.mfg-content h2{font-size: 2.2rem;}.mfg-content p{font-size: 1.1rem;}.gallery-title h2{font-size: 2.2rem;}.brand-statement{display: flex; flex-direction: column; align-items: center; text-align: center;}.brand-statement h2{font-size: 2rem; text-align: center;}.brand-statement p{text-align: center; border-left: none; padding-left: 0; font-size: 1.1rem;}.product-grid-5x1{grid-template-columns: 1fr !important; display: grid !important;}.product-grid{grid-template-columns: 1fr !important; display: grid !important;}.commitment-stack{grid-template-columns: 1fr !important;}.form-grid{grid-template-columns: 1fr !important;}.form-grid input, .form-grid select, .form-grid textarea{grid-column: span 1 !important; font-size: 1rem;}.btn-submit{grid-column: span 1 !important; font-size: 1.1rem;}.compliance-dashboard{grid-template-columns: 1fr !important; gap: 15px;}.portfolio-actions{flex-direction: column; gap: 15px;}.portfolio-actions a{width: 100%; max-width: 300px; font-size: 1rem;}.main-content{padding: 15px 10px !important;}.product-grid{gap: 15px !important;}.product-grid-5x1{gap: 15px !important;}.flip-card{height: 420px; width: 85%; margin: 0 auto;}.product-card{width: 85%; margin: 0 auto;}.flip-card-front, .flip-card-back{padding: 25px;}.card-image-box{height: 200px;}.flip-card-front h4{font-size: 1.3rem;}.p-list li{font-size: 1rem;}.btn-card{font-size: 0.9rem; padding: 15px;}.product-info h3{font-size: 1.2rem; height: auto; margin-bottom: 10px;}.spec-row{font-size: 0.95rem; padding: 10px 0;}.btn-spec{font-size: 0.8rem; padding: 8px 15px;}.btn-enquire{font-size: 1rem; padding: 16px;}.category-heading{top: 75px !important; font-size: 2rem; margin-top: 0; padding: 5px 0;}.sub-category-heading{top: 140px !important; font-size: 1.3rem; padding: 5px 10px;}footer{border-radius: 40px 40px 0 0; padding: 50px 0 30px;}.footer-primary-grid{gap: 40px; padding: 0 15px; margin-bottom: 30px;}.enquiry-portal{padding: 25px; border-radius: 20px;}.dash-card p{font-size: 1.1rem;}.dash-card h4{font-size: 0.85rem;}} @media (max-width: 480px){.ticker-inner span{margin-right: 30px; font-size: 0.85rem;}.gallery-item{height: 220px; width: 100%; max-width: 320px;}.marquee-wrapper{gap: 15px;}}