/* =========================================================
   INVESTOREN — ALIGN TO INDEX.HTML
   Uses the same desktop content width, gutters, section rhythm
   and heading scale as the homepage. Investor-specific content
   and interactions remain unchanged.
   ========================================================= */

body.investor-page {
  --site-width: 1360px;
  --site-gutter: clamp(28px, 4vw, 64px);
  --section-y: clamp(72px, 5.8vw, 92px);
  --section-y-m: clamp(52px, 7vw, 68px);
  --content-gap: clamp(34px, 3.7vw, 54px);

  --type-hero: clamp(48px, 4.35vw, 66px);
  --type-section-xl: clamp(42px, 3.35vw, 56px);
  --type-section: clamp(32px, 2.45vw, 42px);
  --type-card: clamp(30px, 2.25vw, 40px);
  --body-lg: clamp(18px, 1.18vw, 20px);
  --body-md: clamp(16px, 1.02vw, 18px);
}

/* Same visible content boundary as index.html. */
.investor-page main .site-container,
.investor-page .site-footer .site-container {
  width: min(var(--site-width), calc(100% - (2 * var(--site-gutter))));
  max-width: var(--site-width);
  margin-inline: auto;
}

/* Same outer section rhythm as the homepage. */
.investor-page .iab-page > section:not(.investor-hero),
.investor-page .iab-page > .home-page > section,
.investor-page .iab-page > .investor-proof-wrap > section {
  margin-block: 0;
  padding-block: var(--section-y);
}

/* Hero: identical desktop height system to index.html. */
@media (min-width: 951px) {
  .investor-page .investor-hero {
    height: clamp(660px, 78vh, 760px);
    min-height: 660px;
    padding-block: 0;
  }

  .investor-page .investor-hero__inner {
    min-height: 100%;
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, .82fr);
    gap: clamp(44px, 4.7vw, 68px);
    align-items: center;
    padding-top: 62px;
  }

  .investor-page .investor-hero__title {
    max-width: 11.04em;
    margin-top: 24px;
    font-size: var(--type-hero);
    font-weight: 300;
    line-height: .94;
    letter-spacing: -.055em;
  }

  .investor-page .investor-hero__lede {
    max-width: 29.67em;
    margin-top: 18px;
    font-size: var(--body-md);
    line-height: 1.45;
  }

  .investor-page .investor-hero__actions {
    margin-top: 28px;
  }

  .investor-page .investor-hero .hero-button,
  .investor-page .investor-call-link {
    height: 54px;
    min-height: 54px;
  }

  .investor-page .investor-hero__stats {
    margin-top: 28px;
  }

  .investor-page .inv-hero-video__deadline {
    align-self: center;
  }
}

/* Primary section headings mirror the homepage editorial heading treatment. */
.investor-page .inv-story__head h2,
.investor-page .invest-fit__intro h2,
.investor-page .invest-projects__header h2,
.investor-page .tax-logic__intro h2,
.investor-page .fixed-variable__header h2,
.investor-page .process-editorial__title,
.investor-page .iab-faq__intro h2,
.investor-page .site-contact__intro h2 {
  font-size: var(--type-section-xl);
  font-weight: 300;
  line-height: .98;
  letter-spacing: -.055em;
  text-wrap: balance;
}

/* Keep headline spacing consistent with the homepage kicker -> title rhythm. */
.investor-page .inv-story__head h2,
.investor-page .invest-fit__intro h2,
.investor-page .invest-projects__header h2,
.investor-page .tax-logic__intro h2,
.investor-page .fixed-variable__header h2,
.investor-page .process-editorial__title,
.investor-page .iab-faq__intro h2,
.investor-page .site-contact__intro h2 {
  margin-top: 1.05rem;
}

.investor-page .inv-story__head,
.investor-page .invest-projects__header,
.investor-page .fixed-variable__header {
  margin-bottom: var(--content-gap);
}

/* Match homepage body-copy scale under major headings. */
.investor-page .invest-fit__intro-footer > p:not(.invest-fit__prompt),
.investor-page .invest-projects__header > p,
.investor-page .tax-logic__intro > p:not(.tax-logic__meta),
.investor-page .fixed-variable__header > p,
.investor-page .process-editorial__lead,
.investor-page .iab-faq__intro > p,
.investor-page .site-contact__lead {
  font-size: var(--body-md);
  line-height: 1.52;
}

/* The investor video block already reuses homepage markup; give it the
   exact homepage width/rhythm even though it sits inside a wrapper. */
