:root {
  --spd-ink: #07152f;
  --spd-purple: #5b2a91;
  --spd-purple-dark: #3e176d;
  --spd-cream: #f5f1e9;
  --spd-white: #ffffff;
  --spd-line: rgba(7, 21, 47, .14);
}

/* Inline materiaalvergelijking op de samplepagina. */
.spd-sample-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding:4px 0}.spd-compare-toggle{padding:7px 11px;border:1px solid #cfc4db;border-radius:999px;background:#fff;color:var(--spd-purple);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.spd-compare-toggle:hover,.spd-compare-toggle[aria-pressed="true"]{border-color:var(--spd-purple);background:#efe5f8}.spd-compare-toggle:disabled{cursor:not-allowed;opacity:.35}.spd-compare-panel{margin-top:24px;padding:24px;border:1px solid #ded6e7;border-radius:20px;background:#f8f5fb}.spd-compare-panel[hidden]{display:none}.spd-compare-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:18px}.spd-compare-heading>div{display:grid;gap:3px}.spd-compare-heading strong{color:var(--spd-navy);font-size:20px}.spd-compare-heading span{color:#697386;font-size:13px}.spd-compare-clear{padding:0;border:0;background:transparent;color:var(--spd-purple);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.spd-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spd-compare-grid article{padding:18px;border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(6,20,45,.07)}.spd-compare-grid article>div{display:flex;justify-content:space-between;gap:10px;align-items:start}.spd-compare-grid h3{margin:0;color:var(--spd-navy);font-size:18px}.spd-compare-grid article button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f0e9f5;color:var(--spd-purple);font-size:20px;line-height:1;cursor:pointer}.spd-compare-grid dl{display:grid;gap:4px;margin:18px 0 0}.spd-compare-grid dt{margin-top:10px;color:#7b8493;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.spd-compare-grid dd{margin:0;color:#26344e;font-size:13px;line-height:1.45}

@media(max-width:1100px){.spd-compare-grid{grid-template-columns:1fr}.spd-compare-grid article{display:grid;grid-template-columns:minmax(150px,.65fr) 1.35fr;gap:20px}.spd-compare-grid article>div{align-self:start}.spd-compare-grid dl{margin:0}}
@media(max-width:600px){.spd-sample-option{grid-template-columns:1fr auto}.spd-compare-panel{padding:18px}.spd-compare-heading{display:grid}.spd-compare-grid article{display:block}.spd-compare-grid dl{margin-top:18px}}

html { scroll-behavior: smooth; }
body { margin: 0; color: var(--spd-ink); background: var(--spd-cream); font-family: Inter, Arial, sans-serif; }
.spd-trustbar { min-height: 32px; padding: 7px 6vw; display: flex; align-items: center; justify-content: center; gap: 48px; background: var(--spd-purple-dark); color: #fff; font-size: 12px; font-weight: 650; }
.spd-trustbar span::before { content: '✓'; margin-right: 7px; color: #d9c4ef; }
.spd-site-header { min-height: 108px; padding: 10px 5vw; display: grid; grid-template-columns: minmax(250px, 330px) 1fr auto; align-items: center; gap: 34px; position: relative; z-index: 20; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--spd-line); box-shadow: 0 7px 28px rgba(7,21,47,.05); }
.spd-logo { display: block; width: min(320px, 100%); }
.spd-logo img { display: block; width: 100%; height: 88px; object-fit: contain; object-position: left center; }
.spd-main-nav { display: flex; justify-content: center; align-items: center; gap: clamp(20px, 2.5vw, 42px); }
.spd-main-nav a { color: var(--spd-ink); font-size: 14px; font-weight: 800; text-decoration: none; }
.spd-main-nav a:hover { color: var(--spd-purple); }
.spd-header-cta { padding: 14px 20px; border-radius: 999px; color: #fff !important; background: var(--spd-purple); font-size: 13px; font-weight: 850; text-decoration: none; white-space: nowrap; }
.spd-header-cta:hover { background: var(--spd-purple-dark); }
.spd-legacy-page { padding: clamp(58px,7vw,100px) 5vw; background: var(--spd-cream); }
.spd-legacy-page>article { width: min(1040px,100%); margin: 0 auto; padding: clamp(30px,5vw,70px); border-radius: 28px; background: #fff; box-shadow: 0 18px 55px rgba(7,21,47,.09); }
.spd-legacy-page h1 { margin: 0 0 30px; color: var(--spd-navy); font-size: clamp(42px,5vw,72px); line-height: .98; letter-spacing: -.045em; }
.spd-legacy-page h2 { margin-top: 38px; color: var(--spd-navy); font-size: clamp(27px,3vw,42px); }
.spd-legacy-page p,.spd-legacy-page li { color: #42506a; font-size: 17px; line-height: 1.7; }
.spd-legacy-page a { color: var(--spd-purple); font-weight: 750; }
.spd-legacy-page img { max-width: 100%; height: auto; border-radius: 18px; }

/* De Dash Pilot levert voor deze pagina's al een eigen hero en contentindeling.
   De algemene legacy-kaart mag daar niet nogmaals omheen worden gezet. */
.spd-legacy-page:has(.spd-page-hero) { padding: 0; background: #fff; }
.spd-legacy-page>article:has(.spd-page-hero) { width: 100%; max-width: none; padding: 0; border-radius: 0; box-shadow: none; }

.spd-about { display: grid; gap: clamp(56px,7vw,96px); }
.spd-about-intro { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(40px,7vw,110px); align-items: start; }
.spd-about-kicker { margin: 0 0 16px; color: var(--spd-purple); font-size: 12px !important; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.spd-about h2 { margin: 0; color: var(--spd-navy); font-size: clamp(38px,4.5vw,68px); line-height: 1; letter-spacing: -.04em; }
.spd-about-intro>div:last-child { padding-top: 6px; }
.spd-about-intro>div:last-child p { max-width: 720px; margin: 0 0 22px; font-size: 18px; line-height: 1.7; }
.spd-about-values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.spd-about-values article { min-height: 270px; padding: 34px; border: 1px solid #dce2ea; border-radius: 20px; background: #fff; }
.spd-about-values span { display: flex; width: 64px; height: 64px; margin-bottom: 42px; align-items: center; justify-content: center; border-radius: 50%; background: #f0e7f7; color: var(--spd-purple); font-size: 25px; font-weight: 900; letter-spacing: -.03em; }
.spd-about-values h3 { margin: 0 0 14px; color: var(--spd-navy); font-size: 25px; }
.spd-about-values p { margin: 0; line-height: 1.65; }
.spd-about-process { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(40px,7vw,100px); padding: clamp(46px,6vw,82px); border: 1px solid #d8cbe6; border-radius: 24px; background: #eee8f5; color: var(--spd-navy); }
.spd-about-process .spd-about-kicker { color: #6b299a !important; }
.spd-about-process h2 { color: var(--spd-navy) !important; }
.spd-about-process ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: steps; }
.spd-about-process li { display: grid; grid-template-columns: 62px 1fr; gap: 18px; align-items: center; padding: 21px 0; border-top: 1px solid #cfc0df; color: #273753 !important; font-size: 17px; counter-increment: steps; }
.spd-about-process li::before { content: '0' counter(steps); color: #6b299a; font-size: 26px; font-weight: 900; letter-spacing: -.03em; }
.spd-about-contact { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.55fr) auto; gap: 30px; align-items: center; padding: clamp(36px,5vw,62px); border-radius: 22px; background: #f4eef8; }
.spd-about-contact h2 { max-width: 700px; font-size: clamp(34px,4vw,54px); }
.spd-about-contact a { flex: 0 0 auto; padding: 17px 24px; border-radius: 999px; background: var(--spd-purple); color: #fff !important; font-weight: 850; text-decoration: none; }
.spd-about-ai-note { margin: 0; color: #3d4960; font-size: 16px; line-height: 1.55; }
.bnx-hulp__venster[role="dialog"] { position: fixed !important; z-index: 100000 !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 50% !important; width: min(880px,calc(100vw - 48px)) !important; height: min(680px,calc(100vh - 80px)) !important; max-width: none !important; max-height: none !important; transform: translate(-50%,-50%) !important; border: 1px solid #d8cbe6 !important; border-radius: 24px !important; box-shadow: 0 28px 90px rgba(7,20,44,.28) !important; }
@media(max-width:767px){.bnx-hulp__venster[role="dialog"]{inset:12px !important;width:auto !important;height:auto !important;transform:none !important;border-radius:18px !important}}
@media(max-width:900px){.spd-about-contact{grid-template-columns:1fr}.spd-about-contact a{text-align:center}}
@media(max-width:767px){.spd-about-intro,.spd-about-process{grid-template-columns:1fr}.spd-about-values{grid-template-columns:1fr}.spd-about-values article{min-height:0}.spd-about-values span{margin-bottom:28px}}
.spd-form-notice { margin-top: 32px; padding: 28px; border-left: 5px solid var(--spd-purple); border-radius: 12px; background: #f6f3ed; }
.spd-samples-page{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:clamp(40px,7vw,110px);padding:80px 6vw 110px;background:linear-gradient(90deg,#f7f4ef 0 49%,#fff 49%)}.spd-samples-intro{position:sticky;top:30px;align-self:start;padding-top:70px}.spd-samples-kicker{color:var(--spd-purple);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.spd-samples-intro h1{max-width:620px;margin:14px 0 25px;color:var(--spd-navy);font-size:clamp(48px,5vw,78px);line-height:.96;letter-spacing:-.05em}.spd-samples-intro>p:not(.spd-samples-kicker){max-width:620px;color:#556176;font-size:20px;line-height:1.65}.spd-samples-intro ul{display:grid;gap:12px;margin:30px 0;padding:0;list-style:none;font-weight:750}.spd-samples-intro li:before{content:'✓';margin-right:10px;color:var(--spd-purple)}.spd-samples-panel{padding:40px;border-radius:28px;background:#fff;box-shadow:0 18px 60px rgba(6,20,45,.11)}.spd-sample-form fieldset{margin:0 0 42px;padding:0;border:0}.spd-sample-form legend{margin-bottom:4px;color:var(--spd-navy);font-size:27px;font-weight:850}.spd-form-help{margin:0 0 20px;color:#697386}.spd-sample-group{border-bottom:1px solid #dfe3ea}.spd-sample-group summary{display:flex;justify-content:space-between;padding:18px 2px;cursor:pointer;font-weight:800}.spd-sample-group summary:after{content:'+';font-size:22px;color:var(--spd-purple)}.spd-sample-group[open] summary:after{content:'−'}.spd-sample-group>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:2px 0 18px}.spd-sample-group label,.spd-envelope-options label{display:flex;gap:9px;align-items:center}.spd-sample-count{margin-top:24px;font-size:17px}.spd-sample-count strong{float:right}.spd-sample-selected{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.spd-sample-selected span{padding:7px 11px;border-radius:999px;background:#efe5f8;color:var(--spd-purple);font-size:12px;font-weight:800}.spd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spd-form-grid label{display:grid;gap:7px;font-weight:750}.spd-form-grid .wide{grid-column:1/-1}.spd-form-grid small{float:right;color:#7b8493;font-weight:500}.spd-form-grid input,.spd-form-grid select{width:100%;min-height:52px;padding:12px 14px;border:1px solid #cfd5df;border-radius:10px;background:#fff;font:inherit}.spd-envelope-options{display:grid;gap:14px}.spd-consent{display:flex;gap:10px;align-items:flex-start;margin:10px 0 24px}.spd-sample-submit{width:100%;padding:17px 24px;border:0;border-radius:999px;background:var(--spd-purple);color:#fff;font:inherit;font-weight:850}.spd-sample-submit:disabled{cursor:not-allowed;opacity:.38}.spd-form-status{text-align:center;color:#697386;font-size:13px}.spd-hp{position:absolute!important;left:-9999px!important}.spd-sample-success{padding:50px 20px}.spd-sample-success h2{font-size:40px}.spd-sample-success a{color:var(--spd-purple);font-weight:800}@media(max-width:900px){.spd-samples-page{grid-template-columns:1fr;padding:50px 20px;background:#f7f4ef}.spd-samples-intro{position:static;padding-top:0}.spd-samples-panel{padding:26px}.spd-form-grid,.spd-sample-group>div{grid-template-columns:1fr}}
.spd-site-footer { padding: 76px 6vw 28px; display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 52px; color: #fff; background: #07142c; }
.spd-footer-logo { display: block; width: min(300px, 100%); padding: 13px 16px; border-radius: 12px; background: #fff; }
.spd-footer-logo img { display: block; width: 100%; height: auto; }
.spd-footer-lead p { max-width: 410px; margin: 28px 0 0; color: #c4cede; font-size: 15px; line-height: 1.65; }
.spd-footer-column { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.breakdance .spd-site-footer .spd-footer-column h2 { margin: 0 0 9px; color: #d8c0ef !important; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.breakdance .spd-site-footer .spd-footer-column a { color: #fff !important; font-size: 14px; font-weight: 650; text-decoration: none; }
.spd-footer-column a:hover { color: #d8c0ef; }
.breakdance .spd-site-footer .spd-footer-contact>a:first-of-type { color: #d8c0ef !important; font-size: 24px; font-weight: 850; }
.spd-footer-contact p { max-width: 260px; color: #c4cede; font-size: 13px; line-height: 1.55; }
/* SPD-0022: compacte onderregel; de navigatiekolommen erboven blijven verticaal. */
.spd-footer-bottom { grid-column: 1 / -1; margin-top: 28px; padding-top: 18px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 24px; border-top: 1px solid rgba(255,255,255,.16); color: #c4cede; font-size: 12px; line-height: 1.6; text-align: center; }
.spd-site-footer .spd-footer-bottom>nav { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 20px; }
.spd-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; color: #c4cede; text-decoration: none; }
.spd-footer-bottom a:hover { text-decoration: underline; }
.spd-footer-bottom a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.spd-footer-bottom>span:last-child { text-align: center; }
.breakdance .bde-section { padding: clamp(72px, 9vw, 140px) clamp(24px, 7vw, 112px); }
.breakdance .bde-section .section-container { width: min(1180px, 100%); }
.breakdance h1, .breakdance h2 { color: inherit; letter-spacing: -.045em; line-height: .98; }
.breakdance h1 { max-width: 790px; font-size: clamp(52px, 7vw, 104px); }
.breakdance h2 { max-width: 840px; font-size: clamp(34px, 4.6vw, 68px); }
.breakdance .bde-text { max-width: 720px; font-size: clamp(18px, 1.55vw, 23px); line-height: 1.55; }
.breakdance .bde-button { display: inline-flex; margin: 28px 12px 0 0; }
.breakdance .bde-button .breakdance-link { min-height: 54px; padding: 16px 24px; border-radius: 999px; background: var(--spd-purple); color: var(--spd-white); font-weight: 750; box-shadow: none; }
.breakdance .bde-button .breakdance-link:hover { background: var(--spd-purple-dark); transform: translateY(-2px); }

.breakdance .bde-section-20-100 {
  min-height: min(860px, calc(100vh - 32px));
  display: flex;
  align-items: center;
  color: var(--spd-white);
  background:
    linear-gradient(90deg, rgba(5, 17, 42, .98) 0%, rgba(5, 17, 42, .90) 42%, rgba(5, 17, 42, .28) 76%, rgba(5, 17, 42, .10) 100%),
    url('mongolia-color.jpg') center / cover no-repeat;
}
.breakdance .bde-section-20-100 h1,
.breakdance .bde-section-20-100 .bde-text { color: var(--spd-white) !important; }
.breakdance .bde-section-20-100 .section-container::before {
  content: 'DOEKEN VOOR MERKEN, RUIMTES EN MOMENTEN';
  display: block;
  margin-bottom: 24px;
  color: #c9a9ef;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}
.breakdance .bde-section-20-100 .bde-button-20-104 .breakdance-link {
  color: var(--spd-white);
  background: transparent;
  border: 1px solid rgba(255,255,255,.62);
}

.breakdance .bde-section-20-105 { background: var(--spd-cream); }
.breakdance .bde-section-20-105 .section-container {
  padding: clamp(34px, 5vw, 72px);
  border: 1px solid var(--spd-line);
  border-radius: 32px;
  background: rgba(255,255,255,.7);
}
.breakdance .bde-section-20-105 .bde-heading-20-108 { margin-top: 56px; font-size: clamp(30px, 3.2vw, 48px); }

.breakdance .bde-section-20-111 {
  color: var(--spd-white);
  background: var(--spd-purple);
}
.breakdance .bde-section-20-111 h2,
.breakdance .bde-section-20-111 .bde-text { color: var(--spd-white) !important; }
.breakdance .bde-section-20-111 .section-container::before {
  content: 'DE VERTROUWDE ROUTE';
  display: block;
  margin-bottom: 22px;
  color: #e0c9fa;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}
.breakdance .bde-section-20-111 .bde-button .breakdance-link { color: var(--spd-purple); background: var(--spd-white); }

.breakdance .bde-section-20-115 { background: #fff; }
.breakdance .bde-section-20-115 .section-container::before {
  content: 'KIES OP SITUATIE';
  display: block;
  margin-bottom: 22px;
  color: var(--spd-purple);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}
.breakdance .bde-section-20-115 .bde-button .breakdance-link {
  color: var(--spd-ink);
  background: var(--spd-cream);
  border: 1px solid var(--spd-line);
}
.breakdance .bde-section-20-115 .bde-button .breakdance-link:hover { color: var(--spd-white); background: var(--spd-purple); }

@media (max-width: 767px) {
  .spd-trustbar { justify-content: flex-start; gap: 18px; overflow: hidden; white-space: nowrap; }
  .spd-trustbar span:nth-child(3) { display: none; }
  .spd-site-header { min-height: 82px; padding: 8px 18px; grid-template-columns: minmax(170px, 220px) 1fr; }
  .spd-logo img { height: 64px; }
  .spd-main-nav { display: none; }
  .spd-header-cta { justify-self: end; padding: 12px 15px; font-size: 12px; }
  .spd-site-footer { padding: 58px 22px 110px; grid-template-columns: 1fr; gap: 38px; }
  .spd-footer-bottom { gap: 4px 16px; }
  .spd-footer-bottom>span:last-child { text-align: center; }
  .spd-site-footer .spd-footer-bottom>nav { gap: 0 18px; }
  .breakdance .bde-section { padding: 64px 22px; }
  .breakdance .bde-section-20-100 {
    min-height: 760px;
    align-items: end;
    background:
      linear-gradient(180deg, rgba(5,17,42,.18) 0%, rgba(5,17,42,.78) 46%, rgba(5,17,42,.98) 100%),
      url('mongolia-color.jpg') 62% center / cover no-repeat;
  }
  .breakdance .bde-button { display: flex; margin-right: 0; }
  .breakdance .bde-button .breakdance-link { width: 100%; justify-content: center; }
  .breakdance .bde-section-20-105 .section-container { padding: 30px 24px; border-radius: 24px; }
}
.spd-editorial-page{max-width:1180px;margin:0 auto;padding:48px 24px 80px;color:#061d45}.spd-editorial-article{max-width:900px;margin:0 auto}.spd-editorial-header,.spd-editorial-overview-header{margin-bottom:32px;padding:clamp(28px,5vw,56px);border-radius:22px;background:#071a3a;color:#fff}.spd-editorial-header h1,.spd-editorial-overview-header h1{max-width:850px;margin:8px 0 14px;color:#fff;font-size:clamp(34px,5vw,58px);line-height:1.02}.spd-editorial-kicker{margin:0;color:#61d3ff;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.spd-editorial-header time{color:#c7d2e8;font-size:14px}.spd-editorial-overview-header>p:last-child{max-width:680px;margin:12px 0 0;color:#e7edf8;font-size:18px;line-height:1.6}.spd-editorial-image{display:block;width:100%;height:auto;max-height:520px;margin:0 0 38px;border-radius:18px;object-fit:cover;background:#f2f5fa}.spd-editorial-content{font-size:18px;line-height:1.75}.spd-editorial-content h2{margin:42px 0 12px;color:#061d45;font-size:30px;line-height:1.18}.spd-editorial-content h3{margin:24px 0 8px;color:#482e7b;font-size:21px}.spd-editorial-content p,.spd-editorial-content ul{margin:0 0 18px}.spd-editorial-content a,.spd-editorial-footer a,.spd-editorial-readmore{color:#1257ff;font-weight:700}.spd-editorial-footer{margin-top:44px;padding-top:24px;border-top:1px solid #d8e0ef}.spd-editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.spd-editorial-card{overflow:hidden;border:1px solid #d8e0ef;border-radius:18px;background:#fff}.spd-editorial-card-image{display:block;background:#f2f5fa}.spd-editorial-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.spd-editorial-card>div{padding:24px}.spd-editorial-card h2{margin:0 0 12px;font-size:25px;line-height:1.15}.spd-editorial-card h2 a{color:#061d45;text-decoration:none}.spd-editorial-card p{margin:0 0 18px;color:#657089;line-height:1.6}.spd-editorial-readmore{display:inline-flex;min-height:44px;align-items:center}.spd-editorial-card h2 a:hover,.spd-editorial-card h2 a:focus-visible,.spd-editorial-readmore:hover,.spd-editorial-readmore:focus-visible{text-decoration:underline}@media(max-width:700px){.spd-editorial-page{padding:28px 16px 56px}.spd-editorial-grid{grid-template-columns:1fr}.spd-editorial-header,.spd-editorial-overview-header{border-radius:16px}.spd-editorial-content{font-size:17px}.spd-editorial-content h2{font-size:26px}}
.spd-editorial-header h1,.spd-editorial-overview-header h1{color:#fff!important}