/* Match adjoining section colours, then ease into each section's own canvas. */
:root { --section-fade: clamp(90px, 9vw, 150px); }
.sticky-stage {
  background: linear-gradient(to top, #fff, #ffffff00 var(--section-fade)), radial-gradient(ellipse at 47% 76%, #e4f1eb4d, transparent 51%), #fff;
}
.results-section { background: linear-gradient(to bottom, #fff, #f6f8f6 var(--section-fade)); }
.meeting-section { background: linear-gradient(to bottom, #f6f8f6, #fff var(--section-fade)); }
.integrations-section { border-top-color: transparent; border-bottom-color: transparent; background: #fff; }
.modelling-section {
  background: linear-gradient(to bottom, #fff, #f4f7f3 var(--section-fade));
}
.research-section {
  background: linear-gradient(to bottom, #f4f7f3, #fafbf8 var(--section-fade));
}
.soa-showcase {
  background: linear-gradient(to bottom, #fafbf8, #fafbf800 var(--section-fade)), linear-gradient(to top, #f6f8f6, #f6f8f600 var(--section-fade)), radial-gradient(ellipse at 50% 63%, #e9eee0, #fafbf7 70%);
}
.trust-section {
  background: linear-gradient(to bottom, #f6f8f6, #eaf0e5 var(--section-fade));
}
.closing-section {
  background: linear-gradient(to bottom, #eaf0e5, #fff var(--section-fade));
}

/* Keep existing inbound section links working after the homepage replacement. */
.legacy-anchor { position: absolute; width: 1px; height: 1px; pointer-events: none; scroll-margin-top: 95px; }