.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }

x-dc{display:none!important}

html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}

@keyframes zt-cta-pulse-o { 0% { box-shadow: 0 0 0 0 rgba(245,130,31,0.65); transform: scale(1); } 50% { transform: scale(1.05); } 70% { box-shadow: 0 0 0 14px rgba(245,130,31,0); } 100% { box-shadow: 0 0 0 0 rgba(245,130,31,0); transform: scale(1); } }
@keyframes zt-cta-pulse-p { 0% { box-shadow: 0 0 0 0 rgba(124,58,237,0.55); transform: scale(1); } 50% { transform: scale(1.05); } 70% { box-shadow: 0 0 0 14px rgba(124,58,237,0); } 100% { box-shadow: 0 0 0 0 rgba(124,58,237,0); transform: scale(1); } }
.zt-nav-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--color-accent); color: #ffffff !important; font-weight: 800; font-size: 14px; padding: 12px 20px; border-radius: 30px; text-decoration: none; animation: zt-cta-pulse-o 2s ease-in-out infinite; will-change: transform, box-shadow; }
.zt-nav-cta:hover { background: #d96c0e; animation-play-state: paused; }
.zt-nav-check { display: inline-flex; align-items: center; gap: 8px; background: #7c3aed; color: #ffffff !important; font-weight: 800; font-size: 14px; padding: 12px 20px; border-radius: 30px; text-decoration: none; animation: zt-cta-pulse-p 2s ease-in-out infinite; will-change: transform, box-shadow; }
.zt-nav-check:hover { background: #6d28d9; animation-play-state: paused; }

/* Knoppen 30% afgerond */
.btn, .zt-nav-cta, .zt-nav-check, .zt-support-btn { border-radius: 16px !important; }

/* Sticky belknop mobiel */
.zt-bel-mobiel { display: none; }
@media (max-width: 768px) {
  .zt-bel-mobiel { display: flex; align-items: center; gap: 8px; position: fixed; bottom: 18px; right: 16px; z-index: 95; background: var(--color-accent); color: #ffffff; font-weight: 800; font-size: 15px; padding: 13px 20px; border-radius: 16px; text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,0.28); }
  .zt-bel-mobiel:active { background: #d96a0c; }
}


.zt-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.zt-skip:focus {
  left: 8px;
  top: 8px;
  width: auto;
  height: auto;
  z-index: 100;
  padding: 10px 16px;
  background: #141110;
  color: #ffffff;
  border-radius: 8px;
  font: 700 15px/1.2 Archivo, system-ui, sans-serif;
  text-decoration: none;
}