@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #033765;--primary-light: #034171;--accent: #0CA5E3;--neutral: #A8A9AE;--background: #FEFEFD;--surface: #ffffff;--surface-alt: #f3f4f6;--text-main: #111827;--text-light: #4b5563;--text-inverse: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:4px;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px)}.btn-accent{background-color:var(--accent);color:var(--text-inverse)}.btn-accent:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--text-inverse);border:2px solid var(--text-inverse)}.btn-outline:hover{background-color:var(--text-inverse);color:var(--primary)}header{position:sticky;top:0;background-color:var(--surface);box-shadow:0 1px 3px #0000001a;z-index:100}.header-container{display:flex;align-items:center;justify-content:space-between;height:80px}.logo img{height:48px;display:block}.search-bar{flex:1;max-width:400px;margin:0 2rem;position:relative}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--primary)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--neutral);width:18px;height:18px}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;color:var(--text-light);transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.hero{position:relative;background-color:var(--primary);color:var(--text-inverse);padding:6rem 0;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#033765e6,#033765f2),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.83v58.34h-58.34l-.83-.83L54.627 0zM27.5 0l-27.5 27.5v-27.5h27.5zM0 60l27.5-27.5v27.5h-27.5zM60 27.5l-27.5 27.5h27.5v-27.5z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:1}.hero .container{position:relative;z-index:2;max-width:800px;text-align:center}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.02em}.hero p{font-size:1.25rem;color:#ffffffe6;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.features{padding:5rem 0;background-color:var(--surface)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.feature-card{text-align:center;padding:2rem;border-radius:8px;background-color:var(--surface);box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#0ca5e31a;color:var(--accent);border-radius:50%;margin-bottom:1.5rem}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--primary)}.feature-card p{color:var(--text-light)}.about{padding:6rem 0;background-color:var(--surface-alt)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-content h2{font-size:2.5rem;color:var(--primary);margin-bottom:1.5rem}.about-content p{color:var(--text-light);margin-bottom:1.5rem;font-size:1.125rem}.about-image{background-color:var(--primary);height:400px;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230ca5e3' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E")}.page-header{background-color:var(--primary);color:var(--text-inverse);padding:4rem 0;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:4rem 0}.product-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:var(--surface);transition:box-shadow .2s}.product-card:hover{box-shadow:0 4px 6px #0000001a}.product-image-placeholder{height:200px;background-color:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--neutral)}.product-info{padding:1.5rem}.product-info h3{font-size:1.125rem;margin-bottom:.5rem}.product-info p{color:var(--text-light);font-size:.875rem;margin-bottom:1rem}.contact-section{padding:4rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-form{background:var(--surface);padding:2.5rem;border-radius:8px;box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-main)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0337651a}.contact-info h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.info-item .icon{color:var(--accent);margin-top:2px}footer{background-color:var(--text-main);color:var(--text-inverse);padding:3rem 0;text-align:center}@media (max-width: 768px){.header-container{flex-direction:column;height:auto;padding:1rem 0;gap:1rem}.search-bar{width:100%;margin:0}.hero h1{font-size:2.5rem}.about-grid,.contact-section{grid-template-columns:1fr}}.b2b-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding-top:2rem}.p-card{border:1px solid #e5e7eb;background:var(--surface);border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;cursor:pointer}.p-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.p-card-image{height:220px;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5e7eb}.p-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.p-card-brand{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-weight:600;margin-bottom:.25rem}.p-card-title{font-size:1.125rem;color:var(--primary);margin-bottom:.5rem}.p-card-sku{font-size:.875rem;color:var(--text-light);margin-bottom:1rem}.p-card-banner{background-color:#f3f4f6;padding:.5rem;text-align:center;font-size:.875rem;font-weight:500;border-radius:4px;margin-bottom:1.5rem;color:var(--text-main)}.p-card-actions{margin-top:auto;display:flex;gap:.5rem;align-items:center}.qty-selector{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:4px;height:40px;overflow:hidden}.qty-selector button{background:#f3f4f6;border:none;width:32px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-light)}.qty-selector button:hover{background:#e5e7eb}.qty-selector input{width:40px;height:100%;border:none;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;text-align:center;font-size:1rem;-moz-appearance:textfield}.qty-selector input::-webkit-outer-spin-button,.qty-selector input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-add{flex:1;height:40px}.pdp-layout{display:grid;grid-template-columns:350px 1fr 300px;gap:3rem;margin-bottom:4rem}.pdp-image-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:350px;display:flex;align-items:center;justify-content:center}.pdp-brand{font-size:.875rem;font-weight:600;color:var(--accent);text-transform:uppercase;margin-bottom:.5rem}.pdp-title{font-size:2.25rem;color:var(--primary);margin-bottom:1rem;line-height:1.2}.pdp-desc{font-size:1rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.pdp-mini-table{width:100%;border-collapse:collapse}.pdp-mini-table td{padding:.75rem 0;border-bottom:1px solid #e5e7eb}.pdp-mini-table td:first-child{color:var(--text-light);width:120px}.pdp-action-box{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;background-color:var(--surface);height:fit-content;position:sticky;top:100px}.pdp-price-banner{background-color:var(--primary);color:#fff;padding:1rem;text-align:center;border-radius:4px;font-weight:500;margin-bottom:1.5rem}.pdp-shipping-info{margin-bottom:1.5rem}.pdp-shipping-info p{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-main);margin-bottom:.5rem}.pdp-qty{margin-bottom:1rem;width:120px}.pdp-specs-table{width:100%;border-collapse:collapse}.pdp-specs-table tr:nth-child(odd){background-color:#f9fafb}.pdp-specs-table td{padding:1rem;border:1px solid #e5e7eb}.pdp-specs-table td:first-child{font-weight:500;width:30%}@media (max-width: 1024px){.pdp-layout{grid-template-columns:1fr}.pdp-image-container{height:400px}.pdp-action-box{position:static}}