*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --navy:     #0d1b3e;
      --navy-mid: #1a2e5a;
      --bg:       #eef0f6;
      --white:    #ffffff;
      --text:     #111827;
      --muted:    #4b5563;
      --yellow:   #f5c518;
      --blue:     #3b82f6;
      --green:    #22c55e;
      --red:      #ef4444;
      --radius:   20px;
      --radius-lg:28px;
      --shadow:   0 4px 24px rgba(0,0,0,0.07);
      --shadow-lg:0 12px 48px rgba(0,0,0,0.12);
    }

    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--bg); color: var(--text); line-height: 1.6;
    }

    /* ─── NAV ─────────────────────────────────── */
    nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 200;
      height: 64px;
      background: rgba(255,255,255,0.9);
      backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(0,0,0,0.06);
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 48px;
      transition: box-shadow 0.3s;
    }
    nav.scrolled { box-shadow: 0 2px 20px rgba(0,0,0,0.09); }

    .nav-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
    .nav-logo-text { font-weight: 800; font-size: 17px; color: var(--navy); }
    .nav-logo-img {
  height: 46px;
  width: auto;
  display: block;
  object-fit: contain;
}

    .nav-links { display: flex; align-items: center; gap: 4px; list-style: none; }
    .nav-links a {
      text-decoration: none; color: var(--muted); font-size: 14px; font-weight: 500;
      padding: 6px 14px; border-radius: 50px;
      transition: background 0.2s, color 0.2s;
    }
    .nav-links a:hover { background: var(--bg); color: var(--navy); }
    .nav-links .nav-cta { background: var(--navy); color: #fff !important; font-weight: 700; }
    .nav-links .nav-cta:hover { background: var(--navy-mid); }

    /* ─── HERO ─────────────────────────────────── */
    .hero {
      min-height: 100vh; background: var(--navy);
      display: flex; align-items: center;
      position: relative; overflow: hidden; padding-top: 64px;
    }
    .hero::before {
      content: '';
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse 60% 50% at 80% 25%, rgba(59,130,246,0.2) 0%, transparent 65%),
        radial-gradient(ellipse 45% 40% at 15% 75%, rgba(168,85,247,0.15) 0%, transparent 65%);
    }
    .hero-inner {
      position: relative; z-index: 2;
      max-width: 1200px; margin: 0 auto;
      padding: 80px 48px;
      display: grid; grid-template-columns: 1fr 420px;
      gap: 80px; align-items: center; width: 100%;
    }

    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2);
      color: rgba(255,255,255,0.9); padding: 6px 16px; border-radius: 50px;
      font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
      margin-bottom: 28px;
    }
    .hero-badge::before {
      content: ''; width: 6px; height: 6px; border-radius: 50%;
      background: var(--green); box-shadow: 0 0 6px var(--green);
    }

    .hero-title {
      font-size: clamp(36px, 5vw, 64px); font-weight: 900; color: #fff;
      line-height: 1.08; letter-spacing: -0.02em; margin-bottom: 28px;
    }
    .hero-title .hl {
      background: linear-gradient(100deg, #60a5fa, #c084fc);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
    }
    .hero-body {
      color: rgba(255,255,255,0.72); font-size: 17px; line-height: 1.8;
      margin-bottom: 40px; max-width: 500px;
    }
    .hero-body a { color: #93c5fd; font-weight: 600; text-decoration: none; }

    .hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }

    .btn-hero-p {
      display: inline-flex; align-items: center; gap: 8px;
      background: #fff; color: var(--navy);
      padding: 15px 30px; border-radius: 50px;
      font-weight: 800; font-size: 16px; text-decoration: none;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .btn-hero-p:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(0,0,0,0.25); }

    .btn-hero-s {
      display: inline-flex; align-items: center; gap: 8px;
      background: transparent; color: rgba(255,255,255,0.85);
      border: 2px solid rgba(255,255,255,0.3);
      padding: 15px 30px; border-radius: 50px;
      font-weight: 600; font-size: 16px; text-decoration: none;
      transition: all 0.2s;
    }
    .btn-hero-s:hover { border-color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.08); }

