*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--secondary-color:#64748b;--accent-color:#f59e0b;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--background:#fff;--background-light:#f8fafc;--background-dark:#0f172a;--border-color:#e2e8f0;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.container{padding:0 var(--spacing-4);max-width:1200px;margin:0 auto}.header{background:var(--background);border-bottom:1px solid var(--border-color);position:sticky;z-index:100;backdrop-filter:blur(10px);top:0}.header .container{display:flex;padding:var(--spacing-4)var(--spacing-4);justify-content:space-between;align-items: center}.logo{font-size:var(--font-size-2xl);color:var(--primary-color);text-decoration:none;font-weight:700}.nav{display:flex;align-items: center;gap:var(--spacing-8)}.nav-link{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-weight:500}.nav-link:hover{color:var(--primary-color)}.btn-primary{background:var(--primary-color);color:#fff;padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;display:inline-block;border:none;transition:all .2s;font-weight:600}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;display:inline-block;background:0 0;transition:all .2s;font-weight:600}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.btn-large{padding:var(--spacing-4)var(--spacing-8);font-size:var(--font-size-lg)}.hero{background:linear-gradient(135deg,var(--background-light)0%,#e0f2fe 100%);padding:var(--spacing-20)0;display:flex;align-items: center;min-height:80vh}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items: center}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6);color:var(--text-primary);font-weight:700;line-height:1.1}.highlight{color:var(--primary-color)}.hero-description{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.7}.hero-buttons{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items: center}.hero-card{padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;background:#fff;max-width:300px}.card-icon{margin-bottom:var(--spacing-4);font-size:3rem}.hero-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);color:var(--text-primary);font-weight:600}.hero-card p{color:var(--text-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);color:var(--text-primary);font-weight:700}.section-description{font-size:var(--font-size-xl);color:var(--text-secondary);max-width:600px;margin:0 auto}.services{padding:var(--spacing-20)0;background:var(--background)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.service-card{padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-color);background:#fff;transition:all .3s}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.service-icon{margin-bottom:var(--spacing-4);font-size:2.5rem}.service-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--text-primary);font-weight:600}.service-card p{color:var(--text-secondary);margin-bottom:var(--spacing-4);line-height:1.6}.service-link{color:var(--primary-color);text-decoration:none;transition:color .2s;font-weight:600}.service-link:hover{color:var(--primary-dark)}.about{padding:var(--spacing-20)0;background:var(--background-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8)}.feature-card{padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid var(--border-color);background:#fff;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-number{font-size:var(--font-size-3xl);color:var(--primary-color);opacity:.2;margin-bottom:var(--spacing-4);font-weight:700}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--text-primary);font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.6}.contact{padding:var(--spacing-20)0;background:var(--primary-color);color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items: center}.contact-info h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);color:#fff;font-weight:700}.contact-info p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-8);opacity:.9}.contact-details{display:flex;gap:var(--spacing-4);flex-direction:column}.contact-item{display:flex;align-items: center;gap:var(--spacing-3);font-size:var(--font-size-lg)}.contact-icon{font-size:var(--font-size-2xl)}.contact-cta{display:flex;justify-content:center;align-items: center}.contact-cta .btn-primary{color:var(--primary-color);background:#fff}.contact-cta .btn-primary:hover{background:var(--background-light)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-16);align-items: center}.about-description{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.stat{text-align:center}.stat h3{font-size:var(--font-size-3xl);color:var(--primary-color);margin-bottom:var(--spacing-2);font-weight:700}.stat p{color:var(--text-secondary);font-weight:500}.about-image{display:flex;justify-content:center;align-items: center}.image-placeholder{border-radius:var(--radius-xl);padding:var(--spacing-12);box-shadow:var(--shadow-lg);text-align:center;background:#fff;width:100%;max-width:400px}.placeholder-content{display:flex;align-items: center;gap:var(--spacing-4);flex-direction:column}.placeholder-icon{font-size:4rem}.placeholder-content p{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.cta{background:var(--primary-color);color:#fff;padding:var(--spacing-20)0;text-align:center}.cta-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:700}.cta-content p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-8);opacity:.9}.cta .btn-primary{color:var(--primary-color);background:#fff}.cta .btn-primary:hover{background:var(--background-light);transform:translateY(-1px)}.footer{background:var(--background-dark);color:#fff;padding:var(--spacing-16)0 var(--spacing-8)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-brand{display:flex;gap:var(--spacing-3);flex-direction:column}.footer-brand p{color:var(--text-light)}.footer-links{display:flex;gap:var(--spacing-12)}.footer-column{display:flex;gap:var(--spacing-3);flex-direction:column}.footer-column h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2);color:#fff;font-weight:600}.footer-column a{color:var(--text-light);text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:var(--spacing-8);text-align:center;border-top:1px solid #374151}.footer-bottom p{color:var(--text-light)}@media (max-width:768px){.header .container,.nav{gap:var(--spacing-4);flex-direction:column}.hero .container{grid-template-columns:1fr;text-align:center}.hero-title{font-size:var(--font-size-4xl)}.hero-buttons{justify-content:center}.about-content{grid-template-columns:1fr;text-align:center}.features-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;text-align:center}.stats{grid-template-columns:1fr;gap:var(--spacing-4)}.services-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.container{padding:0 var(--spacing-2)}.hero{padding:var(--spacing-12)0}.hero-title{font-size:var(--font-size-3xl)}.hero-buttons{flex-direction:column;align-items: center}.btn-large{width:100%;max-width:300px}}.clients{padding:var(--spacing-20)0;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.clients-showcase{margin:var(--spacing-12)0}.clients-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.client-badge{padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow);background:#fff;border:2px solid #0000;transition:all .3s}.client-badge:hover{border-color:var(--primary-color);transform:translateY(-8px);box-shadow:0 20px 40px #2563eb26}.client-icon{margin-bottom:var(--spacing-4);display:inline-block;font-size:3rem}.client-badge h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:700}.client-badge p{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.supplier-highlight{margin:var(--spacing-16)0;display:flex;justify-content:center}.supplier-badge{padding:var(--spacing-12);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);max-width:800px;box-shadow:0 25px 50px #1e3a8a4d}.supplier-badge:before{content:"";position:absolute;animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);inset:0}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.supplier-badge h3{font-size:var(--font-size-base);color:#ffffffe6;margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:2px}.supplier-badge h2{font-size:var(--font-size-4xl);color:#fff;margin-bottom:var(--spacing-2);text-shadow:0 2px 10px #0003;font-weight:800}.supplier-subtitle{font-size:var(--font-size-lg);color:#fbbf24;margin-bottom:var(--spacing-6);font-weight:600}.supplier-features{display:flex;gap:var(--spacing-4);flex-wrap:wrap;justify-content:center}.feature-pill{backdrop-filter:blur(10px);padding:var(--spacing-3)var(--spacing-6);color:#fff;font-weight:600;font-size:var(--font-size-sm);background:#fff3;border:1px solid #ffffff4d;border-radius:50px}.efficiency-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);margin-top:var(--spacing-16)}.metric-card{padding:var(--spacing-10);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);background:#fff;border:3px solid #0000;transition:all .3s}.metric-card:hover{border-color:var(--primary-color);transform:scale(1.05)}.metric-icon{margin-bottom:var(--spacing-4);display:inline-block;font-size:4rem}.metric-card h3{font-size:var(--font-size-2xl);color:var(--primary-color);margin-bottom:var(--spacing-3);font-weight:700}.metric-card p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){.clients-row{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.efficiency-metrics{grid-template-columns:1fr;gap:var(--spacing-6)}.supplier-badge h2{font-size:var(--font-size-3xl)}}@media (max-width:768px){.clients-row{grid-template-columns:1fr}.supplier-badge{padding:var(--spacing-8)}.supplier-badge h2{font-size:var(--font-size-2xl)}.supplier-features{flex-direction:column}.feature-pill{width:100%}.client-badge{padding:var(--spacing-6)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:sticky;z-index:100;background:#fff;padding:1rem 0;top:0;box-shadow:0 2px 10px #0000001a}.header .container{display:flex;justify-content:space-between;align-items: center}.logo{color:#1abae1;text-decoration:none;letter-spacing:2px;font-size:1.8rem;font-weight:700}.nav{display:flex;align-items: center;gap:2rem}.nav-link{text-decoration:none;color:#333;transition:color .3s;font-weight:500}.nav-link:hover{color:#1abae1}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1abae1 0%,#044bac 100%);border:none;border-radius:6px;padding:.7rem 1.5rem;transition:transform .3s,box-shadow .3s;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1abae14d}.btn-primary.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-secondary{color:#1abae1;cursor:pointer;text-decoration:none;display:inline-block;background:0 0;border:2px solid #1abae1;border-radius:6px;padding:.7rem 1.5rem;transition:all .3s;font-weight:600}.btn-secondary:hover{color:#fff;background:#1abae1}.btn-secondary.btn-large{padding:1rem 2rem;font-size:1.1rem}.hero{display:flex;background:linear-gradient(135deg,#1abae11a 0%,#044bac1a 100%);align-items: center;min-height:600px;padding:80px 20px}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items: center;gap:3rem}.hero-content{display:flex;flex-direction:column;gap:2rem}.hero-title{color:#044bac;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-title .highlight{color:#1abae1}.hero-description{color:#666;font-size:1.2rem;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.stat-item{text-align:center;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a}.stat-item h3{color:#1abae1;margin-bottom:.5rem;font-size:2.5rem}.stat-item p{color:#666;font-weight:500}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:#1abae1;letter-spacing:2px;margin-bottom:1rem;font-size:1rem;font-weight:600}.section-subtitle{color:#044bac;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.3}.section-subtitle .highlight{color:#1abae1}.section-description{color:#666;max-width:600px;margin:0 auto;font-size:1.1rem}.services{background:#fff;padding:60px 20px}.services .container{max-width:1200px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.service-card{cursor:pointer;background:#f8f9fa;border-left:4px solid #1abae1;border-radius:12px;padding:2rem;transition:all .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #1abae133}.service-icon{display:block;margin-bottom:1rem;font-size:2.5rem}.service-card h3{color:#044bac;margin-bottom:.5rem;font-size:1.3rem}.service-card p{color:#666;line-height:1.6}.service-features{list-style:none;padding:1rem 0}.service-features li{color:#666;padding:.5rem 0;font-size:.95rem}.about{background:#fff;padding:80px 20px}.about-content{display:grid;grid-template-columns:1fr 1fr;align-items: start;gap:3rem;margin-top:3rem}.about-description{color:#666;font-size:1.1rem;line-height:1.8}.about-benefits{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.benefit-item{background:#f8f9fa;border-top:3px solid #1abae1;border-radius:12px;padding:1.5rem}.benefit-item h4{color:#044bac;margin-bottom:.5rem;font-size:1.1rem}.benefit-item p{color:#666;font-size:.95rem}.contact{background:linear-gradient(135deg,#1abae11a 0%,#044bac1a 100%);padding:80px 20px}.contact-content{display:grid;grid-template-columns:1fr 1fr;align-items: center;gap:3rem;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-info h2{color:#044bac;font-size:2rem}.contact-info p{color:#666;font-size:1.1rem}.contact-method{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a}.contact-method h3{color:#044bac;margin-bottom:.5rem}.contact-method a,.contact-method p{color:#1abae1;font-weight:600}.contact-cta{display:flex;flex-direction:column;justify-content:center;gap:1rem}.footer{color:#fff;background:#044bac;padding:3rem 20px 1rem}.footer .container{max-width:1200px;margin:0 auto}.footer h3,.footer h4{color:#1abae1;margin-bottom:1rem}.footer ul{list-style:none}.footer ul li{margin-bottom:.5rem}.footer ul li a{color:#fff;text-decoration:none;transition:color .3s}.footer ul li a:hover{color:#1abae1}.footer p{color:#fffc}.social-links{display:flex;gap:1rem}.social-links a{display:inline-block;color:#fff;text-decoration:none;background:#1abae133;border-radius:6px;padding:.5rem 1rem;transition:all .3s}.social-links a:hover{color:#044bac;background:#1abae1}@media (max-width:768px){.hero .container{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}.hero-stats{grid-template-columns:1fr}.nav{flex-wrap:wrap;gap:1rem}.services-grid,.about-content,.contact-content,.about-benefits{grid-template-columns:1fr}.stat-item{padding:1rem}.section-title{font-size:.9rem}.hero-title{font-size:2rem}}@media (max-width:480px){.header .container{flex-direction:column;gap:1rem}.nav{flex-direction:column;width:100%}.hero-title{font-size:1.8rem}.btn-large{text-align:center;width:100%}}.highlight{color:#1abae1;font-weight:600}.section{padding:60px 20px}.section-bg-light{background:#f5f7fa}.section-bg-white{background:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}