@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #0047AB;--primary-dark: #003380;--primary-light: #E8F0FE;--secondary: #10B981;--accent: #F59E0B;--white: #FFFFFF;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-max: 1200px;--section-padding: 80px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--gray-800);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--gray-900)}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding) 0}.section-header{text-align:center;max-width:700px;margin:0 auto 48px}.section-header h2{margin-bottom:16px}.section-header p{color:var(--gray-500);font-size:1.125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--primary)}.btn-lg{padding:16px 32px;font-size:1.125rem}.card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--gray-500)}.bg-light{background:var(--gray-50)}.bg-primary{background:var(--primary)}.bg-primary-light{background:var(--primary-light)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:48px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:48px}.top-bar{background:var(--gray-900);color:var(--gray-300);font-size:.875rem;padding:8px 0}.top-bar-content{display:flex;justify-content:space-between;align-items:center}.top-bar-left{display:flex;gap:24px}.top-bar-link{display:flex;align-items:center;gap:6px;color:var(--gray-300);transition:color var(--transition-fast)}.top-bar-link:hover{color:var(--white)}.top-bar-right{color:var(--gray-400)}@media(max-width:768px){.top-bar{display:none}}.header{background:var(--white);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.logo{display:flex;align-items:center;gap:12px}.logo-img{height:48px;width:auto}.nav-desktop{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;color:var(--gray-600);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary);background:var(--primary-light)}.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--primary);border-radius:2px}.nav-desktop .btn{margin-left:8px}.mobile-menu-btn{display:none;padding:8px;color:var(--gray-700)}@media(max-width:1024px){.nav-desktop{display:none}.mobile-menu-btn{display:block}}.nav-mobile{display:none;flex-direction:column;padding:16px 24px 24px;background:var(--white);border-top:1px solid var(--gray-100)}.nav-mobile.open{display:flex}.nav-mobile .nav-link{padding:12px 0;border-bottom:1px solid var(--gray-100)}.nav-mobile .nav-link:last-of-type{border-bottom:none}.nav-mobile .nav-link.active:after{display:none}.nav-mobile .nav-link.active{color:var(--primary);font-weight:600}.footer{background:var(--gray-900);color:var(--gray-300);padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:48px}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer .footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer .logo-img{height:48px;width:auto}.footer-description{color:var(--gray-400);line-height:1.7;margin-bottom:20px}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;background:var(--gray-800);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all var(--transition-fast)}.social-link:hover{background:var(--primary);color:var(--white)}.footer-section h4{color:var(--white);font-size:1.125rem;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--gray-400);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--white)}.footer-contact{display:flex;flex-direction:column;gap:16px}.footer-contact li{display:flex;gap:12px;align-items:flex-start}.footer-contact li svg{color:var(--primary);flex-shrink:0;margin-top:2px}.footer-contact a,.footer-contact span{color:var(--gray-400)}.footer-contact a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);padding:24px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{color:var(--gray-500);font-size:.875rem}.footer-payment{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--gray-500)}.payment-methods{color:var(--gray-400);font-weight:500}@media(max-width:640px){.footer-bottom-content{flex-direction:column;text-align:center}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.hero{background:linear-gradient(135deg,#002f6cd9,#001e46e6),url(/images/warehouse-outside.jpg) center/cover no-repeat;color:var(--white);padding:100px 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-text{animation:fadeInUp .8s ease forwards}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 16px;border-radius:var(--radius-full);font-size:.875rem;margin-bottom:24px}.hero h1{color:var(--white);font-size:3.5rem;line-height:1.1;margin-bottom:24px}.hero h1 span{color:#fffc;font-weight:400}.hero-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:32px;line-height:1.7}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.hero-image-wrapper{animation:fadeInUp .8s ease .2s forwards;opacity:0}.hero-image{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;margin-bottom:24px}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;animation:fadeInUp .8s ease .2s forwards;opacity:0}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:4px}.stat-label{color:#ffffffb3;font-size:.875rem}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:48px;text-align:center}.hero h1{font-size:2.5rem}.hero-buttons{justify-content:center}.hero-stats{max-width:500px;margin:0 auto}.hero-image{height:250px}.hero-stats-row{max-width:500px;margin:0 auto}}@media(max-width:640px){.hero{padding:60px 0}.hero-stats,.hero-stats-row{grid-template-columns:1fr}.hero-image{height:200px}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{text-align:center;padding:32px 24px}.feature-icon{width:64px;height:64px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.feature-card h3{font-size:1.125rem;margin-bottom:12px}.feature-card p{color:var(--gray-500);font-size:.9375rem}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.categories-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.category-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition-base)}.category-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-icon{font-size:2.5rem;margin-bottom:12px}.category-card h4{font-size:.9375rem;color:var(--gray-700)}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);text-align:center;padding:80px 0}.cta-section h2{color:var(--white);margin-bottom:16px}.cta-section p{color:#ffffffe6;font-size:1.125rem;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.section-blue{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:80px 0;position:relative;overflow:hidden}.section-blue:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.section-blue>.container{position:relative;z-index:1}.section-blue .about-image-main{box-shadow:0 20px 40px #0000004d}.section-blue .about-image-badge{background:var(--white);color:var(--primary)}.section-blue .about-image-badge .badge-number{color:var(--primary)}.section-blue .about-image-badge .badge-text{color:var(--primary);opacity:.8}.about-list-light li{color:#ffffffe6!important}.about-list-light li svg{color:#fffc!important}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-image{position:relative}.about-image-main{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.about-image-badge{position:absolute;bottom:-20px;right:-20px;background:var(--primary);color:var(--white);padding:24px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-xl)}.badge-number{font-size:2.5rem;font-weight:700;line-height:1}.badge-text{font-size:.875rem;opacity:.9}.about-content h2{margin-bottom:24px}.about-content p{color:var(--gray-600);margin-bottom:24px;line-height:1.8}.about-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.about-list li{display:flex;align-items:center;gap:12px;color:var(--gray-700)}.about-list li svg{color:var(--secondary);flex-shrink:0}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:48px}.about-image{max-width:500px;margin:0 auto}}.page-header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:80px 0;text-align:center}.page-header h1{color:var(--white);margin-bottom:16px}.page-header p{color:#ffffffe6;font-size:1.125rem;max-width:600px;margin:0 auto}.contact-form{background:var(--white);padding:48px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:var(--gray-700)}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group textarea{resize:vertical;min-height:120px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.contact-form{padding:24px}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.blog-card-image{height:200px;background:var(--gray-200);overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:24px}.blog-card-meta{display:flex;gap:16px;margin-bottom:12px;font-size:.875rem;color:var(--gray-500)}.blog-card h3{font-size:1.25rem;margin-bottom:12px;line-height:1.4}.blog-card h3 a:hover{color:var(--primary)}.blog-card p{color:var(--gray-600);font-size:.9375rem;line-height:1.6}.read-more{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:500;margin-top:16px;transition:gap var(--transition-fast)}.read-more:hover{gap:12px}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.shipping-options{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.shipping-card{background:var(--white);border-radius:var(--radius-lg);padding:32px;text-align:center;box-shadow:var(--shadow-md);border:2px solid transparent;transition:all var(--transition-base)}.shipping-card:hover{border-color:var(--primary);transform:translateY(-4px)}.shipping-card.featured{border-color:var(--primary);position:relative}.shipping-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--white);padding:4px 16px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.shipping-icon{width:72px;height:72px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.shipping-card h3{margin-bottom:8px}.shipping-card .price{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:16px}.shipping-card ul{text-align:left;margin-bottom:24px}.shipping-card ul li{padding:8px 0;border-bottom:1px solid var(--gray-100);color:var(--gray-600);display:flex;align-items:center;gap:8px}.shipping-card ul li svg{color:var(--secondary);flex-shrink:0}@media(max-width:1024px){.shipping-options{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.process-steps:before{content:"";position:absolute;top:48px;left:10%;right:10%;height:2px;background:var(--gray-200);z-index:0}.process-step{text-align:center;position:relative;z-index:1}.step-number{width:48px;height:48px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin:0 auto 16px}.process-step h4{margin-bottom:8px}.process-step p{color:var(--gray-500);font-size:.9375rem}@media(max-width:1024px){.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps:before{display:none}}@media(max-width:640px){.process-steps{grid-template-columns:1fr}}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background:var(--white);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.testimonial-text{color:var(--gray-600);font-style:italic;line-height:1.8;margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.author-name{font-weight:600;color:var(--gray-800)}.author-title{font-size:.875rem;color:var(--gray-500)}@media(max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.testimonials-grid{grid-template-columns:1fr}}