.field-hub{color:#f5f8fb;min-height:100vh;font-family:var(--font-geist-sans),Inter,sans-serif;background:radial-gradient(circle at 50% 0,#25719e30,#0000 34%),#06131f;padding:0 5vw 70px;overflow-x:hidden}.field-hub *{box-sizing:border-box}.field-hub a{color:inherit;text-decoration:none}.field-hub-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:88px;display:flex}.field-hub-header>a{color:#99adba;font-size:13px;font-weight:700}.field-hub-brand{align-items:center;gap:11px;display:flex}.field-hub-brand img{object-fit:contain;width:52px;height:41px}.field-hub-brand span{line-height:1;display:grid}.field-hub-brand strong{letter-spacing:.08em;font-size:12px}.field-hub-brand small{color:#55aee3;letter-spacing:.1em;margin-top:3px;font-size:14px;font-weight:850}.field-hub-hero{max-width:1320px;margin:0 auto;padding:72px 0 48px}.field-hub-hero>p{color:#78b9df;letter-spacing:.16em;margin:0 0 16px;font-size:12px;font-weight:900}.field-hub-hero h1{letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(54px,7vw,100px);line-height:.9}.field-hub-hero h1 span{color:#8dc9ec}.field-hub-intro{color:#a9bac8;max-width:700px;margin-top:28px;font-size:18px;line-height:1.65}.field-hub-routes{grid-template-columns:1fr 1fr;gap:22px;max-width:1320px;margin:0 auto;display:grid}.field-route{background:#0b2133;border:1px solid #ffffff21;border-radius:24px;min-width:0;transition:all .25s;overflow:hidden}.field-route:hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 28px 70px #00000040}.field-route-image{height:260px;overflow:hidden}.field-route-image img{object-fit:cover;width:100%;height:100%;display:block}.field-route.agxeed .field-route-image img{object-position:center 58%}.field-route.vdm .field-route-image img{object-position:center}.field-route-copy{flex-direction:column;align-items:flex-start;min-height:320px;padding:34px;display:flex}.field-route-copy>span{color:#8299a6;letter-spacing:.18em;margin-top:15px;font-size:10px;font-weight:900}.field-route-copy h2{letter-spacing:-.04em;margin:9px 0 13px;font-size:clamp(30px,3.2vw,46px);line-height:1}.field-route-copy p{color:#a9bac8;max-width:520px;margin:0;font-size:16px;line-height:1.6}.field-route-copy b{margin-top:auto;padding-top:28px;font-size:14px}.agxeed-logo{object-fit:contain;object-position:left;width:150px;height:38px}.field-route.agxeed .field-route-copy b{color:#a9df4f}.field-route.vdm{background:linear-gradient(145deg,#0b2133,#0d2940)}.vdm-route-mark{align-items:center;gap:11px;display:flex}.vdm-route-mark img{object-fit:contain;width:58px;height:45px}.vdm-route-mark span{letter-spacing:.08em;font-size:15px;font-weight:900}.field-route.vdm .field-route-copy b{color:#63b3e1}@media (width<=780px){.field-hub{padding:0 14px 40px}.field-hub-header{min-height:70px}.field-hub-header>a{display:none}.field-hub-hero{padding:45px 0 31px}.field-hub-hero h1{font-size:54px}.field-hub-intro{font-size:16px}.field-hub-routes{grid-template-columns:1fr}.field-route-image{height:205px}.field-route-copy{min-height:285px;padding:25px}.field-route-copy h2{font-size:34px}}

/* === Van der Maar typografie-unificatie === */
.field-hub-hero h1{
  font-weight:900;
  font-size:clamp(48px,5.7vw,82px);
  line-height:.96;
  letter-spacing:-.045em;
  max-width:980px;
}
.field-hub-hero h1 span{
  font-weight:900;
}
.field-hub-intro{
  max-width:780px;
  font-size:18px;
  line-height:1.58;
}
.field-route-copy h2{
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.02;
}
.vdm-route-mark{
  align-items:center;
  gap:11px;
  display:flex;
}
.vdm-route-mark img{
  object-fit:contain;
  width:58px;
  height:45px;
}
.vdm-route-mark span{
  line-height:1;
  display:grid;
}
.vdm-route-mark strong{
  letter-spacing:.08em;
  font-size:15px;
  font-weight:900;
}
.vdm-route-mark small{
  color:#55aee3;
  letter-spacing:.1em;
  margin-top:4px;
  font-size:13px;
  font-weight:900;
}
@media (width<=780px){
  .field-hub-hero h1{
    font-size:44px;
    line-height:.98;
  }
  .field-hub-intro{
    font-size:16px;
  }
  .field-route-copy h2{
    font-size:32px;
  }
}

/* === VDM Field Tools V3: website-typografie + merkblok === */
.field-route-copy h2{
  font-weight:900 !important;
  font-size:clamp(30px,2.8vw,44px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase;
  max-width:560px;
}
.vdm-tile-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:46px;
}
.vdm-tile-brand img{
  width:58px;
  height:45px;
  object-fit:contain;
  flex:0 0 auto;
}
.vdm-tile-brand-copy{
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:4px;
  line-height:1;
  margin:0 !important;
  padding:0 !important;
}
.vdm-tile-brand-copy strong{
  display:block;
  font-size:15px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}
.vdm-tile-brand-copy small{
  display:block;
  color:#55aee3;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.11em;
  white-space:nowrap;
  margin:0 !important;
}
@media (width<=780px){
  .field-route-copy h2{
    font-size:30px !important;
    line-height:1 !important;
  }
}

/* === VDM Field Tools V4: gelijke tegelopbouw === */
.field-route-copy{
  min-height:320px;
  padding:34px;
}
.field-route-brand-zone{
  height:58px;
  min-height:58px;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.agxeed-tile-brand{
  flex-direction:column;
  gap:7px;
}
.agxeed-tile-brand .agxeed-logo{
  width:150px;
  height:32px;
  margin:0;
  display:block;
  object-fit:contain;
  object-position:left center;
}
.agxeed-tile-brand small{
  color:#8299a6;
  letter-spacing:.18em;
  font-size:10px;
  line-height:1;
  font-weight:900;
}
.vdm-tile-brand{
  gap:12px;
  align-items:center;
}
.field-route-copy h2{
  font-size:clamp(29px,2.35vw,38px) !important;
  line-height:1 !important;
  min-height:48px;
  margin:14px 0 13px !important;
  display:flex;
  align-items:flex-start;
}
.field-route-copy p{
  min-height:52px;
}
.field-route-copy b{
  margin-top:auto;
}
@media (width<=780px){
  .field-route-copy{
    min-height:285px;
    padding:25px;
  }
  .field-route-brand-zone{
    height:56px;
    min-height:56px;
  }
  .field-route-copy h2{
    min-height:60px;
    font-size:29px !important;
    margin-top:12px !important;
  }
  .field-route-copy p{
    min-height:0;
  }
}

/* === VAN DER MAAR FIELD TOOLS LANDING V2 ===
   Alleen de Van der Maar-landingspagina. De calculator blijft onaangetast.
*/
.vdm-site.vdm-landing-v2{
  min-height:100vh;
  background:
    radial-gradient(circle at 52% 0,rgba(37,113,158,.16),transparent 34%),
    #06131f;
  color:#f5f8fb;
  font-family:var(--font-geist-sans),Inter,Arial,sans-serif;
}
.vdm-landing-v2 *{box-sizing:border-box}
.vdm-landing-v2 a{text-decoration:none}
.vdm-landing-v2 .vdm-container{
  width:min(1180px,90vw);
  max-width:1180px;
  margin:0 auto;
}
.vdm-landing-v2 .vdm-header{
  background:rgba(6,19,31,.96) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.vdm-landing-v2 .vdm-header-inner{
  min-height:88px !important;
}
.vdm-landing-v2 .vdm-brand{
  gap:11px !important;
}
.vdm-landing-v2 .vdm-brand img{
  width:52px !important;
  height:41px !important;
  object-fit:contain;
}
.vdm-landing-v2 .vdm-brand span{
  display:grid !important;
  line-height:1 !important;
}
.vdm-landing-v2 .vdm-brand strong{
  color:#fff !important;
  letter-spacing:.08em !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-brand small{
  color:#55aee3 !important;
  letter-spacing:.10em !important;
  margin-top:3px !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-header nav{
  align-items:center !important;
  gap:25px !important;
}
.vdm-landing-v2 .vdm-header nav>a:not(.vdm-button){
  color:#a8bac7 !important;
  font-size:13px !important;
  font-weight:750 !important;
}
.vdm-landing-v2 .vdm-header nav>a:not(.vdm-button):hover{color:#fff !important}

.vdm-landing-v2 .vdm-hero-v2{
  background:transparent !important;
  padding:74px 0 62px !important;
}
.vdm-landing-v2 .vdm-hero-v2-inner{
  display:block !important;
}
.vdm-landing-v2 .vdm-eyebrow{
  color:#78b9df !important;
  letter-spacing:.16em !important;
  margin:0 0 18px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-hero-v2 h1{
  max-width:970px !important;
  margin:0 !important;
  color:#f5f8fb !important;
  font-size:clamp(58px,6.7vw,92px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  font-weight:900 !important;
  text-transform:none !important;
}
.vdm-landing-v2 .vdm-hero-v2 h1 span{
  color:#8dc9ec !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-lead{
  max-width:790px !important;
  margin:31px 0 0 !important;
  color:#d3e0e7 !important;
  font-size:20px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}
.vdm-landing-v2 .vdm-hero-v2-text{
  max-width:790px !important;
  margin:12px 0 0 !important;
  color:#9fb2bf !important;
  font-size:16px !important;
  line-height:1.65 !important;
}
.vdm-landing-v2 .vdm-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:30px !important;
}
.vdm-landing-v2 .vdm-button{
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:13px !important;
  font-weight:850 !important;
  transition:.2s ease !important;
}
.vdm-landing-v2 .vdm-button-primary{
  background:#138ac7 !important;
  border:1px solid #138ac7 !important;
  color:#fff !important;
}
.vdm-landing-v2 .vdm-button-primary:hover{
  background:#27a2df !important;
  border-color:#27a2df !important;
  transform:translateY(-1px);
}
.vdm-landing-v2 .vdm-button-secondary{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#dbe7ed !important;
}
.vdm-landing-v2 .vdm-button-secondary:hover{
  border-color:rgba(255,255,255,.45) !important;
  color:#fff !important;
}

.vdm-landing-v2 .vdm-tools-v2{
  background:#071824 !important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:70px 0 !important;
}
.vdm-landing-v2 .vdm-section-heading-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr) !important;
  gap:60px !important;
  align-items:end !important;
  margin:0 0 30px !important;
}
.vdm-landing-v2 .vdm-section-heading-v2 h2,
.vdm-landing-v2 .vdm-about-v2 h2{
  margin:0 !important;
  color:#f5f8fb !important;
  font-size:clamp(38px,4vw,58px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-section-heading-v2>p{
  color:#a9bac8 !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1.6 !important;
}

.vdm-landing-v2 .vdm-tool-card-v2{
  display:grid !important;
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr) !important;
  min-height:365px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  background:linear-gradient(145deg,#0b2133,#0d2940) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:24px !important;
  box-shadow:none !important;
  color:inherit !important;
}
.vdm-landing-v2 .vdm-tool-card-v2:hover{
  border-color:rgba(99,179,225,.48) !important;
  transform:translateY(-3px);
  box-shadow:0 24px 55px rgba(0,0,0,.24) !important;
}
.vdm-landing-v2 .vdm-tool-card-photo{
  min-height:365px;
  background:#eef3f5;
  display:grid;
  place-items:center;
  padding:28px;
  overflow:hidden;
}
.vdm-landing-v2 .vdm-tool-card-photo img{
  width:100%;
  height:100%;
  max-height:310px;
  object-fit:contain;
  display:block;
}
.vdm-landing-v2 .vdm-tool-content{
  padding:38px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
}
.vdm-landing-v2 .vdm-status{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 11px !important;
  background:rgba(63,169,223,.10) !important;
  border:1px solid rgba(99,179,225,.26) !important;
  border-radius:999px !important;
  color:#7cc5ee !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}
.vdm-landing-v2 .vdm-tool-content h3{
  margin:18px 0 12px !important;
  color:#fff !important;
  font-size:clamp(34px,3.3vw,48px) !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
  font-weight:900 !important;
}
.vdm-landing-v2 .vdm-tool-content>p{
  max-width:570px !important;
  margin:0 !important;
  color:#a9bac8 !important;
  font-size:16px !important;
  line-height:1.62 !important;
}
.vdm-landing-v2 .vdm-tool-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.vdm-landing-v2 .vdm-tool-meta span{
  padding:7px 9px;
  border-radius:7px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
  color:#8fa7b5;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.vdm-landing-v2 .vdm-tool-action{
  margin-top:auto !important;
  padding-top:28px !important;
  color:#63b3e1 !important;
  font-size:14px !important;
  font-weight:900 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}
.vdm-landing-v2 .vdm-phase-strip-v2{
  margin-top:18px !important;
  padding:20px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:25px !important;
  background:#0a1d2b !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:15px !important;
}
.vdm-landing-v2 .vdm-phase-strip-v2>div>span{
  color:#69b7e4 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
.vdm-landing-v2 .vdm-phase-strip-v2 h3{
  margin:4px 0 3px !important;
  color:#f5f8fb !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
}
.vdm-landing-v2 .vdm-phase-strip-v2 p{
  margin:0 !important;
  color:#8fa5b3 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
.vdm-landing-v2 .vdm-phase-strip-v2>b{
  flex:0 0 auto !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(99,179,225,.09) !important;
  border:1px solid rgba(99,179,225,.20) !important;
  color:#77bde5 !important;
  font-size:10px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.vdm-landing-v2 .vdm-about-v2{
  background:#06131f !important;
  padding:74px 0 80px !important;
}
.vdm-landing-v2 .vdm-about-grid-v2{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:52px !important;
  align-items:stretch !important;
}
.vdm-landing-v2 .vdm-about-image-v2{
  min-height:440px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.vdm-landing-v2 .vdm-about-image-v2 img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.vdm-landing-v2 .vdm-about-copy-v2{
  padding:18px 0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.vdm-landing-v2 .vdm-about-copy-v2>p:not(.vdm-eyebrow){
  margin:18px 0 0 !important;
  color:#a9bac8 !important;
  font-size:15.5px !important;
  line-height:1.7 !important;
}
.vdm-landing-v2 .vdm-about-copy-v2 .vdm-actions{
  margin-top:28px !important;
}

.vdm-landing-v2 .vdm-footer{
  background:#04101a !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
}

@media (max-width:780px){
  .vdm-landing-v2 .vdm-container{
    width:auto !important;
    margin:0 14px !important;
  }
  .vdm-landing-v2 .vdm-header-inner{
    min-height:70px !important;
  }
  .vdm-landing-v2 .vdm-header nav{
    background:#081b29 !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }
  .vdm-landing-v2 .vdm-hero-v2{
    padding:46px 0 38px !important;
  }
  .vdm-landing-v2 .vdm-hero-v2 h1{
    font-size:50px !important;
    line-height:.95 !important;
  }
  .vdm-landing-v2 .vdm-lead{
    margin-top:24px !important;
    font-size:17px !important;
    line-height:1.55 !important;
  }
  .vdm-landing-v2 .vdm-hero-v2-text{
    font-size:14px !important;
  }
  .vdm-landing-v2 .vdm-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .vdm-landing-v2 .vdm-actions .vdm-button{
    width:100% !important;
  }
  .vdm-landing-v2 .vdm-tools-v2{
    padding:48px 0 !important;
  }
  .vdm-landing-v2 .vdm-section-heading-v2{
    grid-template-columns:1fr !important;
    gap:15px !important;
    margin-bottom:22px !important;
  }
  .vdm-landing-v2 .vdm-section-heading-v2 h2,
  .vdm-landing-v2 .vdm-about-v2 h2{
    font-size:34px !important;
  }
  .vdm-landing-v2 .vdm-tool-card-v2{
    grid-template-columns:1fr !important;
    min-height:0 !important;
    border-radius:18px !important;
  }
  .vdm-landing-v2 .vdm-tool-card-photo{
    min-height:220px !important;
    height:220px !important;
    padding:20px !important;
  }
  .vdm-landing-v2 .vdm-tool-card-photo img{
    max-height:185px !important;
  }
  .vdm-landing-v2 .vdm-tool-content{
    padding:24px !important;
    min-height:315px !important;
  }
  .vdm-landing-v2 .vdm-tool-content h3{
    font-size:34px !important;
  }
  .vdm-landing-v2 .vdm-phase-strip-v2{
    display:grid !important;
    gap:14px !important;
  }
  .vdm-landing-v2 .vdm-phase-strip-v2>b{
    justify-self:start !important;
  }
  .vdm-landing-v2 .vdm-about-v2{
    padding:50px 0 58px !important;
  }
  .vdm-landing-v2 .vdm-about-grid-v2{
    grid-template-columns:1fr !important;
    gap:27px !important;
  }
  .vdm-landing-v2 .vdm-about-image-v2{
    min-height:260px !important;
    height:260px !important;
    border-radius:18px !important;
  }
  .vdm-landing-v2 .vdm-about-copy-v2{
    padding:0 !important;
  }
}