/* =====================================================================
   Theme: Cobalt Bold — geheel nieuw op Cobalt-basis: neo-brutalisme
   ===================================================================== */
html[data-theme="cobalt-bold"]{
  --r:0;
  --border:#3b4a63;
  --border-2:#4a5b78;
}
html[data-theme="cobalt-bold"] h1,
html[data-theme="cobalt-bold"] h2{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-weight:800;letter-spacing:-.035em;text-transform:uppercase}
html[data-theme="cobalt-bold"] .hero h1{font-size:clamp(48px,7vw,96px);line-height:.98}
html[data-theme="cobalt-bold"] .section-title strong{font-size:15px}
html[data-theme="cobalt-bold"] .btn,
html[data-theme="cobalt-bold"] .cta-top,
html[data-theme="cobalt-bold"] .trust-pop-cta,
html[data-theme="cobalt-bold"] .qm-fin-yes{
  border:2px solid #e2e8f0;
  box-shadow:4px 4px 0 var(--msc);
  transition:box-shadow .12s,transform .12s,background .15s;
}
html[data-theme="cobalt-bold"] .btn:hover,
html[data-theme="cobalt-bold"] .cta-top:hover,
html[data-theme="cobalt-bold"] .trust-pop-cta:hover,
html[data-theme="cobalt-bold"] .qm-fin-yes:hover{box-shadow:1px 1px 0 var(--msc);transform:translate(3px,3px)}
html[data-theme="cobalt-bold"] .btn-primary{box-shadow:4px 4px 0 var(--msc)}
html[data-theme="cobalt-bold"] .cta-top{box-shadow:4px 4px 0 var(--accent)}
html[data-theme="cobalt-bold"] .cta-top:hover{box-shadow:1px 1px 0 var(--accent)}
html[data-theme="cobalt-bold"] .pcard,
html[data-theme="cobalt-bold"] .safe-card,
html[data-theme="cobalt-bold"] .paysafe-card,
html[data-theme="cobalt-bold"] .safe-step,
html[data-theme="cobalt-bold"] .feature-card,
html[data-theme="cobalt-bold"] .trust-pop-card,
html[data-theme="cobalt-bold"] .calc-box,
html[data-theme="cobalt-bold"] .price-card,
html[data-theme="cobalt-bold"] .fin-box{
  background:#0a142a;
  border:2px solid var(--border-2);
  border-radius:0;
  box-shadow:8px 8px 0 rgba(240,168,0,.35);
  backdrop-filter:none;
}
html[data-theme="cobalt-bold"] .pcard:hover,
html[data-theme="cobalt-bold"] .safe-card:hover,
html[data-theme="cobalt-bold"] .paysafe-card:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--msc);border-color:#e2e8f0}
html[data-theme="cobalt-bold"] .fin-opt,
html[data-theme="cobalt-bold"] .qm-fin-opts li,
html[data-theme="cobalt-bold"] .trust-pop-opt{border:1.5px solid var(--border);border-radius:0;background:#081022}
html[data-theme="cobalt-bold"] .fin-opt:hover{border-color:var(--msc)}
html[data-theme="cobalt-bold"] .tag,
html[data-theme="cobalt-bold"] .cond-tag,
html[data-theme="cobalt-bold"] .fin-badge,
html[data-theme="cobalt-bold"] .pfin,
html[data-theme="cobalt-bold"] .pmatch,
html[data-theme="cobalt-bold"] .prent,
html[data-theme="cobalt-bold"] .eyebrow,
html[data-theme="cobalt-bold"] .fin-hero-pill,
html[data-theme="cobalt-bold"] .calc-presets button,
html[data-theme="cobalt-bold"] .trust-pop-pill{border-radius:0;border-width:1.5px}
html[data-theme="cobalt-bold"] .stat .num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--msc);-webkit-text-fill-color:var(--msc);font-weight:800}
html[data-theme="cobalt-bold"] .stat:nth-child(2) .num{color:#fff;-webkit-text-fill-color:#fff}
html[data-theme="cobalt-bold"] .stat .lbl{color:#e2e8f0}
html[data-theme="cobalt-bold"] header.site{background:#020617;border-bottom:2px solid var(--border-2)}
html[data-theme="cobalt-bold"] .menu a.active::after{height:3px;background:var(--msc)}
html[data-theme="cobalt-bold"] .safe-step-n,
html[data-theme="cobalt-bold"] .fin-bar-ico,
html[data-theme="cobalt-bold"] .trust-pop-ico,
html[data-theme="cobalt-bold"] .safe-card-ico,
html[data-theme="cobalt-bold"] .trust-pop-shield,
html[data-theme="cobalt-bold"] .safe-hero-shield{border-radius:0}