/* =====================================================================
   Theme: Hybrid  (Stitch design 2)
   Cobalt-kleuren als basis + de typografie en lichte, klare boxen
   uit "Industrial Logistics Prime". Scoped onder [data-theme="hybrid"].
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=JetBrains+Mono:wght@600;700&display=swap');

html[data-theme="hybrid"]{
  --r:5px; /* strakkere, boxy knoppen — kleuren blijven Cobalt */
}

/* ---- typografie uit design 1 ---- */
html[data-theme="hybrid"] h1,
html[data-theme="hybrid"] h2,
html[data-theme="hybrid"] h3,
html[data-theme="hybrid"] .logo,
html[data-theme="hybrid"] .paysafe-text h2{
  font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;
  letter-spacing:-.02em;
}
html[data-theme="hybrid"] .eyebrow,
html[data-theme="hybrid"] .menu a,
html[data-theme="hybrid"] .btn,
html[data-theme="hybrid"] .cta-top,
html[data-theme="hybrid"] .section-title strong,
html[data-theme="hybrid"] .fin-badge,
html[data-theme="hybrid"] .tag,
html[data-theme="hybrid"] .cond-tag,
html[data-theme="hybrid"] .pfin,
html[data-theme="hybrid"] .pmatch,
html[data-theme="hybrid"] .prent,
html[data-theme="hybrid"] .stats .lbl,
html[data-theme="hybrid"] .calc-presets button,
html[data-theme="hybrid"] .fin-bar-disc{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html[data-theme="hybrid"] .menu a{font-size:12.5px;font-weight:600}
html[data-theme="hybrid"] .btn{font-size:13px;font-weight:700}
html[data-theme="hybrid"] .hero h1{font-weight:800}

/* ---- lichte, klare glas-boxen uit design 1 (Cobalt-tinten) ---- */
html[data-theme="hybrid"] .pcard,
html[data-theme="hybrid"] .safe-card,
html[data-theme="hybrid"] .paysafe-card,
html[data-theme="hybrid"] .safe-step,
html[data-theme="hybrid"] .feature-card,
html[data-theme="hybrid"] .trust-pop-card,
html[data-theme="hybrid"] .calc-box,
html[data-theme="hybrid"] .fin-box{
  background:rgba(30,48,80,.38);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
}
html[data-theme="hybrid"] .pcard:hover,
html[data-theme="hybrid"] .safe-card:hover,
html[data-theme="hybrid"] .paysafe-card:hover{border-color:rgba(96,165,250,.55)}
html[data-theme="hybrid"] .fin-opt{border-radius:5px;background:rgba(2,6,23,.4);border-color:rgba(255,255,255,.08)}
html[data-theme="hybrid"] .fin-opt:hover{border-color:var(--accent)}
html[data-theme="hybrid"] .qm-fin-opts li,
html[data-theme="hybrid"] .trust-pop-opt{background:rgba(30,48,80,.3);border-color:rgba(255,255,255,.09);border-radius:8px}

/* ---- subtiele verlichting: minder zware schaduwen, meer helderheid ---- */
html[data-theme="hybrid"] header.site{background:rgba(6,12,32,.78);backdrop-filter:blur(14px)}
html[data-theme="hybrid"] .menu a.active::after{border-radius:0}
html[data-theme="hybrid"] .cta-top,
html[data-theme="hybrid"] .btn-primary,
html[data-theme="hybrid"] .trust-pop-cta,
html[data-theme="hybrid"] .qm-fin-yes{border-radius:5px}
html[data-theme="hybrid"] .btn-primary:hover{box-shadow:0 0 24px var(--accent-glow)}
html[data-theme="hybrid"] .safe-step-n{border-radius:5px}
html[data-theme="hybrid"] .calc-input{border-radius:8px}
html[data-theme="hybrid"] .stats .num{letter-spacing:-.02em}