/* Hero diagram */
.hero-diagram { display: flex; align-items: center; justify-content: center; }
.diagram-wrap { position: relative; width: 330px; height: 300px; }

.d-circle {
  position: absolute;
  width: 165px;
  height: 230px;
  border-radius: 50%;
  opacity: .56;
  mix-blend-mode: screen;
  transform-origin: center;
}

/* Betekenis - geel linksboven */
.d-c1 {
  background: var(--yellow);
  top: 8px;
  left: 78px;
  animation: fb 4s ease-in-out infinite;
}

/* Structuur - blauw linksonder */
.d-c2 {
  background: var(--blue);
  top: 68px;
  left: 18px;
  animation: fb2 4s ease-in-out 1s infinite;
}

/* Afstemming - groen rechtsonder */
.d-c3 {
  background: var(--green);
  top: 68px;
  right: 18px;
  animation: fb3 4s ease-in-out 2s infinite;
}

/* Actie - rood rechtsboven */
.d-c4 {
  background: var(--red);
  top: 8px;
  right: 78px;
  opacity: .68;
  animation: fb4 4s ease-in-out .5s infinite;
}

@keyframes fb{
    0%,100%{
        transform:translateY(0) rotate(38deg);
    }
    50%{
        transform:translateY(-10px) rotate(38deg);
    }
}

@keyframes fb2 {
  0%,100% {
    transform: translateY(0) rotate(-38deg);
  }
  50% {
    transform: translateY(-8px) rotate(-38deg);
  }
}

@keyframes fb3 {
  0%,100% {
    transform: translateY(0) rotate(38deg);
  }
  50% {
    transform: translateY(-12px) rotate(38deg);
  }
}

@keyframes fb4{
    0%,100%{
        transform:translateY(0) rotate(-38deg);
    }
    50%{
        transform:translateY(-10px) rotate(-38deg);
    }
}

