<style><!--
/* ==========================================================================
   SEKCE: WORKFLOW, INFRASTRUCTURE & DIFFERENCE (KOMPLETNÍ CSS)
   ========================================================================== */

/* Hlavní obal sekce */
.mipec-features-section {
  max-width: 1200px !important;
  margin: 40px auto !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   1. HLAVIČKY SEKCÍ (VYCENTROVANÉ & ORANŽOVÉ)
   ========================================================================== */

.mipec-features-section .mipec-section-header {
  text-align: center !important;
  margin-bottom: 30px !important;
}

.mipec-features-section .mipec-header-space {
  margin-top: 55px !important;
}

.mipec-features-section .mipec-section-header h2 {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #ef5b16 !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}

/* ==========================================================================
   TMAVÝ PRŮMYSLOVÝ BLOK PRO WORKFLOW
   ========================================================================== */

.mipec-features-section .mipec-workflow-block {
  background-color: #2c3e50 !important;
  padding: 48px 32px !important;
  border-radius: 12px !important;
  margin-bottom: 40px !important;
  box-sizing: border-box !important;
}

.mipec-features-section .mipec-workflow-block .mipec-section-header h2 {
  color: #ffffff !important;
}

.mipec-features-section .mipec-workflow-block .mipec-card {
  background: #34495e !important;
  border-color: #47607a !important;
}

.mipec-features-section .mipec-workflow-block .mipec-card:hover {
  border-color: #ef5b16 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
  transform: translateY(-3px) !important;
}

.mipec-features-section .mipec-workflow-block .mipec-card h3 {
  color: #ffffff !important;
}

.mipec-features-section .mipec-workflow-block .mipec-card p {
  color: #cbd5e1 !important;
}

/* ==========================================================================
   2. MŘÍŽKA A KARTY
   ========================================================================== */

.mipec-features-section .mipec-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: flex-start !important;
}

.mipec-features-section .mipec-card {
  flex: 1 1 calc(33.333% - 20px) !important;
  min-width: 280px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 28px 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: all 0.2s ease-in-out !important;
  cursor: pointer !important;
}

.mipec-features-section .mipec-card:hover {
  border-color: #ef5b16 !important;
  box-shadow: 0 10px 25px rgba(239, 91, 22, 0.1) !important;
  transform: translateY(-3px) !important;
}

.mipec-features-section .mipec-card .mipec-card-num {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ef5b16 !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.mipec-features-section .mipec-card h3 {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

.mipec-features-section .mipec-card p {
  font-size: 14px !important;
  color: #4b5563 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
}

.mipec-features-section .mipec-card p a {
  color: #ef5b16 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 4px !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

.mipec-features-section .mipec-card:hover p a {
  transform: translateX(4px) !important;
}

.mipec-features-section .mipec-intro-box {
  background-color: #f8f9fa !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 48px 56px !important;
  max-width: 100% !important;
  margin: 16px 0 32px 0 !important;
  text-align: center !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
}

.mipec-features-section .mipec-intro-box p {
  font-size: 2.25rem !important;
  line-height: 1.35 !important;
  color: #1f2937 !important;
  margin: 0 !important;
  text-align: center !important;
}

.mipec-features-section .mipec-intro-box strong {
  color: #ef5b16 !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   3. ZÁVĚREČNÝ CALLOUT BANNER (TMAVÝ)
   ========================================================================== */

.mipec-features-section .mipec-footer-banner {
  background: #2c3e50 !important;
  border-radius: 12px !important;
  padding: 48px 32px !important;
  margin-top: 50px !important;
  text-align: center !important;
  border: 1px solid #47607a !important;
  box-sizing: border-box !important;
}

.mipec-features-section .mipec-footer-banner .mipec-banner-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 auto !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.mipec-features-section .mipec-footer-banner .mipec-banner-divider {
  width: 50px !important;
  height: 3px !important;
  background-color: #ef5b16 !important;
  margin: 16px auto !important;
  border-radius: 2px !important;
}

.mipec-features-section .mipec-footer-banner .mipec-banner-text {
  font-size: 15px !important;
  color: #cbd5e1 !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* ==========================================================================
   4. RESPONZIVITA (MOBILNÍ ZAŘÍZENÍ A TABLETY)
   ========================================================================== */

@media (max-width: 991px) {
  .mipec-features-section .mipec-card {
    flex: 1 1 calc(50% - 20px) !important;
  }
}

@media (max-width: 600px) {
  .mipec-features-section .mipec-card {
    flex: 0 0 100% !important;
  }
  .mipec-features-section .mipec-section-header h2 {
    font-size: 22px !important;
  }
  .mipec-features-section .mipec-footer-banner {
    padding: 28px 16px !important;
  }
  .mipec-features-section .mipec-banner-title {
    font-size: 18px !important;
  }
  .mipec-features-section .mipec-banner-text {
    font-size: 14px !important;
  }
  .mipec-features-section .mipec-workflow-block {
    padding: 24px 16px !important;
  }
}

/* ==========================================================================
   CTA TLAČÍTKO V BANNERU
   ========================================================================== */

.mipec-features-section .mipec-banner-action {
  margin-top: 24px !important;
}

.mipec-features-section .mipec-btn-cta {
  display: inline-block !important;
  background-color: #ef5b16 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 14px 32px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
  box-shadow: 0 4px 12px rgba(239, 91, 22, 0.25) !important;
  cursor: pointer !important;
}

.mipec-features-section .mipec-btn-cta:hover {
  background-color: #d94e0e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(239, 91, 22, 0.35) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 600px) {
  .mipec-features-section .mipec-btn-cta {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 20px !important;
  }
}
--></style>

<div class="mipec-features-section">
  <!-- 1. TMAVÝ BLOK PRO WORKFLOW (01 - 06) -->
  <div class="mipec-workflow-block">
    <div class="mipec-section-header">
      <h2>WORKFLOW</h2>
    </div>
    <div class="mipec-grid">
      <div class="mipec-card"><span class="mipec-card-num">01</span>
      <h3>CAM &amp; DATA PREP</h3>
      <p>Automatic Gerber import, isolation milling calculation, and toolpath optimization with TrackMaker. <a href="/project-preparation/">→</a></p>
      </div>
      <div class="mipec-card"><span class="mipec-card-num">02</span>
      <h3>MILLING &amp; DRILLING</h3>
      <p>High-precision PCB isolation milling, contour routing, and fast drilling on 4Mill CNC routers. <a href="/milling-drilling/">→</a></p>
      </div>
      <div class="mipec-card"><span class="mipec-card-num">03</span>
      <h3>THROUGH-HOLE PLATING</h3>
      <p>Mechanical via plating systems for reliable double-sided board interconnects. <a href="/through-hole-plating/">→</a></p>
      </div>
      <div class="mipec-card"><span class="mipec-card-num">04</span>
      <h3>SOLDER PASTE APPLICATION</h3>
      <p>Manual stencil printers and dispensers for precise solder paste application. <a href="/solder-paste/">→</a></p>
      </div>
      <div class="mipec-card"><span class="mipec-card-num">05</span>
      <h3>COMPONENT PLACEMENT</h3>
      <p>Manual Pick &amp; Place systems for precise SMT component positioning. <a href="/pick-place/">→</a></p>
      </div>
      <div class="mipec-card"><span class="mipec-card-num">06</span>
      <h3>SOLDERING &amp; REFLOW</h3>
      <p>Reflow ovens and soldering units engineered for high-precision SMT assembly. <a href="/reflow/">→</a></p>
      </div>
    </div>
  </div>

  <!-- 2. HLAVIČKA: LAB SAFETY & CONSUMABLES -->
  <div class="mipec-section-header mipec-header-space">
  <h2>LAB SAFETY &amp; CONSUMABLES</h2>
  </div>
  <!-- MŘÍŽKA: INFRASTRUCTURE (07 - 08) -->
  <div class="mipec-grid">
  <div class="mipec-card"><span class="mipec-card-num">07</span>
  <h3>DUST EXTRACTION</h3>
  <p>Heavy-duty industrial vacuum units filtering FR4 and copper micro-dust. <a href="/dust-extraction/">→</a></p>
  </div>
  <div class="mipec-card"><span class="mipec-card-num">08</span>
  <h3>TOOLING &amp; ACCESSORIES</h3>
  <p>High-grade carbide endmills, routers, drill bits, substrates, drill underlay material and compressors. <a href="/tooling-accessories/">→</a></p>
  </div>
  </div>

  <!-- 3. HLAVIČKA: WHAT MAKES MIPEC DIFFERENT -->
  <div class="mipec-section-header mipec-header-space">
  <h2>WHAT MAKES MIPEC DIFFERENT</h2>
  </div>
  <div class="mipec-intro-box">
  <p><strong>More than machines, a complete solution.</strong> We don't just supply equipment, we help you solve your production challenges — from in-house prototyping to complete production lines. Faster, safer and under your control.</p>
  </div>
  <!-- MŘÍŽKA: DIFFERENT (01 - 03) -->
  <div class="mipec-grid">
  <div class="mipec-card"><span class="mipec-card-num">01</span>
  <h3>FASTER ITERATION</h3>
  <p>Test, modify, and repeat your PCB prototypes in-house without waiting days for external suppliers.</p>
  </div>
  <div class="mipec-card"><span class="mipec-card-num">02</span>
  <h3>YOUR DATA STAYS IN-HOUSE</h3>
  <p>Keep sensitive electronics hardware design and development 100% secure within your lab facility.</p>
  </div>
  <div class="mipec-card"><span class="mipec-card-num">03</span>
  <h3>COMPLETE TURNKEY ECOSYSTEM</h3>
  <p>From raw Gerber data to high-precision equipment — everything engineered to work together seamlessly.</p>
  </div>
  </div>

  <!-- ZÁVĚREČNÝ CALLOUT BANNER S CTA TLAČÍTKEM -->
  <div class="mipec-footer-banner">
  <h2 class="mipec-banner-title">EQUIP YOUR LAB. SPEED UP R&amp;D. REPEAT.</h2>
  <div class="mipec-banner-divider">&nbsp;</div>
  <p class="mipec-banner-text">MIPEC provides the complete technology line to turn designs into high-precision PCB prototypes faster.</p>
  <!-- CTA TLAČÍTKO -->
  <div class="mipec-banner-action"><a href="/contact/" class="mipec-btn-cta">REQUEST A CUSTOM QUOTE →</a></div>
  </div>
</div>