/* Marketingmotor-pagina. Volgt het vormsysteem uit styles.css: één lettertype, één lijnkleur, blauw alleen voor knoppen en links. */

.header nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}

/* Hero */
.mm-hero{padding-top:64px;padding-bottom:72px}
.mm-hero h1{font-size:clamp(46px,6.4vw,92px);line-height:1.04;margin:0 0 26px;max-width:14ch}
.mm-lead{font-size:21px;line-height:1.5;max-width:640px;margin-bottom:30px!important}
.mm-hero .button.primary{margin-top:0}
.mm-hero-note{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);max-width:760px}
.mm-hero-note p{font-size:17px;line-height:1.65}

/* Algemene secties */
.mm-sectie{border-top:1px solid var(--line)}
.mm-sectie .section-intro,.mm-startups .section-intro{margin-top:18px}

/* Zes onderdelen */
.mm-onderdelen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px;margin-top:44px}
.mm-onderdeel{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column}
.mm-onderdeel h3{font-size:24px;line-height:1.25;margin-bottom:12px}
.mm-wat{font-size:16px;line-height:1.6}
.mm-onderdeel dl{margin:18px 0 0}
.mm-onderdeel dt{font-size:14px;font-weight:600;color:var(--ink);margin-top:14px}
.mm-onderdeel dd{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--text)}

/* Startups */
.mm-startups{background:var(--wash)}
.mm-twee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;margin-top:28px}
.mm-twee>div p{font-size:17px;line-height:1.65;max-width:60ch}
.mm-twee>div p+p{margin-top:16px}
.mm-ontbreekt{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mm-ontbreekt li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.mm-ontbreekt b{font-weight:600;color:var(--ink)}
.mm-ontbreekt span{font-size:15px;color:var(--text)}
.mm-verdeling{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px}
.mm-verdeling>div{background:#fff;border-radius:10px;padding:26px 28px}
.mm-verdeling h3{font-size:20px;margin-bottom:12px}
.mm-verdeling ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text);font-size:16px;line-height:1.55}
.mm-voet{font-size:15px;margin-top:24px!important;max-width:70ch}

/* Traject */
.mm-stappen{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.mm-stappen li{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.mm-stappen li:first-child{border-top-color:var(--ink)}
.mm-stap-nr{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mm-stappen h3{font-size:21px;line-height:1.25}
.mm-stappen p{font-size:15px;line-height:1.55}
.mm-actie{margin-top:32px}
.mm-actie .text-link{font-size:16px}

/* Jouw data */
.mm-data{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.mm-data li{border-top:1px solid var(--line);padding-top:20px}
.mm-data h3{font-size:20px;margin-bottom:8px}
.mm-data p{font-size:16px;line-height:1.6}

/* Voorbeelden */
#voorbeelden .section-intro{max-width:62ch}

@media(max-width:1100px){.mm-stappen{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .mm-onderdelen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mm-twee,.mm-verdeling{grid-template-columns:1fr;gap:28px}
  .mm-data{grid-template-columns:1fr;gap:22px}
  .mm-stappen{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
  .mm-hero{padding-top:32px;padding-bottom:48px}
  .mm-hero h1{font-size:clamp(38px,11vw,56px)}
  .mm-lead{font-size:18px}
  .mm-hero-note{margin-top:36px}
  .mm-onderdelen{grid-template-columns:1fr;gap:32px;margin-top:32px}
  .mm-stappen{grid-template-columns:1fr;gap:22px}
  .mm-verdeling>div{padding:22px 20px}
}

/* Contactsectie: leesbare tekst op de donkere achtergrond (styles.css zet alle p op --text). */
.contact .contact-bottom p{color:#d7dde3!important}