<!-- ============================================================= -->
<!-- BLOK: AccuCheck pagina - deel 2 (certificaat) MATGLAS op teal -->
<!-- ============================================================= -->
<style>
.acc-cert-wrap { max-width:1100px; margin:0 auto; padding:30px 20px 50px; font-family:inherit; box-sizing:border-box; }
.acc-cert-glas { background:rgba(255,255,255,0.10); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,0.18); border-radius:20px; padding:40px; }
.acc-cert-kop { text-align:center; margin-bottom:36px; }
.acc-cert-titel { font-size:clamp(24px,3vw,32px); font-weight:300; color:#ffffff; margin:0 0 10px; line-height:1.2; }
.acc-cert-sub { font-size:16px; color:rgba(255,255,255,0.80); max-width:620px; margin:0 auto; line-height:1.6; }
.acc-cert-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.acc-cert-beeld img { width:100%; max-width:480px; height:auto; display:block; margin:0 auto; border-radius:12px; box-shadow:0 14px 36px rgba(0,0,0,0.28); }
.acc-cert-uitleg-titel { font-size:20px; font-weight:600; color:#ffffff; margin:0 0 18px; line-height:1.3; }
.acc-cert-lijst { list-style:none; padding:0; margin:0; }
.acc-cert-lijst li { display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:15px; color:rgba(255,255,255,0.92); line-height:1.6; }
.acc-cert-lijst li:last-child { margin-bottom:0; }
.acc-cert-lijst .vink { flex-shrink:0; width:24px; height:24px; border-radius:50%; background:#0F6E56; display:inline-flex; align-items:center; justify-content:center; margin-top:1px; }
.acc-cert-lijst .vink svg { width:14px; height:14px; }
.acc-cert-lijst strong { color:#ffffff; font-weight:600; }
@media (max-width:860px){
.acc-cert-grid { grid-template-columns:1fr; gap:28px; }
.acc-cert-beeld { order:2; }
.acc-cert-uitleg { order:1; }
.acc-cert-glas { padding:28px 22px; }
}
</style>
<div class="acc-cert-wrap">
<div class="acc-cert-glas">
<div class="acc-cert-kop">
<div class="acc-cert-titel">Dit krijg je op je bureaublad</div>
<div class="acc-cert-sub">Geen aannames, maar meetgegevens van precies jouw laptop.</div>
</div>
<div class="acc-cert-grid">
<div class="acc-cert-beeld">
<img src="https://primary.jwwb.nl/public/h/w/h/temp-jorzamwxnzqoqfbpztmy/accucheck-voorbeeld-rapport-v411-high.png?enable-io=true&width=1252" alt="Voorbeeld AccuCheck testrapport">
</div>
<div class="acc-cert-uitleg">
<div class="acc-cert-uitleg-titel">Wat staat erop? </div>
<ul class="acc-cert-lijst">
<li><span class="vink"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span><strong>De gemeten accuduur</strong>, vastgesteld met een echte test van vol tot leeg.</span></li>
<li><span class="vink"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span><strong>Een grafiek</strong> van het verloop, zodat je het hele ontladen ziet, niet alleen een getal.</span></li>
<li><span class="vink"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span><strong>De accugezondheid</strong>, dus hoeveel capaciteit de accu nog heeft ten opzichte van nieuw.</span></li>
<li><span class="vink"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg></span><span><strong>Merk, model en specificaties</strong> van precies jouw apparaat, met testdatum en certificaatnummer.</span></li>
</ul>
</div>
</div>
</div>
</div>