/* SEO · van pagina 5 naar pagina 1 */
.z5{position:relative;max-width:560px;margin-left:auto;padding-right:56px}
.z5 .bl-raam{min-height:470px}
.z5 .bl-raam__in{padding:18px;display:flex;flex-direction:column;gap:14px}
.z5-lijst{position:relative;display:flex;flex-direction:column;gap:8px;--rh:58px}
.z5-rij{height:var(--rh);border-radius:12px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:center;padding:0 14px;background:rgba(var(--w),.03);border:1px solid rgba(var(--w),.05)}
.z5-rij i{width:14px;height:14px;border-radius:50%;background:rgba(var(--w),.1)}
.z5-rij s{display:block;height:6px;border-radius:3px;background:rgba(var(--w),.1);margin:5px 0;width:62%}
.z5-rij s:nth-child(2){width:88%;background:rgba(169,184,245,.22)}
.z5-rij s:nth-child(3){width:48%}
.z5-rij[data-i="1"] s:nth-child(2){width:70%}.z5-rij[data-i="3"] s:nth-child(2){width:80%}.z5-rij[data-i="2"] s:first-child{width:40%}
.z5-lijst.blader .z5-rij{animation:z5-blader .5s var(--ease)}
@keyframes z5-blader{from{opacity:0;transform:translateX(22px)}}
.z5-jij{--slot:4;position:absolute;left:0;right:0;top:0;height:var(--rh);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:0 14px;background:linear-gradient(rgba(95,196,180,.16),rgba(95,196,180,.16)),var(--ground);border:1px solid rgba(95,196,180,.55);box-shadow:0 12px 34px -12px rgba(34,179,148,.55);transform:translateY(calc(var(--slot) * (var(--rh) + 8px)));transition:transform .55s var(--ease)}
.z5-jij small{display:block;font-size:12px;color:var(--ink-3)}
.z5-jij b{display:block;font-size:14px;font-weight:600;color:var(--t-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z5-n{font-family:var(--mono);font-size:13px;color:var(--mint-l);min-width:38px;font-variant-numeric:tabular-nums}
.z5-pag{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:6px}
.z5-pag .mono{color:var(--ink-4);margin-right:4px}
.z5-pag b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:500 12px var(--mono);color:var(--ink-3);border:1px solid rgba(var(--w),.12);transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}
.z5-pag b.aan{background:linear-gradient(135deg,var(--green),var(--mint));border-color:transparent;color:#02121A}
.z5-duw{position:absolute;left:-36px;top:96px;display:flex;flex-direction:column;gap:10px;z-index:2}
.z5-duw span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ink);opacity:0;transform:translateX(-12px) scale(.96);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.z5-duw span b{color:var(--mint-l)}
.z5-duw span.aan{opacity:1;transform:none}
.z5-lijn{position:absolute;right:0;top:30px;width:48px;height:calc(100% - 60px)}
@media (max-width:860px){.z5{padding-right:0;max-width:none}.z5 .bl-raam{min-height:0}.z5-lijst{--rh:40px}.z5-rij,.z5-jij{padding:0 10px}.z5-rij s{margin:3px 0}.z5-rij s:nth-child(3){display:none}.z5-jij small{display:none}.z5-duw{left:auto;right:10px;top:112px;flex-direction:row;gap:6px}.z5-duw span{padding:6px 10px;font-size:12px}.z5-lijn{display:none}}

/* SEO · hero: een zoekopdracht, jouw resultaat klimt naar de eerste plek */
.hz{position:relative;width:100%;max-width:470px;margin-left:auto}
.hz-raam{padding:18px;display:flex;flex-direction:column;gap:14px}
.hz-balk{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;background:rgba(var(--w),.06);border:1px solid rgba(var(--w),.1);color:var(--ink-2);font-size:14px}
.hz-balk svg{flex:none;width:16px;height:16px;color:var(--acc)}
.hz-q::after{content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-.15em;background:var(--acc);animation:tw-knip 1s steps(1) infinite}
.hz-lijst{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;--rh:56px}
.hz-r{height:var(--rh);border-radius:12px;display:grid;grid-template-columns:14px minmax(0,1fr);gap:12px;align-items:center;padding:0 14px;background:rgba(var(--w),.03);border:1px solid rgba(var(--w),.06);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.hz-r i{width:14px;height:14px;border-radius:50%;background:rgba(var(--w),.1)}
.hz-r s{display:block;height:6px;border-radius:3px;background:rgba(var(--w),.1);margin:5px 0;width:58%}
.hz-r s+s{width:84%;background:rgba(169,184,245,.2)}
.hz-r:nth-child(2n) s+s{width:72%}.hz-r:nth-child(3n) s:first-child{width:44%}
.hz-r.weg{opacity:.18;transform:scale(.97)}
.hz-jij{--plek:4;position:absolute;left:0;right:0;top:0;height:var(--rh);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:0 14px;background:linear-gradient(135deg,rgba(var(--w),.12),rgba(var(--w),.05));border:1px solid var(--ring);box-shadow:0 0 0 1px rgba(var(--w),.04),0 14px 34px -14px var(--halo1);transform:translateY(calc(var(--plek) * (var(--rh) + 8px)));transition:transform 1.1s var(--ease),opacity .6s var(--ease),box-shadow 1.1s var(--ease)}
.hz-jij.uit{opacity:0}
.hz-jij small{display:block;font-size:12px;color:var(--ink-3)}
.hz-jij span>b{display:block;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-n{font-family:var(--mono);font-size:13px;color:var(--acc);min-width:28px;font-variant-numeric:tabular-nums}
.hz.top .hz-jij{box-shadow:0 0 0 1px var(--acc),0 18px 44px -12px var(--halo1)}
.hz-label{position:absolute;left:-22px;bottom:-20px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;opacity:0;transform:translateY(8px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.hz-label .mono{color:var(--ink)}
.hz.top .hz-label{opacity:1;transform:none}
@media (max-width:960px){.hz{margin:0 auto}.hz-label{left:12px}}
@media (max-width:560px){.hz-lijst{--rh:46px}.hz-r s{margin:3px 0}}