*{margin:0;padding:0;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scroll-animate{opacity:0}.scroll-animate.animate-in{animation-play-state:running;opacity:1;animation-fill-mode:forwards}:root{--primary-color: #1a365d;--secondary-color: #2c5282;--accent-color: #3182ce;--text-dark: #2d3748;--text-light: #4a5568;--text-muted: #718096;--background-light: #f7fafc;--background-white: #ffffff;--border-color: #e2e8f0;--success-color: #48bb78;--error-color: #f56565;--transition: all .3s ease}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-dark);line-height:1.6;background-color:var(--background-white);padding-top:70px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:6px;text-decoration:none;font-weight:600;transition:var(--transition);border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:#2b6cb0;transform:translateY(-2px)}.btn-secondary{background-color:var(--background-white);color:var(--primary-color);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--background-light);border-color:#cbd5e0}.btn-outline{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.header{background-color:var(--primary-color);color:#fff;padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease-in-out,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-hidden{transform:translateY(-100%)}html{scroll-behavior:smooth}.navbar{display:flex;justify-content:center;align-items:center}.company-header{position:relative}.company-header .navbar{justify-content:center}.logo a{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px;display:flex;align-items:center}.logo-img{height:50px;width:auto;object-fit:contain;background:transparent}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;transition:var(--transition);padding:.5rem 1rem;border-radius:4px}.nav-menu a:hover,.nav-menu a.active{background-color:var(--secondary-color)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:var(--primary-color);list-style:none;padding:.5rem 0;margin:0;border-radius:4px;box-shadow:0 4px 8px #0000001a}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{padding:.5rem 1rem;display:block;white-space:nowrap}.dropdown-arrow{margin-left:.5rem;transition:transform .3s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background-color:#fff;transition:var(--transition)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:120px 20px;text-align:center}.company-hero{padding:70px 20px 80px}.company-hero{background:#fff!important;color:var(--text-dark);border-bottom:1px solid var(--border-color)}.company-hero .hero-content h1{color:var(--primary-color)}.company-hero .hero-content p{color:var(--text-light);opacity:1}.company-hero .btn-primary{background-color:var(--accent-color);color:#fff}.company-hero .btn-secondary{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.hero-logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;animation:scaleIn .8s ease-out}.hero-logo img{max-width:320px;height:auto;background:transparent}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-weight:700;animation:fadeInUp .8s ease-out .2s both}.hero-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.95;animation:fadeInUp .8s ease-out .4s both}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.page-header{background:#fff;color:var(--text-dark);padding:80px 20px;text-align:center;border-bottom:1px solid var(--border-color)}.page-header h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;color:var(--primary-color);animation:fadeInUp .6s ease-out}.page-header p{font-size:1.2rem;color:var(--text-light);animation:fadeInUp .6s ease-out .2s both}.section{padding:80px 20px}.companies-section{padding-top:40px}.section:nth-child(2n){background-color:var(--background-light)}.section:first-of-type{background-color:#fff}.section-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:700}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:700px;margin:0 auto}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:2rem}.content-grid .content-text{animation:slideInLeft .8s ease-out}.content-grid .content-image{animation:slideInRight .8s ease-out}.content-image img{width:400px;height:300px;object-fit:contain;object-position:center;display:block;margin:0 auto}.content-text h3{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.content-text p{color:var(--text-light);margin-bottom:1rem;font-size:1.05rem}.placeholder-image{background:linear-gradient(135deg,var(--border-color) 0%,#cbd5e0 100%);height:300px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-muted);font-size:1.2rem;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.service-card{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;border:2px solid var(--border-color);animation:fadeInUp .6s ease-out backwards}.service-card:nth-child(1){animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026;border-color:var(--accent-color)}.service-icon{font-size:3rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.product-card .service-icon{padding:1.5rem 1rem;margin:0 auto;min-height:140px}.product-card .service-icon svg{width:56px;height:56px}.service-card h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:1rem}.service-card p{color:var(--text-light)}.service-detail-card{display:flex;gap:2rem;background:#fff;padding:2.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;border-left:4px solid var(--accent-color)}.service-detail-icon{font-size:3rem;flex-shrink:0}.service-detail-content h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:1rem}.service-detail-content p{color:var(--text-light);margin-bottom:1rem}.service-features{list-style:none;margin-top:1rem}.service-features li{color:var(--text-light);position:relative;padding:.5rem 0 .5rem 1.5rem}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;animation:fadeIn .6s ease-out backwards}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}.feature-item h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:.5rem}.feature-item p{color:var(--text-light)}.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.mv-card{background:#fff;padding:3rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center;animation:slideInLeft .7s ease-out backwards}.mv-card:nth-child(1){animation-delay:.1s}.mv-card:nth-child(2){animation-delay:.2s;animation-name:slideInRight}.mv-card h3{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.mv-card p{color:var(--text-light);font-size:1.1rem;line-height:1.8}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 6px #00000014;text-align:center;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.value-card:nth-child(1){animation-delay:.1s}.value-card:nth-child(2){animation-delay:.2s}.value-card:nth-child(3){animation-delay:.3s}.value-card:nth-child(4){animation-delay:.4s}.value-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001f}.value-icon{font-size:2.5rem;margin-bottom:1rem}.value-card h3{font-size:1.4rem;color:var(--primary-color);margin-bottom:1rem}.value-card p{color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;animation:scaleIn .6s ease-out backwards}.stat-item:nth-child(1){animation-delay:.1s}.stat-item:nth-child(2){animation-delay:.2s}.stat-item:nth-child(3){animation-delay:.3s}.stat-item:nth-child(4){animation-delay:.4s}.stat-item h3{font-size:3rem;color:var(--accent-color);margin-bottom:.5rem;font-weight:700}.stat-item p{color:var(--text-light);font-size:1.1rem}.companies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.company-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;transition:var(--transition);border:2px solid var(--border-color);animation:scaleIn .6s ease-out backwards}.company-card:nth-child(1){animation-delay:.1s}.company-card:nth-child(2){animation-delay:.2s}.company-card:nth-child(3){animation-delay:.3s}.company-card:nth-child(4){animation-delay:.4s}.company-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026;border-color:var(--accent-color)}.clickable-card{cursor:pointer}.company-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:1rem}.company-logo img{width:180px;height:135px;object-fit:contain;background:transparent}.company-info h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:.75rem;font-weight:700}.company-info>p{color:var(--text-light);margin-bottom:1rem;line-height:1.6;font-size:.95rem}.company-highlights{list-style:none;padding:0;margin-bottom:1rem}.company-highlights li{color:var(--text-light);position:relative;padding:.4rem 0 .4rem 1.5rem;font-size:.9rem}.company-highlights li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700;font-size:1rem}.company-link{margin-top:1rem;text-align:center}.company-link .btn{width:100%}.footer{background:linear-gradient(135deg,var(--primary-color) 0%,#0f1f3a 100%);color:#fff;padding:3.5rem 0 2rem;margin-top:4rem;box-shadow:0 -6px 18px #0000001f}.company-footer{background:linear-gradient(135deg,#0f172a,#15294e)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.75rem;align-items:start}.footer-section h3{font-size:1.3rem;margin-bottom:.8rem;font-weight:700}.footer-section h4{font-size:1.05rem;margin-bottom:.6rem;font-weight:700}.footer-section p{opacity:.9;line-height:1.6;font-size:.95rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.45rem}.footer-section a{color:#fff;text-decoration:none;opacity:.9;transition:var(--transition)}.footer-section a:hover{opacity:1;padding-left:6px}.footer-bottom{margin-top:2.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.18);text-align:center;font-size:.95rem;opacity:.85}.footer .social-link{display:inline-flex;align-items:center;gap:.5rem}.footer .social-link:hover{transform:translate(4px)}.footer .social-link svg{transition:var(--transition)}.footer .social-link:hover svg{transform:scale(1.05)}.footer .contact-item{display:flex;gap:.6rem;align-items:center}.footer .contact-item svg{flex-shrink:0}.footer .contact-item span{display:inline-block;opacity:.9}.contact-section{background:linear-gradient(180deg,#f7fafc,#eef2f7);padding:80px 20px}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:start}.contact-info,.contact-form-wrapper{background:#fff;border-radius:12px;padding:2.25rem;box-shadow:0 10px 26px #0f172a14;border:1px solid var(--border-color)}.contact-info h2,.contact-form-wrapper h2{font-size:1.6rem;margin-bottom:1rem;color:var(--primary-color)}.contact-form .form-row{display:grid;gap:1rem}.contact-form .form-row.two-cols{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-form{display:grid;gap:1.25rem}.contact-form .form-group{margin-bottom:0}.contact-form .form-group label{font-weight:600;color:var(--text-dark);font-size:.95rem;letter-spacing:.01em}.contact-form .form-control{border-radius:10px;border:2px solid var(--border-color);transition:var(--transition);padding:.85rem 1rem;background:#fdfefe}.contact-form .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #3182ce1f}.contact-form textarea.form-control{min-height:160px}.contact-form .btn{letter-spacing:.02em;font-weight:700;padding:.95rem 1.2rem;border-radius:12px}.contact-details{display:grid;gap:1.25rem;margin-top:1.5rem}.contact-item{display:grid;grid-template-columns:56px 1fr;gap:.9rem;align-items:start;padding:1rem;border-radius:10px;background:#f8fafc;border:1px solid var(--border-color)}.contact-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#ebf4ff,#e2e8f0);display:grid;place-items:center;color:var(--accent-color)}.contact-text h4{font-size:1.05rem;color:var(--primary-color);margin-bottom:.35rem}.contact-text p{color:var(--text-light);line-height:1.5}.contact-form{margin-top:1.2rem}.contact-form .form-group:last-child{margin-bottom:0}.map-section{background:#fff}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #0000001f;border:1px solid var(--border-color)}.map-info{text-align:center;padding:1.5rem;margin-top:1rem;background:var(--background-light);border-radius:10px;border:1px solid var(--border-color)}.map-info p{margin-bottom:.8rem;color:var(--text-dark)}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-info,.contact-form-wrapper{padding:1.5rem}}.card-slider{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:16px;box-shadow:0 12px 28px #0000002e;background:#0b1220}.slider-track{position:relative;width:100%;height:520px}.slider-card{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;z-index:1}.slider-card.active{opacity:1;visibility:visible;z-index:2}.slider-card-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transform:scale(1.02)}.slider-card-overlay{position:absolute;inset:0;background:linear-gradient(120deg,#090e1acc,#0c13218c 60%,#0000004d);z-index:1}.slider-card-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 120px;color:#fff;max-width:720px;gap:1rem}.slider-card-title{font-size:2.75rem;font-weight:800;line-height:1.15;text-shadow:0 4px 18px rgba(0,0,0,.35)}.slider-card-description{font-size:1.15rem;line-height:1.6;opacity:.92}.slider-card-button{display:inline-block;padding:14px 30px;background:var(--accent-color);color:#fff;border-radius:999px;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow:0 10px 24px #3182ce59;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.slider-card-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #3182ce73;background:#2b6cb0}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#ffffff24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border .2s ease}.slider-nav:hover{background:#ffffff38;transform:translateY(-50%) scale(1.06);border-color:#ffffff59}.slider-nav-prev{left:26px}.slider-nav-next{right:26px}.slider-dots{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.slider-dot{width:11px;height:11px;border-radius:999px;background:#ffffff73;border:1px solid rgba(255,255,255,.35);cursor:pointer;transition:all .2s ease;padding:0}.slider-dot.active{width:30px;background:#fff;border-color:#fff}@media(max-width:1024px){.slider-track{height:440px}.slider-card-content{padding:52px 64px}.slider-card-title{font-size:2.3rem}}@media(max-width:640px){.slider-track{height:360px}.slider-card-content{padding:36px 28px;max-width:100%;align-items:center;text-align:center}.slider-card-button{width:100%;text-align:center}.slider-nav{display:none}}@media(max-width:640px){.footer{padding:3rem 0 1.8rem}.footer-section h3{font-size:1.15rem}}.back-to-jfg{background-color:#ffffff1a;border-left:3px solid rgba(255,255,255,.3)}.back-to-jfg:hover{background-color:#fff3}.jfg-link{color:#fff;text-decoration:underline;font-weight:600}.jfg-link:hover{opacity:1}.product-category-section{margin-bottom:3rem}.category-title{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid var(--accent-color)}.products-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.2s}.product-card:nth-child(3){animation-delay:.3s}.product-card:nth-child(4){animation-delay:.4s}.product-card:nth-child(5){animation-delay:.5s}.product-card:nth-child(6){animation-delay:.6s}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.product-image{width:100%;height:140px!important;overflow:hidden;background:var(--background-light);display:flex;align-items:center;justify-content:center}.product-card .product-image img{width:180px!important;height:135px!important;max-width:180px!important;max-height:135px!important;min-width:180px!important;min-height:135px!important;object-fit:cover!important;object-position:center!important;flex-shrink:0!important;display:block!important}.products-grid .product-card .product-image img,.products-grid .product-image img{width:180px!important;height:135px!important;max-width:180px!important;max-height:135px!important;min-width:180px!important;min-height:135px!important}.product-image .placeholder-image{height:140px;border-radius:0}.product-info{padding:.8rem}.product-info h4{font-size:.95rem;color:var(--primary-color);margin-bottom:.3rem}.product-info p{color:var(--text-light);font-size:.8rem;line-height:1.3}.clients-grid,.suppliers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.portfolio-item{display:grid;grid-template-columns:2.2in 1fr;gap:1rem;align-items:start;padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 6px 16px #00000014;transition:transform .2s ease,box-shadow .2s ease}.portfolio-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}.portfolio-image{width:2in;height:2in;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);background:linear-gradient(135deg,#f8fafc,#edf2f7);display:flex;align-items:center;justify-content:center}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-image .placeholder-image{width:100%;height:100%;border-radius:0;background:linear-gradient(135deg,var(--border-color) 0%,#d7e0eb 100%);color:var(--text-muted);font-weight:600;font-size:.9rem;letter-spacing:.5px}.portfolio-content h3{font-size:1.2rem;margin-bottom:.4rem;color:var(--primary-color)}.portfolio-category{font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.8px;font-size:.8rem;margin-bottom:.35rem}.portfolio-content p{margin-bottom:.35rem;color:var(--text-light)}@media(max-width:900px){.portfolio-item{grid-template-columns:1fr;grid-template-rows:auto}.portfolio-image{width:100%;max-width:2in;margin:0 auto}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.gallery-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.gallery-item img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;display:block}.project-gallery-page .gallery-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.project-gallery-page .gallery-item{aspect-ratio:1 / 1;background:#f0f2f5;border-radius:4px;overflow:hidden}.project-gallery-page .gallery-item img{width:100%;height:100%;object-fit:contain}@media(max-width:1400px){.clients-grid,.suppliers-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.clients-grid,.suppliers-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.clients-grid,.suppliers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.clients-grid,.suppliers-grid{grid-template-columns:1fr}}