/* BezwaarKlaar — Concept A: Juridisch premium */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-600-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2")}
:root{
  --bk-navy:#0B1F3A;--bk-navy-2:#1A3254;--bk-gold:#C9A24A;--bk-gold-dark:#B08A35;--bk-gold-soft:#F6EFDD;
  --bk-bg:#F7F5F1;--bk-line:#E6E1D6;--bk-muted:#5B6473;
  --navy:#0B1F3A;--navy-2:#1A3254;--blue:#0B1F3A;--blue-hover:#1A3254;--blue-soft:#F6EFDD;--blue-border:#E2D3A8;
  --emerald:#0B1F3A;--emerald-soft:#F6EFDD;--emerald-border:#E2D3A8;--slate:#5B6473;--slate-light:#7A8291;
  --bg:#F7F5F1;--card:#FFFFFF;--border:#E6E1D6;--radius:10px;
  --shadow:0 1px 2px rgba(11,31,58,.04),0 12px 32px -16px rgba(11,31,58,.12);
}
html,body{background:var(--bk-bg)!important;color:var(--bk-navy)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important;line-height:1.6}
h1,h2,.serif,.bk-wordmark{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;font-weight:600!important;letter-spacing:-.005em!important;color:var(--bk-navy)}
h1{line-height:1.12!important}
a{color:var(--bk-navy)}

