/* CSS Reset and Base Styles */*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}/* CSS Custom Properties */:root{/* Colors */--primary-blue: #1e3a8a;--secondary-gold: #f59e0b;--accent-blue: #3b82f6;--light-blue: #dbeafe;--dark-gray: #374151;--medium-gray: #6b7280;--light-gray: #f3f4f6;--white: #ffffff;--text-dark: #1f2937;--text-light: #4b5563;/* Typography */--font-heading: 'Inter',sans-serif;--font-body: 'Open Sans',sans-serif;/* Spacing */--container-max-width: 1200px;--section-padding: 5rem 0;--border-radius: 8px;--box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);/* Transitions */--transition: all 0.3s ease}/* Base Styles */html{scroll-behavior: smooth}body{font-family: var(--font-body);font-size: 16px;line-height: 1.6;color: var(--text-dark);background-color: var(--white)}/* Typography */h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 600;line-height: 1.2;margin-bottom: 1rem}h1{font-size: 2.5rem;font-weight: 700}h2{font-size: 2rem}h3{font-size: 1.5rem}p{margin-bottom: 1rem;color: var(--text-light)}a{color: var(--accent-blue);text-decoration: none;transition: var(--transition)}a:hover{color: var(--primary-blue)}/* Container */.container{max-width: var(--container-max-width);margin: 0 auto;padding: 0 1rem}/* Ultra-wide screen container constraint */@media (min-width: 1400px){.container{max-width: 1400px}}/* Section Headers */.section-header{text-align: center;margin-bottom: 3rem}.section-title{color: var(--primary-blue);margin-bottom: 0.5rem}.section-subtitle{font-size: 1.125rem;color: var(--text-light);max-width: 600px;margin: 0 auto}/* Header and Navigation */.header{position: fixed;top: 0;width: 100%;background: rgba(255,255,255,0.95);backdrop-filter: blur(10px);border-bottom: 1px solid rgba(0,0,0,0.1);z-index: 1000;transition: var(--transition)}.nav{padding: 1rem 0}.nav-container{max-width: var(--container-max-width);margin: 0 auto;padding: 0 1rem;display: flex;justify-content: space-between;align-items: center}.nav-logo h1{font-size: 1.5rem;font-weight: 700;color: var(--primary-blue);margin: 0}.nav-menu{display: flex;list-style: none;gap: 2rem}.nav-link{font-weight: 500;color: var(--text-dark);padding: 0.5rem 0;position: relative}.nav-link:hover{color: var(--primary-blue)}.nav-link::after{content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: var(--secondary-gold);transition: var(--transition)}.nav-link:hover::after{width: 100%}.nav-toggle{display: none;flex-direction: column;cursor: pointer}.bar{width: 25px;height: 3px;background-color: var(--primary-blue);margin: 3px 0;transition: var(--transition)}/* Dropdown Menu Styles */.dropdown{position: relative}.dropdown-arrow{font-size: 0.8rem;margin-left: 0.5rem;transition: var(--transition)}.dropdown:hover .dropdown-arrow{transform: rotate(180deg)}.dropdown-menu{position: absolute;top: 100%;left: 0;background: var(--white);min-width: 250px;box-shadow: var(--box-shadow-lg);border-radius: var(--border-radius);border: 1px solid rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: var(--transition);z-index: 1000;list-style: none;padding: 0.5rem 0}.dropdown:hover .dropdown-menu{opacity: 1;visibility: visible;transform: translateY(0)}.dropdown-menu li{margin: 0}.dropdown-menu a{display: block;padding: 0.75rem 1.5rem;color: var(--text-dark);text-decoration: none;transition: var(--transition);border-bottom: none;font-weight: 400}.dropdown-menu a:hover{background-color: var(--light-blue);color: var(--primary-blue)}/* Mobile Menu Toggle */.mobile-menu-toggle{display: none;flex-direction: column;cursor: pointer;padding: 0.5rem;background: transparent;border: none;z-index: 10001}.mobile-menu-toggle span{width: 25px;height: 3px;background-color: var(--primary-blue);margin: 3px 0;transition: all 0.3s ease;border-radius: 2px;display: block}.mobile-menu-toggle.active span:nth-child(1){transform: rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity: 0}.mobile-menu-toggle.active span:nth-child(3){transform: rotate(45deg) translate(-5px,-6px)}.nav-logo a{text-decoration: none;color: inherit}.nav-logo a:hover{color: var(--primary-blue)}/* Hero Section */.hero{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 8rem 0 5rem;margin-top: 4rem;position: relative;overflow: hidden}.hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.3}.hero-container{max-width: var(--container-max-width);margin: 0 auto;padding: 0 1rem;position: relative;z-index: 1}.hero-content{text-align: center;max-width: 800px;margin: 0 auto}.hero-title{font-size: 3rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--white)}.hero-subtitle{font-size: 1.25rem;margin-bottom: 2rem;color: rgba(255,255,255,0.9);line-height: 1.7}.hero-cta{display: inline-block;background-color: var(--secondary-gold);color: var(--white);padding: 1rem 2rem;border-radius: var(--border-radius);font-weight: 600;font-size: 1.125rem;transition: var(--transition);box-shadow: var(--box-shadow)}.hero-cta:hover{background-color: #d97706;transform: translateY(-2px);box-shadow: var(--box-shadow-lg);color: var(--white)}/* About Section */.about{padding: var(--section-padding);background-color: var(--white)}.about-text{max-width: 800px;margin: 0 auto;font-size: 1.125rem;line-height: 1.8}.about-text p{margin-bottom: 1.5rem}.about-content{display: grid;grid-template-columns: 1fr;gap: 3rem;align-items: center;max-width: 1200px;margin: 0 auto}@media (min-width: 768px){.about-content{grid-template-columns: 1fr 1fr}}.about-image{text-align: center}.about-image img{max-width: 100%;height: auto;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}/* Services Section */.services{padding: var(--section-padding);background-color: var(--light-gray)}.services-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.services-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.services-grid{grid-template-columns: repeat(2,1fr);max-width: 1200px}}@media (min-width: 1400px){.services-grid{grid-template-columns: repeat(2,1fr) !important;max-width: 1200px}}/* Logistics Grid */.logistics-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.logistics-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.logistics-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1400px){.logistics-grid{grid-template-columns: repeat(3,1fr)}}/* Metric Grid */.metric-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 1.5rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.metric-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.metric-grid{grid-template-columns: repeat(4,1fr)}}@media (min-width: 1400px){.metric-grid{grid-template-columns: repeat(4,1fr)}}.service-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition);border: 1px solid rgba(0,0,0,0.05)}.service-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.service-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.service-icon svg{width: 30px;height: 30px}.service-title{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.25rem}.service-description{color: var(--text-light);line-height: 1.6}.service-card ul{list-style: none;margin-top: 1.5rem;padding: 0}.service-card ul li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem;line-height: 1.5}.service-card ul li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Advantages Section */.advantages{padding: var(--section-padding);background-color: var(--white)}.advantages-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.advantage-card{padding: 2rem;border-radius: var(--border-radius);background: linear-gradient(135deg,var(--light-blue) 0%,rgba(59,130,246,0.1) 100%);border: 1px solid rgba(59,130,246,0.2);transition: var(--transition)}.advantage-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.advantage-icon{width: 50px;height: 50px;margin-bottom: 1.5rem;background-color: var(--primary-blue);border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;color: var(--white)}.advantage-icon svg{width: 24px;height: 24px}.advantage-title{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.25rem}.advantage-description{color: var(--text-light);line-height: 1.6}/* Contact Section */.contact{padding: var(--section-padding);background-color: var(--light-gray)}.contact-content{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem;margin-top: 2rem}.contact-info h3{color: var(--primary-blue);margin-bottom: 2rem;font-size: 1.5rem}.contact-item{margin-bottom: 1.5rem}.contact-item strong{color: var(--primary-blue);display: block;margin-bottom: 0.5rem}.contact-item p{margin: 0;color: var(--text-dark)}/* Contact Form */.contact-form-container{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.form-group{margin-bottom: 1.5rem}.form-group label{display: block;margin-bottom: 0.5rem;font-weight: 500;color: var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width: 100%;padding: 0.75rem;border: 2px solid #e5e7eb;border-radius: var(--border-radius);font-size: 1rem;transition: var(--transition);font-family: var(--font-body)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline: none;border-color: var(--accent-blue);box-shadow: 0 0 0 3px rgba(59,130,246,0.1)}.form-submit{background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color: var(--white);padding: 1rem 2rem;border: none;border-radius: var(--border-radius);font-size: 1.125rem;font-weight: 600;cursor: pointer;transition: var(--transition);width: 100%}.form-submit:hover{transform: translateY(-2px);box-shadow: var(--box-shadow-lg)}/* Footer */.footer{background-color: var(--primary-blue);color: var(--white);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,.footer-section h4{margin-bottom: 1rem;color: var(--white)}.footer-section p{color: rgba(255,255,255,0.8);margin-bottom: 0.5rem}.footer-section ul{list-style: none}.footer-section ul li{margin-bottom: 0.5rem}.footer-section ul li a{color: rgba(255,255,255,0.8);transition: var(--transition)}.footer-section ul li a:hover{color: var(--secondary-gold)}.social-links{display: flex;gap: 1rem;margin-top: 1rem}.social-links a{width: 40px;height: 40px;background-color: rgba(255,255,255,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: var(--transition)}.social-links a:hover{background-color: var(--secondary-gold);transform: translateY(-2px)}.social-links svg{width: 20px;height: 20px}.footer-bottom{text-align: center;padding-top: 2rem;border-top: 1px solid rgba(255,255,255,0.2)}.footer-bottom p{color: rgba(255,255,255,0.7);margin: 0}/* Responsive Design */@media (max-width: 768px){/* Navigation */.nav-menu{position: fixed;left: -100%;top: 70px;flex-direction: column;background-color: var(--white);width: 80%;height: calc(100vh - 70px);text-align: left;transition: all 0.4s ease;box-shadow: 0 10px 30px rgba(0,0,0,0.1);padding: 40px 20px;gap: 0;overflow-y: auto;z-index: 1000}.nav-menu.active{left: 0}.nav-item{margin: 15px 0}.nav-link{padding: 1rem 1.5rem;font-size: 1rem;display: block;width: 100%;text-align: left}/* Hide some items on mobile to reduce clutter */.nav-item:nth-child(n+6){display: none}/* Show only essential items: Home,About,Services,Industries,Contact */.nav-item:nth-child(1),/* Home */.nav-item:nth-child(2),/* About */.nav-item:nth-child(3),/* Services */.nav-item:nth-child(4),/* Industries */.nav-item:nth-child(7){/* Contact */display: block}/* Simplified mobile dropdown */.dropdown-menu{position: static !important;display: none;background: var(--light-gray);box-shadow: none;border-radius: 0;margin: 0;padding: 0;opacity: 1 !important;visibility: visible !important;transform: none !important;min-width: 100%}.nav-item.dropdown.active .dropdown-menu{display: block !important}.dropdown-menu li{border-bottom: 1px solid rgba(0,0,0,0.1)}.dropdown-menu a{padding: 0.75rem 2.5rem;font-size: 0.95rem;display: block}.dropdown-menu a:hover{background: rgba(0,0,0,0.05)}.mobile-menu-toggle{display: flex !important;z-index: 10000}/* Hero Stats Mobile */.hero-stats{gap: 1rem;margin-top: 2rem}.hero-stat{padding: 1.5rem 1rem;min-width: 160px}.hero-stat h3{font-size: 2rem}.hero-stat p{font-size: 0.9rem}/* Supply Chain Flow Mobile */.supply-chain-flow .process-diagram{padding: 2rem 1.5rem}.supply-chain-flow .process-diagram h2{font-size: 1.8rem;margin-bottom: 2rem}.supply-chain-flow .flow-steps{gap: 1rem}.supply-chain-flow .flow-step{padding: 0.75rem 1.5rem;font-size: 0.9rem}.supply-chain-flow .flow-arrow{font-size: 1.5rem}/* New Supply Chain Flow Mobile */.flow-hero-image img{width: 100%;max-width: 500px}.flow-steps{grid-template-columns: 1fr;gap: 2rem}.flow-step{padding: 2rem 1.5rem}.step-number{width: 50px;height: 50px;font-size: 1.2rem;margin-bottom: 1rem}.step-content h4{font-size: 1.2rem}.step-content p{font-size: 1rem}/* Overview Content Full Mobile */.overview-content-full .key-benefits{grid-template-columns: 1fr;gap: 1.5rem;margin-top: 2rem}/* Simple Flow Grid Mobile */.simple-flow-grid{grid-template-columns: 1fr;gap: 1.5rem}.simple-flow-step{padding: 1.5rem}.simple-step-number{width: 45px;height: 45px;font-size: 1.3rem}/* Process Timeline Mobile */.process-timeline{grid-template-columns: 1fr;gap: 2rem}.phase-steps{padding: 1.5rem}.process-step{padding: 1.5rem;flex-direction: column;text-align: center;gap: 1rem}.step-number{width: 45px;height: 45px;font-size: 1.1rem;margin: 0 auto}.nav-toggle.active .bar:nth-child(2){opacity: 0}.nav-toggle.active .bar:nth-child(1){transform: translateY(8px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform: translateY(-8px) rotate(-45deg)}/* Hero */.hero{padding: 6rem 0 4rem}.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1.125rem}/* Typography */h1{font-size: 2rem}h2{font-size: 1.75rem}/* Sections */:root{--section-padding: 3rem 0}/* Grids */.services-grid,.advantages-grid{grid-template-columns: 1fr;gap: 1.5rem}/* Contact */.contact-content{grid-template-columns: 1fr;gap: 2rem}/* Footer */.footer-content{grid-template-columns: 1fr;gap: 2rem;text-align: center}.social-links{justify-content: center}}@media (max-width: 480px){.container{padding: 0 0.75rem}.hero-title{font-size: 1.75rem}.hero-subtitle{font-size: 1rem}.service-card,.advantage-card{padding: 1.5rem}.contact-form-container{padding: 1.5rem}}/* Page Hero Styles */.page-hero{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 8rem 0 4rem;margin-top: 4rem;text-align: center}.page-hero-content h1{font-size: 3rem;margin-bottom: 1rem;color: var(--white)}.page-hero-content p{font-size: 1.25rem;color: rgba(255,255,255,0.9);max-width: 600px;margin: 0 auto}/* About Page Styles */.about-overview{padding: var(--section-padding);background-color: var(--white)}.about-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.about-content h2{color: var(--primary-blue);margin-bottom: 2rem}.about-content p{font-size: 1.125rem;line-height: 1.8;margin-bottom: 1.5rem}.about-stats{display: grid;gap: 1.5rem}.stat-card{background: var(--light-blue);padding: 1.5rem;border-radius: var(--border-radius);text-align: center;border: 1px solid rgba(59,130,246,0.2)}.stat-card h3{font-size: 2rem;font-weight: 700;color: var(--primary-blue);margin-bottom: 0.5rem}.stat-card p{font-size: 0.875rem;font-weight: 500;color: var(--text-dark);margin: 0}/* Mission & Vision */.mission-vision{padding: var(--section-padding);background-color: var(--light-gray)}.mission-vision-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem}.mission-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.mission-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.mission-icon svg{width: 30px;height: 30px}.mission-card h3{color: var(--primary-blue);margin-bottom: 1rem}.mission-card p{line-height: 1.7}/* Our Approach */.our-approach{padding: var(--section-padding);background-color: var(--white)}.approach-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.approach-card{padding: 2rem;border-radius: var(--border-radius);background: linear-gradient(135deg,var(--light-blue) 0%,rgba(59,130,246,0.1) 100%);border: 1px solid rgba(59,130,246,0.2);transition: var(--transition)}.approach-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.approach-card h3{color: var(--primary-blue);margin-bottom: 1rem}/* Leadership Team */.leadership-team{padding: var(--section-padding);background-color: var(--light-gray)}.team-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.team-member{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.member-photo{margin-bottom: 1.5rem}.photo-placeholder{width: 100px;height: 100px;margin: 0 auto;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary-blue)}.photo-placeholder svg{width: 50px;height: 50px}.team-member h3{color: var(--primary-blue);margin-bottom: 0.5rem}.member-title{font-weight: 600;color: var(--secondary-gold);margin-bottom: 1rem}/* Certifications */.certifications{padding: var(--section-padding);background-color: var(--white)}.cert-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.cert-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold);transition: var(--transition)}.cert-card:hover{transform: translateY(-2px);box-shadow: var(--box-shadow)}.cert-card h3{color: var(--primary-blue);margin-bottom: 1rem}/* Global Network */.global-network{padding: var(--section-padding);background-color: var(--light-gray)}.network-content{display: grid;grid-template-columns: 2fr 1fr;gap: 3rem}.network-text h3{color: var(--primary-blue);margin-top: 2rem;margin-bottom: 1rem}.network-text h3:first-child{margin-top: 0}.network-highlights{display: grid;gap: 1.5rem}.highlight-item{background: var(--white);padding: 1.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.highlight-item strong{color: var(--primary-blue);display: block;margin-bottom: 0.5rem}/* Company Values */.company-values{padding: var(--section-padding);background-color: var(--white)}.values-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem}.value-item{text-align: center;padding: 2rem}.value-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--secondary-gold),#d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.value-icon svg{width: 30px;height: 30px}.value-item h3{color: var(--primary-blue);margin-bottom: 1rem}/* Active Navigation Link */.nav-link.active{color: var(--primary-blue);font-weight: 600}.nav-link.active::after{width: 100%}/* Services Page Styles */.services-overview{padding: var(--section-padding);background-color: var(--white)}.service-overview-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);border: 1px solid rgba(0,0,0,0.05);transition: var(--transition);height: 100%;display: flex;flex-direction: column}.service-overview-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.service-overview-card .service-icon{width: 60px;height: 60px;margin-bottom: 1.5rem;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.service-overview-card .service-icon svg{width: 30px;height: 30px}.service-overview-card h3{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.375rem}.service-overview-card p{margin-bottom: 1.5rem;line-height: 1.7;flex-grow: 1}.service-features{list-style: none;margin-bottom: 2rem}.service-features li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem}.service-features li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}.service-link{color: var(--primary-blue);font-weight: 600;text-decoration: none;transition: var(--transition);margin-top: auto}.service-link:hover{color: var(--dark-gray);transform: translateX(5px)}/* Service Process */.service-process{padding: var(--section-padding);background-color: var(--light-gray)}.process-timeline{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem}.process-step{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;position: relative}.step-number{width: 50px;height: 50px;background: linear-gradient(135deg,var(--secondary-gold),#d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 1.25rem;margin: 0 auto 1.5rem}.step-content h3{color: var(--primary-blue);margin-bottom: 1rem}.step-content p{line-height: 1.6}/* Market Opportunity */.market-opportunity{padding: var(--section-padding);background-color: var(--white)}.opportunity-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center}.opportunity-content h2{color: var(--primary-blue);margin-bottom: 2rem}.opportunity-content p{font-size: 1.125rem;line-height: 1.8;margin-bottom: 2rem}.opportunity-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem;margin: 2rem 0}.stat-item{text-align: center}.stat-item h3{font-size: 2rem;font-weight: 700;color: var(--primary-blue);margin-bottom: 0.5rem}.stat-item p{font-size: 0.875rem;color: var(--text-light);margin: 0}.opportunity-visual{background: var(--light-blue);padding: 2rem;border-radius: var(--border-radius);text-align: center}.growth-chart h3{color: var(--primary-blue);margin-bottom: 2rem}.chart-bars{display: flex;justify-content: space-around;align-items: end;height: 200px;gap: 1rem}.bar-group{display: flex;flex-direction: column;align-items: center;flex: 1}.bar{width: 100%;max-width: 60px;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 4px 4px 0 0;transition: var(--transition)}.bar-group span{margin-top: 1rem;font-weight: 600;color: var(--text-dark)}/* Technology Integration */.technology-integration{padding: var(--section-padding);background-color: var(--light-gray)}.tech-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.tech-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.tech-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg)}.tech-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.tech-icon svg{width: 30px;height: 30px}.tech-card h3{color: var(--primary-blue);margin-bottom: 1rem}/* Why Choose Us */.why-choose-us{padding: var(--section-padding);background-color: var(--white)}.choice-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.choice-card{padding: 2rem;border-radius: var(--border-radius);background: linear-gradient(135deg,var(--light-blue) 0%,rgba(59,130,246,0.1) 100%);border: 1px solid rgba(59,130,246,0.2);transition: var(--transition)}.choice-card:hover{transform: translateY(-2px);box-shadow: var(--box-shadow)}.choice-card h3{color: var(--primary-blue);margin-bottom: 1rem}/* CTA Section */.service-cta{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);text-align: center}.cta-content h2{font-size: 2.5rem;margin-bottom: 1rem;color: var(--white)}.cta-content p{font-size: 1.25rem;margin-bottom: 2rem;color: rgba(255,255,255,0.9);max-width: 600px;margin-left: auto;margin-right: auto}.cta-buttons{display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap}.cta-primary,.cta-secondary{padding: 1rem 2rem;border-radius: var(--border-radius);font-weight: 600;font-size: 1.125rem;text-decoration: none;transition: var(--transition);display: inline-block}.cta-primary{background-color: var(--secondary-gold);color: var(--white)}.cta-primary:hover{background-color: #d97706;transform: translateY(-2px);box-shadow: var(--box-shadow-lg);color: var(--white)}.cta-secondary{background-color: transparent;color: var(--white);border: 2px solid var(--white)}.cta-secondary:hover{background-color: var(--white);color: var(--primary-blue);transform: translateY(-2px)}/* Service Detail Page Styles */.service-hero{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 8rem 0 5rem;margin-top: 4rem;position: relative;overflow: hidden}.service-hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity: 0.3}.service-hero-content{position: relative;z-index: 1;text-align: center;max-width: 800px;margin: 0 auto}.service-hero-content h1{font-size: 3rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--white)}.service-hero-content p{font-size: 1.25rem;line-height: 1.7;margin-bottom: 2rem;color: rgba(255,255,255,0.9)}.hero-stats{display: flex;justify-content: center;gap: 2rem;flex-wrap: wrap;margin-top: 3rem}.hero-stat{text-align: center;padding: 2rem 1.5rem;background: rgba(255,255,255,0.1);border-radius: 16px;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2);min-width: 200px;transition: all 0.3s ease;box-shadow: 0 8px 32px rgba(0,0,0,0.1)}.hero-stat:hover{transform: translateY(-8px);box-shadow: 0 16px 48px rgba(0,0,0,0.2);background: rgba(255,255,255,0.15)}.hero-stat h3{font-size: 2.5rem;font-weight: 700;color: var(--secondary-gold);margin-bottom: 0.5rem;text-shadow: 0 2px 8px rgba(0,0,0,0.3)}.hero-stat p{font-size: 1rem;color: rgba(255,255,255,0.95);margin: 0;font-weight: 500}/* Service Overview */.service-overview{padding: var(--section-padding);background-color: var(--white)}.overview-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.overview-content h2,.overview-content-full h2{color: var(--primary-blue);margin-bottom: 2rem;font-size: 2.5rem;font-weight: 700}.overview-content p,.overview-content-full p{margin-bottom: 1.5rem;line-height: 1.7;font-size: 1.1rem;color: var(--text-dark)}.overview-content-full{max-width: 1200px;margin: 0 auto;text-align: center}.overview-content-full .key-benefits{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-top: 3rem}.key-benefits{display: grid;gap: 1.5rem;margin-top: 2rem}.benefit-item{padding: 1.5rem;background: var(--light-gray);border-radius: 12px;border-left: 4px solid var(--primary-blue);transition: transform 0.3s ease,box-shadow 0.3s ease}.benefit-item:hover{transform: translateX(8px);box-shadow: 0 8px 24px rgba(0,0,0,0.1)}.benefit-item h4{color: var(--primary-blue);margin-bottom: 0.5rem;font-size: 1.2rem;font-weight: 600}.benefit-item p{margin: 0;font-size: 1rem;line-height: 1.6}.overview-visual{text-align: center}.overview-image img{max-width: 100%;height: auto;border-radius: 12px;box-shadow: var(--box-shadow);margin-bottom: 2rem}.process-diagram{background: var(--light-gray);padding: 2rem;border-radius: 12px;margin-top: 2rem}.process-diagram h3{color: var(--primary-blue);margin-bottom: 1.5rem;text-align: center;font-size: 1.5rem}.flow-steps{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 1rem}.flow-step{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border-radius: 25px;font-weight: 500;font-size: 0.9rem;white-space: nowrap}.flow-arrow{color: var(--primary-blue);font-size: 1.5rem;font-weight: bold}/* Supply Chain Flow Section */.supply-chain-flow{padding: 5rem 0;background: linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.supply-chain-flow h2{color: var(--primary-blue);text-align: center;font-size: 2.5rem;font-weight: 700;margin-bottom: 3rem}.flow-hero-image{text-align: center;margin-bottom: 4rem}.flow-hero-image img{max-width: 100%;width: 800px;height: auto;border-radius: 20px;box-shadow: 0 20px 60px rgba(0,0,0,0.15);transition: transform 0.3s ease}.flow-hero-image img:hover{transform: scale(1.02)}.flow-steps-container{max-width: 1200px;margin: 0 auto}.flow-steps{display: grid;grid-template-columns: repeat(2,1fr);gap: 2.5rem;max-width: 1000px;margin: 0 auto}.flow-step{text-align: center;padding: 2.5rem 2rem;background: var(--white);border-radius: 20px;box-shadow: 0 12px 40px rgba(0,0,0,0.1);transition: all 0.3s ease;border: 2px solid var(--light-gray);position: relative}.flow-step:hover{transform: translateY(-10px);box-shadow: 0 20px 60px rgba(0,0,0,0.15);border-color: var(--secondary-gold)}.step-number{background: linear-gradient(135deg,var(--secondary-gold),#f59e0b);color: var(--white);width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 800;font-size: 1.5rem;margin: 0 auto 1.5rem auto;box-shadow: 0 6px 20px rgba(245,158,11,0.3)}.step-content h4{color: var(--text-dark);font-size: 1.4rem;font-weight: 700;margin-bottom: 1rem;line-height: 1.3}.step-content p{color: #6b7280;font-size: 1.1rem;line-height: 1.6;margin: 0}/* Simple Flow Grid */.simple-flow-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem;max-width: 1000px;margin: 0 auto}.simple-flow-step{background: white;padding: 2rem;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);text-align: center;border: 1px solid #e5e7eb}.simple-step-number{background: #f59e0b;color: white;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 1.5rem;margin: 0 auto 1rem auto}.simple-flow-step h4{color: #1f2937;font-size: 1.3rem;font-weight: 600;margin-bottom: 0.5rem}.simple-flow-step p{color: #6b7280;font-size: 1rem;line-height: 1.5;margin: 0}.overview-content h2{color: var(--primary-blue);margin-bottom: 2rem}.overview-content p{font-size: 1.125rem;line-height: 1.8;margin-bottom: 1.5rem}.key-benefits{display: grid;gap: 1.5rem;margin-top: 2rem}.benefit-item{padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.benefit-item h4{color: var(--primary-blue);margin-bottom: 0.5rem}.benefit-item p{margin: 0;font-size: 1rem}.overview-visual{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius)}.process-diagram h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center}.flow-steps{display: flex;flex-direction: column;gap: 1rem;align-items: center}.flow-step{background: var(--primary-blue);color: var(--white);padding: 1rem;border-radius: var(--border-radius);text-align: center;font-weight: 600;width: 100%;max-width: 200px}.flow-arrow{font-size: 1.5rem;color: var(--secondary-gold);font-weight: bold}/* Core Capabilities */.core-capabilities{padding: var(--section-padding);background-color: var(--light-gray)}.capabilities-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1200px;margin: 0 auto}@media (min-width: 768px){.capabilities-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.capabilities-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1400px){.capabilities-grid{grid-template-columns: repeat(2,1fr) !important;max-width: 1200px}}@media (min-width: 2560px){.capabilities-grid{grid-template-columns: repeat(2,1fr) !important;max-width: 1400px}}.capability-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition)}.capability-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.capability-icon{width: 60px;height: 60px;margin-bottom: 1.5rem;background: linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.capability-icon svg{width: 30px;height: 30px}.capability-card h3{color: var(--primary-blue);margin-bottom: 1rem}.capability-card ul{list-style: none;margin-top: 1.5rem}.capability-card ul li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem}.capability-card ul li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Supply Chain Process */.supply-chain-process{padding: var(--section-padding);background-color: var(--white)}.process-timeline{display: grid;grid-template-columns: repeat(2,1fr);gap: 3rem;max-width: 1400px;margin: 0 auto}.process-phase{background: var(--light-gray);border-radius: var(--border-radius);overflow: hidden}.phase-header{background: var(--primary-blue);color: var(--white);padding: 1.5rem;text-align: center}.phase-header h3{margin: 0;color: var(--white)}.phase-steps{padding: 2rem;display: grid;grid-template-columns: 1fr;gap: 1.5rem}.process-step{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);display: flex;gap: 1.5rem;align-items: flex-start}.step-number{width: 50px;height: 50px;background: linear-gradient(135deg,var(--secondary-gold),#d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 1.25rem;flex-shrink: 0}.step-content h4{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.125rem}.step-content p{line-height: 1.6;margin: 0}/* Technology Stack */.technology-stack{padding: var(--section-padding);background-color: var(--light-gray)}.tech-stack-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.tech-stack-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.tech-stack-grid{grid-template-columns: repeat(2,1fr);max-width: 1200px}}@media (min-width: 1400px){.tech-stack-grid{grid-template-columns: repeat(2,1fr);max-width: 1200px}}.tech-category{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.tech-category h3{color: var(--primary-blue);margin-bottom: 1.5rem;text-align: center}.tech-items{display: grid;gap: 1rem}.tech-item{background: var(--light-blue);padding: 1rem;border-radius: var(--border-radius);text-align: center;font-weight: 500;color: var(--text-dark);transition: var(--transition)}.tech-item:hover{background: var(--accent-blue);color: var(--white);transform: translateY(-2px)}/* Benefits & ROI */.benefits-roi{padding: var(--section-padding);background-color: var(--white)}.benefits-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.benefits-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.benefits-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1400px){.benefits-grid{grid-template-columns: repeat(3,1fr)}}/* Overview Grid */.overview-grid{display: grid;grid-template-columns: 1fr;gap: 3rem;align-items: center;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.overview-grid{grid-template-columns: 1fr 1fr}}@media (min-width: 1024px){.overview-grid{grid-template-columns: 1fr 1fr}}@media (min-width: 1400px){.overview-grid{grid-template-columns: 1fr 1fr}}/* Capabilities Grid - REMOVED DUPLICATE */.overview-image{text-align: center;margin-bottom: 2rem}.overview-image img{max-width: 100%;height: auto;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.network-image{text-align: center;margin-bottom: 2rem}.network-image img{max-width: 100%;height: auto;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.platform-image{text-align: center;margin: 2rem 0}.platform-image img{max-width: 100%;height: auto;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.benefit-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition);border-top: 4px solid var(--secondary-gold)}.benefit-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.benefit-metric{margin-bottom: 1.5rem;text-align: center;padding: 1.5rem;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 16px;color: var(--white)}.metric-value{display: block;font-size: 3.5rem;font-weight: 800;color: var(--white);line-height: 1;text-shadow: 0 2px 4px rgba(0,0,0,0.2)}.metric-label{display: block;font-size: 1.2rem;font-weight: 600;color: rgba(255,255,255,0.9);margin-top: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px}.benefit-card p{line-height: 1.6;margin: 0}/* Case Study Preview */.case-study-preview{padding: var(--section-padding);background-color: var(--light-gray)}.case-study-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center}.case-study-text h2{color: var(--primary-blue);margin-bottom: 2rem}.case-study-text p{font-size: 1.125rem;line-height: 1.8;margin-bottom: 2rem}.case-highlights{display: grid;gap: 1.5rem;margin-bottom: 2rem}.highlight{padding: 1.5rem;background: var(--white);border-radius: var(--border-radius);border-left: 4px solid var(--accent-blue)}.highlight h4{color: var(--primary-blue);margin-bottom: 0.5rem}.highlight p{margin: 0;font-size: 1rem}.case-study-link{color: var(--accent-blue);font-weight: 600;text-decoration: none;transition: var(--transition)}.case-study-link:hover{color: var(--primary-blue);transform: translateX(5px)}.case-study-visual{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.results-chart h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center}.chart-comparison{display: flex;justify-content: center}.before-after{display: flex;align-items: center;gap: 2rem}.period{text-align: center}.period h4{color: var(--text-dark);margin-bottom: 1rem}.period .metric{font-size: 2.5rem;font-weight: 700;color: var(--primary-blue);margin-bottom: 0.5rem}.period span{font-size: 0.875rem;color: var(--text-light)}.arrow{font-size: 2rem;color: var(--secondary-gold);font-weight: bold}/* Live-streaming Page Styles */.platform-ecosystem{padding: var(--section-padding);background-color: var(--white)}.platforms-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1200px;margin: 0 auto}@media (min-width: 768px){.platforms-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.platforms-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1400px){.platforms-grid{grid-template-columns: repeat(2,1fr) !important}}.platform-card{background: var(--light-gray);padding: 2.5rem;border-radius: var(--border-radius);border: 2px solid transparent;transition: var(--transition);position: relative}.platform-card.featured{background: linear-gradient(135deg,var(--light-blue) 0%,rgba(59,130,246,0.1) 100%);border-color: var(--accent-blue)}.platform-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg);border-color: var(--secondary-gold)}.platform-icon{width: 60px;height: 60px;margin-bottom: 1.5rem;background: linear-gradient(135deg,var(--secondary-gold),#d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.platform-icon svg{width: 30px;height: 30px}.platform-card h3{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.375rem}.platform-features{list-style: none;margin-top: 1.5rem}.platform-features li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem}.platform-features li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Livestream Advantages */.livestream-advantages{padding: var(--section-padding);background-color: var(--light-gray)}.advantages-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.advantages-text h3{color: var(--primary-blue);margin-top: 2rem;margin-bottom: 1rem}.advantages-text h3:first-child{margin-top: 0}.advantages-text p{font-size: 1.125rem;line-height: 1.8;margin-bottom: 1.5rem}.advantages-stats{display: grid;gap: 2rem}.stat-block{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.stat-block h3{color: var(--primary-blue);margin-bottom: 1.5rem;font-size: 1.125rem}.stat-item{margin-bottom: 1rem}.stat-number{display: block;font-size: 2.5rem;font-weight: 700;color: var(--secondary-gold);line-height: 1}.stat-label{display: block;font-size: 1rem;font-weight: 600;color: var(--primary-blue);margin-top: 0.5rem}.stat-block p{font-size: 0.875rem;line-height: 1.5;margin: 0}/* Influencer Network */.influencer-network{padding: var(--section-padding);background-color: var(--white)}.network-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1200px;margin: 0 auto}@media (min-width: 768px){.network-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.network-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1400px){.network-grid{grid-template-columns: repeat(2,1fr) !important}}.network-category{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);transition: var(--transition)}.network-category:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.network-category h3{color: var(--primary-blue);margin-bottom: 1.5rem;text-align: center;font-size: 1.25rem}.tier-item{background: var(--white);padding: 1.5rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.tier-item h4{color: var(--primary-blue);margin-bottom: 1rem}.tier-item p{margin-bottom: 1.5rem;line-height: 1.6}.tier-item ul{list-style: none}.tier-item ul li{padding: 0.25rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem}.tier-item ul li::before{content: '•';position: absolute;left: 0;color: var(--accent-blue);font-weight: bold}/* Livestream Process */.livestream-process{padding: var(--section-padding);background-color: var(--light-gray)}.process-flow{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1200px;margin: 0 auto}@media (min-width: 768px){.process-flow{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.process-flow{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1400px){.process-flow{grid-template-columns: repeat(2,1fr) !important}}.process-flow .process-step{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.process-flow .process-step:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.process-flow .step-number{width: 60px;height: 60px;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 1.5rem;margin: 0 auto 1.5rem}.process-flow .step-content h3{color: var(--primary-blue);margin-bottom: 1rem}.process-flow .step-content p{line-height: 1.6;margin: 0}/* Tech Integration */.tech-integration{padding: var(--section-padding);background-color: var(--white)}.tech-features-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.tech-features-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.tech-features-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1400px){.tech-features-grid{grid-template-columns: repeat(3,1fr)}}.tech-feature{background: var(--light-blue);padding: 2rem;border-radius: var(--border-radius);transition: var(--transition);border: 1px solid rgba(59,130,246,0.2)}.tech-feature:hover{transform: translateY(-3px);box-shadow: var(--box-shadow);background: var(--white)}.feature-icon{width: 50px;height: 50px;margin-bottom: 1.5rem;background: var(--accent-blue);border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;color: var(--white)}.feature-icon svg{width: 24px;height: 24px}.tech-feature h3{color: var(--primary-blue);margin-bottom: 1rem}.tech-feature p{line-height: 1.6;margin: 0}/* Success Metrics */.success-metrics{padding: var(--section-padding);background-color: var(--light-gray)}.metrics-grid{display: grid;grid-template-columns: 1fr;gap: 2rem;max-width: 1400px;margin: 0 auto}@media (min-width: 768px){.metrics-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1024px){.metrics-grid{grid-template-columns: repeat(4,1fr)}}@media (min-width: 1400px){.metrics-grid{grid-template-columns: repeat(4,1fr)}}/* Platforms Grid - REMOVED DUPLICATE *//* Network Grid - REMOVED DUPLICATE */.metric-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition);border-top: 4px solid var(--secondary-gold)}.metric-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.metric-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.metric-icon svg{width: 30px;height: 30px}.metric-card h3{color: var(--primary-blue);margin-bottom: 1rem}.metric-card .metric-value{display: block;font-size: 3rem;font-weight: 700;color: var(--secondary-gold);line-height: 1;margin-bottom: 1rem}.metric-card p{line-height: 1.6;margin: 0}.metric-card.large{grid-column: span 2;padding: 3rem}@media (max-width: 768px){.metric-card.large{grid-column: span 1;padding: 2rem}}/* Performance Metrics Chart */.performance-metrics{display: grid;gap: 1.5rem}.metric-row{display: grid;grid-template-columns: 120px 1fr;gap: 1rem;align-items: center}.metric-label{font-weight: 600;color: var(--text-dark);font-size: 0.875rem}.metric-bar{background: var(--light-gray);border-radius: 20px;height: 30px;position: relative;overflow: hidden}.bar-fill{background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));height: 100%;border-radius: 20px;display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 600;font-size: 0.875rem;transition: width 1s ease}/* OEM/ODM Page Styles */.oem-odm-comparison{padding: var(--section-padding);background-color: var(--white)}.comparison-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 3rem}.comparison-card{background: var(--light-gray);border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--box-shadow);transition: var(--transition)}.comparison-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.oem-card .card-header{background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));color: var(--white)}.odm-card .card-header{background: linear-gradient(135deg,var(--secondary-gold),#d97706);color: var(--white)}.card-header{padding: 2rem;text-align: center}.card-header h3{margin-bottom: 0.5rem;color: var(--white);font-size: 1.5rem}.card-subtitle{font-size: 1rem;opacity: 0.9;margin: 0}.card-content{padding: 2rem}.card-content > div{margin-bottom: 2rem}.card-content > div:last-child{margin-bottom: 0}.card-content h4{color: var(--primary-blue);margin-bottom: 1rem}.card-content ul{list-style: none;margin-top: 1rem}.card-content ul li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark)}.card-content ul li::before{content: '✓';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Manufacturing Capabilities */.manufacturing-capabilities{padding: var(--section-padding);background-color: var(--light-gray)}/* Capabilities Grid - REMOVED DUPLICATE RULE */.capability-item{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition)}.capability-item:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.capability-item .capability-icon{width: 60px;height: 60px;margin-bottom: 1.5rem;background: linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.capability-item .capability-icon svg{width: 30px;height: 30px}.capability-item h3{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.25rem}.capability-item p{margin-bottom: 1.5rem;line-height: 1.6}.capability-item ul{list-style: none}.capability-item ul li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-dark);font-size: 0.95rem}.capability-item ul li::before{content: '•';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Manufacturing Process Timeline */.manufacturing-process{padding: var(--section-padding);background-color: var(--white)}.process-track{position: relative;max-width: 800px;margin: 0 auto}.track-line{position: absolute;left: 30px;top: 0;bottom: 0;width: 4px;background: linear-gradient(to bottom,var(--primary-blue),var(--accent-blue));border-radius: 2px}.process-milestone{display: flex;align-items: flex-start;margin-bottom: 3rem;position: relative}.milestone-number{width: 60px;height: 60px;background: linear-gradient(135deg,var(--secondary-gold),#d97706);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);font-weight: 700;font-size: 1.25rem;z-index: 1;border: 4px solid var(--white);box-shadow: var(--box-shadow)}.milestone-content{background: var(--light-blue);margin-left: 2rem;padding: 2rem;border-radius: var(--border-radius);flex: 1;border-left: 4px solid var(--accent-blue)}.milestone-content h3{color: var(--primary-blue);margin-bottom: 1rem}.milestone-content p{line-height: 1.6;margin: 0}/* Industry Specializations */.industry-specializations{padding: var(--section-padding);background-color: var(--light-gray)}.industries-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.industry-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition);border-top: 4px solid var(--secondary-gold)}.industry-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.industry-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.industry-icon svg{width: 30px;height: 30px}.industry-card h3{color: var(--primary-blue);margin-bottom: 1rem}.industry-card p{line-height: 1.6;margin: 0}/* Cost Benefits */.cost-benefits{padding: var(--section-padding);background-color: var(--white)}.comparison-table{background: var(--white);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;margin-bottom: 3rem}.table-header{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;background: var(--primary-blue);color: var(--white)}.header-cell{padding: 1.5rem 1rem;font-weight: 600;text-align: center;border-right: 1px solid rgba(255,255,255,0.2)}.header-cell:last-child{border-right: none}.table-row{display: grid;grid-template-columns: 2fr 1fr 1fr 1fr;border-bottom: 1px solid var(--light-gray)}.table-row:last-child{border-bottom: none}.cell{padding: 1.5rem 1rem;text-align: center;border-right: 1px solid var(--light-gray)}.cell:last-child{border-right: none}.cell.factor{text-align: left;font-weight: 600;color: var(--primary-blue)}.cell.traditional{background: #fef2f2;color: #dc2626;font-weight: 600}.cell.xyxodm{background: #f0f9ff;color: var(--accent-blue);font-weight: 600}.cell.savings{background: #f0fdf4;color: #16a34a;font-weight: 700}.savings-highlights{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.highlight-card{background: var(--light-blue);padding: 2rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold);transition: var(--transition)}.highlight-card:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.highlight-card h3{color: var(--primary-blue);margin-bottom: 1rem}.highlight-card p{line-height: 1.6;margin: 0}/* Results Metrics */.results-metrics{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.results-metrics h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center}.metrics-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem}.metric-item{text-align: center;padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius)}.metric-number{display: block;font-size: 2.5rem;font-weight: 700;color: var(--primary-blue);line-height: 1;margin-bottom: 0.5rem}.metric-label{display: block;font-size: 1rem;font-weight: 600;color: var(--secondary-gold)}/* Animation Classes */.fade-in{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease,transform 0.6s ease}.fade-in.visible{opacity: 1;transform: translateY(0)}/* Loading and Error States */.form-submit:disabled{background: var(--medium-gray);cursor: not-allowed;transform: none}.form-submit.loading{position: relative;color: transparent}.form-submit.loading::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 20px;height: 20px;border: 2px solid transparent;border-top: 2px solid var(--white);border-radius: 50%;animation: spin 1s linear infinite}@keyframes spin{0%{transform: translate(-50%,-50%) rotate(0deg)}100%{transform: translate(-50%,-50%) rotate(360deg)}}/* Print Styles */@media print{.header,.contact-form-container,.footer{display: none}.hero{margin-top: 0;background: var(--white) !important;color: var(--text-dark) !important}.service-card,.advantage-card{break-inside: avoid}}/* Industries Page Styles *//* Page Hero */.page-hero{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 8rem 0 6rem;position: relative;overflow: hidden}.page-hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.1);z-index: 1}.page-hero .container{position: relative;z-index: 2}.page-hero .hero-content{text-align: center;max-width: 800px;margin: 0 auto}.page-hero h1{font-size: 3.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.1}.page-hero p{font-size: 1.25rem;line-height: 1.6;margin-bottom: 3rem;opacity: 0.95}/* Market Overview */.market-overview{padding: var(--section-padding);background: var(--white)}.overview-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.market-insights h3{color: var(--primary-blue);margin-bottom: 1.5rem}.market-insights p{font-size: 1.1rem;line-height: 1.7;margin-bottom: 2rem}.key-trends{display: grid;gap: 1.5rem;margin-top: 2rem}.trend-item{padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.trend-item h4{color: var(--primary-blue);margin-bottom: 0.5rem}.trend-item p{margin: 0;font-size: 0.95rem}.market-stats{background: var(--white);border-radius: var(--border-radius);box-shadow: var(--box-shadow);padding: 2rem;height: fit-content}.stat-grid{display: grid;gap: 2rem}.stat-item{text-align: center;padding: 1.5rem;background: var(--light-gray);border-radius: var(--border-radius);transition: var(--transition)}.stat-item:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.stat-item h3{font-size: 2.5rem;font-weight: 700;color: var(--primary-blue);margin-bottom: 0.5rem;line-height: 1}.stat-item p{color: var(--text-light);font-weight: 500;margin: 0}/* Industries Analysis */.industries-analysis{padding: var(--section-padding);background: var(--light-gray)}.industries-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(500px,1fr));gap: 3rem;margin-top: 3rem}.industry-sector{background: var(--white);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;transition: var(--transition)}.industry-sector:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.industry-header{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 2rem;display: flex;align-items: center;gap: 1rem}.industry-icon{width: 60px;height: 60px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center}.industry-icon svg{width: 30px;height: 30px;fill: var(--white)}.industry-header h3{flex: 1;margin: 0;font-size: 1.5rem}.market-size{background: var(--secondary-gold);color: var(--white);padding: 0.5rem 1rem;border-radius: 20px;font-weight: 600;font-size: 0.9rem}.industry-content{padding: 2rem}.market-analysis{margin-bottom: 2rem}.market-analysis h4{color: var(--primary-blue);margin-bottom: 1rem}.market-analysis p{line-height: 1.6;margin-bottom: 1.5rem}.key-metrics{display: flex;gap: 2rem;margin-bottom: 2rem}.metric{text-align: center}.metric-value{display: block;font-size: 1.8rem;font-weight: 700;color: var(--primary-blue);line-height: 1}.metric-label{display: block;font-size: 0.9rem;color: var(--text-light);margin-top: 0.25rem}.opportunities{margin-bottom: 2rem}.opportunities h4{color: var(--primary-blue);margin-bottom: 1rem}.opportunities ul{list-style: none;padding: 0}.opportunities li{padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: var(--text-light)}.opportunities li::before{content: '•';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold;font-size: 1.2rem}.solutions h4{color: var(--primary-blue);margin-bottom: 1rem}.solutions p{margin: 0;line-height: 1.6}/* Market Trends */.market-trends{padding: var(--section-padding);background: var(--white)}.trends-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem;margin-top: 3rem}.trend-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition);border-top: 4px solid var(--secondary-gold)}.trend-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow)}.trend-card .trend-icon{width: 80px;height: 80px;background: var(--primary-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.trend-card .trend-icon svg{width: 40px;height: 40px;fill: var(--white)}.trend-card h3{color: var(--primary-blue);margin-bottom: 1rem}.trend-card p{line-height: 1.6;margin: 0}/* Industry Performance */.industry-performance{padding: var(--section-padding);background: var(--light-gray)}.performance-grid{display: grid;grid-template-columns: 2fr 1fr;gap: 3rem;margin-top: 3rem}.performance-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.performance-card h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center}.performance-chart{height: 300px;display: flex;align-items: end;justify-content: center}.chart-bars{display: flex;align-items: end;gap: 1rem;height: 100%;width: 100%}.chart-bar{flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;position: relative}.bar-fill{background: linear-gradient(180deg,var(--secondary-gold) 0%,var(--primary-blue) 100%);width: 100%;border-radius: 4px 4px 0 0;transition: all 0.3s ease;min-height: 20px}.bar-label{margin-top: 0.5rem;font-size: 0.8rem;color: var(--text-light);text-align: center;font-weight: 500}.performance-summary{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);height: fit-content}.performance-summary h3{color: var(--primary-blue);margin-bottom: 2rem}.kpi-items{display: grid;gap: 1.5rem}.kpi-item{padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius);text-align: center;transition: var(--transition)}.kpi-item:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.kpi-value{display: block;font-size: 2rem;font-weight: 700;color: var(--primary-blue);line-height: 1;margin-bottom: 0.5rem}.kpi-label{display: block;font-size: 0.9rem;color: var(--text-light);font-weight: 500}/* Industry CTA */.industry-cta{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);text-align: center}.industry-cta .cta-content h2{font-size: 2.5rem;margin-bottom: 1.5rem}.industry-cta .cta-content p{font-size: 1.2rem;line-height: 1.6;margin-bottom: 2.5rem;opacity: 0.95}/* Responsive Design for Industries */@media (max-width: 768px){.page-hero{padding: 6rem 0 4rem}.page-hero h1{font-size: 2.5rem}.page-hero p{font-size: 1.1rem}.overview-content{grid-template-columns: 1fr;gap: 2rem}.industries-grid{grid-template-columns: 1fr;gap: 2rem}.industry-header{padding: 1.5rem;flex-wrap: wrap;gap: 1rem}.industry-header h3{flex: none;width: 100%;font-size: 1.25rem}.key-metrics{flex-direction: column;gap: 1rem}.performance-grid{grid-template-columns: 1fr;gap: 2rem}.chart-bars{gap: 0.5rem}.bar-label{font-size: 0.7rem}.trends-grid{grid-template-columns: 1fr}.industry-cta .cta-content h2{font-size: 2rem}}/* Case Studies Page Styles *//* Featured Case Studies */.featured-case-studies{padding: var(--section-padding);background: var(--light-gray)}.case-study{background: var(--white);border-radius: var(--border-radius);box-shadow: var(--box-shadow);margin-bottom: 4rem;overflow: hidden;transition: var(--transition)}.case-study:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg)}.case-study.featured{border: 2px solid var(--secondary-gold)}.case-header{background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);padding: 2.5rem;display: flex;align-items: center;justify-content: space-between;gap: 2rem}.company-info h3{font-size: 2rem;margin-bottom: 1rem;line-height: 1.2}.industry-tag{background: var(--secondary-gold);color: var(--white);padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.9rem;font-weight: 600;display: inline-block;margin-bottom: 1rem}.company-description{font-size: 1.1rem;line-height: 1.5;opacity: 0.95;margin: 0}.case-metrics{text-align: center;min-width: 150px}.metric-highlight{background: rgba(255,255,255,0.2);padding: 1.5rem;border-radius: var(--border-radius);backdrop-filter: blur(10px)}.metric-highlight .metric-value{display: block;font-size: 3rem;font-weight: 700;line-height: 1;margin-bottom: 0.5rem}.metric-highlight .metric-label{font-size: 1rem;font-weight: 500;opacity: 0.9}.case-content{padding: 3rem}.case-section{margin-bottom: 3rem}.case-section h4{color: var(--primary-blue);font-size: 1.5rem;margin-bottom: 1.5rem;position: relative;padding-left: 1.5rem}.case-section h4::before{content: '';position: absolute;left: 0;top: 0.5rem;width: 4px;height: 1.5rem;background: var(--secondary-gold);border-radius: 2px}.case-section p{font-size: 1.1rem;line-height: 1.7;margin-bottom: 1.5rem}.challenge-stats{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem;margin-top: 2rem}.challenge-stats .stat{text-align: center;padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius)}.stat-number{display: block;font-size: 2rem;font-weight: 700;color: var(--primary-blue);margin-bottom: 0.5rem}.stat-label{font-size: 0.9rem;color: var(--text-light);font-weight: 500}.solution-components{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-top: 2rem}.component{background: var(--light-blue);padding: 2rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.component h5{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.2rem}.component p{margin: 0;line-height: 1.6}.results-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-top: 2rem}.result-item{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius)}.result-item h5{color: var(--primary-blue);margin-bottom: 1.5rem;text-align: center}.result-chart{margin: 1.5rem 0}.before-after{display: flex;align-items: center;justify-content: space-between;gap: 1rem}.before,.after{text-align: center;flex: 1}.before{opacity: 0.7}.before .period,.after .period{display: block;font-size: 0.9rem;color: var(--text-light);margin-bottom: 0.5rem}.before .value,.after .value{display: block;font-size: 1.5rem;font-weight: 700;color: var(--primary-blue)}.arrow{font-size: 1.5rem;color: var(--secondary-gold);font-weight: bold}.metrics-list{display: grid;gap: 1rem}.metric{display: flex;justify-content: space-between;align-items: center;padding: 1rem;background: var(--white);border-radius: var(--border-radius)}.metric-name{font-weight: 600;color: var(--text-dark)}.metric-result{font-weight: 700;color: var(--primary-blue)}.key-achievements{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem;margin-top: 2rem}.achievement{text-align: center;padding: 2rem;background: var(--light-blue);border-radius: var(--border-radius);border-top: 4px solid var(--secondary-gold)}.achievement h5{color: var(--primary-blue);font-size: 1.5rem;margin-bottom: 1rem}.achievement p{margin: 0;color: var(--text-light)}.outcome-metrics{display: flex;justify-content: space-around;margin-top: 2rem;flex-wrap: wrap;gap: 2rem}.outcome{text-align: center}.outcome-number{display: block;font-size: 2.5rem;font-weight: 700;color: var(--primary-blue);line-height: 1;margin-bottom: 0.5rem}.outcome-label{font-size: 0.9rem;color: var(--text-light);font-weight: 500}.fashion-results{display: grid;gap: 2rem;margin-top: 2rem}.result-category{padding: 1.5rem;background: var(--light-blue);border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.result-category h5{color: var(--primary-blue);margin-bottom: 1rem}.result-category p{margin: 0;line-height: 1.6}.case-testimonial{background: var(--light-blue);padding: 3rem;border-radius: var(--border-radius);text-align: center;margin-top: 3rem;position: relative}.case-testimonial::before{content: '"';position: absolute;top: -20px;left: 50%;transform: translateX(-50%);font-size: 5rem;color: var(--secondary-gold);line-height: 1}.case-testimonial blockquote{font-size: 1.25rem;line-height: 1.6;font-style: italic;color: var(--text-dark);margin: 0 0 2rem 0;max-width: 800px;margin-left: auto;margin-right: auto}.case-testimonial cite{display: block;text-align: center}.case-testimonial cite strong{display: block;font-size: 1.1rem;color: var(--primary-blue);margin-bottom: 0.5rem}.case-testimonial cite span{color: var(--text-light);font-size: 0.95rem}/* Success Metrics Summary */.success-metrics-summary{padding: var(--section-padding);background: var(--white)}.metrics-dashboard{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 3rem;margin-bottom: 4rem}.industry-breakdown{text-align: center;margin-top: 4rem}.industry-breakdown h3{color: var(--primary-blue);margin-bottom: 2rem}.industry-results{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem;margin-top: 2rem}.industry-result{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition)}.industry-result:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.industry-result h4{color: var(--primary-blue);margin-bottom: 1rem}.result-stats{display: flex;flex-direction: column;gap: 0.5rem}.result-stats .stat{font-size: 0.9rem;color: var(--text-light);font-weight: 500}/* Client Testimonials */.client-testimonials{padding: var(--section-padding);background: var(--light-gray)}.testimonials-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 2rem;margin-top: 3rem}.testimonial-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition);position: relative}.testimonial-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.testimonial-card::before{content: '"';position: absolute;top: -10px;left: 2rem;font-size: 3rem;color: var(--secondary-gold);line-height: 1}.testimonial-content{margin-bottom: 2rem}.testimonial-content blockquote{font-size: 1.1rem;line-height: 1.6;font-style: italic;margin: 0;color: var(--text-dark)}.testimonial-author{margin-bottom: 1.5rem}.testimonial-author strong{display: block;color: var(--primary-blue);margin-bottom: 0.25rem}.testimonial-author span{color: var(--text-light);font-size: 0.9rem}.testimonial-metric{text-align: center;padding: 1rem;background: var(--light-blue);border-radius: var(--border-radius)}.testimonial-metric .metric-value{display: block;font-size: 2rem;font-weight: 700;color: var(--primary-blue);line-height: 1;margin-bottom: 0.25rem}.testimonial-metric .metric-label{font-size: 0.9rem;color: var(--text-light);font-weight: 500}/* Case Studies CTA */.case-studies-cta{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);text-align: center}.case-studies-cta .cta-content h2{font-size: 2.5rem;margin-bottom: 1.5rem}.case-studies-cta .cta-content p{font-size: 1.2rem;line-height: 1.6;margin-bottom: 2.5rem;opacity: 0.95;max-width: 800px;margin-left: auto;margin-right: auto}/* Responsive Design for Case Studies */@media (max-width: 768px){.case-header{flex-direction: column;text-align: center;gap: 1.5rem}.company-info h3{font-size: 1.5rem}.case-content{padding: 2rem}.challenge-stats{grid-template-columns: 1fr;gap: 1rem}.solution-components{grid-template-columns: 1fr}.results-grid{grid-template-columns: 1fr}.before-after{flex-direction: column;gap: 1rem}.arrow{transform: rotate(90deg)}.key-achievements{grid-template-columns: 1fr}.outcome-metrics{flex-direction: column;align-items: center}.metrics-dashboard{grid-template-columns: 1fr}.industry-results{grid-template-columns: 1fr}.testimonials-grid{grid-template-columns: 1fr}.case-studies-cta .cta-content h2{font-size: 2rem}}/* News Page Styles *//* Featured Articles */.featured-articles{padding: var(--section-padding);background: var(--light-gray)}.articles-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 2rem;margin-top: 3rem}.article-card{background: var(--white);border-radius: var(--border-radius);box-shadow: var(--box-shadow);overflow: hidden;transition: var(--transition)}.article-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.article-card.featured{grid-column: span 2;border: 2px solid var(--secondary-gold)}.article-image{height: 200px;background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);position: relative;display: flex;align-items: center;justify-content: center}.article-card.featured .article-image{height: 250px}.article-category{position: absolute;top: 1rem;left: 1rem;background: var(--secondary-gold);color: var(--white);padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.85rem;font-weight: 600}.article-date{position: absolute;top: 1rem;right: 1rem;background: rgba(255,255,255,0.2);color: var(--white);padding: 0.5rem 1rem;border-radius: 20px;font-size: 0.85rem;backdrop-filter: blur(10px)}.article-content{padding: 2rem}.article-card.featured .article-content{padding: 2.5rem}.article-content h3{color: var(--primary-blue);font-size: 1.3rem;line-height: 1.3;margin-bottom: 1rem}.article-card.featured .article-content h3{font-size: 1.6rem}.article-content p{line-height: 1.6;margin-bottom: 1.5rem;color: var(--text-light)}.article-highlights{background: var(--light-blue);padding: 1.5rem;border-radius: var(--border-radius);margin: 1.5rem 0;border-left: 4px solid var(--secondary-gold)}.article-highlights h4{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1rem}.article-highlights ul{list-style: none;padding: 0;margin: 0}.article-highlights li{padding: 0.25rem 0;padding-left: 1.5rem;position: relative;color: var(--text-light);font-size: 0.9rem}.article-highlights li::before{content: '•';position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}.article-meta{display: flex;justify-content: space-between;align-items: center;padding-top: 1.5rem;border-top: 1px solid var(--light-gray)}.reading-time{color: var(--text-light);font-size: 0.9rem}.read-more{color: var(--primary-blue);font-weight: 600;text-decoration: none;transition: var(--transition)}.read-more:hover{color: var(--secondary-gold)}/* Industry Categories */.industry-categories{padding: var(--section-padding);background: var(--white)}.categories-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-top: 3rem}.category-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition);border-top: 4px solid var(--secondary-gold)}.category-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow)}.category-icon{width: 80px;height: 80px;background: var(--primary-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.category-icon svg{width: 40px;height: 40px;fill: var(--white)}.category-card h3{color: var(--primary-blue);margin-bottom: 1rem}.category-card p{line-height: 1.6;margin-bottom: 1.5rem;color: var(--text-light)}.category-stats{display: flex;justify-content: space-between;margin-bottom: 1.5rem;font-size: 0.85rem}.category-stats .stat{color: var(--text-light);font-weight: 500}.category-link{color: var(--primary-blue);font-weight: 600;text-decoration: none;transition: var(--transition)}.category-link:hover{color: var(--secondary-gold)}/* Recent Updates Timeline */.recent-updates{padding: var(--section-padding);background: var(--light-gray)}.updates-timeline{margin-top: 3rem;position: relative}.updates-timeline::before{content: '';position: absolute;left: 60px;top: 0;bottom: 0;width: 2px;background: var(--secondary-gold)}.timeline-item{display: flex;margin-bottom: 3rem;position: relative}.timeline-item::before{content: '';position: absolute;left: 52px;top: 20px;width: 18px;height: 18px;background: var(--secondary-gold);border-radius: 50%;border: 3px solid var(--white);z-index: 2}.timeline-date{width: 80px;text-align: center;margin-right: 2rem}.timeline-date .date{display: block;font-size: 1.2rem;font-weight: 700;color: var(--primary-blue);line-height: 1}.timeline-date .year{font-size: 0.9rem;color: var(--text-light)}.timeline-content{flex: 1;background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition)}.timeline-content:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg)}.timeline-content h4{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.2rem}.timeline-content p{line-height: 1.6;margin-bottom: 1rem;color: var(--text-light)}.timeline-meta{display: flex;gap: 1rem;align-items: center}.timeline-meta .category{background: var(--light-blue);color: var(--primary-blue);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600}.timeline-meta .impact{padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600}.timeline-meta .impact[class*="High"]{background: #fef2f2;color: #dc2626}.timeline-meta .impact[class*="Medium"]{background: #fef3c7;color: #d97706}.timeline-meta .impact[class*="Low"]{background: #f0fdf4;color: #16a34a}/* Newsletter Signup */.newsletter-signup{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white)}.newsletter-content{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center}.newsletter-text h2{font-size: 2.5rem;margin-bottom: 1.5rem;line-height: 1.2}.newsletter-text p{font-size: 1.1rem;line-height: 1.6;margin-bottom: 2rem;opacity: 0.95}.newsletter-benefits{display: grid;gap: 1rem}.benefit{display: flex;align-items: center;gap: 1rem}.benefit svg{width: 24px;height: 24px;fill: var(--secondary-gold);flex-shrink: 0}.benefit span{font-weight: 500}.newsletter-form{background: rgba(255,255,255,0.1);padding: 2.5rem;border-radius: var(--border-radius);backdrop-filter: blur(10px)}.newsletter-signup-form{display: grid;gap: 1.5rem}.newsletter-signup-form .form-group{position: relative}.newsletter-signup-form input,.newsletter-signup-form select{width: 100%;padding: 1rem;border: 2px solid rgba(255,255,255,0.3);border-radius: var(--border-radius);background: rgba(255,255,255,0.1);color: var(--white);font-size: 1rem;transition: var(--transition)}.newsletter-signup-form input::placeholder{color: rgba(255,255,255,0.7)}.newsletter-signup-form input:focus,.newsletter-signup-form select:focus{outline: none;border-color: var(--secondary-gold);background: rgba(255,255,255,0.2)}.newsletter-signup-form select option{background: var(--primary-blue);color: var(--white)}.newsletter-signup-form label{position: absolute;top: -0.5rem;left: 1rem;background: var(--primary-blue);color: var(--white);padding: 0 0.5rem;font-size: 0.85rem;font-weight: 500}.newsletter-submit{background: var(--secondary-gold);color: var(--white);border: none;padding: 1rem 2rem;border-radius: var(--border-radius);font-size: 1rem;font-weight: 600;cursor: pointer;transition: var(--transition)}.newsletter-submit:hover{background: #e8980b;transform: translateY(-2px)}.newsletter-disclaimer{margin-top: 1rem;font-size: 0.85rem;opacity: 0.8;text-align: center}/* Related Resources */.related-resources{padding: var(--section-padding);background: var(--white)}.resources-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-top: 3rem}.resource-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center;transition: var(--transition);border: 1px solid transparent}.resource-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow);border-color: var(--secondary-gold)}.resource-icon{width: 80px;height: 80px;background: var(--primary-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.resource-icon svg{width: 40px;height: 40px;fill: var(--white)}.resource-card h3{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.3rem}.resource-card p{line-height: 1.6;margin-bottom: 1.5rem;color: var(--text-light)}.resource-meta{display: flex;justify-content: space-between;margin-bottom: 1.5rem;font-size: 0.85rem}.resource-type{background: var(--light-blue);color: var(--primary-blue);padding: 0.25rem 0.75rem;border-radius: 15px;font-weight: 600}.resource-size{color: var(--text-light);font-weight: 500}.resource-download{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;transition: var(--transition);display: inline-block}.resource-download:hover{background: var(--secondary-gold);transform: translateY(-2px)}/* News CTA */.news-cta{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);text-align: center}.news-cta .cta-content h2{font-size: 2.5rem;margin-bottom: 1.5rem}.news-cta .cta-content p{font-size: 1.2rem;line-height: 1.6;margin-bottom: 2.5rem;opacity: 0.95;max-width: 800px;margin-left: auto;margin-right: auto}/* Responsive Design for News */@media (max-width: 768px){.article-card.featured{grid-column: span 1}.articles-grid{grid-template-columns: 1fr}.categories-grid{grid-template-columns: 1fr}.category-stats{flex-direction: column;gap: 0.5rem;text-align: center}.updates-timeline::before{left: 30px}.timeline-item::before{left: 22px}.timeline-date{width: 50px;margin-right: 1rem}.timeline-content{padding: 1.5rem}.newsletter-content{grid-template-columns: 1fr;gap: 2rem}.newsletter-text h2{font-size: 2rem}.newsletter-form{padding: 2rem}.resources-grid{grid-template-columns: 1fr}.resource-meta{flex-direction: column;gap: 0.5rem;text-align: center}.news-cta .cta-content h2{font-size: 2rem}}/* ====================================CONTACT PAGE STYLES==================================== *//* Contact Form Section */.contact-form-section{padding: var(--section-padding);background: var(--light-gray)}.contact-layout{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.contact-form-container{background: var(--white);padding: 3rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.form-header{margin-bottom: 2.5rem}.form-header h2{color: var(--primary-blue);font-size: 2rem;margin-bottom: 1rem}.contact-form{display: flex;flex-direction: column;gap: 1.5rem}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.form-group{position: relative;display: flex;flex-direction: column}.form-group input,.form-group select,.form-group textarea{width: 100%;padding: 1rem;border: 2px solid #e5e7eb;border-radius: var(--border-radius);font-size: 1rem;font-family: var(--font-body);transition: var(--transition);background: var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline: none;border-color: var(--primary-blue);box-shadow: 0 0 0 3px rgba(30,58,138,0.1)}.form-group label{position: absolute;top: 1rem;left: 1rem;color: var(--text-light);font-size: 1rem;transition: var(--transition);pointer-events: none;background: var(--white);padding: 0 0.25rem}.form-group input:focus + label,.form-group input:not(:placeholder-shown) + label,.form-group select:focus + label,.form-group select:not([value=""]) + label,.form-group textarea:focus + label,.form-group textarea:not(:placeholder-shown) + label{top: -0.5rem;left: 0.75rem;font-size: 0.875rem;color: var(--primary-blue);font-weight: 500}.form-checkbox{display: flex;align-items: flex-start;gap: 0.75rem;margin: 1rem 0}.form-checkbox input[type="checkbox"]{margin-top: 0.25rem;transform: scale(1.2)}.form-checkbox label{font-size: 0.95rem;line-height: 1.5;color: var(--text-dark)}.form-submit{background: var(--primary-blue);color: var(--white);padding: 1rem 2rem;border: none;border-radius: var(--border-radius);font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: var(--transition);margin-top: 1rem}.form-submit:hover{background: var(--secondary-gold);transform: translateY(-2px)}.form-note{margin-top: 1.5rem;padding: 1rem;background: var(--light-blue);border-radius: var(--border-radius);font-size: 0.9rem;color: var(--text-light)}/* Contact Info Container */.contact-info-container{display: flex;flex-direction: column;gap: 2rem}.contact-info-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.contact-info-card h3{color: var(--primary-blue);margin-bottom: 1.5rem;font-size: 1.3rem}.contact-details{display: flex;flex-direction: column;gap: 1.5rem}.contact-item{display: flex;align-items: flex-start;gap: 1rem}.contact-icon{width: 40px;height: 40px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0}.contact-icon svg{width: 20px;height: 20px;fill: var(--primary-blue)}.contact-text h4{color: var(--text-dark);font-size: 1.1rem;margin-bottom: 0.5rem}.contact-text p{color: var(--text-light);margin-bottom: 0.25rem}.contact-note{font-size: 0.85rem;color: var(--medium-gray);font-style: italic}/* Specialised Contacts */.specialised-contacts{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.specialised-contacts h3{color: var(--primary-blue);margin-bottom: 1.5rem;font-size: 1.3rem}.specialist-contacts-grid{display: grid;gap: 1.5rem}.specialist-contact{padding: 1rem;border: 1px solid #e5e7eb;border-radius: var(--border-radius);transition: var(--transition)}.specialist-contact:hover{border-color: var(--primary-blue);box-shadow: var(--box-shadow)}.specialist-contact h4{color: var(--text-dark);font-size: 1rem;margin-bottom: 0.5rem}.specialist-contact p{color: var(--primary-blue);font-weight: 600;margin-bottom: 0.25rem}.specialist-contact span{font-size: 0.85rem;color: var(--text-light)}/* Office Locations */.office-locations{padding: var(--section-padding);background: var(--white)}.locations-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 2rem}.location-card{background: var(--light-gray);border-radius: var(--border-radius);padding: 2rem;box-shadow: var(--box-shadow)}.location-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem}.location-header h3{color: var(--primary-blue);font-size: 1.5rem}.location-badge{background: var(--secondary-gold);color: var(--white);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600}.location-details{display: flex;flex-direction: column;gap: 1.5rem}.location-info h4{color: var(--text-dark);font-size: 1.1rem;margin-bottom: 0.5rem}.location-info p{color: var(--text-light);line-height: 1.6}.location-info ul{color: var(--text-light);padding-left: 1.25rem}.location-info li{margin-bottom: 0.25rem}/* Contact FAQ */.contact-faq{padding: var(--section-padding);background: var(--light-gray)}.faq-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 2rem}.faq-item{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.faq-item h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 1rem}.faq-item p{color: var(--text-light);line-height: 1.6}/* Contact CTA */.contact-cta{padding: var(--section-padding);background: linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);color: var(--white);text-align: center}.contact-cta .cta-content h2{font-size: 2.5rem;margin-bottom: 1.5rem;color: var(--white)}.contact-cta .cta-content p{font-size: 1.2rem;line-height: 1.6;margin-bottom: 2.5rem;opacity: 0.95;max-width: 800px;margin-left: auto;margin-right: auto;color: var(--white)}/* ====================================CAREERS PAGE STYLES==================================== *//* Why Work With Us */.why-work-with-us{padding: var(--section-padding);background: var(--light-gray)}.benefits-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.benefit-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.benefit-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.benefit-icon{width: 60px;height: 60px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.benefit-icon svg{width: 30px;height: 30px;fill: var(--primary-blue)}.benefit-card h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.benefit-card p{color: var(--text-light);line-height: 1.6}/* Current Openings */.current-openings{padding: var(--section-padding);background: var(--white)}.openings-filter{margin-bottom: 3rem;text-align: center}.filter-tabs{display: inline-flex;background: var(--light-gray);border-radius: var(--border-radius);padding: 0.25rem;gap: 0.25rem}.filter-tab{padding: 0.75rem 1.5rem;border: none;background: transparent;color: var(--text-light);font-weight: 500;border-radius: var(--border-radius);cursor: pointer;transition: var(--transition)}.filter-tab.active,.filter-tab:hover{background: var(--primary-blue);color: var(--white)}.jobs-list{display: flex;flex-direction: column;gap: 2rem}.job-card{background: var(--white);border: 1px solid #e5e7eb;border-radius: var(--border-radius);padding: 2rem;box-shadow: var(--box-shadow);transition: var(--transition)}.job-card:hover{border-color: var(--primary-blue);box-shadow: var(--box-shadow-lg)}.job-header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 1.5rem}.job-title-info h3{color: var(--primary-blue);font-size: 1.4rem;margin-bottom: 0.5rem}.job-meta{display: flex;gap: 1rem;flex-wrap: wrap}.job-meta span{background: var(--light-gray);color: var(--text-dark);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.85rem;font-weight: 500}.job-salary{background: var(--light-blue);color: var(--primary-blue);padding: 0.5rem 1rem;border-radius: var(--border-radius);font-weight: 600;font-size: 1.1rem}.job-content p{color: var(--text-light);line-height: 1.6;margin-bottom: 1.5rem}.job-requirements{margin-bottom: 2rem}.job-requirements h4{color: var(--text-dark);font-size: 1.1rem;margin-bottom: 0.75rem}.job-requirements ul{color: var(--text-light);padding-left: 1.25rem}.job-requirements li{margin-bottom: 0.5rem;line-height: 1.5}.job-actions{display: flex;gap: 1rem}.apply-btn{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border: none;border-radius: var(--border-radius);font-weight: 600;cursor: pointer;transition: var(--transition)}.apply-btn:hover{background: var(--secondary-gold);transform: translateY(-2px)}.details-btn{background: transparent;color: var(--primary-blue);padding: 0.75rem 1.5rem;border: 2px solid var(--primary-blue);border-radius: var(--border-radius);font-weight: 600;cursor: pointer;transition: var(--transition)}.details-btn:hover{background: var(--primary-blue);color: var(--white)}/* Company Culture */.company-culture{padding: var(--section-padding);background: var(--light-gray)}.culture-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.culture-card{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.culture-icon{width: 60px;height: 60px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.culture-icon svg{width: 30px;height: 30px;fill: var(--primary-blue)}.culture-card h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.culture-card p{color: var(--text-light);line-height: 1.6}/* Application Process */.application-process{padding: var(--section-padding);background: var(--white)}.process-steps{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem}.process-step{position: relative;background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center}.step-number{position: absolute;top: -1rem;left: 50%;transform: translateX(-50%);width: 2rem;height: 2rem;background: var(--primary-blue);color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 1.1rem}.step-content h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 1rem;margin-top: 1rem}.step-content p{color: var(--text-light);line-height: 1.6}/* Student Opportunities */.student-opportunities{padding: var(--section-padding);background: var(--light-gray)}.programs-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 2rem}.program-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.program-card h3{color: var(--primary-blue);font-size: 1.4rem;margin-bottom: 1rem}.program-card p{color: var(--text-light);line-height: 1.6;margin-bottom: 1.5rem}.program-features{margin-bottom: 1.5rem}.feature{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem}.feature svg{width: 16px;height: 16px;fill: var(--secondary-gold);flex-shrink: 0}.feature span{color: var(--text-light);font-size: 0.95rem}.program-requirements{background: var(--light-gray);padding: 1rem;border-radius: var(--border-radius);margin-bottom: 1.5rem;font-size: 0.9rem;color: var(--text-light)}.program-apply{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;display: inline-block;transition: var(--transition)}.program-apply:hover{background: var(--secondary-gold);transform: translateY(-2px)}/* Contact HR */.contact-hr{padding: var(--section-padding);background: var(--white)}.contact-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center}.contact-text h2{color: var(--primary-blue);font-size: 2rem;margin-bottom: 1.5rem}.contact-text p{color: var(--text-light);line-height: 1.6;margin-bottom: 2rem}.contact-info{display: flex;flex-direction: column;gap: 1rem}.contact-cta{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);text-align: center}.contact-cta h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.contact-cta p{color: var(--text-light);margin-bottom: 1.5rem}.cta-button{background: var(--primary-blue);color: var(--white);padding: 1rem 2rem;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;display: inline-block;transition: var(--transition)}.cta-button:hover{background: var(--secondary-gold);transform: translateY(-2px);color: var(--white)}/* ====================================PARTNERS PAGE STYLES==================================== *//* Partnership Philosophy */.partnership-philosophy{padding: var(--section-padding);background: var(--light-gray)}.philosophy-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center}.philosophy-text h2{color: var(--primary-blue);font-size: 2rem;margin-bottom: 1.5rem}.philosophy-text p{color: var(--text-light);line-height: 1.6;margin-bottom: 2rem}.philosophy-principles{display: flex;flex-direction: column;gap: 1rem}.principle{display: flex;align-items: center;gap: 0.75rem}.principle svg{width: 16px;height: 16px;fill: var(--secondary-gold);flex-shrink: 0}.principle span{color: var(--text-light);font-size: 0.95rem}.philosophy-stats{display: flex;flex-direction: column;gap: 2rem}.stat-highlight{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.stat-highlight h3{color: var(--primary-blue);font-size: 2rem;margin-bottom: 0.5rem}.stat-highlight p{color: var(--text-light);font-size: 0.9rem;margin: 0}/* Partner Categories */.partner-categories{padding: var(--section-padding);background: var(--white)}.category-section{margin-bottom: 4rem}.category-header{display: flex;align-items: center;gap: 1rem;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 2px solid var(--light-gray)}.category-icon{width: 50px;height: 50px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center}.category-icon svg{width: 25px;height: 25px;fill: var(--primary-blue)}.category-header h3{color: var(--primary-blue);font-size: 1.5rem;margin-bottom: 0.5rem}.category-header p{color: var(--text-light);margin: 0}.partners-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,1fr));gap: 2rem}.partner-card{background: var(--light-gray);border-radius: var(--border-radius);padding: 2rem;box-shadow: var(--box-shadow);transition: var(--transition)}.partner-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.partner-logo{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 1.5rem}.partner-badge{background: var(--secondary-gold);color: var(--white);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 600}.partner-logo h4{color: var(--primary-blue);font-size: 1.3rem;margin: 0}.partner-info p{color: var(--text-light);line-height: 1.6;margin-bottom: 1.5rem}.partner-benefits{display: flex;flex-wrap: wrap;gap: 0.5rem}.benefit{background: var(--light-blue);color: var(--primary-blue);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 500}/* Partner Success Stories */.partner-success{padding: var(--section-padding);background: var(--light-gray)}.success-stories{display: grid;grid-template-columns: repeat(auto-fit,minmax(400px,1fr));gap: 2rem}.story-card{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.story-quote{margin-bottom: 2rem}.story-quote p{color: var(--text-light);font-size: 1.1rem;line-height: 1.6;font-style: italic;position: relative}.story-quote p::before{content: '"';font-size: 3rem;color: var(--light-blue);position: absolute;top: -1rem;left: -1rem}.story-author{display: flex;justify-content: space-between;align-items: flex-end}.author-info h4{color: var(--text-dark);font-size: 1.1rem;margin-bottom: 0.25rem}.author-info p{color: var(--text-light);font-size: 0.9rem;margin: 0}.story-results{display: flex;flex-direction: column;gap: 1rem;text-align: right}.result h5{color: var(--primary-blue);font-size: 1.5rem;margin-bottom: 0.25rem}.result span{color: var(--text-light);font-size: 0.8rem}/* Become a Partner */.become-partner{padding: var(--section-padding);background: var(--white)}.partner-cta-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: start}.partner-cta-text h2{color: var(--primary-blue);font-size: 2rem;margin-bottom: 1.5rem}.partner-cta-text p{color: var(--text-light);line-height: 1.6;margin-bottom: 2rem}.partner-types{display: flex;flex-direction: column;gap: 1.5rem}.partner-type{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius)}.partner-type h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 0.5rem}.partner-type p{color: var(--text-light);font-size: 0.9rem;margin: 0}.partner-cta-form{position: sticky;top: 2rem}.cta-box{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.cta-box h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.cta-box p{color: var(--text-light);margin-bottom: 1.5rem}.partner-inquiry-form{display: flex;flex-direction: column;gap: 1rem}.partner-submit{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border: none;border-radius: var(--border-radius);font-weight: 600;cursor: pointer;transition: var(--transition)}.partner-submit:hover{background: var(--secondary-gold);transform: translateY(-2px)}/* Partner Benefits */.partner-benefits{padding: var(--section-padding);background: var(--light-gray)}.benefits-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.benefit-item{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.benefit-icon{width: 60px;height: 60px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.benefit-icon svg{width: 30px;height: 30px;fill: var(--primary-blue)}.benefit-item h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.benefit-item p{color: var(--text-light);line-height: 1.6}/* ====================================PRIVACY & TERMS PAGE STYLES==================================== *//* Policy Meta */.policy-meta{display: flex;gap: 2rem;margin-top: 1rem}.meta-item{color: var(--text-light);font-size: 0.9rem}/* Privacy/Terms Layout */.privacy-content,.terms-content{padding: var(--section-padding);background: var(--white)}.privacy-layout,.terms-layout{display: grid;grid-template-columns: 250px 1fr;gap: 3rem;align-items: start}/* Table of Contents Navigation */.privacy-nav,.terms-nav{position: sticky;top: 6rem;background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.privacy-nav h3,.terms-nav h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 1rem}.privacy-toc,.terms-toc{list-style: none;padding: 0}.privacy-toc li,.terms-toc li{margin-bottom: 0.5rem}.privacy-toc a,.terms-toc a{color: var(--text-light);text-decoration: none;font-size: 0.9rem;display: block;padding: 0.5rem 0;border-bottom: 1px solid transparent;transition: var(--transition)}.privacy-toc a:hover,.terms-toc a:hover{color: var(--primary-blue);border-bottom-color: var(--primary-blue)}/* Privacy/Terms Main Content */.privacy-main,.terms-main{max-width: none}.privacy-section,.terms-section{margin-bottom: 3rem;padding-bottom: 2rem;border-bottom: 1px solid var(--light-gray)}.privacy-section:last-child,.terms-section:last-child{border-bottom: none}.privacy-section h2,.terms-section h2{color: var(--primary-blue);font-size: 1.8rem;margin-bottom: 1.5rem}.privacy-section h3,.terms-section h3{color: var(--text-dark);font-size: 1.3rem;margin-bottom: 1rem;margin-top: 2rem}.privacy-section h4,.terms-section h4{color: var(--text-dark);font-size: 1.1rem;margin-bottom: 0.75rem;margin-top: 1.5rem}.privacy-section p,.terms-section p{color: var(--text-light);line-height: 1.7;margin-bottom: 1rem}.privacy-section ul,.terms-section ul{color: var(--text-light);padding-left: 1.5rem;margin-bottom: 1rem}.privacy-section li,.terms-section li{margin-bottom: 0.5rem;line-height: 1.6}/* Special Styled Sections */.info-categories,.usage-purposes,.sharing-categories,.transfer-info,.security-measures,.services-list,.obligations-grid,.payment-terms,.liability-limits{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin: 2rem 0}.info-category,.purpose-category,.sharing-category,.transfer-region,.security-category,.service-category,.obligation-category,.payment-term,.liability-section{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius)}.info-category h4,.purpose-category h3,.sharing-category h3,.transfer-region h3,.security-category h3,.service-category h3,.obligation-category h3,.payment-term h4,.liability-section h4{color: var(--primary-blue);font-size: 1.1rem;margin-bottom: 1rem}.transfer-safeguards,.rights-exercise{background: var(--light-blue);padding: 2rem;border-radius: var(--border-radius);margin: 2rem 0}.privacy-notice,.security-notice,.service-disclaimer{background: var(--secondary-gold);color: var(--white);padding: 1.5rem;border-radius: var(--border-radius);margin: 2rem 0}.privacy-notice h4,.security-notice h4{color: var(--white);margin-bottom: 0.75rem}.privacy-notice p,.security-notice p{color: var(--white);opacity: 0.95}/* Rights Grid */.rights-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 1.5rem;margin: 2rem 0}.right-item{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius);text-align: center}.right-item h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 0.75rem}.right-item p{color: var(--text-light);font-size: 0.9rem;margin: 0}/* Cookie Types */.cookies-info{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 1.5rem;margin: 2rem 0}.cookie-type{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius);border-left: 4px solid var(--primary-blue)}.cookie-type h3{color: var(--primary-blue);font-size: 1.1rem;margin-bottom: 0.75rem}.cookie-type p{color: var(--text-light);font-size: 0.9rem;margin: 0}/* Retention Periods */.retention-periods{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 1.5rem;margin: 2rem 0}.retention-category{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius)}.retention-category h3{color: var(--primary-blue);font-size: 1.1rem;margin-bottom: 0.75rem}.retention-category p{color: var(--text-light);font-size: 0.9rem;margin: 0}/* Contact Details */.contact-details{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin: 2rem 0}.contact-method{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius)}.contact-method h3{color: var(--primary-blue);font-size: 1.2rem;margin-bottom: 1rem}.contact-method p{color: var(--text-light);line-height: 1.6;margin: 0}/* Definitions List */.definitions-list{display: flex;flex-direction: column;gap: 1.5rem;margin: 2rem 0}.definition-item{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.definition-item h3{color: var(--primary-blue);font-size: 1.1rem;margin-bottom: 0.75rem}.definition-item p{color: var(--text-light);margin: 0;line-height: 1.6}/* ====================================ENHANCED RESOURCES PAGE STYLES==================================== *//* Featured Resources */.featured-resources{padding: var(--section-padding);background: var(--white)}.resource-card.featured{background: linear-gradient(135deg,var(--light-blue) 0%,var(--white) 100%);border: 2px solid var(--primary-blue);padding: 3rem}.resource-highlights{margin: 1.5rem 0}.highlight{background: var(--white);padding: 1rem;border-radius: var(--border-radius);margin-bottom: 1rem}.highlight h4{color: var(--primary-blue);font-size: 1rem;margin-bottom: 0.75rem}.highlight ul{color: var(--text-light);padding-left: 1.25rem}.highlight li{margin-bottom: 0.25rem}.highlight-item{display: flex;align-items: center;gap: 0.75rem;margin-bottom: 0.75rem}.highlight-item svg{width: 16px;height: 16px;fill: var(--secondary-gold);flex-shrink: 0}.highlight-item span{color: var(--text-light);font-size: 0.95rem}.resource-updated,.resource-size,.resource-type{font-size: 0.85rem;color: var(--text-light)}/* Resource Categories */.resource-categories{padding: var(--section-padding);background: var(--light-gray)}.categories-grid{display: flex;flex-direction: column;gap: 3rem}.category-section{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.category-resources{display: flex;flex-direction: column;gap: 1rem}.resource-item{background: var(--light-gray);padding: 1.5rem;border-radius: var(--border-radius);border-left: 4px solid var(--primary-blue)}.resource-item h4{color: var(--primary-blue);font-size: 1.1rem;margin-bottom: 0.5rem}.resource-item p{color: var(--text-light);font-size: 0.9rem;margin-bottom: 1rem}.resource-details{display: flex;justify-content: space-between;align-items: center}.type,.size{background: var(--light-blue);color: var(--primary-blue);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 500}.download-link{color: var(--primary-blue);font-weight: 600;text-decoration: none;font-size: 0.9rem}.download-link:hover{color: var(--secondary-gold)}/* Tools & Calculators */.tools-calculators{padding: var(--section-padding);background: var(--white)}.tools-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem}.tool-card{background: var(--light-gray);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.tool-card:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.tool-icon{width: 60px;height: 60px;background: var(--light-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem}.tool-icon svg{width: 30px;height: 30px;fill: var(--primary-blue)}.tool-card h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.tool-card p{color: var(--text-light);line-height: 1.6;margin-bottom: 1.5rem}.tool-features{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-bottom: 1.5rem}.feature{background: var(--light-blue);color: var(--primary-blue);padding: 0.25rem 0.75rem;border-radius: 15px;font-size: 0.8rem;font-weight: 500}.tool-launch{background: var(--primary-blue);color: var(--white);padding: 0.75rem 1.5rem;border-radius: var(--border-radius);text-decoration: none;font-weight: 600;display: inline-block;transition: var(--transition)}.tool-launch:hover{background: var(--secondary-gold);transform: translateY(-2px);color: var(--white)}/* Expert Consultation */.expert-consultation{padding: var(--section-padding);background: var(--light-gray)}.consultation-content{display: grid;grid-template-columns: 2fr 1fr;gap: 4rem;align-items: center}.consultation-text h2{color: var(--primary-blue);font-size: 2rem;margin-bottom: 1.5rem}.consultation-text p{color: var(--text-light);line-height: 1.6;margin-bottom: 2rem}.consultation-benefits{display: flex;flex-direction: column;gap: 1rem}.consultation-cta{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center}.consultation-cta h3{color: var(--primary-blue);font-size: 1.3rem;margin-bottom: 1rem}.consultation-cta p{color: var(--text-light);margin-bottom: 1.5rem}.consultation-note{font-size: 0.85rem;color: var(--medium-gray);margin-top: 1rem;font-style: italic}/* ====================================RESPONSIVE DESIGN FOR NEW PAGES==================================== */@media (max-width: 1024px){.contact-layout,.philosophy-content,.partner-cta-content,.contact-content,.consultation-content{grid-template-columns: 1fr;gap: 2rem}.privacy-layout,.terms-layout{grid-template-columns: 1fr;gap: 2rem}.privacy-nav,.terms-nav{position: static;order: -1}}@media (max-width: 768px){.form-row{grid-template-columns: 1fr}.job-header{flex-direction: column;align-items: flex-start;gap: 1rem}.job-actions{flex-direction: column}.apply-btn,.details-btn{width: 100%;text-align: center}.process-steps{grid-template-columns: 1fr}.programs-grid{grid-template-columns: 1fr}.story-author{flex-direction: column;align-items: flex-start;gap: 1rem}.story-results{flex-direction: row;text-align: left}.filter-tabs{flex-wrap: wrap;justify-content: center}.policy-meta{flex-direction: column;gap: 0.5rem}.locations-grid{grid-template-columns: 1fr}.faq-grid{grid-template-columns: 1fr}.partner-cta-form{position: static}.info-categories,.usage-purposes,.sharing-categories,.transfer-info,.security-measures,.services-list,.obligations-grid,.payment-terms,.liability-limits{grid-template-columns: 1fr}}@media (max-width: 480px){.benefits-grid,.culture-grid,.tools-grid{grid-template-columns: 1fr}.contact-form-container{padding: 2rem}.location-card{padding: 1.5rem}.partner-card{padding: 1.5rem}.story-card{padding: 2rem}.program-card{padding: 2rem}}/* ====================================IMPROVED RESPONSIVE GRID SYSTEMFix for 4K/Ultra-wide and Mobile==================================== *//* Override problematic auto-fit grids with explicit responsive breakpoints *//* 2-Column Grids (for smaller card layouts) */.benefits-grid,.culture-grid,.process-steps,.programs-grid,.locations-grid,.faq-grid,.tools-grid,.success-stories,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{display: grid;gap: 2rem;grid-template-columns: 1fr}/* 3-Column Grids (for main content sections) */.services-grid,.features-grid,.advantages-grid,.partners-grid,.resources-grid,.categories-grid .category-section,.info-categories,.usage-purposes,.sharing-categories,.transfer-info,.security-measures,.services-list,.obligations-grid,.payment-terms,.liability-limits{display: grid;gap: 2rem;grid-template-columns: 1fr}/* Tablet Breakpoint - 768px and up */@media (min-width: 768px){/* 2-Column for tablet */.benefits-grid,.culture-grid,.tools-grid,.locations-grid,.faq-grid,.success-stories,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{grid-template-columns: repeat(2,1fr)}/* Some grids stay single column on tablet for better readability */.process-steps,.programs-grid{grid-template-columns: 1fr}/* 3-Column grids get 2 columns on tablet */.services-grid,.features-grid,.advantages-grid,.resources-grid{grid-template-columns: repeat(2,1fr)}}/* Desktop Breakpoint - 1024px and up */@media (min-width: 1024px){/* 3-Column for desktop */.benefits-grid,.culture-grid,.tools-grid,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{grid-template-columns: repeat(3,1fr)}/* 2-Column for these specific layouts */.locations-grid,.faq-grid,.success-stories,.programs-grid{grid-template-columns: repeat(2,1fr)}/* Process steps get 3 columns */.process-steps{grid-template-columns: repeat(3,1fr)}/* Main content grids get 3 columns */.services-grid,.features-grid,.advantages-grid,.resources-grid,.partners-grid{grid-template-columns: repeat(3,1fr)}/* Some special layouts get 4 columns */.info-categories,.usage-purposes,.sharing-categories,.security-measures{grid-template-columns: repeat(2,1fr)}}/* Large Desktop Breakpoint - 1200px and up */@media (min-width: 1200px){/* Maximum 4 columns for ultra-wide screens */.benefits-grid,.culture-grid,.tools-grid,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{grid-template-columns: repeat(3,1fr);max-width: 1200px;margin: 0 auto}/* Keep services and advantages at 2 columns max */.services-grid,.features-grid,.advantages-grid{grid-template-columns: repeat(2,1fr) !important;max-width: 1200px;margin: 0 auto}/* Resources stay at 3 columns max for readability */.resources-grid{grid-template-columns: repeat(3,1fr);max-width: 1000px;margin: 0 auto}/* Partners grid max 3 columns */.partners-grid{grid-template-columns: repeat(3,1fr);max-width: 1100px;margin: 0 auto}}/* Ultra-wide Breakpoint - 1400px and up */@media (min-width: 1400px){/* Constrain all grids to prevent excessive width */.benefits-grid,.culture-grid,.tools-grid,.services-grid,.features-grid,.advantages-grid,.resources-grid,.partners-grid,.locations-grid,.faq-grid,.success-stories,.programs-grid,.process-steps,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{max-width: 1400px;margin: 0 auto}/* Never exceed 2 columns even on very wide screens */.services-grid,.features-grid,.advantages-grid{grid-template-columns: repeat(2,1fr) !important}/* Keep other grids at reasonable column counts */.benefits-grid,.culture-grid,.tools-grid,.resources-grid,.partners-grid{grid-template-columns: repeat(3,1fr)}}/* Mobile Optimizations */@media (max-width: 480px){/* All grids single column on mobile */.benefits-grid,.culture-grid,.tools-grid,.services-grid,.features-grid,.advantages-grid,.resources-grid,.partners-grid,.locations-grid,.faq-grid,.success-stories,.programs-grid,.process-steps,.partner-benefits .benefits-grid,.why-work-with-us .benefits-grid{grid-template-columns: 1fr !important;gap: 1.5rem}/* Reduce padding on mobile */.container{padding: 0 0.75rem}/* Improve card spacing on mobile */.benefit-card,.culture-card,.tool-card,.service-card,.feature-card,.advantage-card,.resource-card,.partner-card,.location-card,.faq-item,.story-card,.program-card{margin-bottom: 1rem}}/* Job Cards and Career Page Specific Fixes */.jobs-list{display: flex;flex-direction: column;gap: 1.5rem;max-width: 1200px;margin: 0 auto}.job-card{width: 100%;max-width: none}/* Contact Form Responsive Improvements */@media (max-width: 768px){.contact-layout{grid-template-columns: 1fr !important;gap: 2rem}.form-row{grid-template-columns: 1fr !important}.contact-form-container{padding: 2rem 1.5rem}}/* Hero Section with Background Image Enhancement */.hero-with-bg{background-image: url('../images/AU-CN copy 2.webp');background-size: cover;background-position: center center;background-repeat: no-repeat;position: relative;min-height: 80vh;display: flex;align-items: center}.hero-bg-overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(30,58,138,0.15),rgba(59,130,246,0.25));z-index: 1}.hero-with-bg .hero-container{position: relative;z-index: 2;width: 100%;max-width: var(--container-max-width);margin: 0 auto;padding: 0 2rem;display: flex;align-items: center;justify-content: flex-start}.hero-with-bg .hero-content{max-width: 50%;color: var(--white);text-align: left;text-shadow: 0 2px 4px rgba(0,0,0,0.5)}/* Hero Mobile Responsive */@media (max-width: 768px){.hero-with-bg .hero-container{justify-content: center;text-align: center}.hero-with-bg .hero-content{max-width: 90%;text-align: center}.hero-with-bg{background-position: center}}.hero-title{font-size: 3.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.1;text-shadow: 0 4px 8px rgba(0,0,0,0.7),0 2px 4px rgba(0,0,0,0.8);color: var(--white)}.hero-subtitle{font-size: 1.25rem;margin-bottom: 2.5rem;line-height: 1.6;opacity: 1;text-shadow: 0 2px 4px rgba(0,0,0,0.6),0 1px 2px rgba(0,0,0,0.7);color: var(--white)}.hero-actions{display: flex;gap: 1.5rem;justify-content: center;flex-wrap: wrap}.hero-cta{display: inline-flex;align-items: center;padding: 1rem 2rem;border-radius: 50px;font-weight: 600;text-decoration: none;transition: all 0.3s ease;font-size: 1.1rem;min-width: 200px;justify-content: center}.hero-cta-primary{background: var(--secondary-gold);color: var(--white);box-shadow: 0 4px 15px rgba(245,158,11,0.4)}.hero-cta-primary:hover{background: #d97706;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(245,158,11,0.5);color: var(--white)}.hero-cta-secondary{background: transparent;color: var(--white);border: 2px solid var(--white)}.hero-cta-secondary:hover{background: var(--white);color: var(--primary-blue);transform: translateY(-2px)}/* Modern Hero Section */.modern-hero{min-height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;background: linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%);margin-top: 4rem}.hero-background{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1}.hero-gradient{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(147,51,234,0.1) 50%,rgba(236,72,153,0.1) 100%)}.hero-pattern{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,0.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(147,51,234,0.1) 0%,transparent 50%);animation: patternFloat 20s ease-in-out infinite}@keyframes patternFloat{0%,100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(1deg)}}.hero-container{max-width: 1400px;margin: 0 auto;padding: 0 2rem;display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;position: relative;z-index: 2}.hero-content{color: white;text-align: left}.hero-badge{display: inline-flex;align-items: center;gap: 0.5rem;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,0.2);border-radius: 50px;padding: 0.5rem 1rem;font-size: 0.9rem;font-weight: 500;margin-bottom: 2rem;animation: fadeInUp 0.8s ease-out}.badge-icon{font-size: 1.2rem}.hero-title{font-size: 3.5rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;animation: fadeInUp 0.8s ease-out 0.2s both}.title-highlight{background: linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}.hero-subtitle{font-size: 1.25rem;line-height: 1.6;color: rgba(255,255,255,0.8);margin-bottom: 2rem;animation: fadeInUp 0.8s ease-out 0.4s both}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)}to{opacity: 1;transform: translateY(0)}}.hero-stats{display: flex;gap: 2rem;margin-bottom: 3rem;animation: fadeInUp 0.8s ease-out 0.6s both}.stat-item{text-align: center}.stat-number{font-size: 2.5rem;font-weight: 800;color: #3b82f6;line-height: 1;margin-bottom: 0.5rem}.stat-label{font-size: 0.9rem;color: rgba(255,255,255,0.7);font-weight: 500}.hero-actions{display: flex;gap: 1rem;animation: fadeInUp 0.8s ease-out 0.8s both}.modern-btn{display: inline-flex;align-items: center;gap: 0.5rem;padding: 1rem 2rem;border-radius: 50px;font-weight: 600;text-decoration: none;transition: all 0.3s ease;position: relative;overflow: hidden}.modern-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition: left 0.5s}.modern-btn:hover::before{left: 100%}.btn-primary{background: linear-gradient(135deg,#3b82f6,#8b5cf6);color: white;box-shadow: 0 10px 30px rgba(59,130,246,0.3)}.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 15px 40px rgba(59,130,246,0.4)}.btn-secondary{background: rgba(255,255,255,0.1);color: white;border: 2px solid rgba(255,255,255,0.3);backdrop-filter: blur(10px)}.btn-secondary:hover{background: rgba(255,255,255,0.2);border-color: rgba(255,255,255,0.5);transform: translateY(-2px)}.modern-btn svg{width: 20px;height: 20px;transition: transform 0.3s ease}.modern-btn:hover svg{transform: translateX(3px)}/* Hero Visual Elements */.hero-visual{position: relative;height: 600px;display: flex;align-items: center;justify-content: center}.visual-container{position: relative;width: 100%;height: 100%}.floating-card{position: absolute;background: rgba(255,255,255,0.1);backdrop-filter: blur(20px);border: 1px solid rgba(255,255,255,0.2);border-radius: 20px;padding: 1.5rem;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;animation: float 6s ease-in-out infinite;box-shadow: 0 20px 40px rgba(0,0,0,0.1)}.card-1{top: 10%;left: 10%;animation-delay: 0s}.card-2{top: 20%;right: 15%;animation-delay: 2s}.card-3{bottom: 15%;left: 20%;animation-delay: 4s}.card-icon{font-size: 2rem;margin-bottom: 0.5rem}.card-text{color: white;font-weight: 600;font-size: 0.9rem}@keyframes float{0%,100%{transform: translateY(0px) rotate(0deg)}50%{transform: translateY(-20px) rotate(2deg)}}.central-graphic{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}.globe-container{position: relative;width: 200px;height: 200px}.globe{width: 100%;height: 100%;background: linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius: 50%;position: relative;animation: rotate 20s linear infinite;box-shadow: 0 0 50px rgba(59,130,246,0.3)}.globe::before{content: '';position: absolute;top: 20%;left: 20%;width: 60%;height: 60%;background: rgba(255,255,255,0.1);border-radius: 50%;animation: pulse 3s ease-in-out infinite}@keyframes rotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}@keyframes pulse{0%,100%{opacity: 0.3;transform: scale(1)}50%{opacity: 0.6;transform: scale(1.1)}}.connection-line{position: absolute;background: linear-gradient(90deg,#3b82f6,transparent);height: 2px;border-radius: 1px;animation: lineGlow 3s ease-in-out infinite}.line-1{width: 150px;top: 30%;left: -75px;transform: rotate(-30deg);animation-delay: 0s}.line-2{width: 120px;top: 50%;right: -60px;transform: rotate(45deg);animation-delay: 1s}.line-3{width: 100px;bottom: 20%;left: -50px;transform: rotate(60deg);animation-delay: 2s}@keyframes lineGlow{0%,100%{opacity: 0.3;box-shadow: 0 0 5px rgba(59,130,246,0.3)}50%{opacity: 1;box-shadow: 0 0 20px rgba(59,130,246,0.8)}}/* Modern Hero Mobile Responsive */@media (max-width: 1024px){.hero-container{grid-template-columns: 1fr;gap: 3rem;text-align: center}.hero-title{font-size: 2.5rem}.hero-stats{justify-content: center}.hero-visual{height: 400px}.globe-container{width: 150px;height: 150px}.floating-card{padding: 1rem}}@media (max-width: 768px){.modern-hero{margin-top: 3rem;padding: 2rem 0}.hero-container{padding: 0 1rem;gap: 2rem}.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1.1rem}.hero-stats{flex-direction: column;gap: 1rem}.stat-number{font-size: 2rem}.hero-actions{flex-direction: column;align-items: center}.modern-btn{width: 100%;max-width: 300px;justify-content: center}.hero-visual{height: 300px}.floating-card{display: none}.globe-container{width: 120px;height: 120px}}/* Enhanced Service Cards with Links */.service-card-link{text-decoration: none;color: inherit;display: block;position: relative;overflow: hidden}.service-card-link:hover{color: inherit;text-decoration: none}.service-card-link .service-card{height: 100%;position: relative;transition: all 0.3s ease}.service-card-link:hover .service-card{transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0,0,0,0.15)}.service-learn-more{display: flex;align-items: center;gap: 0.5rem;margin-top: 1.5rem;padding-top: 1rem;border-top: 1px solid #e5e7eb;color: var(--primary-blue);font-weight: 600;transition: all 0.3s ease}.service-arrow{width: 18px;height: 18px;transition: transform 0.3s ease}.service-card-link:hover .service-learn-more{color: var(--accent-blue)}.service-card-link:hover .service-arrow{transform: translateX(5px)}.service-card-link:hover .service-icon{background: var(--secondary-gold);transform: scale(1.1)}.service-card-link:hover .service-title{color: var(--primary-blue)}/* Service card positioning improvements */.service-card{display: flex;flex-direction: column;height: 100%}.service-description{flex-grow: 1}.service-learn-more{margin-top: auto}/* Responsive adjustments for hero */@media (max-width: 768px){.hero-title{font-size: 2.5rem}.hero-subtitle{font-size: 1.1rem}.hero-actions{flex-direction: column;align-items: center}.hero-cta{min-width: 250px}.hero-container{padding: 0 1.5rem}}@media (max-width: 480px){.hero-title{font-size: 2rem}.hero-subtitle{font-size: 1rem}}/* Warehouse Network Stats - Missing CSS class */.network-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin: 2rem 0}.network-overview{display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: start;margin: 3rem 0}.network-content h3{color: var(--primary-blue);font-size: 1.5rem;margin: 2rem 0 1rem 0}.network-visual{display: flex;flex-direction: column;gap: 2rem}.network-image{width: 100%;border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--box-shadow)}.network-image img{width: 100%;height: auto;display: block}/* Tech Features Grid Layout */.tech-features{display: grid;grid-template-columns: 1fr;gap: 3rem;margin-top: 3rem}.tech-feature-large{background: var(--light-gray);padding: 3rem;border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.wms-features{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem;margin-top: 2rem}.feature-group{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.feature-group h4{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.125rem}.feature-group ul{list-style: none;padding: 0}.feature-group ul li{padding: 0.5rem 0;color: var(--text-light);position: relative;padding-left: 1.5rem}.feature-group ul li::before{content: "✓";position: absolute;left: 0;color: var(--secondary-gold);font-weight: bold}/* Responsive for warehouse network */@media (max-width: 768px){.network-overview{grid-template-columns: 1fr;gap: 2rem}.network-stats{grid-template-columns: 1fr;gap: 1.5rem}.tech-feature-large{padding: 2rem}.wms-features{grid-template-columns: 1fr;gap: 1.5rem}}/* Coverage Areas Styling - Fix for oversized location pin icons */.coverage-map{margin-top: 3rem}.coverage-items{display: grid;grid-template-columns: repeat(3,1fr);gap: 2rem;margin-top: 2rem}.coverage-item{text-align: center;padding: 2rem;background: var(--light-gray);border-radius: var(--border-radius);transition: var(--transition)}.coverage-item:hover{transform: translateY(-3px);box-shadow: var(--box-shadow)}.coverage-icon{width: 60px;height: 60px;background: var(--primary-blue);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;transition: var(--transition)}.coverage-icon svg{width: 28px;height: 28px;fill: var(--white)}.coverage-item:hover .coverage-icon{background: var(--accent-blue);transform: scale(1.1)}.coverage-item h4{color: var(--primary-blue);margin-bottom: 0.75rem;font-size: 1.125rem;font-weight: 600}.coverage-item p{color: var(--text-light);margin: 0;font-size: 0.9rem}/* Responsive adjustments for coverage area */@media (max-width: 1024px){.coverage-items{grid-template-columns: repeat(2,1fr);gap: 1.5rem}}@media (max-width: 768px){.coverage-items{grid-template-columns: 1fr;gap: 1.5rem}.coverage-item{padding: 1.5rem}.coverage-icon{width: 50px;height: 50px}.coverage-icon svg{width: 24px;height: 24px}}/* Warehousing Page Specific Styles */.warehouse-services{padding: var(--section-padding);background-color: var(--light-gray)}.warehouse-network{padding: var(--section-padding);background-color: var(--white)}.technology-platform{padding: var(--section-padding);background-color: var(--light-gray)}.logistics-network{padding: var(--section-padding);background-color: var(--white)}.performance-metrics{padding: var(--section-padding);background-color: var(--light-gray)}/* Automation Features */.automation-features{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem;margin-top: 3rem}.automation-item{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.automation-item:hover{transform: translateY(-5px);box-shadow: var(--box-shadow-lg)}.automation-icon{width: 60px;height: 60px;margin: 0 auto 1.5rem;background: linear-gradient(135deg,var(--accent-blue),var(--primary-blue));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white)}.automation-icon svg{width: 30px;height: 30px}.automation-item h3{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.25rem}.automation-item p{line-height: 1.6;margin: 0}/* Logistics Services */.logistics-service{background: var(--white);padding: 2.5rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);transition: var(--transition)}.logistics-service:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg)}.logistics-service h3{color: var(--primary-blue);margin-bottom: 2rem;font-size: 1.375rem;text-align: center}.service-details{display: grid;gap: 1.5rem}.detail-item{padding: 1.5rem;background: var(--light-gray);border-radius: var(--border-radius);border-left: 4px solid var(--secondary-gold)}.detail-item h4{color: var(--primary-blue);margin-bottom: 0.75rem;font-size: 1.125rem}.detail-item p{margin: 0;line-height: 1.6}/* Cost Efficiency Section */.cost-efficiency{margin-top: 3rem;padding: 3rem;background: var(--light-blue);border-radius: var(--border-radius);border: 1px solid rgba(59,130,246,0.2)}.cost-efficiency h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center;font-size: 1.5rem}.efficiency-items{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 2rem}.efficiency-item{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow);text-align: center;transition: var(--transition)}.efficiency-item:hover{transform: translateY(-3px);box-shadow: var(--box-shadow-lg)}.efficiency-item h4{color: var(--primary-blue);margin-bottom: 1rem;font-size: 1.125rem}.efficiency-item p{margin: 0;line-height: 1.6}/* Improvement Chart */.improvement-chart{background: var(--white);padding: 2rem;border-radius: var(--border-radius);box-shadow: var(--box-shadow)}.improvement-chart h3{color: var(--primary-blue);margin-bottom: 2rem;text-align: center;font-size: 1.25rem}.chart-metrics{display: grid;gap: 1.5rem}.chart-item{display: grid;gap: 0.5rem}.chart-label{font-weight: 600;color: var(--text-dark);font-size: 0.95rem}.chart-bar{background: var(--light-gray);border-radius: 20px;height: 40px;position: relative;overflow: hidden;display: flex;align-items: center}.bar-before{background: rgba(239,68,68,0.2);color: var(--text-dark);padding: 0 1rem;font-size: 0.875rem;font-weight: 500;width: 100%;display: flex;align-items: center}.bar-after{background: linear-gradient(135deg,var(--secondary-gold),#d97706);color: var(--white);padding: 0 1rem;font-size: 0.875rem;font-weight: 600;position: absolute;left: 0;top: 0;height: 100%;display: flex;align-items: center;transition: width 1s ease;border-radius: 20px}/* Responsive Styles for Warehousing Page */@media (max-width: 768px){.automation-features{grid-template-columns: 1fr;gap: 1.5rem;margin-top: 2rem}.automation-item{padding: 1.5rem}.automation-icon{width: 50px;height: 50px}.automation-icon svg{width: 24px;height: 24px}.logistics-service{padding: 2rem}.efficiency-items{grid-template-columns: 1fr;gap: 1.5rem}.efficiency-item{padding: 1.5rem}.cost-efficiency{padding: 2rem;margin-top: 2rem}.improvement-chart{padding: 1.5rem}.chart-bar{height: 35px}.bar-before,.bar-after{font-size: 0.8rem;padding: 0 0.75rem}}@media (max-width: 480px){.automation-item,.logistics-service,.efficiency-item{padding: 1.25rem}.cost-efficiency{padding: 1.5rem}.improvement-chart{padding: 1.25rem}.chart-bar{height: 30px}.bar-before,.bar-after{font-size: 0.75rem;padding: 0 0.5rem}}/* Ensure consistent card heights in grids */.benefit-card,.culture-card,.tool-card,.service-card,.feature-card,.advantage-card,.resource-card,.partner-card,.faq-item{height: 100%;display: flex;flex-direction: column;justify-content: space-between}