/* SPIX Media: gebaseerd op het eigen logo en de huisstijl van SPIX Hosting. */
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@400;500;600;700;800&display=swap');
:root {
  --ink: #222222;
  --muted: #636b62;
  --paper: #f9faf6;
  --white: #ffffff;
  --lime: #9bc436;
  --lime-deep: #b7d94e;
  --line: #dde2d7;
  --forest: #2ca946;
  --night: #202020;
  --shadow: 0 22px 65px rgba(18, 30, 18, .12);
}
.top-strip { background:#171717; color:#ebf6e4; }
body { font-family:'Mukta','DM Sans',system-ui,sans-serif; }
h1,h2,h3,.incident-title,.price-amount,.about-quote,.contact-card h2 { font-family:'Mukta','Manrope',sans-serif!important; }
.top-strip .spark { color:#a0c738; }
.site-header { background:#212121; border-bottom:6px solid #29a846; }
.nav { height:92px; }
.brand { display:inline-flex; align-items:center; flex-shrink:0; position:relative; }
.brand-logo { width:236px; max-width:100%; height:auto; display:block; }
/* Het aangeleverde logo heeft zwarte 'media'-letters. Maak op een donkere balk
   alleen dat deel wit; de originele groen-gele 'spix' blijft ongewijzigd. */
.brand:after {
  content:'';
  position:absolute;
  inset:0;
  background:#fff;
  pointer-events:none;
  -webkit-mask-image:url('/spix-media-logo-500.png');
  mask-image:url('/spix-media-logo-500.png');
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  clip-path:inset(0 0 0 40%);
}
.nav-links { color:#f5f8f4; }
.nav-links a:hover { color:#bde04b; }
.nav-links .nav-cta { background:#2ca946; color:#fff; }
.nav-links .nav-cta:hover { background:#238b37; color:#fff; }
.menu-toggle { color:white; font-size:25px; }
.eyebrow:before { background:#2ca946; }
.hero h1, .page-hero h1 { letter-spacing:-4.3px; }
.highlight:after { background:linear-gradient(90deg,#2ca946,#b7cf36,#e0e530); height:17px; }
.btn-dark { background:#29a846; color:#fff; }
.btn-dark:hover { background:#208c38; }
.btn-lime { background:#a3c932; }
.btn-light { background:#fff; }
.micro-trust span:before { color:#2ca946; }
.incident-card { border:1px solid #4b5c46; background:#202020; }
.incident-card:before { border-color:#9bc436; }
.incident-badge { background:#2a7638; color:#efffd0; }
.incident-step { background:#292f29; border-color:#475448; }
.incident-index { color:#b8d94c; border-color:#7a975e; }
.incident-check { color:#b8e24c; }
.incident-bottom { background:linear-gradient(100deg,#2ca946,#b9d545,#dae637); color:#17251b; }
.incident-bottom span { color:#35432a; }
.proof-line { background:#9bc436; border-color:#90b833; }
.proof-item { border-right-color:#84a72b; }
.proof-item span { color:#38491c; }
.price-card.featured { border-color:#2ca946; }
.price-flag { background:#2ca946; }
.price-icon { background:#eef7da; color:#238b3b; }
.feature-list li:before, .sidebar-card li:before { color:#2ca946; }
.price-note { color:#647061; }
.inline-link, .detail-links a { color:#217b34; }
.problem-section { background:#edf2e5; }
.step-num { background:#9bc436; }
.about-section { background:#202020; }
.about-quote { border-left-color:#9bc436; }
.about-chips span { border-color:#4d7850; }
.contact-card { background:linear-gradient(115deg,#89bf33,#b8d637 74%,#d7e64d); }
.footer { background:#202020; border-top:1px solid #333; }
.footer p, .footer-bottom { color:#bdc8bd; }
.footer-links { color:#f0f5ee; }
.footer-bottom { border-top-color:#424842; }
.page-hero { background:#eff4e8; }
@media (max-width:760px) {
  .nav { height:74px; }
  .brand-logo { width:199px; }
  .nav-links { top:74px; background:#232323; border-bottom:3px solid #2ca946; }
  .nav-links .nav-cta { text-align:center; }
  .hero h1, .page-hero h1 { letter-spacing:-3.1px; }
}
@media (max-width:470px) {
  .brand-logo { width:184px; }
  .highlight:after { height:12px; }
}