.investor-page .investor-video-wrap .site-container {
  width: min(var(--site-width), calc(100% - (2 * var(--site-gutter))));
  max-width: var(--site-width);
  margin-inline: auto;
}

@media (max-width: 950px) {
  body.investor-page {
    --site-gutter: clamp(20px, 5.5vw, 34px);
  }

  .investor-page .iab-page > section:not(.investor-hero),
  .investor-page .iab-page > .home-page > section,
  .investor-page .iab-page > .investor-proof-wrap > section {
    padding-block: var(--section-y-m);
  }

  .investor-page .investor-hero {
    min-height: 0;
    height: auto;
    padding-block: var(--section-y-m);
  }

  .investor-page .investor-hero__inner {
    padding-top: 58px;
  }

  .investor-page .investor-hero__title {
    font-size: clamp(42px, 11vw, 56px);
    line-height: .96;
  }

  .investor-page .inv-story__head h2,
  .investor-page .invest-fit__intro h2,
  .investor-page .invest-projects__header h2,
  .investor-page .tax-logic__intro h2,
  .investor-page .fixed-variable__header h2,
  .investor-page .process-editorial__title,
  .investor-page .iab-faq__intro h2,
  .investor-page .site-contact__intro h2 {
    font-size: clamp(38px, 10.5vw, 50px);
  }
}

/* =========================================================
   INVESTOREN — PROOF STATS REFINEMENT
   Fixed value column keeps all titles on one vertical axis.
   Scoped to the investor page only.
   ========================================================= */
.investor-page .investor-proof-wrap .proof__stats {
  gap: 0;
  margin-top: clamp(32px, 3.4vw, 48px);
  border-top: 0;
  border-bottom: 0;
}

.investor-page .investor-proof-wrap .proof__stat,
.investor-page .investor-proof-wrap .proof__stat:first-child {
  display: grid;
  grid-template-columns: clamp(6.25rem, 7vw, 7.5rem) minmax(0, 1fr);
  align-items: center;
  gap: clamp(18px, 1.8vw, 28px);
  min-width: 0;
  padding: clamp(18px, 1.8vw, 24px) clamp(22px, 2.1vw, 30px);
  border-left: 0;
}

.investor-page .investor-proof-wrap .proof__stat:first-child {
  padding-left: 0;
  border-left: 0;
}

.investor-page .investor-proof-wrap .proof__value {
  width: 100%;
  justify-content: flex-start;
  font-size: clamp(42px, 3.6vw, 58px);
  line-height: .9;
  letter-spacing: -.055em;
  white-space: nowrap;
}

.investor-page .investor-proof-wrap .proof__value small {
  margin-top: .08em;
  margin-left: .07em;
  font-size: .42em;
  font-weight: 500;
}

.investor-page .investor-proof-wrap .proof__label {
  display: grid;
  gap: 3px;
  min-width: 0;
  font-size: 12.5px;
  line-height: 1.35;
}

.investor-page .investor-proof-wrap .proof__label strong {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.015em;
}

.investor-page .investor-proof-wrap .proof__partners {
  margin-top: clamp(24px, 2.6vw, 34px);
  padding-top: clamp(18px, 2vw, 24px);
  border-top: 0;
}

@media (max-width: 960px) {
  .investor-page .investor-proof-wrap .proof__stats {
    --proof-value-col: 6.25rem;
    position: relative;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: clamp(28px, 6vw, 36px);
    border-top: 0;
    border-bottom: 0;
  }

  /* Shared value width keeps every copy block on one clean axis. */
  .investor-page .investor-proof-wrap .proof__stat,
  .investor-page .investor-proof-wrap .proof__stat:first-child {
    display: grid;
    grid-template-columns: var(--proof-value-col) minmax(0, 1fr);
    align-items: center;
    column-gap: .5rem;
    min-height: clamp(70px, 14vw, 86px);
    padding: 0;
    border: 0;
  }

  .investor-page .investor-proof-wrap .proof__value {
    width: 100%;
    justify-content: flex-end;
    padding-right: 0;
    font-size: clamp(42px, 11vw, 54px);
    line-height: .92;
  }

  .investor-page .investor-proof-wrap .proof__label {
    align-self: center;
    gap: 3px;
    margin: 0;
    padding-left: 0;
    font-size: 12px;
    line-height: 1.32;
  }

  .investor-page .investor-proof-wrap .proof__label strong {
    font-size: 14px;
    line-height: 1.12;
  }
}

