/* Keep waves attached to their sections so gradients cannot expose divider bands. */
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-top-wave,:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-bottom-wave{position:absolute;left:0;right:0;width:100%;height:72px;margin:0;z-index:3;overflow:hidden;pointer-events:none}
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-top-wave{top:-1px;bottom:auto}
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-bottom-wave{bottom:-1px;top:auto}
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-top-wave svg,:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-bottom-wave svg{display:block;width:100%;height:100%}
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-top-wave svg{transform:rotate(180deg)}
:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-top-wave path,:is(.bsd-enterprise,.bsd-marketing) main>section>.bsd-section-bottom-wave path{fill:var(--bsd-divider-fill)}
.bsd-enterprise #process,.bsd-enterprise #engagements,.bsd-enterprise #questions,.bsd-marketing #free-visibility-review,.bsd-marketing #get-started{border-top:0}
.bsd-enterprise #overview,.bsd-enterprise #services,.bsd-enterprise #principles,.bsd-marketing #faq,.bsd-marketing #free-visibility-review{border-bottom:0}
.bsd-enterprise #process>.bsd-section-top-wave{--bsd-divider-fill:#fff}
.bsd-enterprise #engagements>.bsd-section-top-wave{--bsd-divider-fill:#f1f3f8}
.bsd-enterprise #questions>.bsd-section-top-wave{--bsd-divider-fill:#fcf8ef}
.bsd-marketing .hero>.bsd-section-bottom-wave{--bsd-divider-fill:#f7f5f1}
.bsd-marketing .showcase{background:#f7f5f1}
.bsd-marketing #free-visibility-review>.bsd-section-top-wave{--bsd-divider-fill:#f7f5f1}
.bsd-marketing #get-started>.bsd-section-top-wave{--bsd-divider-fill:#fffdf8}

/* Marketing wave paths already fill the upper half of the SVG. */
.bsd-marketing main>section>.bsd-section-top-wave svg{transform:none}.bsd-marketing main>.hero>.bsd-section-bottom-wave svg{transform:rotate(180deg)}

/* Use each SVG orientation and leave clear space above the review card. */
.bsd-marketing main>.hero>.bsd-section-bottom-wave svg{transform:none}.bsd-marketing #free-visibility-review>.bsd-section-top-wave svg{transform:rotate(180deg)}.bsd-marketing #free-visibility-review{padding-top:72px}

/* Keep the marketing hero wave in normal flow at the end of its padded content. */
.bsd-marketing main>.hero>.bsd-section-bottom-wave{position:relative;inset:auto;margin:-72px 0 -1px;transform:none}.bsd-marketing main>.hero{border-bottom:0}

/* Keep the hero-to-showcase join at the actual document-flow boundary. */
.bsd-marketing main>.bsd-hero-join-wave{position:relative;inset:auto;width:100%;height:72px;margin:-72px 0 0;z-index:3;line-height:0;pointer-events:none;transform:none}.bsd-marketing main>.bsd-hero-join-wave svg{display:block;width:100%;height:100%;transform:none}.bsd-marketing main>.bsd-hero-join-wave path{fill:#f7f5f1}