/* V5: Moneybird-maatvoering en een rustiger, consistenter typografisch systeem. */
:root {
  --wg-mb-ink: #0f1a17;
  --wg-mb-soft: #f5f5f4;
  --wg-mb-outer: min(1248px, calc(100% - 32px));
  --wg-mb-inner: 1200px;
  --wg-mb-copy: 768px;
}

/* Moneybird gebruikt geen onderstreepanimatie in de navigatie. */
.wg-header-v4 .site-header .nav-links > li > a::after {
  content: none !important;
  display: none !important;
}

.wg-header-v4 .site-header .nav-links > li > a,
.wg-header-v4 .site-header .nav-mega-trigger {
  text-decoration: none !important;
}

.wg-header-v4 .site-header,
.wg-header-v4 .site-header.scrolled,
.wg-header-v4 .site-header:not(.scrolled) {
  height: 81px;
}

body.wg-header-v4:has(.wg-v2) .site-header,
body.wg-header-v4:has(.wg-v2) .site-header.scrolled,
body.wg-header-v4:has(.wg-v2) .site-header:not(.scrolled) {
  height: 81px;
}

.wg-header-v4 .site-header .nav-cta,
.wg-header-v4.wg-v2-header-solid .site-header .nav-cta,
.wg-header-v4.wg-menu-open .site-header .nav-cta,
body.wg-header-v4.wg-v2-header-solid:has(.wg-v2) .site-header .nav-cta,
body.wg-header-v4.wg-menu-open:has(.wg-v2) .site-header .nav-cta {
  color: #fff !important;
}

body.wg-header-v4.wg-v2-header-solid:has(.wg-v2) .site-header .nav-links > li > a.nav-cta,
body.wg-header-v4.wg-menu-open:has(.wg-v2) .site-header .nav-links > li > a.nav-cta {
  color: #fff !important;
}

/* Homepage: 1260px hero-grid, 112px inset en een zichtbare USP-laag van 84px. */
.wg-v2-hero__content {
  width: min(1260px, calc(100% - 20px));
  padding: 220px 112px 0;
}