.diagram-label {
  position: absolute;
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.22);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 50px;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.lbl-1 { top: 8px; left: 22px; }
.lbl-2 { top: 8px; right: 22px; }
.lbl-3 { bottom: 8px; left: 6px; }
.lbl-4 { bottom: 8px; right: 0; }

    /* ─── TRUST BAR ────────────────────────────── */
    .trust-bar { background: var(--white); border-bottom: 1px solid #e5e7eb; }
    .trust-inner {
      max-width: 1200px; margin: 0 auto; padding: 24px 48px;
      display: flex; align-items: center; justify-content: space-between; gap: 32px;
      flex-wrap: wrap;
    }
    .trust-item { display: flex; align-items: center; gap: 12px; }
    .trust-num { font-size: 26px; font-weight: 900; color: var(--navy); }
    .trust-label { font-size: 13px; color: var(--muted); line-height: 1.4; }
    .trust-divider { width: 1px; height: 36px; background: #e5e7eb; }

    /* ─── SHARED ───────────────────────────────── */
    .sw { padding: 96px 48px; }
    .sw.white { background: var(--white); }
    .sw.light { background: var(--bg); }
    .sw.dark  { background: var(--navy); }

    .container { max-width: 1200px; margin: 0 auto; }

    .tag {
      font-size: 11px; font-weight: 800; letter-spacing: 0.12em;
      text-transform: uppercase; color: var(--blue); margin-bottom: 12px; display: block;
    }
    .tag.lt { color: rgba(255,255,255,0.45); }

    h2.st {
      font-size: clamp(26px, 3.8vw, 46px); font-weight: 900; color: var(--navy);
      line-height: 1.1; letter-spacing: -0.01em; margin-bottom: 16px;
    }
    h2.st.wt { color: #fff; }

    .sub { font-size: 16px; color: var(--muted); line-height: 1.8; max-width: 580px; }
    .sub.center { text-align: center; margin: 0 auto; }
    .sub.wt { color: rgba(255, 255, 255, 0.65); }

    .sh { text-align: center; margin-bottom: 56px; }

    /* fade-up */
    .fu {
      opacity: 0; transform: translateY(28px);
      transition: opacity 0.55s ease, transform 0.55s ease;
    }
    .fu.vis { opacity: 1; transform: translateY(0); }

    /* ─── INTRO ─────────────────────────────────── */
    .intro-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 72px; align-items: center;
    }
.intro-illo {
  background: #ffffff;
  border: 1px solid rgba(18,38,63,.06);
  border-radius: 32px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  box-shadow: 0 18px 45px rgba(18,38,63,.08);
}

.intro-image{
  width:100%;
  height:auto;
  display:block;
  border-radius:22px;
  object-fit:cover;
}

    /* ─── HOW IT WORKS / STEPS ─────────────────── */
    .steps-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
    .step-card {
      background: var(--white); border-radius: var(--radius);
      padding: 36px 28px; box-shadow: var(--shadow); position: relative; overflow: hidden;
    }
    .step-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    }
    .step-card:nth-child(1)::before { background: linear-gradient(90deg,var(--yellow),#fbbf24); }
    .step-card:nth-child(2)::before { background: linear-gradient(90deg,var(--blue),#60a5fa); }
    .step-card:nth-child(3)::before { background: linear-gradient(90deg,var(--green),#4ade80); }
    .step-num {
      width: 44px; height: 44px; border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      font-weight: 900; font-size: 18px; margin-bottom: 20px;
    }
    .step-card:nth-child(1) .step-num { background:#fef9c3;color:#854d0e; }
    .step-card:nth-child(2) .step-num { background:#dbeafe;color:#1d4ed8; }
    .step-card:nth-child(3) .step-num { background:#dcfce7;color:#15803d; }
    .step-card h3 { font-size:19px;font-weight:800;color:var(--navy);margin-bottom:10px; }
    .step-card p  { color:var(--muted);font-size:15px;line-height:1.75; }

    /* ─── METHODE / MINDSETS ───────────────────── */
    .methode-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 72px; align-items: center; margin-bottom: 64px;
    }
.venn-illo {
  background: #ffffff;
  border: 1px solid rgba(18,38,63,.06);
  border-radius: 32px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  box-shadow: 0 18px 45px rgba(18,38,63,.08);
  overflow: hidden;
}

.concept-image{
  width:100%;
  max-width:560px;
  height:auto;
  display:block;
  border-radius:22px;
  object-fit:contain;
}

.mindsets-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

.mc {
  border-radius: var(--radius);
  padding: 26px 22px;
  border: 2px solid transparent;
}

.mc.y{background:#fffbeb;border-color:#fde68a;}
.mc.b{background:#eff6ff;border-color:#bfdbfe;}
.mc.g{background:#f0fdf4;border-color:#bbf7d0;}
.mc.r{background:#fff1f2;border-color:#fecdd3;}

.mc-dot { width:13px;height:13px;border-radius:50%;margin-bottom:12px;display:block; }
.y .mc-dot{background:var(--yellow);}
.b .mc-dot{background:var(--blue);}
.g .mc-dot{background:var(--green);}
.r .mc-dot{background:var(--red);}

.mc h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:7px;}
.mc p {color:var(--muted);font-size:14px;line-height:1.7;}

    /* ─── ROUTES ─────────────────────────────────── */
    .routes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
    .route-card  { border-radius: var(--radius-lg); padding: 44px; overflow: hidden; }
    .rc-light { background: var(--white); box-shadow: var(--shadow); }
    .rc-dark  { background: var(--navy); }
    .route-icon-wrap {
      width: 56px; height: 56px; border-radius: 16px;
      display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
    }
    .rc-light .route-icon-wrap { background: #eff6ff; }
    .rc-dark  .route-icon-wrap { background: rgba(255,255,255,0.12); }
    .route-card h3 { font-size: 28px; font-weight: 900; margin-bottom: 12px; }
    .rc-light h3 { color: var(--navy); }
    .rc-dark  h3 { color: #fff; }
    .route-card > p { font-size: 16px; line-height: 1.8; margin-bottom: 26px; }
    .rc-light > p { color: var(--muted); }
    .rc-dark  > p { color: rgba(255,255,255,0.7); }
    .route-list { list-style: none; margin-bottom: 32px; }
    .route-list li { display: flex; align-items: flex-start; gap: 11px; font-size: 15px; margin-bottom: 11px; }
    .rc-light .route-list li { color: var(--muted); }
    .rc-dark  .route-list li { color: rgba(255,255,255,0.8); }
    .chk {
      width:20px;height:20px;border-radius:50%;flex-shrink:0;margin-top:1px;
      display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;
    }
    .rc-light .chk{background:#dcfce7;color:#15803d;}
    .rc-dark  .chk{background:rgba(255,255,255,0.18);color:#fff;}

    .btn-dark {
      display:inline-flex;align-items:center;gap:8px;
      background:var(--navy);color:#fff;
      padding:13px 26px;border-radius:50px;
      font-weight:700;font-size:15px;text-decoration:none;transition:all .2s;
    }
    .btn-dark:hover{opacity:.85;transform:translateY(-2px);}
    .btn-white {
      display:inline-flex;align-items:center;gap:8px;
      background:#fff;color:var(--navy);
      padding:13px 26px;border-radius:50px;
      font-weight:700;font-size:15px;text-decoration:none;transition:all .2s;
    }
    .btn-white:hover{opacity:.92;transform:translateY(-2px);box-shadow:var(--shadow);}
    .btn-green {
      display:inline-flex;align-items:center;gap:8px;
      background:var(--green);color:#fff;
      padding:14px 28px;border-radius:50px;
      font-weight:800;font-size:15px;text-decoration:none;transition:all .2s;
      box-shadow: 0 4px 16px rgba(34,197,94,0.35);
    }
    .btn-green:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,0.4);}

    /* ─── BENEFITS ───────────────────────────────── */
    .benefits-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .benefit-card {
      background: var(--white); border-radius: var(--radius);
      padding: 32px; box-shadow: var(--shadow);
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
    .bc-icon {
      width: 52px; height: 52px; border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 18px;
    }
    .bc-icon.yi{background:#fef9c3;}
    .bc-icon.bi{background:#dbeafe;}
    .bc-icon.gi{background:#dcfce7;}
    .benefit-card h3{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:10px;}
    .benefit-card p {color:var(--muted);font-size:15px;line-height:1.75;}

    /* ─── QUOTE ──────────────────────────────────── */
    .quote-block {
      background: var(--white); border-radius: var(--radius-lg);
      padding: 52px 56px; border-left: 6px solid var(--blue); box-shadow: var(--shadow);
    }
    .qm { font-size: 64px; line-height: 0.8; font-family: Georgia,serif; color: var(--blue); opacity: .2; margin-bottom: 10px; display: block; }
    .qt { font-size: clamp(18px,2.4vw,28px); font-weight: 800; color: var(--navy); line-height: 1.45; }

    /* ─── SCHOOL AANVRAAG ────────────────────────── */
    .aanvraag-wrap {
      background: linear-gradient(135deg, #0d1b3e, #1a3a6e);
      padding: 96px 48px; position: relative; overflow: hidden;
    }
    .aanvraag-wrap::before {
      content: '';
      position: absolute; top: -100px; right: -100px;
      width: 500px; height: 500px; border-radius: 50%;
      background: rgba(59,130,246,0.12);
    }
    .aanvraag-inner {
      max-width: 1200px; margin: 0 auto;
      display: grid; grid-template-columns: 1fr 1.4fr;
      gap: 72px; align-items: start; position: relative; z-index: 2;
    }
    .aanvraag-left h2.st { color: #fff; margin-bottom: 16px; }
.aanvraag-left .sub {
  color: #ffffff;
  margin-bottom: 36px;
  max-width: 380px;
}

    .aanvraag-benefits { list-style: none; margin-bottom: 36px; }
    .aanvraag-benefits li {
      display: flex; align-items: flex-start; gap: 12px;
      color: rgba(255,255,255,0.8); font-size: 15px; margin-bottom: 14px;
    }
    .ab-check {
      width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; margin-top: 1px;
      background: rgba(34,197,94,0.25); border: 1px solid rgba(34,197,94,0.5);
      display: flex; align-items: center; justify-content: center;
      font-size: 10px; color: var(--green); font-weight: 900;
    }

    .aanvraag-card {
      background: var(--white); border-radius: var(--radius-lg);
      box-shadow: 0 24px 64px rgba(0,0,0,0.25); overflow: hidden;
    }

    /* Stap-indicator */
    .step-indicator {
      display: flex; border-bottom: 1px solid #e5e7eb;
    }
    .step-indicator.single-step .si-item {
  justify-content: flex-start;
}

.step-indicator.single-step .si-item::after {
  display: none;
}
    .si-item {
      flex: 1; padding: 18px 20px; display: flex; align-items: center; gap: 12px;
      position: relative;
    }
    .si-item::after {
      content: '›'; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
      color: #d1d5db; font-size: 18px;
    }
    .si-item:last-child::after { display: none; }
    .si-num {
      width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
      display: flex; align-items: center; justify-content: center;
      font-size: 12px; font-weight: 800;
    }
    .si-item.active .si-num { background: var(--navy); color: #fff; }
    .si-item.inactive .si-num { background: #f3f4f6; color: #9ca3af; }
    .si-label { font-size: 13px; font-weight: 600; }
    .si-item.active  .si-label { color: var(--navy); }
    .si-item.inactive .si-label { color: #9ca3af; }

    .aanvraag-form { padding: 36px 36px 40px; }
    .aanvraag-form h3 {
      font-size: 20px; font-weight: 800; color: var(--navy); margin-bottom: 6px;
    }
    .aanvraag-form .form-desc {
      font-size: 14px; color: var(--muted); margin-bottom: 28px;
    }
    .form-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .fg { margin-bottom: 18px; }
    .fg label {
      display: block; font-size: 11px; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.07em;
      color: var(--muted); margin-bottom: 7px;
    }
    .fg input, .fg select, .fg textarea {
      width: 100%; background: var(--bg);
      border: 1.5px solid transparent; border-radius: 12px;
      padding: 12px 15px; font-size: 15px; color: var(--text);
      font-family: inherit; transition: all 0.2s; outline: none;
    }
    .fg input:focus, .fg select:focus, .fg textarea:focus {
      border-color: var(--blue); background: var(--white);
      box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
    }
    .fg textarea { resize: vertical; min-height: 100px; }
    .fg select { appearance: none; cursor: pointer; }

    .submit-row {
      display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 8px;
    }
    .btn-submit {
      background: var(--navy); color: #fff;
      border: none; padding: 14px 28px; border-radius: 50px;
      font-size: 15px; font-weight: 800; cursor: pointer;
      font-family: inherit; transition: all 0.2s;
      display: inline-flex; align-items: center; gap: 8px;
    }
    .btn-submit:hover { opacity: .86; transform: translateY(-2px); }
    .submit-note { font-size: 12px; color: var(--muted); line-height: 1.5; }

    /* ─── ACCORDION / METHODE ────────────────────── */
    .accordion { display: flex; flex-direction: column; gap: 12px; }
    .acc-item {
      background: var(--white); border-radius: var(--radius);
      overflow: hidden; box-shadow: var(--shadow);
    }
    .acc-header {
      display: flex; align-items: center; justify-content: space-between;
      padding: 22px 28px; cursor: pointer; transition: background 0.15s;
    }
    .acc-header:hover { background: #fafafa; }
    .acc-header h3 { font-size: 17px; font-weight: 700; color: var(--navy); }
    .acc-icon {
      width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
      background: var(--bg); display: flex; align-items: center; justify-content: center;
      font-size: 20px; font-weight: 300; color: var(--muted);
      transition: transform 0.3s, background 0.3s, color 0.3s; user-select: none;
    }
    .acc-item.open .acc-icon { transform: rotate(45deg); background: var(--navy); color: #fff; }
    .acc-body { max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; padding: 0 28px; }
    .acc-item.open .acc-body { max-height: 400px; padding: 0 28px 28px; }
    .acc-body p { color: var(--muted); font-size: 15px; line-height: 1.8; }
    .pill-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
    .pill {
      display: inline-flex; align-items: center; gap: 6px;
      padding: 5px 14px; border-radius: 50px; font-size: 13px; font-weight: 700;
    }
    .py{background:#fef3c7;color:#92400e;}
    .pb{background:#dbeafe;color:#1e40af;}
    .pg{background:#dcfce7;color:#166534;}
    .pr{background:#fee2e2;color:#991b1b;}

    /* ─── CTA ─────────────────────────────────────── */
    .cta-grid {
      display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center;
    }
    .cta-badge {
      display: inline-block; background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.85);
      padding: 4px 14px; border-radius: 50px; font-size: 11px; font-weight: 700;
      letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 18px;
    }
    .cta-title { font-size: clamp(24px,3.5vw,42px); font-weight: 900; color: #fff; line-height: 1.2; margin-bottom: 18px; }
    .cta-sub { color: rgba(255,255,255,0.65); font-size: 16px; line-height: 1.75; }
    .cta-btns { display: flex; gap: 14px; margin-top: 30px; flex-wrap: wrap; }
    .cta-card {
      background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12);
      border-radius: var(--radius-lg); padding: 36px; text-align: center; min-width: 180px;
    }
    .cta-card-icon { margin-bottom: 12px; display: block; }
    .cta-card p { color: rgba(255,255,255,0.75); font-size: 15px; font-weight: 600; line-height: 1.5; }

    .quote-logo{
    width:120px;
    height:auto;
    display:block;
    margin:0 auto 28px;
}


    /* ─── CONTACT ─────────────────────────────────── */
    .contact-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 28px; }
    .ci-card, .cf-card {
      background: var(--white); border-radius: var(--radius-lg);
      padding: 40px; box-shadow: var(--shadow);
    }
    .ci-card h3, .cf-card h3 { font-size: 21px; font-weight: 800; color: var(--navy); margin-bottom: 12px; }
    .ci-card > p { color: var(--muted); font-size: 15px; line-height: 1.75; margin-bottom: 28px; }
    .info-row { margin-bottom: 22px; }
    .info-row strong { display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: var(--navy); margin-bottom: 4px; }
    .info-row a, .info-row span { color: var(--blue); text-decoration: none; font-size: 15px; font-weight: 500; }
    .info-row span { color: var(--muted); }
    .btn-submit-sm {
      background: var(--navy); color: #fff;
      border: none; padding: 13px 26px; border-radius: 50px;
      font-size: 15px; font-weight: 700; cursor: pointer;
      font-family: inherit; transition: all .2s;
    }
    .btn-submit-sm:hover { opacity: .85; transform: translateY(-2px); }
    .form-note { display: block; font-size: 12px; color: var(--muted); margin-top: 10px; }

    /* ─── FOOTER ──────────────────────────────────── */
    footer { background: var(--navy); padding: 40px 48px; }
    .footer-inner {
      max-width: 1200px; margin: 0 auto;
      display: flex; align-items: center; justify-content: space-between;
    }
    .fb strong { display: block; font-size: 15px; font-weight: 800; color: #fff; }
    .fb span   { font-size: 13px; color: rgba(255,255,255,.4); }
    .footer-links { display: flex; gap: 20px; list-style: none; }
    .footer-links a { text-decoration: none; color: rgba(255,255,255,.5); font-size: 14px; transition: color .2s; }
    .footer-links a:hover { color: #fff; }

    /* ─── RESPONSIVE ──────────────────────────────── */
    @media (max-width: 900px) {
      nav { padding: 0 20px; }
      .nav-links { display: none; }
      .hero-inner { grid-template-columns: 1fr; padding: 48px 20px; gap: 40px; }
      .hero-diagram { display: none; }
      .sw { padding: 64px 20px; }
      .aanvraag-wrap { padding: 64px 20px; }
      .intro-grid, .methode-grid, .routes-grid,
      .contact-grid, .cta-grid, .aanvraag-inner { grid-template-columns: 1fr; }
      .steps-grid, .benefits-grid, .mindsets-grid { grid-template-columns: 1fr; }
      .form-row2 { grid-template-columns: 1fr; }
      .footer-inner { flex-direction: column; gap: 20px; text-align: center; }
      .footer-links { flex-wrap: wrap; justify-content: center; }
      .quote-block { padding: 36px 28px; }
      .cta-card { display: none; }
      .trust-inner { justify-content: center; gap: 20px; }
      .trust-divider { display: none; }
      .submit-row { flex-direction: column; align-items: flex-start; }
    }