*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333}button{font-family:inherit;border:none;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.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}.App{min-height:100vh;display:flex;flex-direction:column;background-color:#f6f3ed}main{flex:1;background-color:#f6f3ed}html{scroll-behavior:smooth;background-color:#f6f3ed}button{font-family:inherit}.modal-overlay{z-index:1001}.footer-section button{font-family:inherit;font-size:inherit}.navbar{background-color:#f6f3ed;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-start;align-items:center;height:70px}.navbar-logo{display:flex;align-items:center;width:60%}.navbar-logo a{display:flex;align-items:center;text-decoration:none}.navbar-logo img{max-height:50px;height:auto;transition:opacity .3s ease}.navbar-logo img:hover{opacity:.8}.home-section1{background-color:#f6f3ed;color:#2c3e50;padding:120px 0 80px;margin-top:70px;font-family:Inter,sans-serif;font-weight:500}.section1-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:80px}.hero-content{flex:1}.hero-content h1{font-size:3.5rem;margin-bottom:8px;line-height:1.1;font-weight:800;color:#000;font-family:Inter,sans-serif}.aluminum-text{font-size:4.2rem}.chemistry-text{white-space:nowrap}.hero-subtitle{font-size:1.5rem;margin-bottom:20px;color:#000;font-weight:400}.hero-underline{width:60px;height:4px;background-color:#2c3e50;margin-bottom:30px}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:40px;color:#000;max-width:500px;font-family:Inter,sans-serif;font-weight:400}.cta-button{background-color:#1e3a8a;color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.cta-button:hover{background-color:#1e40af;transform:translateY(-2px)}.cta-arrow{width:16px;height:16px;transition:transform .3s ease}.cta-button:hover .cta-arrow{transform:translate(5px)}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:10px}.section1-mobile-container{max-width:100%;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;overflow:hidden}.mobile-hero-images{width:100vw;display:flex;justify-content:center;align-items:flex-end;position:relative;margin:0 -20px}.mobile-center-image{display:flex;justify-content:center;align-items:center;z-index:2}.mobile-center-image img{width:80vw;max-width:450px;height:auto;border-radius:10px}.mobile-side-image{display:flex;justify-content:center;align-items:center;transform:translateY(30px);position:absolute}.mobile-side-image img{width:45vw;max-width:300px;height:auto;border-radius:8px;opacity:.8}.mobile-left-image{left:-26vw;transform:translateY(30px)}.mobile-right-image{right:-26vw;transform:translateY(30px)}.mobile-logo{width:100%;display:flex;justify-content:center;align-items:center;margin-top:0}.mobile-logo img{max-width:300px;height:auto}.mobile-hero-content{width:100%;display:flex;flex-direction:column;align-items:center}.mobile-hero-content h1{font-size:2.5rem;margin-bottom:8px;line-height:1.1;font-weight:800;color:#000;font-family:Inter,sans-serif}.mobile-aluminum-text{font-size:2.1rem}.mobile-hero-subtitle{font-size:1.2rem;margin-bottom:20px;color:#000;font-weight:400}.mobile-hero-underline{width:60px;height:4px;background-color:#2c3e50;margin-bottom:30px}.mobile-hero-description{font-size:1rem;line-height:1.6;margin-bottom:40px;color:#000;max-width:100%;font-family:Inter,sans-serif;font-weight:400}.mobile-cta-button{background-color:#1e3a8a;color:#fff;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.mobile-cta-button:hover{background-color:#1e40af;transform:translateY(-2px)}.mobile-cta-arrow{width:16px;height:16px;transition:transform .3s ease}.mobile-cta-button:hover .mobile-cta-arrow{transform:translate(5px)}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.home-section1{padding:0 0 60px}.desktop-only{display:none}.mobile-only{display:flex}}.home-section2{padding:80px 0;background-color:#f6f3ed}.section2-container{max-width:1400px;margin:0 auto;padding:0 20px;text-align:center}.section2-container h2{font-size:2.5rem;color:#2c3e50;margin-bottom:60px;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;justify-items:center}.product-card{background-color:#e9e6e0;padding:25px;border-radius:20px;transition:transform .3s ease;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.product-card:hover{transform:translateY(-5px)}.product-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.product-title{margin-bottom:15px;height:50px;display:flex;align-items:center;justify-content:flex-start}.product-title img{max-width:90%;max-height:90%;height:auto}.product-subtitle{color:#2c3e50;font-size:.9rem;margin-bottom:15px;font-weight:500;line-height:1.4;text-align:left}.see-more-button{background-color:#c8c8c8;border:none;color:#2c3e50;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-weight:500;padding:8px 8px 8px 16px;border-radius:25px;position:relative}.see-more-button:hover{background-color:#b8b8b8}.see-more-button svg{width:16px;height:16px;transition:transform .3s ease;background-color:#fff;border-radius:50%;padding:4px;box-sizing:content-box}.see-more-button:hover svg{transform:translate(2px)}.product-right{display:flex;align-items:center;justify-content:center;height:140px}.product-image{height:100%;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%;height:auto}.customized-solutions-button{background-color:#2c3e50;color:#fff;border:none;padding:18px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.customized-solutions-button:hover{background-color:#1e3a8a;transform:translateY(-2px)}.customized-solutions-arrow{width:16px;height:16px;transition:transform .3s ease}.customized-solutions-button:hover .customized-solutions-arrow{transform:translate(5px)}@media (max-width: 1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.products-grid{grid-template-columns:1fr;gap:25px;max-width:90%;margin:0 auto 60px}.section2-container h2{font-size:2rem}.product-card{width:100%;padding:25px;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.product-left{text-align:left;align-items:flex-start}.product-title{justify-content:flex-start;height:45px;margin-bottom:15px}.product-title img{max-width:100%;max-height:100%}.product-subtitle{text-align:left;font-size:.9rem;margin-bottom:15px;line-height:1.4}.product-right{height:120px;display:flex;align-items:center;justify-content:center}.product-image{height:100%;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%;height:auto}.see-more-button{padding:10px 10px 10px 18px;font-size:.9rem}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr;max-width:90%}.product-card{padding:20px;grid-template-columns:1fr 1fr;gap:15px}.product-right{height:100px}.product-title{height:40px}.product-subtitle{font-size:.85rem}}.modal-overlay-fullscreen{position:fixed;inset:70px 0 0;background-color:#f6f3ed;z-index:1001;padding:1.5% 5%;box-sizing:border-box;overflow-y:auto}.modal-content-fullscreen{background-color:#e9e6e0;width:100%;min-height:85%;position:relative;display:flex;flex-direction:column;margin-bottom:100px;border-radius:40px}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#7f8c8d;z-index:1002}.close-button:hover{color:#e74c3c}.expanded-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;padding:0;margin:30px 30px 0;min-height:400px}.product-image-section{background-color:#f6f3ed;display:flex;align-items:center;justify-content:center;padding:40px;border-radius:40px;margin-top:15px;margin-left:15px;overflow:visible}div.product-image-section img{width:457px;height:340px;object-fit:contain}.product-info-section{background-color:#e9e6e0;padding:20px 0;display:flex;flex-direction:column;justify-content:flex-start;margin:15px 5px}.product-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:15px}.product-logo{height:40px;width:auto}.product-header h2{font-size:1.8rem;color:#2c3e50;margin:0;font-weight:700}.product-content{flex:1;display:flex;flex-direction:column;gap:12px}.main-description{font-size:.95rem;color:#000;line-height:1.4;margin-bottom:6px;font-weight:500}.detail-paragraph{font-size:.9rem;color:#000;line-height:1.4;margin-bottom:4px}.feature-list{list-style:none;padding:0;margin:12px 0}.feature-list li{color:#000;margin-bottom:6px;line-height:1.3;font-size:.85rem}.note-text{color:#7f8c8d;font-size:.8rem;margin-top:12px;margin-bottom:15px}.see-more-expanded{background-color:#c8c8c8;border:none;color:#2c3e50;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;font-weight:500;padding:8px 8px 8px 14px;border-radius:25px;align-self:center;margin-top:auto}.see-more-expanded:hover{background-color:#b8b8b8}.see-more-expanded svg{width:14px;height:14px;transition:transform .3s ease;background-color:#fff;border-radius:50%;padding:3px;box-sizing:content-box}.see-more-expanded:hover svg{transform:translate(2px)}.bottom-section{display:flex;justify-content:center;align-items:center;padding:30px 0;margin-top:0}.customized-solutions-expanded{background-color:#2c3e50;color:#fff;border:none;padding:12px 30px;font-size:.9rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;position:fixed;bottom:3vh;left:50%;transform:translate(-50%);z-index:1003}.customized-solutions-expanded:hover{background-color:#1e3a8a}.customized-solutions-expanded-arrow{width:16px;height:16px;transition:transform .3s ease}.customized-solutions-expanded:hover .customized-solutions-expanded-arrow{transform:translate(5px)}@media (max-width: 768px){.modal-overlay-fullscreen{top:70px;padding:2% 3%}.modal-content-fullscreen{min-height:auto}.expanded-layout{grid-template-columns:1fr;gap:0;min-height:auto}.product-image-section{border-radius:50px;margin-right:0;margin-bottom:15px;padding:50px;height:250px}.product-info-section{padding:25px 20px 15px}.product-header{flex-direction:column;text-align:center;gap:10px}.product-logo{height:35px}.product-header h2{font-size:1.5rem}.main-description{font-size:.9rem}.detail-paragraph{font-size:.85rem}.see-more-expanded{align-self:center;margin-top:15px}.bottom-section{padding:15px 0}.customized-solutions-expanded{padding:10px 25px;font-size:.85rem;width:270px}}.home-section3{padding:0;background-color:#f6f3ed}.section3-container{max-width:1200px;margin:0 auto}.section3-top{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.section3-left{background-color:#05246d;padding:60px 50px;display:flex;flex-direction:column;justify-content:flex-start;color:#fff;border-radius:40px 0 0}.section3-icon-left{width:60px;height:60px;margin-bottom:40px;filter:brightness(0) invert(1)}.section3-left h2{font-size:2.2rem;color:#fff;margin-bottom:30px;font-weight:700;line-height:1.2}.section3-left p{color:#fff;line-height:1.6;margin-bottom:25px;font-size:1.1rem}.section3-right{background-color:#8dcdfc;padding:60px 50px;display:flex;flex-direction:column;justify-content:flex-start;color:#2c3e50;border-radius:0 40px 0 0}.section3-icon-right{width:60px;height:60px;margin-bottom:40px;align-self:flex-start}.section3-right h2{font-size:2.2rem;color:#2c3e50;margin-bottom:30px;font-weight:700;line-height:1.2}.section3-right ul{list-style:none;padding:0;margin:0}.section3-right ul li{color:#2c3e50;line-height:1.6;margin-bottom:25px;font-size:1.1rem;position:relative;padding-left:20px}.section3-right ul li:before{content:"•";color:#2c3e50;position:absolute;left:0;font-weight:700;font-size:1.2rem}.section3-right ul li strong{font-weight:700}.section3-bottom{background-color:#5a6c7d;background-image:linear-gradient(#0009,#0009),linear-gradient(#add8e626,#add8e626),url(/images/section3-ironbricks.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:80px 0;border-radius:0 0 40px 40px;position:relative}.section3-bottom:before{content:"";position:absolute;inset:0;background-image:url(/images/section3-ironbricks.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(.5px) hue-rotate(200deg) brightness(.9);opacity:.3;z-index:-1;border-radius:0 0 40px 40px}.section3-bottom-content{max-width:1000px;margin:0 auto;padding:0 50px;text-align:left}.section3-bottom-content p{color:#fff;font-size:1.3rem;line-height:1.6;margin-bottom:40px;font-weight:500}.see-more-btn{background-color:#fff;color:#2c3e50;border:none;padding:15px 30px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.see-more-btn:hover{background-color:#f8f9fa;transform:translateY(-2px)}.see-more-btn .button-arrow{width:13px;height:13px;transition:transform .3s ease}.see-more-btn:hover .button-arrow{transform:translate(3px)}@media (max-width: 768px){.section3-top{grid-template-columns:1fr}.section3-left{padding:50px 30px;border-radius:40px 40px 0 0;justify-content:flex-start}.section3-right{padding:50px 30px;border-radius:40px 40px 0 0;justify-content:flex-start;margin-top:-40px}.section3-bottom{padding:60px 0;border-radius:40px;margin-top:-40px}.section3-bottom-content{padding:0 30px;text-align:left}.section3-left h2,.section3-right h2{font-size:1.8rem}.section3-left p,.section3-right ul li{font-size:1rem}.section3-bottom-content p{font-size:1.1rem}.section3-icon-left,.section3-icon-right{width:50px;height:50px;margin-bottom:30px}}.home-section4{padding:80px 0;background-color:#f4f1eb}.section4-container{max-width:1200px;margin:0 auto;padding:0 20px}.section4-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section4-left{padding-right:40px}.section4-icon{width:60px;height:60px;margin-bottom:30px}.section4-left h2{font-size:2.5rem;color:#2c3e50;margin-bottom:30px;font-weight:700;line-height:1.2}.section4-left p{color:#2c3e50;line-height:1.6;margin-bottom:20px;font-size:1.1rem}.section4-right{padding:40px;background-color:#e9e6e0;border-radius:40px}.form-input{background-color:#fff;border:none;border-radius:8px;padding:15px 20px;font-size:1rem;color:#2c3e50;font-family:inherit;transition:all .3s ease}.form-input:focus{outline:none;background-color:#ddd8d0;transform:translateY(-1px)}.form-input::placeholder{color:#888}.form-textarea{background-color:#fff;border:none;border-radius:8px;padding:15px 20px;font-size:1rem;color:#2c3e50;font-family:inherit;resize:vertical;transition:all .3s ease;min-height:80px}.form-textarea:focus{outline:none;background-color:#ddd8d0;transform:translateY(-1px)}.form-textarea::placeholder{color:#888}.send-button{background-color:#1e2636;color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.send-button:hover{background-color:#1e3a8a;transform:translateY(-2px)}.send-arrow{width:16px;height:16px;transition:transform .3s ease}.send-button:hover .send-arrow{transform:translate(3px)}@media (max-width: 768px){.section4-content{grid-template-columns:1fr;gap:50px}.section4-left{padding-right:0;text-align:left}.section4-right{padding:30px;margin:0 auto;max-width:400px;width:100%;box-sizing:border-box}.contact-form{width:100%}.section4-left h2{font-size:2rem}.section4-left p{font-size:1rem}.section4-icon{width:50px;height:50px;margin-bottom:20px}.form-input,.form-textarea{padding:12px 16px;font-size:.9rem;width:100%;box-sizing:border-box}.send-button{padding:12px 25px;font-size:1rem;width:100%}}.notification-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.notification-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.notification-icon{margin:0 auto 20px;width:48px;height:48px}.notification-icon.success{color:#10b981}.notification-icon.error{color:#ef4444}.notification-modal-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#111827}.notification-modal-content p{margin:0 0 24px;color:#6b7280;line-height:1.5}.notification-close-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:80px}.notification-close-btn:hover{background:#1d4ed8}.notification-close-btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.contact-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.contact-modal-content{background-color:#e8e5df;border-radius:30px;width:90vw;max-width:500px;position:relative;padding:40px;box-shadow:0 10px 30px #0000004d}.contact-close-button{position:absolute;top:20px;right:25px;background:none;border:none;font-size:2rem;cursor:pointer;color:#2c3e50;transition:color .3s ease}.contact-close-button:hover{color:#e74c3c}.contact-form-container h2{font-size:1.8rem;color:#2c3e50;margin-bottom:30px;text-align:left;font-weight:600;line-height:1.3}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form-input,.contact-form-textarea{background-color:#f5f3ee;border:none;border-radius:12px;padding:15px 20px;font-size:1rem;color:#2c3e50;font-family:inherit;transition:all .3s ease}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;background-color:#f0edea;transform:translateY(-1px)}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#888}.contact-form-textarea{resize:vertical;min-height:80px}.contact-submit-button{background-color:#2c3e50;color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:15px}.contact-submit-button:hover{background-color:#1e3a8a;transform:translateY(-2px)}.contact-submit-arrow{width:16px;height:16px;transition:transform .3s ease}.contact-submit-button:hover .contact-submit-arrow{transform:translate(3px)}@media (max-width: 768px){.contact-modal-content{width:95vw;padding:30px 25px;border-radius:20px}.contact-form-container h2{font-size:1.5rem}.contact-form-input,.contact-form-textarea{padding:12px 16px;font-size:.9rem}.contact-submit-button{padding:12px 25px;font-size:1rem}.contact-close-button{font-size:1.5rem;top:15px;right:20px}}.footer{background-color:#1e2636;color:#fff;padding:40px 0 20px;border-radius:40px 40px 0 0;font-family:Inter,sans-serif}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:40px;margin-bottom:40px;min-height:80px}.footer-logo{display:flex;align-items:center;justify-content:flex-start;gap:15px}.footer-logo-img{height:40px;width:auto}.footer-logo-text{font-size:1.8rem;font-weight:700;color:#fff}.footer-center{text-align:left;align-items:right;font-family:Inter,sans-serif}.footer-center h3{color:#fff;font-size:1rem;font-weight:700;margin:0;line-height:1.4;width:90%}.footer-right{display:flex;justify-content:flex-end}.footer-contact-btn{background-color:#f4f1eb;color:#2c3e50;border:none;border-radius:50px;padding:12px 65px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.footer-contact-btn:hover{background-color:#e8e5df;transform:translateY(-2px)}.footer-arrow{width:14px;height:14px;transition:transform .3s ease}.footer-contact-btn:hover .footer-arrow{transform:translate(3px)}.footer-bottom{padding-top:20px;text-align:center}.footer-bottom p{color:#bdc3c7;margin:0;font-size:.9rem;font-family:Inter,sans-serif}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:30px;text-align:left}.footer-logo{justify-content:flex-start}.footer-center{text-align:left}.footer-center h3{font-size:1.1rem;width:100%}.footer-right{justify-content:center}.footer-contact-btn{padding:13px 20px;font-size:.9rem;width:100%}}