/* ============================================================
   Incasso Mentor — eigen accent bovenop de BV Mentor-huisstijl
   Navy-basis blijft (familie); accent = amber (actie, incasso-first)
   ============================================================ */
:root{
  --accent:#D97706;
  --accent-600:#B45309;
  --accent-warm:#D97706;
  --brand-orange:#D97706;
  --amber-bg:#FFF7EB;
  --amber-line:#F5D9B0;
}
/* watermerk: IM i.p.v. BV */
.hero-cover::after,.page-hero::before,.cta-band::before,.section.navy::before,.section.mist::before{content:"IM"}
.site-footer::before{content:none}
.page-hero .eyebrow,.cta-band .eyebrow,.panel .eyebrow{color:var(--accent-600)}
.panel .eyebrow{color:#F3B26B}
.brand .name .nl{color:var(--accent)}
.site-footer .name .nl{color:#F3B26B}
.btn-accent{background:var(--accent-600);color:#fff}
.btn-accent:hover{background:#92400E;color:#fff}
.btn-nav{background:var(--accent-600)}
.btn-nav:hover{background:#92400E}
.tagline{display:block;font-family:var(--display);font-weight:600;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-top:-2px}
.brand .name{line-height:1.05}
/* kaarten met link */
a.card{display:block;color:inherit}
a.card:hover h3{color:var(--accent-600)}
.card .num{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--accent-600);margin-bottom:10px;display:block}
.card .ico{background:var(--navy)}
.badge-soon{display:inline-block;font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--amber-bg);color:var(--accent-600);border:1px solid var(--amber-line);border-radius:20px;padding:3px 10px;margin-left:6px;vertical-align:middle}
/* kerncijfers */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.stat .n{font-family:var(--display);font-weight:800;font-size:36px;color:var(--navy);line-height:1}
.stat .l{color:var(--slate);font-size:14.5px;margin-top:10px}
.stat .src{color:#8a97a6;font-size:12px;margin-top:10px}
@media(max-width:820px){.stats{grid-template-columns:1fr}}
/* land-route-tabel */
.rtable{width:100%;border-collapse:collapse;margin-top:26px;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.rtable th{background:var(--navy);color:#fff;text-align:left;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.02em;padding:12px 16px}
.rtable td{padding:13px 16px;border-top:1px solid var(--line);vertical-align:top}
.rtable td:first-child{font-weight:600;color:var(--navy);white-space:nowrap}
.rtable .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:640px){.rtable td:first-child{white-space:normal}}
/* tarief */
.price-box{background:var(--amber-bg);border:1px solid var(--amber-line);border-radius:var(--radius);padding:30px}
.price-box .big{font-family:var(--display);font-weight:800;font-size:clamp(28px,4vw,40px);color:var(--navy);line-height:1.1}
.price-box .big span{color:var(--accent-600)}
/* signalen */
.signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.signals div{background:#fff;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px;font-size:14.5px}
@media(max-width:700px){.signals{grid-template-columns:1fr}}
.ornek{position:relative}
.ornek img{border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.group-note{font-size:13.5px;color:var(--slate);margin-top:14px}
.group-note a{color:var(--navy-700);text-decoration:underline}