/* Trust bar (index) / topbar (SEO) */
.trust-bar,.topbar{background:var(--bk-navy)!important;color:#E9E4D8!important;font-size:12.5px!important;letter-spacing:.02em;border:0!important;padding:9px 16px!important}
.trust-dot{background:var(--bk-gold)!important}

/* Header */
.bk-header{background:#fff;border-bottom:1px solid var(--bk-line)}
.bk-header-inner{max-width:1200px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.bk-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bk-navy)}
.bk-brand img{width:38px;height:38px;display:block}
.bk-wordmark{font-size:30px;line-height:1;color:var(--bk-navy)}
.bk-tagline{display:block;font-family:Inter,system-ui,sans-serif;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--bk-gold-dark);margin-top:5px;font-weight:600}
.bk-nav{display:flex;align-items:center;gap:26px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.bk-nav a{color:var(--bk-navy);text-decoration:none}
.bk-nav a:hover{color:var(--bk-gold-dark)}
.bk-btn,.bk-nav a.bk-btn{display:inline-block;background:var(--bk-gold);color:var(--bk-navy)!important;padding:11px 20px;border-radius:6px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12.5px;text-decoration:none;border:0;box-shadow:0 6px 16px -8px rgba(201,162,74,.8)}
.bk-btn:hover{background:var(--bk-gold-dark);color:#fff!important}

/* Trust strip */
.bk-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:22px auto 0;padding:0;list-style:none;font-size:13.5px;color:var(--bk-navy);font-weight:500}
.bk-trust li{display:flex;align-items:center;gap:8px}
.bk-trust li::before{content:"";width:16px;height:16px;flex:0 0 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='7.5' fill='%23F6EFDD' stroke='%23C9A24A'/%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23B08A35' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat center/contain}

/* Hero (index) */
.hero{margin:56px auto 36px!important;max-width:900px!important}
.hero .bk-eyebrow,.bk-eyebrow{display:inline-block;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--bk-gold-dark);font-weight:700;margin-bottom:14px}
.hero h1{font-size:clamp(34px,5vw,54px)!important;font-weight:600!important;margin-bottom:16px!important}
.hero h1 em{color:var(--bk-navy)!important;font-style:italic!important;text-decoration:none!important;background:linear-gradient(transparent 72%,rgba(201,162,74,.35) 72%)}
.hero p{font-size:17px!important;color:var(--bk-muted)!important;line-height:1.65}

/* Panels & cards */
.panel,.card,.doc-sheet{border-color:var(--bk-line)!important;border-radius:10px!important;box-shadow:var(--shadow)!important}
.panel{padding:28px!important}
.panel-title{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px!important;font-weight:600!important}
.step-tab{border-color:var(--bk-line)!important;border-radius:8px!important;background:#fff!important}
.step-tab.active{border-color:var(--bk-navy)!important;background:#fff!important;box-shadow:inset 0 -3px 0 var(--bk-gold)!important}
.step-tab.done{border-color:var(--bk-line)!important;background:var(--bk-gold-soft)!important}
.step-tab.active .step-num{background:var(--bk-navy)!important;color:#fff!important}
.step-tab.done .step-num{background:var(--bk-gold)!important;color:var(--bk-navy)!important}
.cat-card{border-color:var(--bk-line)!important;border-radius:8px!important}
.cat-card:hover{border-color:var(--bk-gold)!important;background:#FFFDF8!important}
.cat-card.selected{border-color:var(--bk-navy)!important;background:#fff!important;box-shadow:inset 3px 0 0 var(--bk-gold),0 2px 10px rgba(11,31,58,.06)!important}
.cat-tag,.pill{color:var(--bk-gold-dark)!important;background:var(--bk-gold-soft)!important;letter-spacing:.08em}
.cat-card .cat-tag{background:none!important}
.ocr-box{border-color:var(--bk-gold)!important;background:#FFFDF8!important}
.ocr-left strong{color:var(--bk-navy)!important}
.btn-ocr{border-color:var(--bk-navy)!important;color:var(--bk-navy)!important}
.btn-ocr:hover{background:var(--bk-navy)!important;color:#fff!important}
.form-group input,.form-group textarea,.form-field input,.form-field select{border-color:#D9D3C6!important;border-radius:6px!important;background:#fff!important;font-size:14px!important}
.form-group input:focus,.form-group textarea:focus,.form-field input:focus,.form-field select:focus{border-color:var(--bk-navy)!important;box-shadow:0 0 0 3px rgba(201,162,74,.25)!important;outline:none}

/* Pricing */
.price-card{border-color:var(--bk-line)!important;border-radius:8px!important;background:#fff!important}
.price-card.selected{border-color:var(--bk-navy)!important;box-shadow:inset 0 3px 0 var(--bk-gold),0 6px 18px -10px rgba(11,31,58,.25)!important}
.price-ribbon{background:var(--bk-navy)!important;color:#F6EFDD!important}
.price-amount{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600!important;color:var(--bk-navy)!important;font-size:30px!important}
.price-amount small{font-family:Inter,system-ui,sans-serif}

/* Primary CTAs in gold */
.btn-primary,.btn-cta{background:var(--bk-gold)!important;color:var(--bk-navy)!important;border:0!important;border-radius:6px!important;font-weight:700!important;letter-spacing:.02em;box-shadow:0 10px 24px -12px rgba(176,138,53,.9)!important}
.btn-primary:hover,.btn-cta:hover{background:var(--bk-gold-dark)!important;color:#fff!important}
.toast-bar{background:#fff!important;border:1px solid var(--bk-line)!important;color:var(--bk-navy)!important}
.toast-bar a{color:var(--bk-navy)!important}
.score-pill,.law-tag{background:var(--bk-gold-soft)!important;color:var(--bk-navy)!important;border-color:#E2D3A8!important}
.lock-banner{background:var(--bk-navy)!important;color:#fff!important}
.doc-sheet{background:#fff!important}
.doc-header{border-bottom:2px solid var(--bk-gold)!important}

/* SEO pages */
.highlight-box{background:#FFFDF8!important;border-left:3px solid var(--bk-gold)!important;border-color:var(--bk-gold)!important}
.kpi{background:var(--bk-bg)!important;border-color:var(--bk-line)!important}
.result-banner{background:var(--bk-gold-soft)!important;border-color:#E2D3A8!important;color:var(--bk-navy)!important}
.related-list a{color:var(--bk-navy)!important}
.check-box{border-top:3px solid var(--bk-gold)!important}
.lead{color:var(--bk-muted)!important}

/* Footer */
.bk-footer{background:var(--bk-navy);color:#C9CFDA;margin-top:64px;padding:44px 24px 28px;font-size:14px}
.bk-footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}
.bk-footer .bk-wordmark{color:#fff;font-size:28px}
.bk-footer .bk-tagline{color:var(--bk-gold)}
.bk-footer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(201,162,74,.6)}
.bk-footer-legal{max-width:1200px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#9AA3B2}
.bk-footer .bk-trust{justify-content:flex-start;margin:0;color:#E9E4D8}

/* Mobile */
@media (max-width:900px){
  .workspace,.container{grid-template-columns:1fr!important}
  .stepper{grid-template-columns:1fr 1fr!important}
  .bk-nav a:not(.bk-btn){display:none}
}
@media (max-width:600px){
  .trust-bar span:not(:first-child){display:none}
  .bk-header-inner{padding:12px 16px}
  .bk-wordmark{font-size:24px}
  .bk-brand img{width:32px;height:32px}
  .bk-tagline{font-size:9px;letter-spacing:.16em}
  .bk-btn,.bk-nav a.bk-btn{padding:9px 12px;font-size:11px;letter-spacing:.06em}
  .hero{margin:32px auto 22px!important;padding:0 18px!important}
  .hero p{font-size:15.5px!important}
  .workspace{padding:0 14px!important}
  .panel{padding:18px!important}
  .cat-grid,.form-grid,.pricing-row{grid-template-columns:1fr!important}
  .stepper{padding:0 14px!important}
  .bk-trust{gap:8px 18px;font-size:13px}
}
@media (max-width:600px){.bk-header .bk-tagline{display:none}.bk-footer{margin-top:40px}}
body{margin:0}