@media (max-width: 640px) {
  .investor-page .investor-proof-wrap .proof__stats {
    --proof-value-col: 6.25rem;
    margin-top: 28px;
  }

  .investor-page .investor-proof-wrap .proof__stat,
  .investor-page .investor-proof-wrap .proof__stat:first-child {
    min-height: 66px;
  }

  .investor-page .investor-proof-wrap .proof__value {
    padding-right: 0;
    font-size: 44px;
  }

  .investor-page .investor-proof-wrap .proof__label {
    padding-left: 0;
  }

  .investor-page .investor-proof-wrap .proof__partners {
    margin-top: 24px;
    padding-top: 20px;
  }
}



/* Partner logos — five-mark responsive strip. */
.investor-page .investor-proof-wrap .proof__partners {
  column-gap: clamp(44px, 5vw, 76px);
}

.investor-page .investor-proof-wrap .proof__partners-title {
  flex: 0 0 auto;
}

.investor-page .investor-proof-wrap .proof__logos {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(22px, 2.7vw, 42px);
  align-items: center;
  width: 100%;
}

.investor-page .investor-proof-wrap .proof__logos li {
  min-width: 0;
}

.investor-page .investor-proof-wrap .proof__logo {
  justify-content: center;
}

.investor-page .investor-proof-wrap .proof__logo img {
  max-width: 100%;
  object-fit: contain;
}

.investor-page .investor-proof-wrap .proof__logo--metergrid img {
  width: min(100%, 116px);
  height: auto;
}

.investor-page .investor-proof-wrap .proof__logo--rwg img {
  width: min(100%, 124px);
  height: auto;
}

@media (max-width: 960px) {
  .investor-page .investor-proof-wrap .proof__partners {
    row-gap: 26px;
  }

  .investor-page .investor-proof-wrap .proof__logos {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 640px) {
  .investor-page .investor-proof-wrap .proof__partners {
    gap: 0;
  }

  .investor-page .investor-proof-wrap .proof__partners-title {
    margin-bottom: 28px;
  }

  .investor-page .investor-proof-wrap .proof__logos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 22px;
  }

  .investor-page .investor-proof-wrap .proof__logo {
    width: 100%;
    min-height: 38px;
  }

  .investor-page .investor-proof-wrap .proof__logo img {
    width: auto;
    max-width: 100%;
    height: 32px;
  }

  .investor-page .investor-proof-wrap .proof__logo--metergrid img {
    width: min(100%, 98px);
    height: auto;
  }

  .investor-page .investor-proof-wrap .proof__logo--rwg img {
    width: min(100%, 104px);
    height: auto;
  }
}

/* Partner logo scale rebalance — stronger presence on desktop + mobile. */
.investor-page .investor-proof-wrap .proof__logo img {
  width: auto;
  height: clamp(46px, 3.1vw, 54px);
  max-width: 100%;
}

.investor-page .investor-proof-wrap .proof__logos li:nth-child(1) .proof__logo img {
  height: clamp(52px, 3.45vw, 60px);
}

.investor-page .investor-proof-wrap .proof__logos li:nth-child(2) .proof__logo img {
  height: clamp(48px, 3.2vw, 56px);
}

.investor-page .investor-proof-wrap .proof__logos li:nth-child(3) .proof__logo img {
  height: clamp(54px, 3.6vw, 62px);
}

.investor-page .investor-proof-wrap .proof__logo--metergrid img {
  width: min(100%, 148px);
  height: auto;
}

.investor-page .investor-proof-wrap .proof__logo--rwg img {
  width: min(100%, 158px);
  height: auto;
}

@media (max-width: 640px) {
  .investor-page .investor-proof-wrap .proof__logo {
    min-height: 48px;
  }

  .investor-page .investor-proof-wrap .proof__logo img {
    width: auto;
    max-width: 100%;
    height: 40px;
  }

  .investor-page .investor-proof-wrap .proof__logos li:nth-child(1) .proof__logo img {
    height: 46px;
  }

  .investor-page .investor-proof-wrap .proof__logos li:nth-child(2) .proof__logo img {
    height: 42px;
  }

  .investor-page .investor-proof-wrap .proof__logos li:nth-child(3) .proof__logo img {
    height: 48px;
  }

  .investor-page .investor-proof-wrap .proof__logo--metergrid img {
    width: min(100%, 116px);
    height: auto;
  }

  .investor-page .investor-proof-wrap .proof__logo--rwg img {
    width: min(100%, 128px);
    height: auto;
  }
}