/* Supplied three-panel design, scaled from its 2880px reference canvas. */
.money-features {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(64px, 5.2vw, 150px) 5.5556%;
  color: #1d2939;
  background: linear-gradient(#fff, #bfd9eb);
  font-family: 'Geist', sans-serif;
}
.money-features::before,
.money-features::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.money-features::before {
  background: url('assets/features-tiles.png') center / 100% 100% no-repeat;
  opacity: .78;
}
.money-features::after {
  background: linear-gradient(#ffffffb8, #ffffff18 60%, transparent), url('assets/features-glow.png') center / 100% 100% no-repeat;
  opacity: .08;
}
.money-features-inner { max-width: 2560px; margin: 0 auto; }
.money-features-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  margin-bottom: clamp(40px, 2.8vw, 80px);
}
.money-features-kicker {
  font-size: clamp(16px, 1.11vw, 32px);
  line-height: 1.4;
  color: #536174;
  margin: 0 0 clamp(10px, .7vw, 20px);
}
.money-features h2 {
  font-family: 'Schibsted Grotesk', sans-serif;
  font-weight: 500;
  font-size: clamp(40px, 3.89vw, 112px);
  letter-spacing: -.03em;
  line-height: 1;
  color: #1d2939;
  margin: 0;
}
.money-features-intro {
  flex: 0 1 24%;
  max-width: 620px;
  font-size: clamp(16px, 1.11vw, 32px);
  line-height: 1.35;
  color: #475467;
  margin: 0 0 2px;
}
.money-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 1.39vw, 40px);
}
.money-feature { min-width: 0; }
.money-feature > img {
  width: 100%;
  height: auto;
  aspect-ratio: 826 / 546;
  display: block;
}
.money-feature h3 {
  font: 600 clamp(18px, 1.25vw, 36px)/1.25 'Geist', sans-serif;
  color: #1d2939;
  letter-spacing: -.025em;
  margin: clamp(20px, 1.53vw, 44px) 0 clamp(7px, .5vw, 14px);
}
.money-feature > p {
  max-width: 72%;
  margin: 0;
  color: #475467;
  font-size: clamp(15px, 1.04vw, 30px);
  line-height: 1.4;
  letter-spacing: -.015em;
}
@media (max-width: 1000px) {
  .money-features-intro { flex-basis: 35%; }
  .money-feature > p { max-width: 100%; }
}
@media (max-width: 700px) {
  .money-features { padding: 60px 24px; }
  .money-features-heading { display: block; margin-bottom: 35px; }
  .money-features h2 { font-size: clamp(35px, 8vw, 52px); }
  .money-features-intro { max-width: 390px; margin-top: 24px; }
  .money-features-grid { grid-template-columns: 1fr; gap: 38px; }
  .money-feature > p { max-width: 420px; }
  .money-feature h3 { font-size: 21px; margin-top: 20px; }
  .money-features::before { background-size: auto 100%; }
}