.wg-v2-hero h1 {
  max-width: 830px;
  color: #fff;
  font-size: clamp(48px, 4.7vw, 60px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.wg-v2-hero h1 span,
.wg-v2-section-head h2 span,
.wg-v2-price h2 span {
  color: inherit;
}

.wg-v2-hero__lead {
  max-width: 590px;
  margin-top: 24px;
  color: rgba(255, 255, 255, .88);
  font-size: 18px;
  line-height: 1.55;
}

.wg-v2-actions { margin-top: 26px; }
.wg-v2-button { min-height: 44px; border-radius: 12px; }
.wg-v2-proof { margin-top: 22px; }

.wg-v2-sheet {
  margin-top: calc(-100svh - 84px);
  border-radius: 40px 40px 0 0;
}

.wg-v2-usp {
  height: 84px;
  padding: 32px 0;
  border-bottom: 0;
  background: var(--wg-mb-soft);
}

.wg-v2-usp__track > span {
  color: var(--wg-mb-ink);
  font-weight: 500;
}

/* Moneybird body grid: 1248px buitenvlak, 24px padding, 1200px binnenvlak. */
.wg-v2-trusted,
.wg-v2-promise,
.wg-v2-services,
.wg-v2-integrations,
.wg-v2-reviews,
.wg-v2-price {
  width: var(--wg-mb-outer);
  margin-right: auto;
  margin-left: auto;
}

.wg-v2-promise,
.wg-v2-services,
.wg-v2-integrations,
.wg-v2-reviews,
.wg-v2-price {
  padding-right: 24px;
  padding-left: 24px;
}

.wg-v2-section-head,
.wg-v2-section-head--left {
  max-width: var(--wg-mb-copy);
}

.wg-v2-section-head--left {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.wg-v2-section-head--left > p:last-child { margin-left: auto; }

.wg-v2-section-head h2,
.wg-v2-price h2 {
  color: var(--wg-mb-ink);
  font-size: clamp(42px, 3.75vw, 48px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.wg-v2-eyebrow {
  margin-bottom: 16px;
  color: var(--wg-mb-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

.wg-v2-section-head > p:last-child {
  max-width: var(--wg-mb-copy);
  margin-top: 20px;
  color: #3c534a;
  font-size: 16px;
  line-height: 1.6;
}

.wg-v2-services,
.wg-v2-reviews { padding-top: 80px; padding-bottom: 96px; }
.wg-v2-promise { padding-top: 80px; padding-bottom: 88px; }
.wg-v2-integrations { padding-top: 80px; padding-bottom: 88px; }
.wg-v2-price { padding-top: 72px; padding-bottom: 72px; }

.wg-v2-benefits h3,
.wg-v2-portal-copy h3,
.wg-v2-service-card:not(.wg-v2-service-card--green) h3,
.wg-v2-integration-grid h3,
.wg-v2-review-card h3 {
  color: var(--wg-mb-ink);
}

.wg-v2-service-card--green {
  background: #047857;
  color: #fff;
}

.wg-v2-service-card--green h3 { color: #fff; }

/* Overstappen: dezelfde sticky hero en content-overlap als de homepage. */
.switch-hero-shell {
  position: relative;
  height: 200svh;
  min-height: 850px;
  background: #fff;
}

.switch-hero {
  position: sticky;
  top: 0;
  height: 100svh;
  min-height: 690px;
}

.switch-sheet {
  position: relative;
  z-index: 3;
  margin-top: calc(-100svh - 84px);
  overflow: hidden;
  border-radius: 40px 40px 0 0;
  background: #fff;
  box-shadow: 0 -18px 48px rgba(15, 26, 23, .08);
}

.switch-hero__content {
  width: min(1260px, calc(100% - 20px));
  min-height: 100%;
  padding: 220px 112px 0;
  justify-content: flex-start;
}

.switch-hero h1 {
  max-width: 830px;
  color: #fff;
  font-size: clamp(48px, 4.7vw, 60px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.switch-hero h1 span { color: inherit; }

.switch-hero__content > p:not(.switch-pill) {
  max-width: 590px;
  margin-top: 24px;
  color: rgba(255, 255, 255, .88);
  font-size: 18px;
  line-height: 1.55;
}

.switch-actions { margin-top: 26px; }
.switch-button { min-height: 44px; border-radius: 12px; }
.switch-proof { margin-top: 22px; }

.switch-shell { width: var(--wg-mb-outer); }

.switch-shell.switch-hero__content {
  width: min(1260px, calc(100% - 20px));
}

.switch-intro,
.switch-scope,
.switch-calm__inner,
.switch-faq,
.switch-cta {
  padding-right: 24px;
  padding-left: 24px;
}

.switch-intro { padding-top: 64px; padding-bottom: 96px; }

.switch-intro h2,
.switch-faq h2,
.switch-scope h2,
.switch-calm h2,
.switch-cta h2 {
  max-width: var(--wg-mb-copy);
  color: var(--wg-mb-ink);
  font-size: clamp(42px, 3.75vw, 48px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.switch-intro h2,
.switch-faq h2 { margin-right: auto; margin-left: auto; }

.switch-eyebrow {
  margin-bottom: 16px;
  color: var(--wg-mb-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

.switch-lead,
.switch-scope__copy > p:not(.switch-eyebrow),
.switch-steps p,
.switch-scope__grid p {
  color: #3c534a;
}

.switch-lead {
  max-width: var(--wg-mb-copy);
  margin-top: 20px;
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 1.6;
}

.switch-scope,
.switch-calm__inner,
.switch-cta { border-radius: 40px; }

@media (max-width: 900px) {
  .wg-v2-hero__content,
  .switch-hero__content {
    width: calc(100% - 48px);
    padding-right: 24px;
    padding-left: 24px;
  }

  .switch-shell.switch-hero__content { width: calc(100% - 48px); }
}

@media (max-width: 600px) {
  .wg-v2-hero__content,
  .switch-hero__content {
    width: calc(100% - 24px);
    padding: 128px 8px 114px;
    justify-content: flex-end;
  }

  .wg-v2-hero h1,
  .switch-hero h1 {
    font-size: clamp(44px, 12vw, 52px);
    line-height: 1.02;
  }

  .wg-v2-sheet,
  .switch-sheet {
    margin-top: calc(-100svh - 76px);
    border-radius: 28px 28px 0 0;
  }

  .wg-v2-usp { height: 76px; padding: 28px 0; }

  .wg-v2-promise,
  .wg-v2-services,
  .wg-v2-integrations,
  .wg-v2-reviews,
  .wg-v2-price,
  .switch-shell { width: calc(100% - 24px); }

  .switch-shell.switch-hero__content { width: calc(100% - 24px); }

  .wg-v2-section-head h2,
  .wg-v2-price h2,
  .switch-intro h2,
  .switch-faq h2,
  .switch-scope h2,
  .switch-calm h2,
  .switch-cta h2 { font-size: 38px; }

  .switch-intro { padding: 64px 12px 76px; }
  .switch-scope,
  .switch-calm__inner,
  .switch-faq,
  .switch-cta { padding-right: 20px; padding-left: 20px; }
}