<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Nico K. Pereira da Silva – Group CIO | Digital Innovation, AI, IT Strategy & Logistics">
  <meta name="keywords" content="CIO, IT Strategy, Logistics, AI, Customs, Digital Transformation, Nico Pereira da Silva">
  <meta name="author" content="Nico K. Pereira da Silva">
  <title>Nico K. Pereira da Silva – Group CIO</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <style>
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      color: #1a1a1a;
      background: #f7f9fc;
      line-height: 1.6;
    }
    header {
      background: linear-gradient(120deg, #1a4e8a, #8b2c3b);
      color: white;
      padding: 6rem 2rem 4rem;
      text-align: center;
      animation: fadeIn 1s ease-in;
    }
    header h1 {
      font-size: 2.8rem;
      margin-bottom: 0.5rem;
    }
    header p {
      font-size: 1.3rem;
    }
    section {
      padding: 3rem 2rem;
      max-width: 1000px;
      margin: auto;
      animation: fadeInUp 1s ease-in;
    }
    h2 {
      font-size: 1.8rem;
      color: #1a4e8a;
      margin-bottom: 1.5rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1.5rem;
    }
	.card ul {
		flex-grow: 1;
	}
    .card {
      background: white;
      border-left: 5px solid #8b2c3b;
      padding: 1.5rem;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      transition: transform 0.3s;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
	.card {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.grid {
		align-items: stretch;
	}
    .card:hover {
      transform: translateY(-5px);
    }
    .card h3 {
      margin-top: 0;
      color: #1a4e8a;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .card h3 i {
      font-size: 1.1rem;
      color: #8b2c3b;
    }
    ul {
      padding-left: 1.2rem;
    }
    ul li {
      margin-bottom: 0.5rem;
    }
	footer {
		background: linear-gradient(to right, #1a4e8a, #8b2c3b);
		color: white;
		text-align: center;
		padding: 3rem 2rem 2rem;
		position: relative;
		overflow: hidden;
	}
    .social-icons a {
      color: white;
      font-size: 1.5rem;
      margin: 0 0.5rem;
      transition: color 0.3s;
      text-decoration: none !important;
    }
    .social-icons a:hover {
      color: #8b2c3b;
    }
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    @keyframes fadeInUp {
      from {opacity: 0; transform: translateY(20px);}
      to {opacity: 1; transform: translateY(0);}
    }
    @media (max-width: 600px) {
      h1 {
        font-size: 2rem;
      }
      header p {
        font-size: 1rem;
      }
    }
  .sticky-header-light {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to right, #1a4e8a, #8b2c3b);
    color: white;
    z-index: 1000;
    padding: 0.75rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transform: translateY(-100%);
    transition: transform 0.3s ease;
  }
  .sticky-header-light.visible {
    transform: translateY(0);
  }
  .sticky-header-light h1 {
    font-size: 1.2rem;
    margin: 0;
  }
  .sticky-header-light a {
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
  }

	body {
		font-family: 'IBM Plex Sans', sans-serif;
	}
	.sticky-banner {
		position: sticky;
		top: 0;
		z-index: 999;
		background: linear-gradient(to right, #1a4e8a 0%, #8b2c3b 100%);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}
	.grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 1.5rem;
	}
	section:nth-of-type(even) {
		background-color: #ffffff;
	}
	section:nth-of-type(odd) {
		background-color: #f0f4f9;
	}
    @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
    }
    @keyframes fadeInUp {
      from {opacity: 0; transform: translateY(20px);}
      to {opacity: 1; transform: translateY(0);}
    }
  </style>
    <!-- SEO Meta Tags -->
  <meta property="og:title" content="Nico K. Pereira da Silva – Group CIO">
  <meta property="og:description" content="Driving AI, Innovation & Digital Strategy in Global Logistics">
  <meta property="og:image" content="https://pereira-da-silva.de/npds.png">
  <meta property="og:url" content="https://pereira-da-silva.de">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="robots" content="index, follow">
</head>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700&display=swap" rel="stylesheet">

<body>
<section style="position: relative; background: linear-gradient(to right, #1a4e8a 0%, #8b2c3b 100%); padding: 5rem 2rem 6rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; color: white; overflow: hidden;">
  <div style="flex: 1; min-width: 280px; max-width: 600px; padding-right: 2rem; z-index: 2;">
    <h1 style="font-size: 2.8rem; margin-bottom: 0.5rem;">Nico K. <br> Pereira da Silva</h1>
    <h2 style="font-weight: 400; font-size: 1.4rem; margin-bottom: 1.5rem; color: #ffe5e9;">Group CIO · MBS Logistics</h2>
    <p style="font-size: 1.1rem; max-width: 500px;">Driving AI, Innovation & Digital Strategy in Global Logistics</p>
  </div>
  <div style="flex: 1; text-align: center; min-width: 280px; z-index: 2; position: relative;">
    <div style="position: absolute; top: -30px; right: -30px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%); border-radius: 50%; filter: blur(30px);"></div>
    <img src="profilbild.png" alt="Portrait Nico" style="max-width: 300px; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); position: relative; z-index: 2;">
  </div>
  <svg viewBox="0 0 1440 100" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 1;">
    <path fill="#f7f9fc" fill-opacity="1" d="M0,64L48,69.3C96,75,192,85,288,80C384,75,480,53,576,42.7C672,32,768,32,864,42.7C960,53,1056,75,1152,80C1248,85,1344,75,1392,69.3L1440,64L1440,100L1392,100C1344,100,1248,100,1152,100C1056,100,960,100,864,100C768,100,672,100,576,100C480,100,384,100,288,100C192,100,96,100,48,100L0,100Z"></path>
  </svg>
</section>

<section>
  <h2>What I Do</h2>
  <div class="grid">
    <div class="card">
      <h3><i class="fas fa-bullseye"></i> Strategic IT Leadership</h3>
      <p>Shape and execute enterprise-wide IT strategies that directly align with global logistics business objectives.</p>
    </div>
    <div class="card">
      <h3><i class="fas fa-sync-alt"></i> Digital Transformation</h3>
      <p>Lead company-wide transformation programs with a focus on automation, AI integration, and data-driven decision-making.</p>
    </div>
    <div class="card">
      <h3><i class="fas fa-cubes"></i> Scalable System Architecture</h3>
      <p>Design and implement robust, scalable IT infrastructures across transport, customs, and warehousing operations.</p>
    </div>
    <div class="card">
      <h3><i class="fas fa-lightbulb"></i> Innovation & Optimization</h3>
      <p>Drive innovation by streamlining processes, enhancing system performance, and leveraging emerging technologies.</p>
    </div>
    <div class="card">
      <h3><i class="fas fa-user-tie"></i> Strategic Advisory</h3>
      <p>Act as a trusted advisor to executives, offering deep expertise in IT strategy, logistics, and operational consulting.</p>
    </div>
    <div class="card">
      <h3><i class="fas fa-cloud"></i> Cloud & Infrastructure</h3>
      <p>Ensure long-term scalability, resilience, and cybersecurity through modern, cloud-native infrastructure solutions.</p>
    </div>
</section>

<section>
  <h2>Who I Am</h2>
  <div class="card">
    <p>I'm <strong>Nico K. Pereira da Silva</strong> – Group CIO at <strong>MBS Logistics</strong>, leading global IT strategy, innovation, and digital transformation across more than 30 international locations.</p>

    <p>With over a decade of C-level experience and a background as a certified Computer Science Expert, I bridge deep technical know-how with strategic leadership. My work focuses on designing scalable IT architectures, AI-driven logistics solutions, and secure infrastructure environments that drive business growth and operational resilience.</p>

    <p>I am passionate about building future-proof platforms that combine cutting-edge technology with real-world efficiency. At the heart of my leadership is a commitment to clarity, trust, and sustainable innovation in complex environments.</p>

    <p>Beyond my professional life, I’m a family man, wine enthusiast, advocate for fitness and mental performance, and actively engaged in volunteer work. I speak German, English, French, and Portuguese – and thrive in multicultural, international settings.</p>
  </div>
</section>

<section>
  <h2>Portfolio</h2>
  <div class="grid">
    <div class="card">
      <h3>Strategic Projects</h3>
      <ul>
        <li><strong>Global CO₂ Calculator</strong> – Consulting and development of a sustainability tool for emissions tracking in transport and logistics (2017–2024)</li>
        <li><strong>AI-Driven Customs & Process Automation</strong> – Conceptual design and rollout of AI-based customs validation and automated declaration workflows</li>
        <li><strong>Digital Backbone @ MBS Logistics</strong> – Leading IT architecture, cloud migration, and cybersecurity alignment across 30+ global offices (since 2024)</li>
      </ul>
    </div>

    <div class="card">
      <h3>Implemented Solutions</h3>
      <ul>
        <li>TMS and customs platforms implemented and optimized for 50+ clients from startups to global enterprises (2–10,000 employees)</li>
        <li>Integration of ERP, WMS, and carrier APIs into unified logistics IT ecosystems</li>
        <li>Scalable middleware solutions using REST, SOAP, and XML for e-commerce and B2B environments</li>
      </ul>
    </div>

    <div class="card">
      <h3>Consulting Highlights</h3>
      <ul>
        <li>Strategic IT & logistics consulting in air freight, warehousing, e-commerce logistics, and customs</li>
        <li>Interim management for system transitions, vendor assessments, and organizational change</li>
        <li>Regular sparring partner for managing directors, tech leads, and operations</li>
      </ul>
    </div>
  </div>
</section>

  <section>
    <h2>Career Timeline</h2>
    <div class="grid">
      <div class="card"><h3>2024–Today</h3><p>Group CIO @ MBS Logistics</p></div>
      <div class="card"><h3>2017–2024</h3><p>CTO @ CarbonCare</p></div>
	  <div class="card"><h3>2017–2024</h3><p>COO @ Air Maintenance</p></div>
      <div class="card"><h3>2010–2023</h3><p>COO @ K&S Informatik</p></div>
      <div class="card"><h3>2023–2024</h3><p>Senior Sales Manager @ Riege Software</p></div>
    </div>
  </section>
  
  <section>
  <h2>Keynote Highlights</h2>
  <div class="grid">
    <div class="card">
      <img src="https://pereira-da-silva.de/WCA2025.jpg" alt="WCA eCommerce 2025 Keynote" style="width:100%; height:auto; border-radius:8px; object-fit:cover;">
      <h3 style="margin-top:1rem; color:#1a4e8a;">WCA eCommerce 2025</h3>
      <p><em>"AI ≠ Automation – Why eCommerce Customs Processes Don’t Need Artificial Intelligence, but Smart Processes"</em></p>
    </div>

    <div class="card">
      <img src="https://pereira-da-silva.de/InsideScope2024.webp" alt="Inside Scope 2024 Keynote" style="width:100%; height:auto; border-radius:8px; object-fit:cover;">
      <h3 style="margin-top:1rem; color:#1a4e8a;">Inside Scope 2024</h3>
      <p><em>"Interfaces and Integrations" – hosted by Riege Software</em></p>
    </div>
  </div>
</section>

 <section>
  <h2>Talks & Publications</h2>
  <div class="grid">
    <div class="card">
      <h3><i class="fas fa-microphone"></i> Talks & Workshops</h3>
      <ul>
        <li><strong>2025 – WCA eCommerce</strong>: "AI ≠ Automation – Why eCommerce Customs Processes Don’t Need Artificial Intelligence, but Smart Processes"</li>
        <li><strong>2024 – Inside Scope by Riege</strong>: "Interfaces and Integrations"</li>
        <li><strong>2024 – Swiss Shippers’ Council</strong>: "Transparency in Sea freight"</li>
        <li><strong>2016 & 2017 – Swiss Shippers’ Council</strong>: Workshops on "Paperless in Air Freight" and "The Future of Transport Documents"</li>
      </ul>
    </div>

    <div class="card">
      <h3><i class="fas fa-file-alt"></i> Selected Publications</h3>
      <ul>
        <li><strong>CO₂ Series:</strong> "Calculating and Offsetting Supply Chain Emissions"<br>
          <a href="https://pereira-da-silva.de/Technik-und-Einkauf_Ausgbe_02.2023_Carbon_Care_05.04.2023.pdf" target="_blank">PDF – Technik & Einkauf 02/2023</a><br>
          <a href="https://b-quadrat.de/emissionen-entlang-der-lieferkette-praezise-berechnen-und-kompensieren/" target="_blank">Online – B-Quadrat</a><br>
          <a href="https://pereira-da-silva.de/FrischeLogistik_print_CarbonCare_Ausgabe_6.22_Dezember_Seite_42.43.pdf" target="_blank">PDF – FrischeLogistik 6/2022</a>
        </li>
        <li><strong>"Electronic Air Waybills"</strong><br>
          <a href="https://pereira-da-silva.de/ident_1_2023_FA_01_Elektronische-Luftfahrtbiefe_KS_27.02.2023.pdf" target="_blank">PDF – ident 1/2023</a>
        </li>
        <li><strong>"Summary Declarations for Road Freight"</strong><br>
          <a href="https://pereira-da-silva.de/Maerkte_der_Welt_Summarische_Anmeldung_22.12.2022.pdf" target="_blank">PDF – Märkte der Welt 12/2022</a><br>
          <a href="https://pereira-da-silva.de/ExportManager_Summarische_Anmeldung_14.12.2022.pdf" target="_blank">PDF – ExportManager 12/2022</a>
        </li>
      </ul>
    </div>
  </div>
</section>

<section style="text-align: center; padding: 4rem 2rem; background-color: #f0f4f9;">
  <h2 style="font-size: 2rem; color: #1a4e8a;">Let’s Connect</h2>
  <p style="max-width: 600px; margin: auto; font-size: 1.1rem;">
    Interested in exchanging insights on digital transformation, AI in logistics, or inviting me as a speaker?
    I'm always open to a professional dialogue.
  </p>
  <a href="mailto:nico.dasilva@mbslogistics.com" style="margin-top: 1.5rem; display: inline-block; padding: 0.8rem 1.5rem; background: #1a4e8a; color: white; text-decoration: none; border-radius: 5px; font-weight: 600;">
    Get in Touch
  </a>
</section>


<footer>
   <div class="social-icons">
  <a href="https://www.linkedin.com/in/nico-pereira-da-silva/" target="_blank" rel="noopener noreferrer" title="Opens LinkedIn – external site">
    <i class="fab fa-linkedin"></i>
  </a>
  <a href="https://www.instagram.com/nicodasilva.wine/" target="_blank" rel="noopener noreferrer" title="Opens Instagram – external site">
    <i class="fab fa-instagram"></i>
  </a>
</div>
<small style="display:block; margin-top:0.5rem; font-size:0.8rem; color:#ccc;">
  By clicking a social media icon, you will leave this website and be redirected to the respective platform's privacy policy.
</small>

<p>
  © 2025 Nico K. Pereira da Silva · 
  <a href="impressum.html" style="color: #ffffff; text-decoration: underline;">Legal Notice & Privacy Policy</a>
</p>
  </footer>
  
  <!-- Sticky Header Light (insert near end of <body>) -->
<div class="sticky-header-light" id="miniHeader">
  <h1>Nico K. Pereira da Silva - Group CIO @ MBS Logistics</h1>
  <a href="mailto:nico.dasilva@mbslogistics.com">Contact</a>
</div>

<script>
  const header = document.getElementById('miniHeader');
  window.addEventListener('scroll', () => {
    if (window.scrollY > 300) {
      header.classList.add('visible');
    } else {
      header.classList.remove('visible');
    }
  });
</script>
</body>
</html>
