@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--light-blue: #dbeafe;--dark-gray: #1f2937;--medium-gray: #4b5563;--light-gray: #f3f4f6;--white: #ffffff;--text-dark: #111827;--text-light: #6b7280;--border-color: #e5e7eb;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--transition: all .3s ease}body{font-family:Roboto,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--white);overflow-x:hidden}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:Roboto,sans-serif;cursor:pointer;border:none;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.section-title{font-size:2.75rem;font-weight:800;color:var(--primary-blue);text-align:center;margin-bottom:var(--spacing-md);letter-spacing:.3px}.section-subtitle{font-size:1.1rem;color:var(--text-light);text-align:center;margin-bottom:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto}@media(max-width:768px){.section-title{font-size:2.25rem;font-weight:800}.section-subtitle{font-size:1rem}}.navbar{position:fixed;top:0;left:0;right:0;width:100%;padding:1.5rem 0;z-index:1000;transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease}.navbar-scrolled{background-color:#0a0a0a85;padding:.75rem 0;box-shadow:0 2px 10px #0000001a}.navbar-about{background-color:var(--white);padding:1rem 0;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar-about .navbar-logo{color:var(--primary-blue)}.navbar-about .navbar-menu a,.navbar-about .dropdown-toggle{color:var(--text-dark)}.navbar-about .mobile-menu-toggle span{background-color:var(--text-dark)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.navbar-logo:hover{opacity:.9}.navbar-logo-img{height:60px;width:auto;object-fit:contain;flex-shrink:0}.navbar-brand-text{display:flex;flex-direction:column;line-height:1.2;gap:.1rem}.brand-name-top{font-size:1.4rem;font-weight:700;color:var(--white);letter-spacing:.5px;transition:color .3s ease}.brand-name-bottom{font-size:.85rem;font-weight:400;color:var(--white);opacity:.95;transition:color .3s ease}.navbar-scrolled .brand-name-top,.navbar-scrolled .brand-name-bottom,.navbar-about .brand-name-top,.navbar-about .brand-name-bottom,.navbar-home .brand-name-top,.navbar-home .brand-name-bottom{color:var(--primary-blue)}.navbar-home .navbar-logo-img{filter:brightness(0) saturate(100%) invert(18%) sepia(78%) saturate(3828%) hue-rotate(211deg) brightness(93%) contrast(94%)}.navbar-menu{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.navbar-menu li{position:relative}.navbar-menu a{color:var(--white);font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:color .3s ease,background-color .3s ease;position:relative}.navbar-scrolled .navbar-menu a{color:var(--text-dark)}.navbar-menu a:hover,.navbar-menu a.active{color:var(--secondary-blue);background-color:#3b82f61a}.dropdown{position:relative}.dropdown-toggle{color:var(--white);font-weight:500;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color .3s ease,background-color .3s ease}.navbar-scrolled .dropdown-toggle{color:var(--text-dark)}.dropdown-toggle:hover{color:var(--secondary-blue);background-color:#3b82f61a}.dropdown-arrow{font-size:.7rem;transition:var(--transition)}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--white);list-style:none;min-width:180px;padding:var(--spacing-xs) 0;margin-top:var(--spacing-xs);border-radius:4px;box-shadow:0 4px 6px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:var(--spacing-sm);color:var(--text-dark);transition:var(--transition)}.dropdown-menu a:hover{background-color:var(--light-blue);color:var(--primary-blue)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:var(--spacing-xs);cursor:pointer}.mobile-menu-toggle span{width:25px;height:3px;background-color:var(--white);transition:var(--transition);border-radius:2px}.navbar-scrolled .mobile-menu-toggle span{background-color:var(--text-dark)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu{display:none;list-style:none;background-color:var(--white);padding:var(--spacing-md);margin-top:var(--spacing-sm);box-shadow:0 4px 6px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-menu.open{max-height:500px}.mobile-menu li{margin-bottom:var(--spacing-sm)}.mobile-menu a{display:block;padding:var(--spacing-sm);color:var(--text-dark);font-weight:500;border-radius:4px;transition:var(--transition)}.mobile-menu a:hover{background-color:var(--light-blue);color:var(--primary-blue)}.mobile-dropdown{margin-bottom:var(--spacing-sm)}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);color:var(--text-dark);font-weight:500;border-radius:4px;cursor:pointer;transition:var(--transition)}.mobile-dropdown-toggle:hover{background-color:var(--light-blue);color:var(--primary-blue)}.mobile-dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.mobile-dropdown-arrow.open{transform:rotate(180deg)}.mobile-dropdown-menu{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:var(--spacing-md)}.mobile-dropdown-menu.open{max-height:500px}.mobile-dropdown-menu li{margin-bottom:var(--spacing-xs)}.mobile-dropdown-menu a{display:block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-light);font-weight:400;font-size:.9rem;border-radius:4px;transition:var(--transition)}.mobile-dropdown-menu a:hover{background-color:var(--light-blue);color:var(--primary-blue)}@media(max-width:768px){.navbar-menu{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.navbar-logo-img{height:40px}.brand-name-top{font-size:1.2rem}.brand-name-bottom{font-size:.75rem}.navbar-container{padding:0 1rem}}@media(max-width:480px){.navbar-logo-img{height:35px}.brand-name-top{font-size:1rem}.brand-name-bottom{font-size:.7rem}.navbar-logo{gap:.5rem}.navbar{overflow-x:hidden}}.footer{background-color:var(--dark-gray);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.footer-section h3{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--secondary-blue)}.footer-section h4{font-size:1.2rem;margin-bottom:var(--spacing-sm);color:var(--secondary-blue)}.footer-section p{color:var(--light-gray);line-height:1.8;margin-bottom:var(--spacing-sm)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--light-gray);transition:var(--transition)}.footer-links a:hover{color:var(--secondary-blue);padding-left:5px}.footer-contact p{margin-bottom:var(--spacing-sm);color:var(--light-gray)}.footer-contact strong{color:var(--white);display:block;margin-bottom:.25rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);text-align:center;color:var(--light-gray)}@media(max-width:768px){.footer-container{grid-template-columns:1fr;gap:var(--spacing-md)}}.home{padding-top:0}.hero{position:relative;color:var(--white);padding:var(--spacing-xl) 0;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;opacity:0;transition:opacity 1s ease-in-out;z-index:0}.hero-background.active{opacity:1}.hero-overlay{position:absolute;inset:0;z-index:1;transition:background 1s ease-in-out;background:linear-gradient(to bottom,#0000004d,#0006,#00000080)}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 var(--spacing-sm)}.hero-title{font-size:4rem;font-weight:800;margin-bottom:var(--spacing-sm);line-height:1.2;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.5),1px 1px 3px rgba(0,0,0,.9);letter-spacing:.5px}.hero-tagline{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm);color:#fff;text-shadow:1px 1px 6px rgba(0,0,0,.7),0 0 15px rgba(0,0,0,.5);letter-spacing:.3px}.hero-description{font-size:1.2rem;font-weight:400;margin-bottom:var(--spacing-md);line-height:1.8;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.4)}.btn-primary{background-color:var(--white);color:var(--primary-blue);padding:var(--spacing-sm) var(--spacing-md);font-size:1.1rem;font-weight:500;border-radius:4px;transition:var(--transition)}.btn-primary:hover{background-color:var(--light-blue);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-link{color:var(--secondary-blue);font-weight:500;transition:var(--transition)}.btn-link:hover{color:var(--primary-blue);padding-left:5px}.services-section{background-color:var(--light-gray);background-image:url(https://images.unsplash.com/photo-1581092160562-40aa08e78837?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.services-section:before{content:"";position:absolute;inset:0;background-color:#f3f4f6f2;z-index:0}.services-section .container{position:relative;z-index:1}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.service-card{background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:var(--transition);overflow:hidden;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.service-image{width:100%;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.stp-image{background-image:url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.etp-image{background-image:url(https://images.unsplash.com/photo-1581092160562-40aa08e78837?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.wtp-image{background-image:url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.ro-image{background-image:url(https://images.unsplash.com/photo-1558618666-fcd25c85cd64?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80)}.service-content{padding:var(--spacing-md);text-align:center;flex:1;display:flex;flex-direction:column}.service-content h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.service-content p{color:var(--text-light);margin-bottom:var(--spacing-sm);line-height:1.6;flex:1}.why-choose-section{background-color:var(--white);background-image:linear-gradient(to bottom,var(--white) 0%,var(--light-gray) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-item{text-align:center;padding:var(--spacing-md)}.feature-icon{width:60px;height:60px;background-color:var(--light-blue);color:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto var(--spacing-sm)}.feature-item h3{font-size:1.2rem;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.feature-item p{color:var(--text-light);line-height:1.6}.industries-section{background-color:var(--light-gray);background-image:url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;position:relative}.industries-section:before{content:"";position:absolute;inset:0;background-color:#f3f4f6eb;z-index:0}.industries-section .container{position:relative;z-index:1}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.industry-item{background-color:var(--white);padding:var(--spacing-md);text-align:center;border-radius:4px;font-weight:500;color:var(--text-dark);transition:var(--transition);border:2px solid var(--border-color)}.industry-item:hover{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue);transform:translateY(-2px)}.key-services-section{background-color:var(--white);background-image:linear-gradient(to bottom,var(--light-gray) 0%,var(--white) 100%)}.key-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.key-service-card{background-color:var(--white);border-radius:8px;padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;transition:var(--transition);border:2px solid transparent;height:100%;display:flex;flex-direction:column;justify-content:center}.key-service-card:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026;border-color:var(--primary-blue)}.key-service-card h3{color:var(--primary-blue);font-size:1.3rem;margin-bottom:var(--spacing-sm)}.key-service-card p{color:var(--text-light);line-height:1.6}.hero-indicators{position:absolute;right:2rem;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;gap:1rem}.hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--white);background-color:transparent;cursor:pointer;transition:all .3s ease;padding:0;appearance:none;-webkit-appearance:none}.hero-dot.active{background-color:var(--white);border-color:var(--white);transform:scale(1.2)}.hero-dot:hover{background-color:#ffffff80;transform:scale(1.1)}@media(max-width:768px){.hero{min-height:80vh;background-attachment:scroll;padding:var(--spacing-lg) 0}.hero-background{background-attachment:scroll}.hero-indicators{right:1rem;gap:.75rem}.hero-dot{width:10px;height:10px}.hero-title{font-size:2.5rem;font-weight:800}.hero-tagline{font-size:1.4rem;font-weight:600}.hero-description{font-size:1.1rem}.services-section{background-attachment:scroll}.services-grid,.features-grid{grid-template-columns:1fr}.service-image{height:180px}.industries-section{background-attachment:scroll}.industries-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.key-services-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero{min-height:70vh}.hero-indicators{right:.75rem;gap:.5rem}.hero-dot{width:8px;height:8px;border-width:1.5px}.service-image{height:150px}.hero-title{font-size:2rem;font-weight:800}.hero-tagline{font-size:1.2rem;font-weight:600}.hero-description{font-size:1rem}}.about{padding-top:80px}.about-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.about-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.about-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.about-content{max-width:900px;margin:0 auto}.content-block{background-color:var(--white);padding:var(--spacing-md);border-radius:8px;box-shadow:0 2px 8px #0000001a}.content-block p{margin-bottom:var(--spacing-sm);line-height:1.8;color:var(--text-dark);font-size:1.1rem}.content-block p:last-child{margin-bottom:0}.vision-mission-section{background-color:var(--light-gray)}.vision-mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-md)}.vision-mission-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:8px;box-shadow:0 2px 8px #0000001a}.vision-mission-card h2{font-size:2rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.vision-mission-card p{line-height:1.8;color:var(--text-dark);font-size:1.1rem}.values-section{background-color:var(--white)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.value-item{background-color:var(--light-gray);padding:var(--spacing-md);border-radius:8px;border-left:4px solid var(--secondary-blue);transition:var(--transition)}.value-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.value-item h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.value-item p{line-height:1.6;color:var(--text-dark)}@media(max-width:768px){.about-hero h1{font-size:2rem}.about-hero-subtitle{font-size:1.1rem}.vision-mission-grid,.values-grid{grid-template-columns:1fr}}.solutions{padding-top:80px}.solutions-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.solutions-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.solutions-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.solutions-intro{max-width:900px;margin:0 auto;text-align:center}.solutions-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.solutions-grid-section{background-color:var(--light-gray)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.solution-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:var(--transition)}.solution-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.solution-icon{font-size:4rem;margin-bottom:var(--spacing-sm)}.solution-card h2{font-size:1.5rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.solution-card p{color:var(--text-light);line-height:1.6;margin-bottom:var(--spacing-md)}@media(max-width:768px){.solutions-hero h1{font-size:2rem}.solutions-hero-subtitle{font-size:1.1rem}.solutions-grid{grid-template-columns:1fr}}.solution-page{padding-top:80px}.solution-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.solution-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.solution-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.solution-intro{max-width:900px;margin:0 auto;text-align:center}.solution-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.features-section{background-color:var(--light-gray)}.features-list{max-width:800px;margin:0 auto;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-sm)}.features-list li{background-color:var(--white);padding:var(--spacing-sm);border-radius:4px;border-left:4px solid var(--secondary-blue);color:var(--text-dark)}.applications-section{background-color:var(--white)}.applications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.application-item{background-color:var(--light-gray);padding:var(--spacing-md);border-radius:4px;text-align:center;font-weight:500;color:var(--text-dark);transition:var(--transition)}.application-item:hover{background-color:var(--primary-blue);color:var(--white);transform:translateY(-2px)}.benefits-section{background-color:var(--light-gray)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.benefit-item{background-color:var(--white);padding:var(--spacing-md);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:var(--transition)}.benefit-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.benefit-item h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.benefit-item p{line-height:1.6;color:var(--text-dark)}@media(max-width:768px){.solution-hero h1{font-size:2rem}.solution-hero-subtitle{font-size:1.1rem}.features-list{grid-template-columns:1fr}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.benefits-grid{grid-template-columns:1fr}}.projects{padding-top:80px}.projects-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.projects-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.projects-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.projects-intro{max-width:900px;margin:0 auto;text-align:center}.projects-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.projects-gallery-section{background-color:var(--light-gray)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.service-card-link{text-decoration:none;color:inherit}.project-card{background-color:var(--white);border-radius:8px;padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;transition:var(--transition);border:2px solid transparent;height:100%;display:flex;flex-direction:column;justify-content:center}.project-card:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026;border-color:var(--primary-blue)}.project-info{padding:0}.project-info h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.service-description{color:var(--text-light);line-height:1.6;margin:0}@media(max-width:768px){.projects-hero h1{font-size:2rem}.projects-hero-subtitle{font-size:1.1rem}.projects-grid{grid-template-columns:1fr}}.products{padding-top:80px}.products-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.products-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.products-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.products-intro{max-width:900px;margin:0 auto;text-align:center}.products-intro p{font-size:1.1rem;line-height:1.8;color:var(--text-dark)}.products-gallery-section{background-color:var(--light-gray)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-md)}.product-card-link{text-decoration:none;color:inherit}.product-card{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:var(--transition);border:2px solid transparent;height:100%;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026;border-color:var(--primary-blue)}.product-image{width:100%;height:250px;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--transition)}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.product-info h3{font-size:1.3rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.product-description{color:var(--text-light);line-height:1.6;margin:0}@media(max-width:768px){.products-hero h1{font-size:2rem}.products-hero-subtitle{font-size:1.1rem}.products-grid{grid-template-columns:1fr}.product-image{height:200px}}@media(max-width:480px){.product-image{height:180px}}.contact{padding-top:80px}.contact-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.contact-hero h1{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm)}.contact-hero-subtitle{font-size:1.3rem;color:var(--light-blue)}.contact-section{background-color:var(--light-gray)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.contact-info h2,.contact-form-wrapper h2{font-size:2rem;color:var(--primary-blue);margin-bottom:var(--spacing-sm)}.contact-info p{font-size:1.1rem;line-height:1.8;color:var(--text-dark);margin-bottom:var(--spacing-md)}.contact-details{margin-top:var(--spacing-md)}.contact-item{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000001a}.contact-item h3{font-size:1.2rem;color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.contact-item p{color:var(--text-dark);line-height:1.6;margin:0}.contact-item a{color:var(--secondary-blue);transition:var(--transition)}.contact-item a:hover{color:var(--primary-blue);text-decoration:underline}.contact-form-wrapper{background-color:var(--white);padding:var(--spacing-lg);border-radius:8px;box-shadow:0 2px 8px #0000001a}.contact-form{margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:500;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--border-color);border-radius:4px;font-family:Roboto,sans-serif;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-message{display:block;color:#ef4444;font-size:.875rem;margin-top:.25rem}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn-primary{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:1.1rem}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:var(--spacing-md)}}@media(max-width:768px){.contact-hero h1{font-size:2rem}.contact-hero-subtitle{font-size:1.1rem}.contact-info h2,.contact-form-wrapper h2{font-size:1.5rem}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}