*{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)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--primary-color);color:#fff;padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.navbar{display:flex;justify-content:center;align-items:center}.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)}.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{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}.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-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:var(--transition);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}.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{max-width:100%;height:140px;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%}.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(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:var(--transition);animation:scaleIn .5s ease-out backwards}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.product-image .placeholder-image{height:200px;border-radius:0}.product-info{padding:1.5rem}.product-info h4{font-size:1.2rem;color:var(--primary-color);margin-bottom:.5rem}.product-info p{color:var(--text-light);font-size:.95rem}.clients-grid,.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.client-card,.supplier-card{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #00000014;transition:var(--transition);display:flex;gap:1.5rem;align-items:flex-start;animation:slideInLeft .6s ease-out backwards}.client-card:nth-child(1),.supplier-card:nth-child(1){animation-delay:.1s}.client-card:nth-child(2),.supplier-card:nth-child(2){animation-delay:.2s}.client-card:nth-child(3),.supplier-card:nth-child(3){animation-delay:.3s}.client-card:nth-child(4),.supplier-card:nth-child(4){animation-delay:.4s}.client-card:hover,.supplier-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001f}.client-logo,.supplier-logo{flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--background-light);border-radius:8px;padding:.5rem}.client-logo .placeholder-image,.supplier-logo .placeholder-image{width:100%;height:100%;font-size:.8rem}.client-info h3,.supplier-info h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:.5rem}.client-type,.supplier-category{color:var(--accent-color);font-weight:600;font-size:.9rem;margin-bottom:.5rem;display:block}.client-info p,.supplier-info p{color:var(--text-light);font-size:.95rem;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.gallery-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:var(--transition);animation:scaleIn .5s ease-out backwards}.gallery-item:nth-child(1){animation-delay:.05s}.gallery-item:nth-child(2){animation-delay:.1s}.gallery-item:nth-child(3){animation-delay:.15s}.gallery-item:nth-child(4){animation-delay:.2s}.gallery-item:nth-child(5){animation-delay:.25s}.gallery-item:nth-child(6){animation-delay:.3s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.gallery-image{position:relative;overflow:hidden}.gallery-image .placeholder-image{height:250px;border-radius:0}.gallery-image img{width:100%;height:250px;object-fit:cover;display:block}.gallery-caption{padding:1rem;text-align:center;font-weight:600;color:var(--primary-color);background:var(--background-light)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.portfolio-item:nth-child(1){animation-delay:.1s}.portfolio-item:nth-child(2){animation-delay:.2s}.portfolio-item:nth-child(3){animation-delay:.3s}.portfolio-item:nth-child(4){animation-delay:.4s}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.portfolio-image .placeholder-image{height:250px;border-radius:0}.portfolio-content{padding:1.5rem}.portfolio-content h3{font-size:1.4rem;color:var(--primary-color);margin-bottom:.5rem}.portfolio-category{color:var(--accent-color);font-weight:600;font-size:.9rem;margin-bottom:.5rem}.portfolio-content p{color:var(--text-light)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;border-top:4px solid var(--accent-color);animation:fadeIn .6s ease-out backwards}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}.testimonial-card p{color:var(--text-light);font-style:italic;margin-bottom:1.5rem;font-size:1.05rem}.testimonial-author{display:flex;flex-direction:column}.testimonial-author strong{color:var(--primary-color);font-size:1.1rem}.testimonial-author span{color:var(--text-muted);font-size:.9rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.team-member{text-align:center;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:var(--transition);animation:fadeInUp .6s ease-out backwards}.team-member:nth-child(1){animation-delay:.1s}.team-member:nth-child(2){animation-delay:.2s}.team-member:nth-child(3){animation-delay:.3s}.team-member:nth-child(4){animation-delay:.4s}.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.team-photo .placeholder-image{height:250px;width:250px;border-radius:50%;margin:0 auto 1.5rem}.team-info h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.team-position{color:var(--accent-color);font-weight:600;margin-bottom:1rem}.team-bio{color:var(--text-light);line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info h2{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}.contact-info p{color:var(--text-light);margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem}.contact-icon{font-size:2rem;flex-shrink:0}.contact-text h4{color:var(--primary-color);margin-bottom:.5rem}.contact-text p{color:var(--text-light);line-height:1.6}.contact-form-wrapper h2{font-size:2rem;color:var(--primary-color);margin-bottom:1.5rem}.contact-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500}.required{color:var(--error-color)}.form-control{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;font-size:1rem;transition:var(--transition);font-family:inherit}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #3182ce1a}.form-control.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.25rem;display:block}textarea.form-control{resize:vertical;min-height:120px}.alert{padding:1rem 1.5rem;border-radius:4px;margin-bottom:1.5rem}.alert-success{background-color:#c6f6d5;color:#22543d;border-left:4px solid var(--success-color)}.alert-error{background-color:#fed7d7;color:#742a2a;border-left:4px solid var(--error-color)}.alert ul{margin-left:1.5rem}.map-container{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem}.map-container iframe{display:block;width:100%}.map-info{text-align:center;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.map-info p{font-size:1.1rem;color:var(--text-dark);margin-bottom:1rem}.map-info strong{color:var(--primary-color)}.map-placeholder{background:var(--background-light);height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;border:2px dashed var(--border-color)}.map-placeholder p{font-size:2rem;color:var(--text-muted)}.map-note{font-size:1rem!important;margin-top:1rem}.btn{display:inline-block;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:4px;transition:var(--transition);cursor:pointer;border:2px solid transparent}.btn-primary{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-secondary{background-color:#fff;color:var(--accent-color);border-color:#fff}.btn-secondary:hover{background-color:var(--background-light);transform:translateY(-2px)}.btn-outline{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.btn-full{width:100%}.text-center{text-align:center}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff}.cta-content{text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.footer{background-color:var(--primary-color);color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:1.5rem;margin-bottom:1rem}.footer-section h4{font-size:1.2rem;margin-bottom:1rem}.footer-section p{opacity:.9;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff;text-decoration:none;opacity:.9;transition:var(--transition)}.footer-section a:hover{opacity:1;padding-left:5px}.social-link{display:inline-flex;align-items:center;transition:var(--transition)}.social-link:hover{transform:translate(5px)}.social-link svg{transition:var(--transition)}.social-link:hover svg{transform:scale(1.1)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{opacity:.8}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0003;padding:2rem 0}.nav-menu.active{left:0}.nav-menu a{display:block;padding:1rem}.hero-logo img{max-width:200px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1.2rem}.page-header h1,.section-header h2{font-size:2rem}.content-grid,.services-grid,.mv-grid,.contact-grid{grid-template-columns:1fr}.service-detail-card{flex-direction:column;text-align:center}.portfolio-grid,.team-grid,.companies-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}}@media(max-width:480px){.hero-content h1{font-size:1.75rem}.section{padding:60px 20px}.hero{padding:80px 20px}}