@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}img[data-src]{opacity:0;transition:opacity .3s ease;max-width:100%;height:auto}img[data-src].loaded{opacity:1}.production-visual img,.rd-showcase img{max-width:100%;height:auto;max-height:400px;object-fit:cover}:root{--primary:#0066CC;--primary-light:#00A0E9;--primary-dark:#004C99;--accent:#F26522;--accent-light:#FF8C5A;--neutral-50:#F5F7FA;--neutral-100:#E5E7EB;--neutral-200:#D1D5DB;--neutral-300:#9CA3AF;--neutral-400:#86868B;--neutral-500:#6B7280;--neutral-600:#4B5563;--neutral-700:#374151;--neutral-800:#1D1D1F;--neutral-900:#111111;--white:#FFFFFF;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--radius-sm:0.375rem;--radius:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--neutral-800);line-height:1.6;background:var(--white)}img{display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{margin:0 auto;padding:0 1.5rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.nav{justify-content:space-between;height:5rem}.logo,.nav{display:flex;align-items:center}.logo-img{height:7rem;width:auto;max-width:280px}.nav-menu{display:none;align-items:center;gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:1rem;font-weight:500;color:var(--neutral-600);border-radius:var(--radius);transition:all .2s ease}.lang-toggle:hover,.nav-link:hover{color:var(--primary);background:var(--neutral-50)}.nav-actions{display:flex;align-items:center;gap:.5rem}.lang-toggle,.nav-toggle{display:flex;background:0 0;border:0;cursor:pointer}.lang-toggle{align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:1rem;font-weight:500;color:var(--neutral-600);border-radius:var(--radius);transition:all .2s ease}.nav-toggle{flex-direction:column;gap:4px;padding:.5rem}.nav-toggle span{display:block;width:20px;height:2px;background:var(--neutral-600);transition:all .3s ease}.hero{position:relative;min-height:auto;height:auto;padding:6rem 0 1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}@media (min-width:768px){.hero{min-height:80vh;padding:5rem 0}}@media (min-width:1024px){.hero{min-height:70vh;padding:4rem 0}}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.3))}.hero-content{position:relative;z-index:1;text-align:center;padding-top:.5rem;padding-bottom:1rem}.hero-subtitle,.hero-title{font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:3rem!important;color:var(--primary);opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.2s;letter-spacing:.05em}.hero-title{font-size:3rem;color:var(--neutral-900);line-height:1.3}.hero-title>span{display:block;opacity:0;animation:fadeInUp .8s ease forwards}.hero-title span.hero-highlight{display:inline;opacity:1;animation:none}.hero-title span:first-child{animation-delay:.3s}.hero-title span:nth-child(2){animation-delay:.4s}.hero-title span:last-child{animation-delay:.5s}.hero-highlight{color:var(--primary);font-size:3rem!important;margin-top:.5rem}.hero-description{font-size:1.25rem;color:var(--neutral-600);max-width:600px;margin:0 auto 2rem;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.6s;font-weight:500}.hero-cta,.scroll-indicator{display:flex;flex-direction:column;gap:.5rem;align-items:center;opacity:0;animation:fadeInUp .6s ease forwards;animation-delay:.8s}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1rem;animation:fadeIn .6s ease forwards;animation-delay:1.2s}.scroll-arrow{width:20px;height:20px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:bounce 2s infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:500;border-radius:var(--radius-full);transition:all .3s ease;cursor:pointer;border:0}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--accent);color:var(--white)}.btn-secondary:hover{background:var(--accent-light)}.btn-outline{background:0 0;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-full{width:100%}.section{padding:.5rem 0}.section-header{text-align:center;max-width:768px;margin:0 auto 1rem}.section-label{display:inline-block;padding:.375rem 1rem;font-size:1rem;font-weight:500;color:var(--primary);background:rgba(0,102,204,.1);border-radius:var(--radius-full);margin-bottom:1rem}.section-title{font-size:3rem!important;font-weight:700;color:var(--neutral-900);margin-bottom:1rem;line-height:1.3}.section-description{font-size:1.125rem;color:var(--neutral-600)}.section-cta{text-align:center;margin-top:3rem}.about{background:var(--white)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card{background:var(--neutral-50);padding:1rem;border-radius:var(--radius-xl);text-align:center;transition:all .3s ease}.stat-card:hover{background:rgba(0,102,204,.05)}.stat-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--primary)}.stat-number{font-size:3rem!important;font-weight:700;color:var(--neutral-900);margin-bottom:.25rem}.capability-card p,.stat-label{font-size:1rem;color:var(--neutral-500)}.odm{background:var(--neutral-50)}.clients-card{background:var(--white);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:1rem}.capabilities h3,.clients-card h3,.product-family-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.clients-section{margin-bottom:1.5rem}.clients-section:last-child{margin-bottom:0}.clients-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1rem;margin-bottom:.75rem;text-align:center}.client-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.client-tag{padding:.5rem 1rem;background:var(--neutral-100);color:var(--neutral-700);font-size:1rem;font-weight:500;border-radius:var(--radius);transition:all .2s ease}.client-tag:hover{background:rgba(0,102,204,.1);color:var(--primary)}.capability-card h4,.clients-label-large{font-size:1rem;font-weight:600;margin-bottom:1rem}.client-tags-large{gap:.75rem}.client-tag-large{padding:.75rem 1.25rem;font-size:1rem;font-weight:600}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.capability-card{background:var(--white);padding:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.capability-card:hover{box-shadow:var(--shadow)}.capability-icon{width:2.5rem;height:2.5rem;color:var(--primary);margin-bottom:1rem;margin-left:auto;margin-right:auto}.capability-card h4{margin-bottom:.5rem;color:var(--neutral-900)}.product-family-section{margin-top:3rem}.product-main-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--neutral-900)}.product-family-image{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow)}.product-family-image img,.rd-image img{width:100%;height:auto;object-fit:cover}.product-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.product-category{background:var(--white);padding:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.product-category h4,.sub-category h5{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:1rem}.sub-category{margin-bottom:1rem}.sub-category h5{color:var(--neutral-700);margin-bottom:.5rem}.product-category ul{display:flex;flex-direction:column;gap:.5rem}.product-category li{font-size:1rem;color:var(--neutral-600);padding-left:1rem;position:relative}.product-category li::before{content:"•";position:absolute;left:0;color:var(--primary)}.rd{background:var(--neutral-50)}.rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1rem;background:0 0;border:0;padding:0;border-radius:0}.rd-stat{background:rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);padding:1rem;border-radius:16px;text-align:center;transition:all .3s ease}.prod-stat:hover,.rd-stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.55)}@media (max-width:1024px){.rd-stats{display:grid;gap:1.5rem;margin-bottom:1rem;background:0 0;border:0;padding:0;border-radius:0;grid-template-columns:repeat(2,1fr)}}.rd-stat-number{font-size:3rem!important;font-weight:700;color:var(--primary);margin-bottom:.25rem}.rd-stat-label{font-size:1rem;color:var(--neutral-500)}.rd-content,.rd-images{display:grid;gap:2rem}.rd-images{gap:.5rem}.rd-image{border-radius:var(--radius-xl);overflow:hidden}.rd-image img{height:200px;transition:transform .5s ease}.product-card:hover .product-image img,.rd-image:hover img{transform:scale(1.05)}.rd-facilities h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.facility-list{display:grid;gap:.75rem}.facility-icon,.facility-item{display:flex;align-items:center}.facility-item{gap:.5rem;padding:1rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.facility-icon{width:2.5rem;height:2.5rem;justify-content:center;background:rgba(0,102,204,.1);border-radius:var(--radius);color:var(--primary);flex-shrink:0}.facility-item span,.form-group label{font-size:1rem;font-weight:500;color:var(--neutral-700)}.production{background:var(--white)}.production-image{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow-lg)}.production-image img{width:100%;height:150px;object-fit:cover}.production-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;background:0 0}.prod-stat{background:rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);padding:1rem;border-radius:16px;text-align:center;transition:all .3s ease}@media (max-width:1024px){.production-stats{display:grid;gap:1.5rem;margin-bottom:2rem;background:0 0;border:0;padding:0;grid-template-columns:repeat(2,1fr)}}.prod-stat-number{font-size:3rem!important;font-weight:700;color:var(--primary);margin-bottom:.25rem}.prod-stat-label{font-size:1rem;color:var(--neutral-500)}.production-bases{display:grid;gap:.5rem}.bases-card,.honors-section,.lines-card{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.honors-card,.lines-card{background:0 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:1rem;border-radius:20px}.bases-card h3,.honors-card h3,.lines-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--neutral-900)}.base-item,.honor-item,.line-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--neutral-200)}.base-item:last-child,.honor-item:last-child,.line-item:last-child{border-bottom:none}.base-icon,.honor-icon,.line-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0}.honor-icon{width:2rem;height:2rem}.honor-title{font-weight:500;color:var(--neutral-800)}.base-info h4{font-size:1rem}.base-info p{font-size:.75rem;color:var(--neutral-500)}.line-item span,.mv-card p{font-size:1rem;color:var(--neutral-700)}.mawdol{background:var(--white)}.mawdol-header{display:grid;gap:2rem;margin-bottom:1rem}.mawdol-intro{text-align:center}.mawdol-logo{margin:1rem 0}.mawdol-logo img{height:4rem;width:auto;margin:0 auto}.mawdol-subtitle{font-size:1.25rem;color:var(--primary);font-weight:500;margin-bottom:1rem}.mawdol-description{color:var(--neutral-600);max-width:600px;margin:0 auto}.mawdol-mv{display:grid;gap:.5rem}.mv-card{background:0 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:1rem;border-radius:20px;transition:all .3s ease}.mv-card:hover{background:rgba(255,255,255,.45);transform:translateY(-4px)}.mv-card-primary{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3)}.mv-card-primary:hover{background:rgba(59,130,246,.25)}.base-info h4,.mv-card h3,.product-info h4{font-weight:600;color:var(--neutral-900)}.mv-card h3{font-size:1.125rem;margin-bottom:.75rem}.mv-card p{color:var(--neutral-600);line-height:1.6}.contact-form-wrapper h3,.products h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.products h3{text-align:center}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;justify-items:center;max-width:1200px;margin:0 auto}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.honors-section{grid-template-columns:1fr}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.product-card{background:var(--neutral-50);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.product-card:hover{transform:translateY(-4px)}.product-image,.product-info{width:100%;display:flex;align-items:center}.product-image{height:200px;overflow:hidden;background:var(--white);justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover;max-width:90%;max-height:90%;padding:.25rem;transition:transform .5s ease}.product-info{padding:1rem;flex-direction:column;gap:.25rem}.product-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary)}.product-info h4{font-size:1rem;margin:0}.news{background:var(--neutral-50)}.news-header{display:flex;flex-direction:column;gap:.5rem}.news-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.news-card:hover,.product-card:hover{box-shadow:var(--shadow)}.news-image{aspect-ratio:21/9;overflow:hidden}.news-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--primary))}.news-placeholder-2{background:linear-gradient(135deg,var(--accent),var(--accent-light))}.news-placeholder-3{background:linear-gradient(135deg,var(--neutral-400),var(--neutral-500))}.news-meta{display:flex;gap:.5rem;margin-bottom:.75rem}.news-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:rgba(0,102,204,.1);padding:.25rem .75rem;border-radius:var(--radius-full)}.news-date{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1rem}.news-title{color:var(--neutral-900)}.news-link{font-size:1rem}.news-link:hover{text-decoration:underline}.contact{background:var(--white)}.contact-grid{display:grid;gap:2rem}.contact-form-wrapper{background:0 0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);padding:2rem;border-radius:24px}.contact-form-wrapper h3{color:var(--neutral-900)}.contact-form{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;gap:.5rem}.contact-info,.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:1rem;transition:all .2s;background:var(--white)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.info-card{background:var(--neutral-50);padding:1rem;border-radius:var(--radius-xl)}.info-card h3,.info-item h4{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--neutral-900)}.footer-links ul,.info-list{display:flex;flex-direction:column;gap:.5rem}.info-item{display:flex;gap:.5rem}.info-icon{width:1.5rem;height:1.5rem;color:var(--primary);flex-shrink:0}.info-item h4{font-size:1rem;margin-bottom:.25rem}.info-item p,.qr-card p{font-size:1rem;color:var(--neutral-600)}.qr-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.qr-card{background:var(--neutral-50);padding:1rem;border-radius:var(--radius-xl);text-align:center}.qr-card p{font-weight:500;color:var(--neutral-700);margin-bottom:.75rem}.qr-card img{width:120px;height:120px;margin:0 auto;border-radius:var(--radius)}.footer{background:var(--neutral-900);color:var(--white);padding:4rem 0 2rem}.footer-grid{display:grid;gap:2rem;margin-bottom:1rem}.footer-brand{max-width:300px}.footer-logo{height:3rem;width:auto;margin-bottom:1rem;filter:brightness(0) invert(1)}.footer-company{font-size:1rem;font-weight:500;margin-bottom:.5rem}.footer-links a,.footer-parent{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:1rem}.footer-links h4,.footer-parent{margin-bottom:1rem}.footer-tagline{font-size:1rem;color:var(--primary-light);font-weight:500}.footer-links h4{font-size:1rem;font-weight:600}.footer-links a{transition:color .2s ease}.admin-link:hover,.footer-links a:hover{color:var(--white)}.footer-bottom,.nav-menu.active{display:flex;flex-direction:column}.footer-bottom{gap:.5rem;padding-top:2rem;border-top:1px solid var(--neutral-800);text-align:center}.admin-link,.footer-bottom p{font-size:1rem;color:var(--neutral-500)}@media (min-width:640px){.hero-highlight,.hero-title{font-size:3rem!important}.hero-cta{flex-direction:row;justify-content:center}.section-title{font-size:3rem!important}.capability-grid,.product-categories,.stats-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.production-stats,.rd-stats{display:grid;gap:1.5rem;background:0 0;border:0;padding:0;grid-template-columns:repeat(4,1fr)}.rd-stats{margin-bottom:1rem;border-radius:0}.production-stats{margin-bottom:2rem}.form-row,.news-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}@media (min-width:768px){.nav-menu{display:flex}.nav-toggle{display:none}.section{padding:6rem 0}.hero-title{font-size:3rem!important}.hero-highlight{font-size:4rem}.mawdol-header{grid-template-columns:1fr 1fr;align-items:center}.mawdol-intro{text-align:left}.mawdol-description,.mawdol-logo img{margin:0}.rd-content{grid-template-columns:1fr 2fr}.production-bases{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:2fr 1fr}.footer-grid{grid-template-columns:2fr repeat(3,1fr)}}@media (min-width:1024px){.hero-title{font-size:4rem}.hero-highlight{font-size:4.5rem}.news-grid{grid-template-columns:repeat(3,1fr)}.news-header{flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:left}}.nav-menu.active{position:absolute;top:5rem;left:0;right:0;background:var(--white);padding:1rem;box-shadow:var(--shadow-lg);border-top:1px solid var(--neutral-100)}.nav-menu.active .nav-link{padding:.75rem 1rem}.product-intro{text-align:center;color:var(--neutral-600);font-size:1.125rem;margin-bottom:2rem}.product-showcase{display:flex;flex-direction:column;gap:2rem}.product-main-category{background:var(--white);border-radius:var(--radius-xl);padding:1rem;box-shadow:var(--shadow-sm)}.category-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--neutral-100)}.category-header h4{font-size:1.25rem;font-weight:600;color:var(--neutral-900)}.category-badge{background:var(--primary);color:var(--white);padding:.375rem 1rem;border-radius:var(--radius-full);font-size:1rem;font-weight:500}.product-sub-grid{display:flex;flex-direction:row;gap:1.5rem;flex-wrap:wrap}.product-sub-grid .product-type-card{flex:1;min-width:280px;max-width:calc(50% - .75rem)}.product-sub-grid.single .product-type-card{max-width:100%}@media (max-width:768px){.product-sub-grid{flex-direction:column}.product-sub-grid .product-type-card{max-width:100%}}.product-type-card{background:0 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:1rem;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px rgba(0,0,0,.06)}.product-type-card.full-width{grid-column:1/-1}.type-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.type-icon{font-size:1.5rem;line-height:1}.product-type-card h5{font-size:1.125rem;font-weight:600;color:var(--primary);margin:0}.product-list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0}.product-list,.product-list.horizontal{justify-content:space-between}.product-list li,.product-tag{background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:var(--radius);font-size:1rem;color:var(--neutral-700);border:1px solid rgba(255,255,255,.5);flex:1 1 auto;min-width:120px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s ease}.product-sub-grid.single{grid-template-columns:1fr}.product-tag{display:inline-block;margin:.25rem}.product-list li:hover,.product-tag:hover{background:rgba(255,255,255,.8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.product-tag.highlight{background:var(--accent)}.product-tag.safe{background:#10b981}.product-tags-row{display:flex;flex-wrap:wrap;gap:.75rem}.feature-tag{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:var(--white);padding:.625rem 1rem;border-radius:var(--radius);font-size:.9375rem;font-weight:500}.about{padding-bottom:0!important}.odm{padding-top:0!important}.section{padding-top:.25rem!important;padding-bottom:.25rem!important}.mawdol{padding-top:4rem!important;padding-bottom:4rem!important}.mawdol .product-grid,.news-grid{display:grid!important;gap:1rem!important}.mawdol .product-grid{grid-template-columns:repeat(6,1fr)!important;max-width:1400px!important;margin:0 auto!important}.mawdol .product-card{max-width:200px!important}.mawdol .product-image{aspect-ratio:auto!important;height:180px!important;padding:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}.mawdol .product-image img{max-height:100%!important;max-width:100%!important;object-fit:contain!important;width:auto!important;height:auto!important}@media (max-width:1200px){.mawdol .product-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.mawdol .product-grid{grid-template-columns:repeat(2,1fr)!important}}.news-grid{grid-template-columns:repeat(5,1fr)!important;align-items:stretch!important}.news-card,.news-content{display:flex!important;flex-direction:column!important}.news-card{background:rgba(255,255,255,.5)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;box-shadow:none!important;transition:all .3s ease!important;height:100%!important}.news-card:hover{background:rgba(255,255,255,.7)!important;transform:translateY(-2px)!important}.news-content{padding:1.5rem!important;flex:1!important}.news-title{font-size:1.1rem!important;font-weight:600!important;margin-bottom:.75rem!important;line-height:1.4!important}.news-title a{color:var(--primary)!important;text-decoration:none!important}.news-excerpt{font-size:.9rem!important;color:var(--neutral-600)!important;line-height:1.5!important;margin-bottom:1rem!important;flex:1!important}.news-link{color:var(--primary)!important;font-weight:500!important;text-decoration:none!important;margin-top:auto!important;display:inline-block!important}.news-card.article-card{border-left:3px solid var(--primary)!important}.news-card.article-card .news-badge{background:var(--primary-light)!important;color:var(--primary)!important}@media (max-width:1200px){.news-grid{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.news-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.news-grid{grid-template-columns:1fr!important}}.news-header{text-align:center!important;align-items:center!important}.news-header .btn{margin-top:1rem!important}.news-image,.seo-articles{display:none!important}body,html{overflow-x:hidden!important;max-width:100vw!important}@media (max-width:768px){.header .container{padding:0 1rem!important}.nav{width:100%!important}.nav-menu{position:fixed!important;top:60px!important;left:0!important;right:0!important;bottom:0!important;background:#fff!important;z-index:1000!important;padding:2rem!important}.nav-link{display:block!important;padding:1rem 0!important;font-size:1.1rem!important;border-bottom:1px solid #eee!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:0 1rem!important}.stat-value{font-size:1.75rem!important}.stat-label{font-size:.75rem!important}.logo-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.logo-item{padding:.5rem!important}.logo-text{font-size:.8rem!important}}@media (max-width:480px){.logo-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.rd-content{flex-direction:column!important}.rd-facilities,.rd-images{width:100%!important;max-width:100%!important}.facility-list{grid-template-columns:1fr!important}.rd-stats{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.product-sub-grid{grid-template-columns:1fr!important}.product-type-card{width:100%!important;max-width:100%!important}}img,svg{height:auto!important}.container,img,svg{max-width:100%!important}@media (max-width:768px){.stat-item,.stats-grid{width:100%!important;box-sizing:border-box!important}.stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:0 1rem!important}.stat-item{padding:1rem!important}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important}.rd-stat-item,.rd-stats{width:100%!important;box-sizing:border-box!important}.rd-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:0 1rem!important}.rd-stat-item{padding:.75rem!important}.rd-stat-value{font-size:1.25rem!important}.facility-item span,.rd-stat-label{font-size:.7rem!important;white-space:normal!important;word-break:break-word!important}.facility-item,.facility-list,.rd-content{width:100%!important;box-sizing:border-box!important}.facility-list{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;padding:0 1rem!important}.facility-item,.rd-content{padding:.75rem!important}.facility-item span{font-size:.85rem!important}.rd-content{flex-direction:column!important;padding:0 1rem!important}.rd-facilities,.rd-images{width:100%!important;max-width:100%!important;padding:0!important}.rd-facilities h3{padding:0 1rem!important;font-size:1rem!important}}.container,.rd-section,.section,.stats-container{max-width:100vw!important;box-sizing:border-box!important}.facility-item span,.rd-stat-label,.stat-label{white-space:normal!important;overflow-wrap:break-word!important;word-wrap:break-word!important}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(0,-100px) scale(1)}75%{transform:translate(-50px,-50px) scale(.9)}}@keyframes shimmer{0%,to{transform:translateX(-100%) rotate(45deg)}50%{transform:translateX(100%) rotate(45deg)}}@keyframes flow{0%{left:-100%}50%,to{left:150%}}:root{--glass-10:rgba(255, 255, 255, 0.10);--glass-20:rgba(255, 255, 255, 0.20);--glass-25:rgba(255, 255, 255, 0.25);--glass-30:rgba(255, 255, 255, 0.30);--glass-40:rgba(255, 255, 255, 0.40);--glass-50:rgba(255, 255, 255, 0.50);--glass-60:rgba(255, 255, 255, 0.60);--glass-70:rgba(255, 255, 255, 0.70);--glass-85:rgba(255, 255, 255, 0.85);--border-10:rgba(255, 255, 255, 0.10);--border-20:rgba(255, 255, 255, 0.20);--border-30:rgba(255, 255, 255, 0.30);--border-40:rgba(255, 255, 255, 0.40);--border-50:rgba(255, 255, 255, 0.50);--blur-xs:blur(4px);--blur-sm:blur(10px);--blur-md:blur(20px);--blur-lg:blur(40px);--blur-xl:blur(80px);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:80px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.04);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.06);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.08);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.12);--shadow-glow:0 0 40px rgba(0, 102, 204, 0.15);--accent-primary:#0066CC;--accent-primary-dark:#004C99;--accent-secondary:#E8550D;--accent-secondary-light:#FF6B35;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-tertiary:#6b7280;--gradient-bg:linear-gradient(135deg, 
    #e0f2fe 0%, 
    #dbeafe 20%, 
    #e0e7ff 40%, 
    #f3e8ff 60%, 
    #fce7f3 80%, 
    #e0f2fe 100%);--gradient-glass:linear-gradient(135deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 255, 255, 0.1) 100%);--gradient-accent:linear-gradient(135deg, #E8550D 0%, #FF6B35 100%);--nav-height:72px;--nav-padding-x:40px;--nav-bg:rgba(255, 255, 255, 0.72);--nav-blur:blur(20px);--nav-text-color:rgba(0, 0, 0, 0.72);--nav-link-spacing:20px;--btn-pill-radius:9999px;--btn-gradient-primary:linear-gradient(135deg, #0066CC 0%, #0052a3 100%);--btn-gradient-secondary:linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.6) 100%);--gradient-title:linear-gradient(135deg, #0066CC 0%, #8B5CF6 50%, #EC4899 100%);--glow-blue:rgba(0, 102, 204, 0.3);--glow-purple:rgba(139, 92, 246, 0.3);--glow-pink:rgba(236, 72, 153, 0.3);--footer-bg:rgba(248, 250, 252, 0.95);--footer-text:rgba(0, 0, 0, 0.6);--footer-text-hover:rgba(0, 102, 204, 1);--footer-border:rgba(0, 0, 0, 0.08);--input-bg:rgba(255, 255, 255, 0.5);--input-border:rgba(0, 0, 0, 0.08);--input-focus-border:#0066CC;--input-focus-glow:0 0 0 4px rgba(0, 102, 204, 0.15);--hover-lift:translateY(-4px);--hover-shadow:0 12px 40px rgba(0, 0, 0, 0.12)}html{scroll-behavior:smooth}html body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);line-height:1.6;background:#f1f5f9!important;min-height:80vh}img{max-width:100%}.about-image img,.card img,.news-image img{height:400px!important;transform:scale(1.2);transform-origin:center center;object-position:bottom;object-fit:cover}.glass{background:var(--glass-25);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-30);border-radius:var(--radius-lg)}.glass-deep{background:var(--glass-20);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-20);border-radius:var(--radius-xl)}.glass-light{background:var(--glass-40);border:1px solid var(--border-40)}.glass-interactive,.glass-light,.glass-solid{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius-lg)}.glass-solid{background:var(--glass-70);border:1px solid var(--border-50)}.glass-interactive{background:rgba(255,255,255,.01);border:1px solid var(--border-30);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-interactive:hover{background:var(--glass-50);transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--border-50)}.header,.nav{display:flex;align-items:center}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:var(--nav-bg);backdrop-filter:var(--nav-blur);-webkit-backdrop-filter:var(--nav-blur);border-bottom:1px solid var(--border-40)}.nav{justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;padding:0 var(--nav-padding-x)}.nav-link{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);transition:all .3s ease}.nav-link:hover{background:rgba(255,255,255,.01);color:var(--accent-primary)}.lang-toggle{background:var(--glass-50);backdrop-filter:var(--blur-sm);border:1px solid var(--border-40);border-radius:var(--btn-pill-radius);font-weight:600;color:var(--nav-text-color);cursor:pointer;transition:all .3s ease}.lang-toggle:hover{background:var(--glass-70);border-color:var(--border-50);box-shadow:var(--shadow-md)}.hero{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-3xl) + 45px) var(--space-md) var(--space-3xl);position:relative;background:0 0!important;overflow:hidden}.hero::after,.hero::before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.hero::before{width:600px;height:600px;background:var(--glow-blue);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.hero::after{width:400px;height:400px;background:var(--glow-purple);bottom:-100px;left:-100px;animation:float 25s ease-in-out infinite reverse}.hero-bg,.hero-bg img{width:100%;height:100%;object-fit:cover;display:block!important}.hero-overlay{background:linear-gradient(180deg,rgba(0,40,80,.2)0,rgba(0,60,120,.3) 100%)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hero-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;width:90%;text-align:center;background:rgba(255,255,255,.01);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-50);border-radius:28px;padding:var(--space-3xl);box-shadow:var(--shadow-xl),inset 0 1px 0 rgba(255,255,255,.3)}.hero-subtitle,.hero-title{margin-bottom:var(--space-md)}.hero-subtitle{font-size:1rem;color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase}.hero-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}.hero-title span{display:block}.hero-highlight{font-size:3rem;background:var(--gradient-title);background-clip:text;display:block;margin-top:var(--space-sm)}.hero-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.btn,.hero-cta{justify-content:center}.hero-cta{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;padding:14px 32px;border-radius:var(--btn-pill-radius);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:0}.btn-primary{background:var(--btn-gradient-primary);color:#fff}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary{background:var(--glass-50);backdrop-filter:var(--blur-sm);color:var(--text-primary);border:1px solid var(--border-40)}.btn-secondary:hover{background:var(--glass-70);box-shadow:var(--shadow-lg)}.section{padding:var(--space-3xl)0}.section,html body .about,html body .contact,html body .mawdol,html body .news,html body .odm,html body .production,html body .rd,html body .section{background:0 0!important}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section-header{background:var(--glass-25);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-30);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);max-width:1280px;margin-left:auto;margin-right:auto;text-align:center}.section-label{display:inline-block;margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--glass-50);border-radius:var(--radius-full)}.section-title{margin-bottom:var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card,.logo-wall{background:rgba(255,255,255,.01);border:1px solid var(--border-30)}.card{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);padding:var(--space-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.card:hover{transform:var(--hover-lift);box-shadow:var(--hover-shadow);border-color:var(--border-50)}.logo-wall{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-radius:24px;margin:var(--space-2xl)0}.logo-wall-title{text-align:center;font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-lg);letter-spacing:.05em}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.logo-item{background:var(--glass-50);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-40);border-radius:12px;padding:1.25rem 1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logo-item:hover{transform:translateY(-3px);border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(59,130,246,.15)}.logo-img{max-width:100%;max-height:400px!important;object-fit:cover;filter:none;transition:filter .3s ease}.logo-item:hover .logo-img{filter:grayscale(0%) contrast(1)}.logo-text{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.capability-image{aspect-ratio:auto;border-radius:16px;margin-bottom:var(--space-md)}.capability-card:hover .capability-image img,.product-card:hover .product-image img{transform:scale(1.05)}.card-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--glow-blue) 0%,var(--glow-purple) 100%);backdrop-filter:var(--blur-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:var(--space-md);border:1px solid var(--border-30)}.card-title{margin-bottom:var(--space-xs)}.card-large,.stats-container{background:var(--glass-20);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-20);border-radius:var(--radius-xl)}.card-large{padding:var(--space-xl)}.stats-container{margin:var(--space-2xl)0}.stats-grid{gap:var(--space-lg)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-icon,.stat-item{display:flex;align-items:center}.stat-item{text-align:center;padding:2rem;background:rgba(255,255,255,.01);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);flex-direction:column;box-shadow:0 4px 16px rgba(0,0,0,.06)}.stat-icon{width:64px;height:64px;margin:0 auto var(--space-sm);background:linear-gradient(135deg,var(--glow-blue) 0%,var(--glow-purple) 100%);backdrop-filter:var(--blur-sm);border-radius:50%;justify-content:center;color:var(--accent-primary)}.stat-icon svg{width:28px;height:28px}.news-card::before,.stat-value{display:block;background:var(--gradient-title)}.stat-value{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs)}.stat-label{color:var(--text-secondary);font-weight:500}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.tags-container{background:var(--glass-20);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-20);border-radius:var(--radius-xl);padding:var(--space-xl)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.form-group input,.form-group textarea,.tag{backdrop-filter:var(--blur-sm);transition:all .3s ease}.tag,.tag:hover{color:var(--accent-primary)}.tag{padding:var(--space-xs) var(--space-md);background:var(--glass-40);border:1px solid rgba(0,102,204,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.tag:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.product-card,.tag:hover{background:rgba(255,255,255,.01)}.product-card{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-30);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;padding:0}.product-image{aspect-ratio:auto;background:0 0;overflow:hidden}.product-image img{width:100%;object-fit:cover;transition:transform .5s ease}.product-info{padding:var(--space-md);background:rgba(255,255,255,.01)}.product-category{font-size:.75rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.news-card{background:rgba(255,255,255,.01);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--border-30);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;padding:0;box-shadow:var(--shadow-md)}.news-card::before{content:"";height:4px}.news-card:hover{transform:var(--hover-lift);box-shadow:var(--hover-shadow)}.news-image{aspect-ratio:16/9;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.news-content{padding:var(--space-md);background:var(--glass-70)}.news-meta{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.news-badge{font-size:.75rem;font-weight:600;color:var(--accent-primary);background:rgba(0,102,204,.15);border:1px solid rgba(0,102,204,.3);padding:2px 10px;border-radius:var(--radius-full)}.news-date{font-size:.75rem;color:var(--text-tertiary)}.news-title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.form-group label,.news-excerpt{font-size:.875rem;color:var(--text-secondary)}.news-excerpt{line-height:1.6}@media (max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.news-grid{grid-template-columns:1fr}}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);max-width:1000px;margin:0 auto}@media (max-width:968px){.contact-layout{grid-template-columns:1fr}}.form-container{background:var(--glass-20);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--border-20);border-radius:var(--radius-xl);padding:var(--space-xl)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-weight:500;margin-bottom:var(--space-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;font-size:1rem;color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{background:var(--glass-70);border-color:var(--input-focus-border);box-shadow:var(--input-focus-glow);outline:0}.contact-info-panel{display:flex;flex-direction:column;gap:var(--space-md)}.info-card{background:var(--glass-25);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-30);border-radius:var(--radius-lg);padding:var(--space-lg)}.info-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)0;border-bottom:1px solid var(--border-20)}.info-item:last-child{border-bottom:none}.info-icon{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0}.info-content h4{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:2px}.info-content p{font-size:.9375rem;color:var(--text-primary)}.footer{background:var(--footer-bg);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border-top:1px solid var(--footer-border);padding:var(--space-2xl)0 var(--space-xl);margin-top:var(--space-3xl)}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl)}@media (max-width:968px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-content{grid-template-columns:1fr}}.footer-brand{max-width:300px}.footer-column h4,.footer-logo{margin-bottom:var(--space-md)}.footer-links a,.footer-tagline{color:var(--footer-text);font-size:.9375rem}.footer-tagline{line-height:1.6}.footer-column h4{color:var(--text-primary);font-weight:600}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-xs)}.footer-links a{transition:color .2s ease}.footer-links a:hover{color:var(--footer-text-hover);color:#06c!important}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);border-top:1px solid var(--footer-border)}.footer-bottom p{color:var(--text-tertiary);font-size:.875rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.hidden{display:none}@media (max-width:768px){:root{--space-3xl:48px;--space-2xl:32px}.hero{padding:calc(var(--space-2xl) + 45px) var(--space-md) var(--space-2xl)}.hero-content{margin:0 auto;padding:var(--space-lg)}.hero-title{font-size:1.75rem}.hero-highlight{font-size:2rem}.section{padding:var(--space-2xl)0}.section-title{font-size:1.5rem}.nav-menu{display:none}.nav-toggle{display:flex}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;transition-duration:.01ms!important}body{animation:none}}@media (prefers-contrast:high){.glass,.glass-deep,.glass-interactive,.glass-light,.glass-solid{background:rgba(255,255,255,.95);border-color:rgba(0,0,0,.3)}}.product-showcase{display:flex;flex-direction:column;gap:var(--space-xl);margin-top:3rem}.product-main-category{background:rgba(255,255,255,.01);backdrop-filter:var(--blur-sm);border:1px solid var(--border-30);border-radius:var(--radius-lg)}.category-header{margin-bottom:var(--space-md)}.product-sub-grid{gap:var(--space-md)}.product-type-card{padding:var(--space-md)}.product-type-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-50)}.product-type-card.full-width{grid-column:1/-1}.type-header{gap:var(--space-sm);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-20)}.product-list{flex-direction:row}.product-list li{background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 18px;border-radius:20px;font-size:16px;color:#475569;border:1px solid rgba(255,255,255,.5);white-space:nowrap;display:inline-block;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.capability-image{width:100%;height:145px;overflow:hidden;border-radius:var(--radius-md) var(--radius-md)0 0;margin:calc(-1*var(--space-lg)) calc(-1*var(--space-lg)) var(--space-md)}.capability-image img{width:100%;object-fit:cover;transition:transform .4s ease}.about-stats,.production-stats,.rd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem auto;padding:0 1rem}.about-stats{max-width:1280px}@media (max-width:1024px){.about-stats,.production-stats,.rd-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-stats,.production-stats,.rd-stats{grid-template-columns:1fr}}.about-stat,.about-stats>div,.prod-stat,.production-stats>div,.rd-stat,.rd-stats>div{background:rgba(255,255,255,.01);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 16px rgba(0,0,0,.06)}.about-stats>div:hover,.production-stats>div:hover,.rd-stats>div:hover{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 8px 24px rgba(59,130,246,.15)}.about-stat-value,.about-stats .number,.prod-stat-value,.production-stats .number,.rd-stat-value,.rd-stats .number{font-size:2.5rem;font-weight:700;color:#1d4ed8;margin-bottom:.5rem;line-height:1.2}.about-stats .label,.production-stats .label,.rd-stats .label{font-size:.9rem;color:#64748b;line-height:1.4}@media (max-width:1024px){.about-stats,.production-stats,.rd-stats{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:640px){.about-stats,.production-stats,.rd-stats{grid-template-columns:1fr;gap:1rem}}.section-title,h2{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:1rem}.section p,.section-description{font-size:1rem;color:var(--text-secondary);line-height:1.6}.section p{max-width:700px}.about-stat-number,.prod-stat-number,.rd-stat-number,.stat-value{font-size:2.5rem;font-weight:700;color:#1d4ed8;line-height:1.2;margin-bottom:.5rem}.about-stat-label,.prod-stat-label,.rd-stat-label,.stat-label{font-size:.9rem;color:#64748b;line-height:1.4}.capability-card h4,.card-title,.honors-card h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.capability-card p,.card-description,.honors-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.btn,.button,.cta-button{font-size:.95rem;font-weight:600;letter-spacing:.01em}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.section-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:.75rem}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;padding:0 20px}.product-gallery-item{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);aspect-ratio:auto}.product-gallery-item img{width:100%;object-fit:cover;display:block}@media (max-width:1024px){.product-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.product-gallery{grid-template-columns:1fr}}.product-showcase{max-width:1000px;margin:0 auto;padding:0 20px}.product-main-category{background:rgba(255,255,255,.4);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:24px;margin-bottom:24px}.category-header{margin-bottom:20px}.category-header h4,.type-header h5{font-weight:600;color:var(--neutral-900);margin:0}.category-header h4{margin-bottom:1rem;font-size:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:linear-gradient(180deg,rgba(255,255,255,.9)0,rgba(255,255,255,.7) 100%);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-radius:50px;border:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.03),inset 0 1px 0 rgba(255,255,255,.5)}.product-sub-grid{grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.product-sub-grid{grid-template-columns:1fr}}.product-type-card{background:linear-gradient(180deg,rgba(255,255,255,.9)0,rgba(255,255,255,.7) 100%);padding:20px}.type-header{gap:12px;margin-bottom:16px;padding-bottom:12px}.type-header h5{font-size:1.125rem}.logo-item:nth-child(1) .logo-text{background:#e31837!important;color:#fff!important}.logo-item:nth-child(1) .logo-text,.logo-item:nth-child(2) .logo-text,.logo-item:nth-child(3) .logo-text{padding:8px 20px!important;border-radius:8px!important;font-weight:700!important}.logo-item:nth-child(2) .logo-text{background:#fc0!important;color:#000!important}.logo-item:nth-child(3) .logo-text{background:#000!important;color:#fff!important}.logo-item:nth-child(4) .logo-text{background:#00a0e9!important}.logo-item:nth-child(4) .logo-text,.logo-item:nth-child(5) .logo-text,.logo-item:nth-child(6) .logo-text{color:#fff!important;padding:8px 20px!important;border-radius:8px!important;font-weight:700!important}.logo-item:nth-child(5) .logo-text{background:#ff6b35!important}.logo-item:nth-child(6) .logo-text{background:#1e90ff!important}.logo-item:nth-child(7) .logo-text{background:#0072ce!important;color:#fff!important}.logo-item:nth-child(7) .logo-text,.logo-item:nth-child(8) .logo-text,.logo-item:nth-child(9) .logo-text{padding:8px 20px!important;border-radius:8px!important;font-weight:700!important}.logo-item:nth-child(8) .logo-text{background:#00c3ff!important;color:#000!important}.logo-item:nth-child(9) .logo-text{background:#005bac!important;color:#fff!important}.logo-item:nth-child(10) .logo-text{background:#e31937!important}.logo-item:nth-child(10) .logo-text,.logo-item:nth-child(11) .logo-text,.logo-item:nth-child(12) .logo-text{color:#fff!important;padding:8px 20px!important;border-radius:8px!important;font-weight:700!important}.logo-item:nth-child(11) .logo-text{background:#00bfa5!important}.logo-item:nth-child(12) .logo-text{background:#ff6900!important}.product-sub-grid{align-items:stretch}.product-type-card{background:var(--glass-50);backdrop-filter:var(--blur-md);border:1px solid var(--border-40);display:flex;flex-direction:column;height:100%}.type-icon{line-height:1}.product-tag{background:rgba(255,255,255,.9)!important;color:#475569}.product-tag:hover{background:var(--primary-light)!important;color:var(--primary)}.product-main-title{font-size:1.75rem;font-weight:700;color:var(--neutral-900);text-align:center;margin-bottom:2rem}.product-main-category{margin-bottom:3rem}.category-header{text-align:center;margin-bottom:1.5rem}.product-sub-grid{display:grid;grid-template-columns:repeat(2,1fr);max-width:1280px;margin:0 auto}.product-sub-grid.single{grid-template-columns:1fr;max-width:1280px}.product-type-card{padding:1.5rem;transition:all .3s ease}.product-type-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.type-header,.type-icon{display:flex;align-items:center;justify-content:center}.type-header{gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,0,0,.06)}.type-icon{font-size:1.5rem;width:40px;height:40px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(59,130,246,.05));border-radius:10px}.product-list{display:flex;flex-wrap:wrap;gap:.625rem}.product-list,.product-list.horizontal{justify-content:center}.product-tag{background:var(--neutral-50)!important;padding:.625rem 1rem!important;font-size:.9375rem!important;color:var(--neutral-700);border:1px solid rgba(0,0,0,.06)!important;display:inline-flex!important}.product-tag:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.product-type-card.full-width{max-width:1280px;margin:0 auto}@media (max-width:768px){.product-sub-grid{grid-template-columns:1fr}.product-main-title{font-size:1.5rem}.category-header h4{font-size:1.125rem}}.product-sub-grid{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.product-sub-grid>.product-type-card{flex:0 0 400px;max-width:400px}@media (max-width:900px){.product-sub-grid>.product-type-card{flex:0 0 100%;max-width:500px}}.hero-highlight{filter:drop-shadow(0 0 8px rgba(255,255,255,.9))!important}.hero-subtitle{color:#f97316!important;text-shadow:0 1px 2px rgba(255,255,255,.8)!important;font-weight:600!important}.hero-highlight,.hero-title{color:#fff!important;text-shadow:0 1px 3px rgba(255,255,255,.9)!important}.hero-highlight{color:#f97316!important;background:0 0!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#f97316!important;font-weight:800!important}.hero-description{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.7)!important}.btn-primary{background:linear-gradient(135deg,#f97316 0,#ea580c 100%)!important;box-shadow:0 4px 16px rgba(249,115,22,.4)!important}.btn-primary:hover{box-shadow:0 8px 24px rgba(249,115,22,.5)!important}.btn-outline{border-color:#f97316!important;color:#f97316!important}.btn-outline:hover{background:#f97316!important;color:#fff!important}.hero-content a,.hero-content span,.hero-cta a{color:inherit!important}.product-list{display:grid!important;gap:10px!important;list-style:none!important;padding:0!important;margin:0!important}.product-tag{display:flex!important;align-items:center!important;gap:8px!important;border-radius:10px!important;font-weight:500!important;border:0!important;margin:0!important;flex:none!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;transition:transform .2s,box-shadow .2s!important}.product-tag:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(0,0,0,.12)!important}.product-tag:nth-child(1),.product-tag:nth-child(2),.product-tag:nth-child(3),.product-tag:nth-child(4),.product-tag:nth-child(5),.product-tag:nth-child(6),.product-tag:nth-child(7),.product-tag:nth-child(8),.product-tag:nth-child(9),.product-tag[data-type=clean],.product-tag[data-type=deodorize],.product-tag[data-type=disinfect],.product-tag[data-type=maintain],.product-tag[data-type=pet]{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#475569!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}.product-list:nth-of-type(2) .product-tag,.product-tag[data-type=concentrate]{background:rgba(255,255,255,.6)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;color:#475569!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important}@media (max-width:768px){.product-list{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.product-list{grid-template-columns:1fr!important}}.product-list{grid-template-columns:repeat(2,1fr)!important}.product-tag{font-size:12px!important;padding:8px 10px!important;white-space:normal!important;line-height:1.4!important;min-height:40px!important}.production-stats,.rd-stats{padding:0 var(--space-md)!important}.production-stats{max-width:1280px;margin-left:auto;margin-right:auto}.stats-grid{padding:0 var(--space-md);max-width:1280px!important;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0;margin:0 auto!important}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-item{margin:0!important}.rd-content,.stats-container{padding:var(--space-xl)!important;margin-left:auto!important;margin-right:auto!important}.rd-content{max-width:1280px!important;padding:0 var(--space-md)!important}.rd-image{box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.rd-image img{display:block!important}.rd-images{padding:0!important;margin:0!important}.rd-facilities{backdrop-filter:none!important}.facility-list,.rd-images{height:420px!important}.facility-list{display:flex!important;flex-direction:column!important;flex-wrap:wrap!important}.rd-content{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:24px!important}.rd-images{display:flex!important;flex-direction:column!important;gap:12px!important;width:240px!important;flex-shrink:0!important}.rd-image{flex:1!important;min-height:0!important;height:auto!important;border-radius:12px!important;overflow:hidden!important;background:#f0f0f0!important}.rd-facilities{display:flex!important;flex-direction:column!important;padding:0!important;background:0 0!important;border:0!important}.facility-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;background:rgba(255,255,255,.4)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:16px!important;align-content:space-between!important;padding:20px!important}.facility-item{padding:16px 20px!important}.facility-list{box-sizing:border-box!important}.rd-facilities{flex:1!important;width:auto!important}.rd-stats{max-width:1280px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}@media (max-width:768px){.rd-stats{grid-template-columns:1fr!important}}.facility-list{width:100%!important;flex:1!important}.logo-wall{margin-left:auto!important;margin-right:auto!important}.logo-wall,.stats-container{max-width:1280px!important;width:100%!important}.logo-wall{padding:0!important}.about .section-header,.logo-wall,.news .section-header,.odm .section-header,.production .section-header,.rd .section-header{background:0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;padding:var(--space-xl)0!important}.section-description{text-align:center!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important}.contact .section-label,.contact .section-title{padding:0!important;display:block!important}.contact .section-header,.contact .section-label,.contact .section-title,.product-main-category{background:0 0!important;backdrop-filter:none!important;border:0!important}.contact .section-header{-webkit-backdrop-filter:none!important;padding:var(--space-xl)0!important}.news .section-header{display:flex!important;flex-direction:column!important;align-items:center!important}.news .section-header,.news .section-header .section-description,.news .section-header .section-label,.news .section-header .section-title,.news .section-header>div{text-align:center!important}.news .section-header .btn{margin-top:var(--space-lg)!important}.product-main-category{padding:var(--space-lg)0!important}.product-type-card{background:linear-gradient(180deg,rgba(255,255,255,.85)0,rgba(255,255,255,.65) 100%)!important;backdrop-filter:blur(30px) saturate(160%)!important;-webkit-backdrop-filter:blur(30px) saturate(160%)!important;border:1px solid rgba(255,255,255,.6)!important;border-bottom:1px solid rgba(255,255,255,.3)!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(0,0,0,.02),0 4px 12px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.5)!important}.footer{background:rgba(255,255,255,.95)!important}.footer-bottom p,.footer-company,.footer-links a,.footer-links h4,.footer-parent,.footer-tagline{color:rgba(0,0,0,.9)!important;text-shadow:0 1px 2px rgba(255,255,255,.8)!important}.footer-logo{filter:brightness(.2)!important;background:rgba(0,0,0,.1)!important;background:rgba(0,0,0,.8)!important;height:40px!important;width:auto!important;filter:none!important;background:0 0!important;padding:0!important;border-radius:0!important}#footer-logo,.footer .footer-logo{height:40px!important;min-height:40px!important;max-height:40px!important}.prod-stat-icon,.rd-stat-icon{width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(135deg,rgba(59,130,246,.15)0,rgba(139,92,246,.15) 100%);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3b82f6;border:1px solid rgba(255,255,255,.3)}.prod-stat-icon svg,.rd-stat-icon svg{width:24px;height:24px}@media (max-width:768px){.rd-content,.rd-content.rd-content{display:flex!important;flex-direction:column!important;gap:16px!important;align-items:stretch!important}.rd-images,.rd-images.rd-images{width:100%!important;height:auto!important;flex-direction:column!important;gap:12px!important;flex-shrink:0!important}.rd-image,.rd-image.rd-image{height:180px!important;flex:none!important;width:100%!important}.facility-list,.facility-list.facility-list{width:100%!important;height:auto!important;flex-wrap:nowrap!important;flex-direction:column!important;padding:16px!important}.facility-item,.facility-item.facility-item{width:100%!important;flex:none!important}}.glass-container::before{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.1) 55%,transparent 70%)}.glass-card{background:linear-gradient(145deg,rgba(255,255,255,.9)0,rgba(255,255,255,.5) 100%);overflow:hidden}.glass-card::before,.glass-container::before{content:"";position:absolute;top:0;pointer-events:none}.glass-card::before{left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.9)0,transparent 100%)}.glass-container,.glass-tag{position:relative;overflow:hidden}.glass-tag{background:linear-gradient(135deg,rgba(255,255,255,.8)0,rgba(255,255,255,.5) 100%)}.glass-container{background:radial-gradient(ellipse at top left,rgba(255,255,255,.6)0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(59,130,246,.1)0,transparent 50%),rgba(255,255,255,.25);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 16px 48px rgba(0,0,0,.12),inset 0 1px 1px rgba(255,255,255,.9),inset 0 0 20px rgba(255,255,255,.2);padding:32px}.glass-container::before{left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.4) 50%,transparent 100%);animation:flow 6s ease-in-out infinite}.glass-card{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.95)0,rgba(255,255,255,.7) 100%);border-radius:16px;border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(0,0,0,.06),inset 0 1px 0#fff,inset 0-1px 0 rgba(0,0,0,.02);padding:24px}.glass-card::after{content:"";position:absolute;top:1px;left:8px;right:8px;height:1px;background:rgba(255,255,255,.9);border-radius:50%}.glass-tag{background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.6);border-radius:8px;padding:8px 14px;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.capabilities{max-width:1280px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.production-image img,.production-section .production-image img,.rd-image img{height:400px!important;transform:scale(1.2);transform-origin:center center;object-fit:cover!important;object-position:center 70%!important;width:100%!important}.contact-form,.contact-info,.honors-section,.mawdol-header{max-width:1000px;margin:0 auto;width:100%}.products{margin-top:3rem}.rd-image img{height:100%!important;object-position:center!important;transform:scale(1.15)}.nav-link,.nav-menu{flex-direction:row!important;align-items:center!important}.nav-menu{display:flex!important;gap:var(--nav-link-spacing)!important}.nav-link{white-space:nowrap!important;display:inline-flex!important}.header{background:rgba(255,255,255,.85)!important}.logo-img{height:45px!important;width:auto!important;transform:scale(.7);transform-origin:left center}.lang-toggle{white-space:nowrap!important;justify-content:center!important}.lang-toggle,.nav-actions{align-items:center!important}.nav-actions{display:flex!important;height:100%!important}.lang-toggle{margin:0!important;height:32px!important;padding:0 14px!important;font-size:.8rem!important;line-height:32px!important;display:inline-flex!important}#header-logo.en,.logo-img.en{height:90px!important;max-height:90px!important;transform:scale(1)}.logo-img.zh{height:45px!important;max-height:45px!important;transform:scale(.7)}#header-logo.en{transform-origin:left center;transform:scale(1)!important}#header-logo.zh{height:45px!important;max-height:45px!important;transform:scale(.7)!important}.category-header h4,.type-header h5{color:#1a1a1a!important}.type-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@media (max-width:768px){.nav-menu{gap:1rem!important}.nav-link{padding:1rem 0!important}.hero-subtitle{font-size:.75rem!important;letter-spacing:.05em!important}.section-title{font-size:1.5rem!important}.hero-title{font-size:1.75rem!important}.card{padding:1rem!important}.nav-toggle{flex-direction:column!important;justify-content:center!important;align-items:center!important;background:rgba(255,255,255,.9)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;background:0 0!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;display:flex!important}.nav-toggle span{display:block!important;width:24px!important;height:2px!important;background:#1a1a1a!important;margin:3px 0!important;border-radius:2px!important}.header::after,.nav::after{display:none!important}.nav-menu{display:none!important;position:fixed!important;top:60px!important;left:auto!important;right:0!important;width:280px!important;max-width:80vw!important;height:auto!important;max-height:calc(100vh - 80px)!important;background:#fff!important;z-index:1000!important;padding:1rem!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;border-radius:12px!important;box-shadow:0 10px 40px rgba(0,0,0,.2)!important;margin:10px!important;overflow-y:auto!important;bottom:auto!important}.nav-menu.active{display:flex!important}.nav-link{display:block!important;padding:12px 16px!important;font-size:1rem!important;color:#1a1a1a!important;text-align:left!important;width:100%!important;border-bottom:1px solid #f0f0f0!important;border-radius:8px!important}.nav-link:last-child{border-bottom:none!important}}/*
 * EnhAnry Design System v2.0
 * 精致实验室美学 - Laboratory Elegance
 * 
 * 设计原则：
 * - 双色调：深蓝(#0A1628) + 暖白(#FAFBFC)
 * - 单一强调色：琥珀橙(#F59E0B)仅用于CTA
 * - 字体：Space Grotesk(标题) + Inter(正文)
 * - 八度间距系统：4-8-16-24-32-48-64-96
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ========================================
   1. CSS Variables / Design Tokens
   ======================================== */
:root {
  /* Primary Colors */
  --color-navy: #0A1628;
  --color-navy-light: #1E293B;
  --color-navy-lighter: #334155;
  
  /* Background Colors */
  --color-bg-primary: #FAFBFC;
  --color-bg-secondary: #F1F5F9;
  --color-bg-tertiary: #E2E8F0;
  
  /* Text Colors */
  --color-text-primary: #0A1628;
  --color-text-secondary: #475569;
  --color-text-tertiary: #64748B;
  --color-text-muted: #94A3B8;
  --color-text-inverse: #FAFBFC;
  
  /* Accent Colors - Amber for CTAs only */
  --color-accent: #F59E0B;
  --color-accent-hover: #D97706;
  --color-accent-light: #FEF3C7;
  
  /* Semantic Colors */
  --color-success: #10B981;
  --color-info: #3B82F6;
  --color-warning: #F59E0B;
  
  /* Spacing Scale (Octave System) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;
  
  /* Typography */
  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* Font Sizes */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-base: 1rem;     /* 16px */
  --text-lg: 1.125rem;   /* 18px */
  --text-xl: 1.25rem;    /* 20px */
  --text-2xl: 1.5rem;    /* 24px */
  --text-3xl: 1.875rem;  /* 30px */
  --text-4xl: 2.25rem;   /* 36px */
  --text-5xl: 3rem;      /* 48px */
  --text-6xl: 3.75rem;   /* 60px */
  
  /* Line Heights */
  --leading-tight: 1.2;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  
  /* Font Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  
  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(10, 22, 40, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(10, 22, 40, 0.08), 0 2px 4px -2px rgba(10, 22, 40, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(10, 22, 40, 0.08), 0 4px 6px -4px rgba(10, 22, 40, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(10, 22, 40, 0.08), 0 8px 10px -6px rgba(10, 22, 40, 0.04);
  --shadow-glow: 0 0 40px rgba(245, 158, 11, 0.15);
  
  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout */
  --container-max: 1280px;
  --container-padding: var(--space-4);
  --nav-height: 72px;
}

/* ========================================
   2. Base Styles & Reset
   ======================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

/* ========================================
   3. Typography System
   ======================================== */
.font-heading {
  font-family: var(--font-heading);
}

.font-body {
  font-family: var(--font-body);
}

/* Display - Hero Titles */
.text-display {
  font-family: var(--font-heading);
  font-size: var(--text-5xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .text-display {
    font-size: var(--text-6xl);
  }
}

/* Headings */
.text-h1 {
  font-family: var(--font-heading);
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  letter-spacing: -0.02em;
}

.text-h2 {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
  letter-spacing: -0.01em;
}

.text-h3 {
  font-family: var(--font-heading);
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
}

.text-h4 {
  font-family: var(--font-heading);
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
}

.text-h5 {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  line-height: var(--leading-snug);
}

/* Body Text */
.text-body-lg {
  font-size: var(--text-lg);
  line-height: var(--leading-relaxed);
}

.text-body {
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}

.text-body-sm {
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
}

.text-caption {
  font-size: var(--text-xs);
  line-height: var(--leading-normal);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Text Colors */
.text-primary { color: var(--color-text-primary); }
.text-secondary { color: var(--color-text-secondary); }
.text-tertiary { color: var(--color-text-tertiary); }
.text-muted { color: var(--color-text-muted); }
.text-inverse { color: var(--color-text-inverse); }
.text-accent { color: var(--color-accent); }

/* ========================================
   4. Layout Components
   ======================================== */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

.section {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}

@media (min-width: 768px) {
  .section {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
  }
}

/* ========================================
   5. Card System - Clean & Minimal
   ======================================== */
.card {
  background: white;
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.card-secondary {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-bg-tertiary);
}

/* ========================================
   6. Button System - Unified
   ======================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  border-radius: var(--radius-full);
  transition: all var(--transition-base);
  white-space: nowrap;
}

.btn-primary {
  background-color: var(--color-accent);
  color: white;
}

.btn-primary:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow);
}

.btn-secondary {
  background-color: white;
  color: var(--color-text-primary);
  border: 1px solid var(--color-bg-tertiary);
  box-shadow: var(--shadow-sm);
}

.btn-secondary:hover {
  border-color: var(--color-text-muted);
  box-shadow: var(--shadow-md);
}

.btn-ghost {
  background-color: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-text-muted);
}

.btn-ghost:hover {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-text-secondary);
}

.btn-lg {
  padding: var(--space-4) var(--space-6);
  font-size: var(--text-base);
}

.btn-sm {
  padding: var(--space-2) var(--space-4);
  font-size: var(--text-xs);
}

/* ========================================
   7. Section Header Pattern
   ======================================== */
.section-header {
  text-align: center;
  max-width: 768px;
  margin: 0 auto var(--space-8);
}

.section-label {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--space-3);
}

.section-title {
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  color: var(--color-text-primary);
  margin-bottom: var(--space-4);
}

@media (min-width: 768px) {
  .section-title {
    font-size: var(--text-4xl);
  }
}

.section-description {
  font-size: var(--text-lg);
  color: var(--color-text-secondary);
  line-height: var(--leading-relaxed);
}

/* ========================================
   8. Stats Pattern - Unified
   ======================================== */
.stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-4);
}

@media (min-width: 640px) {
  .stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.stat-item {
  text-align: center;
  padding: var(--space-5);
  background: white;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.stat-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.stat-value {
  font-family: var(--font-heading);
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  color: var(--color-navy);
  line-height: 1;
  margin-bottom: var(--space-2);
}

.stat-label {
  font-size: var(--text-sm);
  color: var(--color-text-tertiary);
  font-weight: var(--font-medium);
}

/* ========================================
   9. Navigation - Clean & Modern
   ======================================== */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--nav-height);
  background: rgba(250, 251, 252, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--color-bg-tertiary);
  z-index: 1000;
}

.nav-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.nav-logo {
  height: 40px;
  width: auto;
}

.nav-menu {
  display: none;
  align-items: center;
  gap: var(--space-6);
}

@media (min-width: 1024px) {
  .nav-menu {
    display: flex;
  }
}

.nav-link {
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  color: var(--color-text-secondary);
  padding: var(--space-2) 0;
  position: relative;
  transition: color var(--transition-fast);
}

.nav-link:hover {
  color: var(--color-text-primary);
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--color-accent);
  transition: width var(--transition-base);
}

.nav-link:hover::after {
  width: 100%;
}

.nav-actions {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

/* Mobile Menu Toggle */
.nav-toggle {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: var(--space-2);
}

@media (min-width: 1024px) {
  .nav-toggle {
    display: none;
  }
}

.nav-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: var(--color-text-primary);
  transition: all var(--transition-base);
}

/* ========================================
   10. Hero Section - Impactful
   ======================================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding-top: var(--nav-height);
  background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-light) 100%);
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(10, 22, 40, 0.85) 0%,
    rgba(10, 22, 40, 0.7) 50%,
    rgba(10, 22, 40, 0.6) 100%
  );
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
}

.hero-label {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: var(--font-semibold);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--space-4);
  padding: var(--space-2) var(--space-4);
  background: rgba(245, 158, 11, 0.15);
  border-radius: var(--radius-full);
  border: 1px solid rgba(245, 158, 11, 0.3);
}

.hero-title {
  font-family: var(--font-heading);
  font-size: var(--text-4xl);
  font-weight: var(--font-bold);
  line-height: var(--leading-tight);
  color: white;
  margin-bottom: var(--space-5);
}

@media (min-width: 768px) {
  .hero-title {
    font-size: var(--text-5xl);
  }
}

.hero-title-accent {
  color: var(--color-accent);
}

.hero-description {
  font-size: var(--text-lg);
  color: rgba(255, 255, 255, 0.8);
  line-height: var(--leading-relaxed);
  margin-bottom: var(--space-6);
  max-width: 600px;
}

.hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}

/* ========================================
   11. Utility Classes
   ======================================== */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.hidden { display: none; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Spacing Utilities */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: var(--space-1); }
.mt-2 { margin-top: var(--space-2); }
.mt-3 { margin-top: var(--space-3); }
.mt-4 { margin-top: var(--space-4); }
.mt-5 { margin-top: var(--space-5); }
.mt-6 { margin-top: var(--space-6); }
.mt-7 { margin-top: var(--space-7); }
.mt-8 { margin-top: var(--space-8); }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: var(--space-1); }
.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }
.mb-6 { margin-bottom: var(--space-6); }
.mb-7 { margin-bottom: var(--space-7); }
.mb-8 { margin-bottom: var(--space-8); }

/* Grid Utilities */
.grid {
  display: grid;
  gap: var(--space-4);
}

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .grid-2,
  .grid-3,
  .grid-4 { grid-template-columns: 1fr; }
}

/* Flex Utilities */
.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }

/* Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeInUp {
  animation: fadeInUp 0.6s ease-out forwards;
}

/* ========================================
   12. Responsive Adjustments
   ======================================== */
@media (max-width: 768px) {
  :root {
    --container-padding: var(--space-3);
  }
  
  .section {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }
  
  .text-display {
    font-size: var(--text-4xl);
  }
  
  .text-h1 {
    font-size: var(--text-3xl);
  }
  
  .text-h2 {
    font-size: var(--text-2xl);
  }
  
  .section-title {
    font-size: var(--text-2xl);
  }
  
  .stat-value {
    font-size: var(--text-3xl);
  }
}